移動互聯網時代,前端工程師經常面臨如何在PC端和各種移動平臺間跨平臺開發的問題。針對這個問題,《HTML5+CSS+JavaScript網頁布局從入門到精通》在研究分析當前應用開發解決方案和主流技術的基礎上,提出一種跨平臺的前端應用方案,即利用支持標準 HTML5、CSS和JavaScript 的跨平臺前端框架開發。《HTML5+CSS+JavaScript網頁布局從入門到精通》按從基礎到開發大型平臺前端的思路,介紹了如何使用HTML5+CSS+JavaScript布局網頁的方法。以大型電商平臺作為前端開發的案例,按從入門到高級商業產品應用的開發思路進行講解,讓讀者通過書中的內容即可成為一名名副其實的前端開發工程師。《HTML5+CSS+JavaScript網頁布局從入門到精通》內容豐富、結構清晰,注重商業應用思維的訓練與實踐應用,向讀者提供了Web前端開發的基礎知識、開發技術、動畫特效的制作方法,適合初、中級網頁設計愛好者,Web前端工程師,以及希望對原有網站進行重構的網頁設計者使用,也可以作為高等院校相關專業和相關培訓機構的教學用書。
本書是暢銷套系“金牌網站設計師”系列的一本新產品,針對目前就業市場上搶手的前端開發工程師編寫,書中內容融入了作者十余年網絡開發的實踐經驗與技巧,所有案例均來自真實的商業案例,還免費提供全部源代碼和教學電子課件,既適合自學,也適合相關專業院校或培訓機構的老師教學,是一本不可多得的前端開發寶典,可以幫助讀者快速掌握主流的前端開發技能,輕松獲得就業崗位,成為IT精英。
陳益材,現任中公教育教學研發研究院院長,兼任中國互聯網信用中心技術總監,擁有十多年的互聯網技術開發與營銷經驗,精通網站的前端布局設計、網站的策劃運營。創辦環博文化IT出版品牌,策劃并輔助過近百家企業網站的建立與營銷推廣。王志曉,工學博士,IEEE會員、CCF會員,現為西安理工大學教師,具有計算機網絡、Web技術、網絡通信協議分析等課程的多年教學和實踐經驗;于2010年9月至2011年7月獲歐盟伊拉斯謨計劃資助,赴德國哥廷根大學學習交流,并進行合作研究。
前言第1章 HTML5基礎知識11.1 HTML文檔基本結構21.1.1 HTML文檔編輯器21.1.2 HTML文檔類型21.1.3 HTML文檔標準結構51.2 HTML標簽、元素和屬性61.2.1 HTML標簽的概念61.2.2 元素和元素形式71.2.3 屬性的定義81.2.4 大小寫規范91.3 常用HTML5標簽91.3.1 基礎標簽91.3.2 格式標簽111.3.3 表單標簽131.3.4 框架標簽241.3.5 圖像標簽241.3.6 音/視頻標簽271.3.7 鏈接標簽311.3.8 列表標簽321.3.9 表格標簽341.3.10 樣式/節標簽351.3.11 元信息標簽381.3.12 編程標簽40第2章 CSS基本語法和應用422.1 CSS層疊樣式表432.1.1 CSS的作用、類型與沖突432.1.2 編輯CSS層疊樣式表442.1.3 在HTML文檔中應用CSS的方法462.2 CSS的基本語法492.2.1 CSS的3種選擇器502.2.2 選擇器的聲明542.2.3 CSS樣式繼承562.2.4 使用CSS注釋582.3 CSS盒模型控制582.3.1 CSS盒模型概念582.3.2 外邊距margin的控制602.3.3 邊框border的樣式設置622.3.4 內邊距padding的設置64第3章 DIV+CSS網頁基礎布局663.1 div元素的基礎知識673.1.1 div標簽控制方法673.1.2 HTML中的元素693.1.3 元素的樣式設置703.2 DIV+CSS基礎布局723.2.1 網頁寬度的設置723.2.2 水平居中的設置733.2.3 div的嵌套設置753.2.4 div的浮動方法763.2.5 網頁布局的實例813.3 列表元素布局843.3.1 列表元素布局導航843.3.2 導航條的超鏈接853.3.3 導航條的互動設計873.4 元素的非常規定位方式883.4.1 CSS絕對定位883.4.2 CSS固定定位903.4.3 CSS相對定位923.4.4 CSS程序的簡化93第4章 JavaScript編程應用基礎954.1 成功網站的特點和嵌入網頁的動畫技術964.1.1 成功網站所具備的特點964.1.2 嵌入網頁的動畫技術974.2 JavaScript應用基礎1004.2.1 JavaScript的特點1004.2.2 在網頁中嵌入JavaScript1014.3 JavaScript的圖片輪播應用1024.3.1 設計首頁的版面1034.3.2 創建和編輯站點1054.3.3 使用DIV+CSS布局網頁1054.3.4 使用動畫技術111第5章 Photoshop網頁設計與應用1175.1 網站的策劃準備工作1185.1.1 網站建設前期的總體策劃1185.1.2 定位網站的主題1185.1.3 擬定網站訪問群體1195.2 網站策劃的重點1195.2.1 網站欄目的設計1205.2.2 網站VI形象的定位1205.2.3 網站設計的宣傳標語1225.2.4 網站框架的確定1235.2.5 網站資料的收集1245.2.6 網站制作的注意事項1245.3 網頁設計全程實例1255.3.1 首頁版式的設計分析1265.3.2 網站首頁的大小設計1275.3.3 頁面框架的搭建1285.3.4 設計Banner圖片1295.3.5 小導航的制作1305.3.6 大導航的制作1305.3.7 版權的設計1315.3.8 內容的設計1335.3.9 友情鏈接133第6章 HTML5+CSS布局網頁1356.1 網站首頁的布局設計1366.1.1 首頁圖片的切片1366.1.2 調節網頁圖片1396.1.3 創建站點1426.2 使用HTML5+CSS布局網頁1436.2.1 布局的整體規劃1436.2.2 首頁的HTML5布局1446.2.3 CSS的樣式美化1466.2.4 HTML5兼容IE的設置148第7章 電子商城首頁布局1507.1 電子商城系統規劃1517.1.1 網站整體布局規劃1517.1.2 建立網站的本地站點1517.1.3 商城首頁布局分析1547.2 首頁布局基礎功能1567.2.1 重置樣式表global.css1567.2.2 跨平臺自適應網頁寬度1597.2.3 鏈接樣式表和JavaScript1607.2.4 布局小導航功能1607.2.5 搜索功能的布局設計1647.2.6 大導航和二級菜單1677.2.7 制作首頁圖片的輪播1727.3 功能模塊的首頁布局1767.3.1 市場精選頻道設計1777.3.2 特價商品和品牌館1787.3.3 版權內容排版布局180第8章 用戶管理系統布局1818.1 用戶管理系統的規劃1828.1.1 系統結構設計1828.1.2 頁面規劃設計1828.2 用戶注冊功能的布局1838.2.1 用戶注冊頁面DIV1838.2.2 CSS樣式設計1878.2.3 表單的交互驗證1898.3 用戶登錄模塊的設計2018.3.1 登錄頁面的設計2018.3.2 登錄成功個人頁面2048.4 找回密碼的布局2058.4.1 確認用戶的頁面2068.4.2 選擇找回方式2088.4.3 修改和找回密碼212第9章 購物車系統布局2159.1 購物車系統規劃2169.1.1 購物車系統功能2169.1.2 購物車系統流程2179.1.3 系統結構設計2199.1.4 頁面規劃設計2209.2 產品前臺展示功能2209.2.1 產品列表頁.html2219.2.2 產品詳情頁.html2279.3 購物車下訂單功能2359.3.1 購物車.html2369.3.2 確認訂單.html2479.3.3 付款.html2509.3.4 完成.html253