你是否曾想過自己創(chuàng)建網頁,但苦于沒有經驗?那么從現在開始學習吧!本書由淺入深地講解了Web設計的一些重要概念、基本原理,以及HTML、CSS和JavaScript的具體使用方法與技巧。當你讀完本書后,將會掌握創(chuàng)建適用于移動設備的多列頁面的技巧。 每章都提供了一些練習和小測驗,幫助你了解不同的技術,鞏固對重要概念的理解。 第5版進行了全面更新和修訂,涵蓋了Web前端開發(fā)所需的一切,無論對初學者還是對想提高已有技能的專業(yè)開發(fā)人員,本書都是理想的選擇。 【本書主要內容】: ●使用文本、鏈接、圖像、表格和表單來構建HTML頁面。 ●使用CSS調整顏色、背景、頁面布局以及格式化文本,甚至是實現簡單的動畫效果。 ●學習JavaScript的工作原理及其在Web設計中的重要性。 ●創(chuàng)建并優(yōu)化Web圖像,加快圖像下載速度。 【本版新增內容】: ●使用CSS Flexbox和網格實現復雜靈活的頁面布局。 ● 學習自適應Web設計的細節(jié),使Web頁面在所有設備上看起來都很棒。 ● 熟悉現代Web開發(fā)者工具包中的命令行、Git和其他工具。 ●了解SVG圖像的超強能力。 【本書的組織結構】: 本書分為六部分,每一部分都是Web開發(fā)的一個重要方面。 第①部分:開始起步 第①部分為本書后面的學習奠定了基礎。我從關于Web設計的一些重要信息開始講述,包括你可能會扮演的各種角色,你可能會學到的技術和工具。你會學到HTML和CSS,并學習Web和網頁一般如何工作。我也會介紹一些重要的概念,帶你體會現代Web設計師的思想。 第②部分: 第②部分涵蓋每個元素和屬性的本質以及語義結構。我們將討論如何標記文本、鏈接、圖像、表格、表單和嵌入式媒體。 第③部分:表現層的 在第③部分,你會學習使用CSS來改變文本的外觀,為頁面創(chuàng)建多列布局,甚至添加基于時間的動畫、交互等。該部分還介紹了自適應Web設計,以及作為現代開發(fā)人員工作流一部分的工具和技術。 第④部分: 在第④部分,Mat Marquis從JavaScript的語法開始講解,帶領你逐步學習變量、函數。你也會學到JavaScript的使用方式(包括DOM腳本),以及已有的JavaScript工具(如polyfill和庫),即便你還沒有準備好從頭開始編寫代碼,這些工具也可以幫助你更快地使用JavaScript。 第⑤部分: 第⑤部分介紹Web適用的各種圖像文件格式,提供了將其作為自適應工作流的一部分進行選擇的策略,而且描述了如何進行優(yōu)化才能使文件尺寸盡可能小。此外,該部分還包括一個關于SVG圖形的章節(jié),這為自適應設計和交互式設計提供了極大的便利。 第⑥部分:附錄 第⑥部分包含參考資料,如測驗答案、HTML全局屬性列表和CSS選擇器,還介紹了HTML5及其歷史。