隨著“互聯網+”理念在各個領域的深入應用，產生了對Web軟件的大量需求，這使得前端工程師的地位越來越重要，而HTML、CSS是Web前端開發的基本技能。Web編程基礎的要培養前端開發工作崗位要求的高素質技術/技能人纔，尤其注重培養解決實際問題的能力和創新能力。鋻於此，本書在編寫中突出以下特點。 1.采用企業生產性項目貫穿始終 本書以一個企業生產性項目“新聞網”為載體，將課程內容整合、序化為8個教學模塊、26個開發任務。其同步開展的28個實訓操作任務，使用項目“班級網站”貫穿，以達到講練結合、強化訓練的目的。 2.緊扣“1+X”職業技能標準要求 為了緊密對接Web前端開發企業人纔需求及“1+X”職業技能標準要求，本書內容覆蓋了“1+X”Web前端開發職業技能中HTML+CSS的基本知識點，以及Web前端編碼、測試、技術服務等崗位的基本技能點。 3.融入課程思政，注重素質教育 本書內容的設計全面貫徹“立德樹人”“文化育人”“思政育人”的教學理念。在每個模塊中，根據教學模塊主題，在項目任務中融入家國情懷、文化認同、職業認同、誠信擔當、工匠精神、綠色環保等思政教育內容，如鹽入水，有味，使學掌握職業技能、提高解決實際問題能力的同時，地完成“育人”的重任，為其職業生涯的可持續發展和終身學基礎。 4.突出能力培養，利於分層次提高 本書中每個教學模塊都設計了“知階”一節，內括知識拓展、技能拓展、開發經驗技巧，或1~2個提高型的綜合應用案例。這有利於提高學綜合應用能力，使學知識和技能難度行延伸和突破，並且使學強的學加知識儲備，提高專業技能。 5.類型豐富的教學資源，便於開展教學 本書提供的教學資源主括課程標準、整體設設計、教度表、考核方案、學、教案、電子課件、教學、典型案例、實訓指導等。此外，括了新知識/新技階、任務拓展等，使課程資源既具有，又兼具適應產業發展的前瞻性。需要電子教學參考資的教師請登錄華信教育資源網（htp:/www.hxedu.com.cn)注冊後免費下載。 在本書中，“新聞網”的設計制作貫穿8個教學模塊，其具體安排如下。 模塊1網站的設計與策劃，通過4個開發任務介紹網頁、網站、服務器和客戶端等基本概念，以及網頁開發技術、網站設計策劃流程和網頁開發工具的基礎知識。 模塊2使用HTML技術制作“新聞網”中圖文並茂的新聞頁面，通過3個開發任務介紹網頁結構的創建，添加網頁文本內容，設置圖文並茂的網頁 模塊3使用CSS技術對“新聞網”中的新聞頁行美化修飾，通過3個開發任務介紹CSS層疊樣式表的使用，以及CSS控制頁面中文本、字體、前景圖、背景圖的外觀樣式和盒子模型的使用。 模塊4制作並修飾“新聞網”中的新動態頁面，通過2個開發任務介紹有序列表、無序列表、嵌套列表、定義列表，以及各種超鏈接的創建和CSS樣式的設置。 模塊5制作“新聞網”中的多媒體相冊頁面，通過4個開發任務介紹表格的創建、表格行列結構的調整、表格嵌套和音頻、等素的創建及CSS樣式的修飾。 模塊6制作“新聞網”中的會員注冊頁面，通過3個開發任務介紹表單的創建、CSS樣式的修飾，以及浮動框架在頁面中的應用。 模塊7制作“新聞網”的首頁，通過4個開發任務，即首頁整體布局分析設計、頭部的實現、中間主體內容的實現和底部頁腳版權的實現，介紹了網站頁面的創建過程，以及使用DIV+CSS實現頁面布局，使用HTML和CS行頁面設計的方法。 模塊8企業級項目綜合應用，通過3個開發任務，即制作企業產品展示頁面、制作新聞詳情頁面和制作用戶登錄頁面，綜合訓練學網頁制作技能，一步提網站設計開發能力。 同行的實訓以學悉的“班級網站”展開，將28個實訓操作任務貫穿於8個教學模塊中，通過強化實踐訓練，培養用所學知識和技行網頁設計制作的能力。 本書由高麗霞、柴大鵬、張靜、王宏編寫，由高麗霞擔任主編並統稿。其中，柴大鵬編寫模塊7和模塊8中的任務部分；張靜編寫模塊1、模塊2、模塊3中的基礎知識和小結部分，以及模塊4中任務1的基礎知識部分；王宏編寫模塊4中任務2的基礎知識部分；其餘部分由高麗霞編寫。本書承山東電子職業技術學院徐新艷老師主審。 在制作過程中，本書的部分文字、圖像、音頻、等素材由孫駿雯、王梓人幫助搜集制作，在此表示衷心感謝！ | 
