Web 前端開發項目化教程 (HTML5 + CSS3 + JavaScript + Bootstrap)
張亞東 鄭玉娟 胡恩澤
相關主題
商品描述
HTML、CSS和JavaScript是Web應用開發的基礎; Bootstrap是響應式開發必備的前端技術。本書以“採用網頁新標準技術、突破傳統知識體系結構、基於工作能力培養、置身真實工作情境”為標準。選取一個完整的網站項目,以工作任務為驅動,將知識點融入工作任務。按基礎項目(案例)、典型項目、實踐項目安排每個工作任務的內容,讓學習者由淺入深、循序漸進地掌握前端開發技術。一是通過大量示例輔助學習者掌握基礎知識點; 二是將一個完整的網站拆解為多個任務滲透在每個章節,通過項目驅動的方式讓學習者鞏固並靈活運用基礎知識,並能在此過程中逐步瞭解網站建設的思路和開發流程; 三是在章節末尾設置了動手實踐項目,涵蓋了本章主要知識點及相關技巧並適當延伸,引導學習者進行深入探索,培養學習者的自學能力和應用能力。 本書既可以作為高等學校“網頁設計與製作”課程的教材,也可以作為前端與移動開發的培訓教材,還可以作為網頁製作、網站開發、網頁編程、美工設計等人員的參考書。
目錄大綱
目錄
第1章Web前端開發職業前景與必要認知
1.1Web前端開發崗位現狀
1.1.1職業現狀
1.1.2職業前景
1.2Web概述
1.2.1網頁概述
1.2.2網站概述
1.3Web標準
1.3.1Web標準概念
1.3.2Web標準語言
1.3.3如何製作網站才符合Web標準
1.3.4Web標準的優勢
第2章設計“盛和景園”網站
2.1任務一: “盛和景園”房產網站需求分析的建立
2.1.1確定網站主題
2.1.2網站整體規劃
2.1.3收集資料和素材
2.2任務二: 網站首頁UI設計
2.2.1首頁整體結構設計
2.2.2首頁頭部區域的設計
2.2.3首頁導航區域的設計
2.2.4首頁宣傳區域設計
2.2.5首頁主體內容區域的設計
2.2.6首頁頁腳區域的設計
2.3課後實踐
第3章製作“盛和景園”網站
3.1任務一: 網站效果圖的切割與導出
3.2任務二: 創建“盛和景園”網站站點
3.3任務三: 製作“盛和景園”網站頁面
3.3.1網頁文檔的基本結構
3.3.2網頁的結構標簽和內容標簽
3.3.3網頁文檔的表現樣式
3.3.4網頁佈局
3.3.5網頁內容的表現樣式
3.3.6表單標簽
3.3.7表格的HTML標簽和常用樣式
3.3.8對網頁進行整體佈局
3.3.9製作首頁頭部區域
3.3.10製作首頁導航區域
3.3.11製作首頁宣傳部分
3.3.12製作首頁主體內容區域
3.3.13製作首頁頁腳部分
3.4課後實踐
第4章製作“盛和景園”網站交互行為
4.1項目實現
4.2課後實踐
第5章製作響應式“盛和景園”網站
5.1彈性佈局——Flex佈局
5.2媒體查詢
5.3Bootstrap
5.4擴展
5.4應用Bootstrap製作響應式“盛和景園”網站
5.5課後實踐