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