網(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進行美化。任務(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)和改良這個頁面,達到熟悉表單元素的目的(傳統(tǒng)input和H5的混用達到全部熟悉的目的)?!?nbsp;具體要制作的頁面,入口在 /member/register_1.asp(不需要做),先填寫一些資料后進入下一個頁面/member/register_2.asp就是我們需要制作的。3.讓百度首頁樣式完全與官網(wǎng)樣式完全一致要求:· 試著使用HTML5元素改良百度首頁且樣式盡可能完全與官網(wǎng)完全一致(僅要求谷歌瀏覽器)?!?nbsp;本題難點在于百度首頁頂部菜單鼠標(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魔方效
聯(lián)系我們,獲取專業(yè)解決方案
互聯(lián)網(wǎng)數(shù)字產(chǎn)品開發(fā)與服務(wù)。
為企事業(yè)單位提供全面的互聯(lián)網(wǎng)整合營銷解決方案。