河北開(kāi)放大學(xué)24秋實(shí)驗(yàn)2：電商網(wǎng)站前端頁(yè)面 CSS 樣式編寫(xiě)（24分）

【目標(biāo)】根據(jù)素材中的設(shè)計(jì)圖要求，在實(shí)驗(yàn)1成果基礎(chǔ)上，為網(wǎng)頁(yè)添加CSS樣式

【時(shí)間】約6學(xué)時(shí)

【步驟】

1.按圖1所示，為實(shí)驗(yàn)1中的首頁(yè)內(nèi)容添加CSS樣式，使其符合設(shè)計(jì)圖的要求

2.按圖2所示，為實(shí)驗(yàn)1中的租房列表頁(yè)面添加CSS樣式，使其符合設(shè)計(jì)圖的要求

3.按圖3所示，為實(shí)驗(yàn)1中的租房詳情頁(yè)添加CSS樣式，使其符合設(shè)計(jì)圖的要求

4.為自行添加的自定義頁(yè)面內(nèi)容區(qū)域，按照自己的設(shè)計(jì)，定義CSS樣式。

【實(shí)驗(yàn)要求】

需要提交的材料為實(shí)驗(yàn)報(bào)告。

實(shí)驗(yàn)報(bào)告由實(shí)驗(yàn)?zāi)繕?biāo)、實(shí)驗(yàn)環(huán)境、實(shí)驗(yàn)內(nèi)容、實(shí)驗(yàn)結(jié)果、實(shí)驗(yàn)體會(huì)五個(gè)方面構(gòu)成，其中，實(shí)驗(yàn)結(jié)果為本階段編寫(xiě)的網(wǎng)頁(yè)的運(yùn)行效果截圖。三個(gè)網(wǎng)頁(yè)的HTML代碼和CSS代碼以及素材圖片的壓縮包作為實(shí)驗(yàn)報(bào)告附件。

需要提交的材料以WinRAR或WinZip等壓縮包形式上傳。本實(shí)驗(yàn)占形考成績(jī)的24%。

【實(shí)驗(yàn)評(píng)價(jià)要點(diǎn)】

輔導(dǎo)教師對(duì)提交的三個(gè)網(wǎng)頁(yè)的HTML和CSS代碼進(jìn)行評(píng)價(jià)，評(píng)價(jià)應(yīng)該包括：

1.能夠使用CSS中定位屬性，實(shí)現(xiàn)網(wǎng)頁(yè)整體和局部的布局。

2.能夠使用CSS中列表樣式和浮動(dòng)屬性，定義各種列表和導(dǎo)航條的樣式。

3.能夠使用CSS中表格樣式定義查詢(xún)結(jié)果列表的樣式

4.能夠使用各種字體，背景，圖片等樣式，按照設(shè)計(jì)圖要求，定義網(wǎng)頁(yè)局部細(xì)節(jié)的樣式

5.除完成設(shè)計(jì)效果圖規(guī)定的樣式外，還要對(duì)實(shí)驗(yàn)1中自行添加的部分內(nèi)容，添加CSS樣式。

奧鵬，國(guó)開(kāi)，廣開(kāi)，電大在線(xiàn)，各省平臺(tái)，新疆一體化等平臺(tái)學(xué)習(xí)
詳情請(qǐng)咨詢(xún)QQ : 3230981406或微信:aopopenfd777