網(wǎng)頁設(shè)計制作作業(yè)的任務(wù)要求

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