Web前端技術項目實戰教程

Web前端技術項目實戰教程

《Web前端技術項目實戰教程》是2020年機械工業出版社出版的圖書,作者是臧輝,伍紅華,張志剛,本書站在初學者的角度,以常用、實用、易懂為原則講述Web知識,通過情境置入、案例分析,詳細介紹了HTML、CSS及回響式布局等方面的知識和技巧。

基本介紹

  • 中文名:Web前端技術項目實戰教程
  • 作者:臧輝、伍紅華、張志剛
  • 出版社:機械工業出版社
  • ISBN:9787111662617 
內容簡介,圖書目錄,

內容簡介

本書站在初學者的角度,以常用、實用、易懂為原則講述Web知識,通過情境置入、案例分析,詳細介紹了HTML、CSS及回響式布局等方面的知識和技巧。全書以項目為導向,通過8個項目將知識點串聯起來,每個項目均會安排製作一個完整的網頁頁面,這樣學生能快速上手,增強學習效果。8個項目分別為走進Web的世界、“個人簡介”專題頁製作、“旅遊網”專題頁製作、“寵物相冊”專題頁製作、“潮流前線”專題頁製作、“商貿網信息註冊”專題頁製作、“大學生服務中心”專題頁製作、“菜鳥充電站”回響式頁面設計。
本書配有以下資源:書中所有案例的素材、效果檔案、原始碼、習題、課件等,以利於教師授課,學生練習。
本書既可作為普通高等院校相關專業的網頁設計與製作課程的教材,也可作為網頁平面設計的培訓教材,還可作為網頁製作、美工設計、網站開發、網頁編程等行業人員的參考用書。

圖書目錄

前言
項目1走進Web的世界1
【項目背景】1
【任務1.1】了解Web基本概念1
【任務1.2】掌握前端開發工具:代碼
編輯器(HBuilder)4
【任務1.3】圖像處理工具
(Photoshop)6
【項目總結】7
【課後練習】7
項目2“個人簡介”專題頁製作8
【項目背景】8
【任務2.1】學習HTML基本概念9
【任務2.2】學習HTML文本控制
標籤12
【任務2.3】學習HTML圖像標籤22
【任務2.4】設計“個人簡介”頁面
布局24
【任務2.5】個人簡介頭部模組製作26
【任務2.6】個人簡介模組製作27
【任務2.7】個人簡介頁腳模組製作 29
【項目總結】29
【課後練習】30
項目3“旅遊網”專題頁製作31
【項目背景】31
【任務3.1】學習CSS基本用法32
【任務3.2】學習CSS控制文本樣式36
【任務3.3】學習CSS高級特性 42
【任務3.4】設計“旅遊網”布局54
【任務3.5】導航模組製作57
【任務3.6】導語模組製作58
【任務3.7】內容模組製作59
【任務3.8】頁腳模組製作63
【項目總結】64
【課後練習】 65
項目4“寵物相冊”專題頁製作66
【項目背景】 66
【任務4.1】盒子模型的結構67
【任務4.2】盒子模型的相關屬性69
【任務4.3】塊級元素與行內元素之間的
轉換93
【任務4.4】“寵物相冊”頁面布局98
【任務4.5】導航模組製作100
【任務4.6】相冊模組製作104
【任務4.7】頁腳模組製作108
【項目總結】109
【課後練習】110
項目5“潮流前線”專題頁製作112
【項目背景】112
【任務5.1】掌握列表標籤112
【任務5.2】掌握浮動定位115
【任務5.3】掌握相對定位120
【任務5.4】掌握絕對定位122
【任務5.5】掌握固定定位127
【任務5.6】“潮流前線”頁面設計128
【項目總結】139
【課後練習】 139
項目6“商貿網信息註冊”專題頁
製作140
【項目背景】140
【任務6.1】表格標籤141
【任務6.2】表單標籤156
【任務6.3】表單控制項158
【任務6.4】“商貿網信息註冊”頁面
布局及基礎樣式定義167
【任務6.5】標題搜尋模組製作170
【任務6.6】選單模組製作173
【任務6.7】banner模組製作175
【任務6.8】註冊信息模組製作176
【任務6.9】頁腳模組製作181
【項目總結】 182
【課後練習】 182
項目7“大學生服務中心”專題頁
製作185
【項目背景】185
【任務7.1】 網頁布局的基本概念186
【任務7.2】分列布局186
【任務7.3】DIV+CSS布局實現
方式195
【任務7.4】“大學生服務中心”專題頁
各部分的製作197
【項目總結】208
【課後練習】208
項目8“菜鳥充電站”回響式頁面
設計209
【項目背景】209
【任務8.1】了解回響式頁面設計209
【任務8.2】了解常用的RWD技術210
【任務8.3】使用媒體查詢和彈性布局
實現“菜鳥充電站”
設計226
【項目總結】 232
【課後練習】 232
參考文獻234

相關詞條

熱門詞條

聯絡我們