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