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