隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，HTML5 CSS3 已成為Web 前端開發(fā)的主流技術(shù)。本書從高等職業(yè)教育的特點及技術(shù)技能型人才培養(yǎng)的要求出發(fā)，介紹網(wǎng)站設(shè)計的基礎(chǔ)內(nèi)容，培養(yǎng)學(xué)生網(wǎng)頁布局、網(wǎng)頁設(shè)計與制作的能力。
本書的主要內(nèi)容是Web 前端開發(fā)中的HTML 與CSS 部分，包含HTML5 和CSS3 內(nèi)容。在內(nèi)容設(shè)計上對HTML 與CSS 的內(nèi)容進(jìn)行了整合，使得HTML 與CSS 有機(jī)地融合在一起。本書共六個項目，每個項目又有若干任務(wù)，每個任務(wù)由學(xué)習(xí)目標(biāo)、任務(wù)描述、任務(wù)分析、知識準(zhǔn)備、任務(wù)實現(xiàn)和拓展內(nèi)容組成。項目的整體設(shè)計從基礎(chǔ)知識開始，然后介紹常用網(wǎng)頁元素，最后是綜合設(shè)計。項目1 介紹HMTL 基礎(chǔ)和CSS 基礎(chǔ)，項目2 介紹文本標(biāo)簽、圖像標(biāo)簽及其樣式，項目3 介紹列表標(biāo)簽、超鏈接標(biāo)簽及其樣式，項目4 介紹表格標(biāo)簽及其樣式，項目5 介紹表單標(biāo)簽及其樣式，項目6 是綜合內(nèi)容，制作網(wǎng)站主頁和一個子頁。HTML5、CSS3、HTML 元素的分類、盒模型等內(nèi)容作為拓展內(nèi)容融入各個任務(wù)中。項目1 到項目5 附有習(xí)題，包括理論知識題和實踐操作題。
本書采用項目 任務(wù)的模式進(jìn)行編寫，并配有相關(guān)的視頻講解。各項目中的HTML內(nèi)容和CSS 內(nèi)容既相互獨立，又有機(jī)融合。
本書各知識技能點循序漸進(jìn)、由易到難，易于學(xué)生學(xué)習(xí)。教學(xué)用例比較豐富，多數(shù)用例配有相關(guān)的代碼和運(yùn)行效果圖，比較直觀，體現(xiàn)了以學(xué)生為中心的理念，適合學(xué)生自學(xué)，也適合教師教學(xué)。從項目的選題到內(nèi)容的設(shè)計方面，融入了課程思政元素，如：我的理想、北京冬奧會、社會主義核心價值觀、志愿服務(wù)、垃圾分類等，實現(xiàn)了思想政治教育與知識教育有機(jī)統(tǒng)一。
本書由李桂蘭、劉靜任主編，宋春暉、鄢長卿、邢麗、孟程任副主編。具體編寫分工如下：李桂蘭編寫項目1、項目2 和項目3，宋春暉、孟程、邢麗、鄢長卿編寫項目6，劉靜編寫項目4 和項目5。李桂蘭負(fù)責(zé)素材的收集與整理、教學(xué)視頻的制作、教材的統(tǒng)稿等工作。本書建議教學(xué)學(xué)時為72，在實踐教學(xué)場所展開教學(xué)，講練結(jié)合。
本書編者曾參加企業(yè)組織的Web 前端開發(fā)培訓(xùn)，又有從事相關(guān)課程的教學(xué)經(jīng)驗。但由于編者水平有限，不足之處在所難免，敬請廣大讀者批評指正，在此表示感謝。