網頁設計制作作業的任務要求
任務 1: 學會基本的HTML(5)標簽骨架以及基本服務器概念1.開發基礎百度首頁要求:· 學會配置開發環境· 學會使用基本的HTML結構搭建骨架· 基本符合視覺上的要求· 讓整塊在頁面大致垂直居中· 頁面的點擊全部為真實點擊· 并不要求CSS2.開發課程表要求:· HTML&HTML5標簽及表格table的使用;· 代碼結構的處理· HTML5語義的使用· 提前學習,使用了css進行美化。任務 2: 學會HTML5新增元素及CSS核心技術1.制作一個由5個100*100DIV組成的十字架要求:· 制作一個由5個100*100DIV組成的十字架(如),· 中間放一張icon(自己喜歡的64*64的小圖片)在DIV里垂直水平居中,· 十字架頁面垂直居中水平居中,每一個DIV要有邊框陰影盡量的讓其漂亮。2.制作家教網注冊頁面要求:· 青島家教網注冊頁面是一個N年前非常傳統的老式頁面,很陳舊,需要大家用自己新學過的HTML&HTML5&CSS&CSS3的知識,一些新的表單元素,重新實現和改良這個頁面,達到熟悉表單元素的目的(傳統input和H5的混用達到全部熟悉的目的)。· 具體要制作的頁面,入口在 /member/register_1.asp(不需要做),先填寫一些資料后進入下一個頁面/member/register_2.asp就是我們需要制作的。3.讓百度首頁樣式完全與官網樣式完全一致要求:· 試著使用HTML5元素改良百度首頁且樣式盡可能完全與官網完全一致(僅要求谷歌瀏覽器)。· 本題難點在于百度首頁頂部菜單鼠標懸浮下拉菜單的效果,當前階段未學JS, 可以參考使用偽類:hover盡可能去實現,但不做太多要求。4.實戰盒子模型與彈性盒模型。要求:· 正常盒子與怪異盒子對比· 彈性盒子水平分欄,垂直分欄,排序(flex),cloumn分欄· 舊版彈性盒子居中布局· 美觀程度任務 3: 學會CSS常用布局技巧以及繪制特殊圖形和動畫1.CSS3開發3D魔方要求:· 使用CSS3開發炫酷的3D魔方效