河北開放大學24秋實驗2:電商網(wǎng)站前端頁面 CSS 樣式編寫(24分)
【目標】根據(jù)素材中的設(shè)計圖要求,在實驗1成果基礎(chǔ)上,為網(wǎng)頁添加CSS樣式
【時間】約6學時
【步驟】
1.按圖1所示,為實驗1中的首頁內(nèi)容添加CSS樣式,使其符合設(shè)計圖的要求
2.按圖2所示,為實驗1中的租房列表頁面添加CSS樣式,使其符合設(shè)計圖的要求
3.按圖3所示,為實驗1中的租房詳情頁添加CSS樣式,使其符合設(shè)計圖的要求
4.為自行添加的自定義頁面內(nèi)容區(qū)域,按照自己的設(shè)計,定義CSS樣式。
【實驗要求】
需要提交的材料為實驗報告。
實驗報告由實驗?zāi)繕?、實驗環(huán)境、實驗內(nèi)容、實驗結(jié)果、實驗體會五個方面構(gòu)成,其中,實驗結(jié)果為本階段編寫的網(wǎng)頁的運行效果截圖。三個網(wǎng)頁的HTML代碼和CSS代碼以及素材圖片的壓縮包作為實驗報告附件。
需要提交的材料以WinRAR或WinZip等壓縮包形式上傳。本實驗占形考成績的24%。
【實驗評價要點】
輔導教師對提交的三個網(wǎng)頁的HTML和CSS代碼進行評價,評價應(yīng)該包括:
1.能夠使用CSS中定位屬性,實現(xiàn)網(wǎng)頁整體和局部的布局。
2.能夠使用CSS中列表樣式和浮動屬性,定義各種列表和導航條的樣式。
3.能夠使用CSS中表格樣式定義查詢結(jié)果列表的樣式
4.能夠使用各種字體,背景,圖片等樣式,按照設(shè)計圖要求,定義網(wǎng)頁局部細節(jié)的樣式
5.除完成設(shè)計效果圖規(guī)定的樣式外,還要對實驗1中自行添加的部分內(nèi)容,添加CSS樣式。
奧鵬,國開,廣開,電大在線,各省平臺,新疆一體化等平臺學習
詳情請咨詢QQ : 3230981406或微信:aopopenfd777

