Web前端開發實戰
內容描述
本書緊密圍繞Web前端工程師在製作網頁過程中的實際需要和應該掌握的技術，
全面介紹如何使用HTML5、CSS3、JavaScript進行網頁設計和美化。
本書著眼於實戰，講解的都是在開發時經常遇到的典型問題和案例，
主要內容分為Web前端開發先備知識、構建HTML頁面、使用CSS美化頁面、
使用JavaScript製作網頁特效、綜合實戰5個單元。
本書優選了20個任務，大部分任務從提出實際問題開始，
通過【任務描述】和【知識預覽】，詳細講述解決問題所需的知識點，
並在【任務實現】過程中詳細講解實現步驟，同時展示代碼實例和相關截圖，
最後通過【任務實訓】強化讀者對技能的掌握，使讀者循序漸進地體驗網頁製作過程。
本書既可以作為高等院校、高等職業院校相關專業的“網頁設計與製作”課程的配套教材，
也可以作為“1+X證書”中有關Web前端開發(初級)的技術參考用書。
目錄大綱
單元1 Web前端開發先備知識1
【任務1．1】揭秘Web前端開發1
1．1．1 Web前端開發概述1
1．1．2 Web標準3
【任務1．2】使用前端工具開發第一個網頁4
1．2．1前端開發工具介紹5
1．2．2使用Dreamweaver CS6 5
1．2．3使用Sublime Text 8
1．2．4使用Dreamweaver CC 11
1．2．5瀏覽器簡介13
【任務1．3】建立正確的站點結構15
1．3．1前端頁面相關知識15
1．3．2站點的建立17
1．3．3站點的管理和發布20
單元測試1 22
單元2構建HTML頁面23
【任務2．1】基本頁面構建23
2．1．1 HTML介紹23
2．1．2 HTML5網頁的基本結構和基本標籤的作用24
2．1．3創建簡單網頁25
2．1．4 HTML頭部屬性設置28
【任務2．2】新聞頁面構建30
2．2．1 HTML基本標籤30
2．2．2新聞頁面製作35
2．2．3自閉合標籤36
2．2．4相對路徑和絕對路徑37
【任務2．3】讀書頁面構建39
2．3．1超鏈接41
2．3．2讀書頁面製作42
2．3．3 HTML中的命名規則43
2．3．4超鏈接中的一些屬性44
【任務2．4】教育頁面構建45
2．4．1列表47
2．4．2教育頁面製作49
【任務2．5】浪浪網首頁構建52
2．5．1表格54
2．5．2表格語義化57
2．5．3浪浪網首頁製作59
【任務2．6】浪浪網註冊頁面構建64
2．6．1表單標籤65
2．6．2表單元素67
2．6．3表單分組73
2．6．4註冊頁面製作74
2．6．5 HTML5新增的表單標籤77
【任務2．7】浪浪網多媒體頁面構建79
2．7．1多媒體的使用80
2．7．2多媒體頁面製作83
單元測試2 84
單元3使用CSS美化頁面86
【任務3．1】初識浪浪網頭部CSS 86
3．1．1初識CSS 86
3．1．2浪浪網頭部CSS設置91
3．1．3 Google推薦的HTML和CSS格式規範92
【任務3．2】新聞頁面的簡單美化96
3．2．1文字樣式97
3．2．2文本樣式100
3．2．3超鏈接樣式103
3．2．4邊框樣式105
3．2．5背景樣式108
3．2．6新聞頁面的美化112
3．2．7字體設置113
3．2．8 CSS3中新增的背景屬性和圓角邊框屬性115
【任務3．3】浪浪網首頁主體製作119
3．3．1 CSS盒子模型和HTML元素120
3．3．2列表樣式126
3．3．3浮動佈局128
3．3．4首頁主體製作133
3．3．5清除浮動的方法143
【任務3．4】浪浪網導航欄製作147
3．4．1定位佈局147
3．4．2 z-index屬性152
3．4．3 display屬性154
3．4．4導航欄製作155
單元測試3 161
單元4使用JavaScript製作網頁特效163
【任務4．1】浪浪網下拉菜單特效製作163
4．1．1 JavaScript簡介164
4．1．2在網頁中引入JavaScript的方式165
4．1．3 JavaScript的數據結構166
4．1．4 JavaScript流程控制語句168
4．1．5函數169
4．1．6 JavaScript常用事件172
4．1．7下拉菜單特效173
【任務4．2】浪浪網圖片輪換特效製作176
4．2．1 DOM模型177
4．2．2數組180
4．2 ．3定時181
4．2．4計時183
4．2．5圖片輪換特效183
4．2．6 Date對象185
【任務4．3】浪浪網表單驗證特效製作187
4．3．1獲取表單元素值187
4．3．2 JavaScript內置函數189
4．3．3正則表達式190
4．3．4表單驗證特效192
4．3．5 HTML5的表單驗證195
4．3．6自定義驗證信息196
【任務4．4】浪浪網其他特效製作198
4．4．1 CSS樣式特效200
4．4．2 window對象201
4．4．3選項卡特效204
4．4．4彈出廣告特效206
4．4 ．5頁面返回、前進、刷新特效206
單元測試4 208
單元5綜合實戰209
【任務5．1】水源安檢企業網站首頁製作209
5．1．1頁面佈局210
5．1．2代碼實現213
【任務5．2】萬維電商網站首頁製作233
5．2．1常見的網站類型233
5．2．2頁面佈局236
5．2．3代碼實現240
附錄A Dreamweaver CC使用技巧257
附錄B單元測試答案260
作者介紹
盛昀瑤
常州機電職業技術學院骨干教師。
主講過Java程序設計、UI界面設計、B/S前端技術基礎、
jQuery開發技術、SEO等多門課程，具有較豐富的教學經驗。
主講的前端課程獲江蘇省多媒體課件製作一等獎、省信息化教學設計三等獎、
省高校微課比賽三等獎、院精品課程一等獎。
