河北開放大學24秋實驗4：電商網站前端頁面 LESS 編寫（12分）

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

【時間】約3學時

【步驟】

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

2.使用Less語法根據定義的基準值，定義部分修正的值。

3.使用Less語法簡寫復雜結構的選擇器定義

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

【實驗要求】

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

實驗報告由實驗目標、實驗環(huán)境、實驗內容、實驗結果、實驗體會五個方面構成，其中，實驗結果為本階段編寫的網頁的運行效果截圖。三個網頁的HTML代碼、CSS代碼和less代碼以及素材圖片的壓縮包作為實驗報告附件。

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

【實驗評價要點】

輔導教師對學員的實際操作進行評價，評價應該包括：

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

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

3.能夠利用Less語法最大限度的簡化和重用復雜選擇器的結構

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

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

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