河北開放大學(xué)24秋實驗4：電商網(wǎng)站前端頁面 LESS 編寫（12分）

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

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

【步驟】

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

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

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

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

【實驗要求】

需要提交的材料為實驗報告。

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

需要提交的材料以WinRAR或WinZip等壓縮包形式上傳。本實驗占形考成績的12%。

【實驗評價要點】

輔導(dǎo)教師對學(xué)員的實際操作進行評價，評價應(yīng)該包括：

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

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

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

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

5.將自己添加的部分頁面的CSS代碼一并轉(zhuǎn)為Less

奧鵬，國開，廣開，電大在線，各省平臺，新疆一體化等平臺學(xué)習(xí)
詳情請咨詢QQ : 3230981406或微信:aopopenfd777