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

【目標(biāo)】將實(shí)驗(yàn)2中三個(gè)頁(yè)面的CSS代碼用less重新組織

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

【步驟】

1.使用Less語(yǔ)法重新組織三個(gè)頁(yè)面中相同的顏色、字體等屬性值，集中定義在一處

2.使用Less語(yǔ)法根據(jù)定義的基準(zhǔn)值，定義部分修正的值。

3.使用Less語(yǔ)法簡(jiǎn)寫(xiě)復(fù)雜結(jié)構(gòu)的選擇器定義

4.使用Less語(yǔ)法重用部分相同的樣式屬性。

【實(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代碼和less代碼以及素材圖片的壓縮包作為實(shí)驗(yàn)報(bào)告附件。

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

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

輔導(dǎo)教師對(duì)學(xué)員的實(shí)際操作進(jìn)行評(píng)價(jià)，評(píng)價(jià)應(yīng)該包括：

1.能夠合理使用Less的變量，集中定義相同的CSS屬性值

2.能夠合理使用算數(shù)計(jì)算，根據(jù)Less變量的值，動(dòng)態(tài)生成新的CSS屬性值

3.能夠利用Less語(yǔ)法最大限度的簡(jiǎn)化和重用復(fù)雜選擇器的結(jié)構(gòu)

4.能夠利用Less中的混合和函數(shù)最大限度的重用CSS屬性

5.將自己添加的部分頁(yè)面的CSS代碼一并轉(zhuǎn)為L(zhǎng)ess

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