《網頁設計與製作：Web前端開發》是2021年清華大學出版社出版的圖書。
基本介紹
- 中文名：網頁設計與製作：Web前端開發
- 作者：楊艷,郜亞麗,蘇文芝
- 出版社：清華大學出版社
- 出版時間：2021年9月1日
- 開本：16 開
- 裝幀：平裝
- ISBN：9787302583158
內容簡介,圖書目錄,
內容簡介
《網頁設計與製作：Web 前端開發（第3版）》圍繞專題類、商業類、教育類、門戶類等主流網站類型，採用項目引導、任務驅動的編寫方式，全面、翔實地介紹了 Web 前端開發的流程及相關技術，包括 HTML5、CSS3、JavaScript、回響式布局、開發網站等內容，並介紹 CMS 網站管理系統以及動態網站技術。 全書共分為 10 個項目，項目的構建由易到難，逐層深入，讓學生在模擬的工作情境下切實掌握網頁設計與製作的方法和技能，提高動手能力和解決實際問題的能力。 《網頁設計與製作：Web 前端開發（第3版）》適合於高職高專院校計算機、電子商務及相關專業的學生學習使用，也可以作為網頁設計與製作初學者和網頁製作培訓班學員的參考用書。
圖書目錄
目錄
項目1網頁製作基礎知識
1.1項目描述及分析
1.2任務1優秀網站賞析
1.3任務2網頁基礎知識
1.3.1網頁和網站的基本概念
1.3.2網頁的組成元素
1.3.3網頁相關名詞
1.3.4Web標準
1.3.5回響式Web設計
1.4任務3網站建設的一般流程
1.4.1確定網站主題
1.4.2規劃網站結構
1.4.3收集資料與素材
1.4.4確定版面布局方式
1.4.5製作網頁
1.4.6測試與發布網站
1.4.7推廣網站
1.4.8網站的後期維護
1.5網頁製作入門
1.5.1HTML5簡介
1.5.2CSS3簡介
1.5.3JavaScript簡介
1.5.4常見瀏覽器
1.6網頁製作常用開發工具簡介
1.6.1網頁製作與編輯工具
1.6.2頁面設計與美化工具
1.7知識連結
1.7.1網頁製作的基本原則
1.7.2認識圖像
1.7.3常見的建站方式
實訓
項目2製作簡單網頁
2.1項目描述及分析
2.2任務1進行網站功能設計
2.3任務2設計網站首頁原型
2.3.1認識Photoshop
2.3.2製作首頁原型
2.3.3首頁原型的切片與導出
2.4任務3網頁的製作與上傳
2.4.1認識HBuilder
2.4.2HBuilder入門
2.4.3域名和空間的申請
2.4.4網站檔案的上傳
2.5知識連結
2.5.1網頁中的色彩
2.5.2網頁基本元素的標準和使用技巧
實訓
項目3“太陽島”旅遊網站製作
3.1項目描述及分析
3.2任務1添加文本
3.3任務2認識HTML
3.3.1HTML文檔基本格式
3.3.2認識HTML標籤
3.3.3HTML常用標籤
3.4任務3編輯文本
3.4.1全國免費電話文本設定
3.4.2最新動態行文本編輯
3.5任務4認識CSS.59
3.5.1認識CSS樣式表
3.5.2創建並使用CSS樣式最佳化網頁源碼
3.6任務5設計網站子頁
3.7知識連結——CSS控制文本樣式
3.8拓展學習——旅遊類網站的設計要點
3.8.1旅遊類網站的類型
3.8.2旅遊類網站的設計
要點
實訓
項目4“盟院合作”專題網站製作
4.1項目描述及分析
4.2任務1認識盒子模型
4.3盒子模型相關屬性
4.3.1盒子框線屬性
4.3.2內邊距屬性
4.3.3外邊距屬性
4.3.4背景屬性
4.3.5盒子的寬與高
4.4浮動與定位
4.4.1元素的浮動
4.4.2元素的定位
4.5項目製作
4.5.1頁面布局及定義基礎樣式99
4.5.2頁眉製作
4.5.3“主體”模組製作
4.5.4頁腳製作
4.6知識連結——補充CSS選擇器
4.7拓展學習——專題網站製作的設計要點
實訓
項目5“艾上樂品”服裝網站製作
5.1項目描述及分析
5.2任務1列表標記及嵌套
5.2.1列表標記
5.2.2列表的嵌套
5.3任務2CSS控制列表樣式
5.4任務3認識表格標記
5.4.1表格標記
5.4.2CSS控制表格樣式
5.5項目製作
5.5.1頁面布局及定義基礎樣式
5.5.2製作“頭部”導航模組
5.5.3製作banner模組和“精品展示”模組
5.5.4製作“版權資訊”模組
5.6知識連結——瀏覽器兼容性
5.7拓展學習——流行時尚類網站的設計要點
實訓
項目6影音網站製作
6.1任務1了解HTML5多媒體的特性
6.2任務2了解HTML5常用的多媒體格式
6.2.1音頻格式
6.2.2視頻格式
6.3任務3HTML5多媒體的實現
6.3.1audio標籤
6.3.2video標籤
6.3.3source標籤
6.4任務4HTML5表單的套用
6.4.1認識表單
6.4.2HTML5新增的表單屬性
6.4.3HTML5標籤
6.5任務5影音網站項目描述及分析
6.6任務6添加多媒體檔案
6.6.1添加音頻檔案
6.6.2添加視頻檔案
6.6.3添加留言模組
6.7知識連結——音頻/視頻
DOM參考手冊
實訓
項目7“我要回家網”頁面製作
7.1項目描述及分析
7.2任務1JavaScript概述
7.2.1JavaScript簡介
7.2.2JavaScript引入方式
7.2.3JavaScript基本語法
7.2.4一個簡單的JavaScript程式
7.3任務2JavaScript語言基礎
7.3.1關鍵字和標識符
7.3.2變數和數據類型
7.3.3運算符和表達式
7.4任務3程式流程控制
7.4.1條件語句
7.4.2循環語句
7.4.3跳轉語句
7.5任務4函式
7.5.1初識函式
7.5.2函式的調用
7.5.3函式中變數的作用域
7.6任務5結構布局及樣式定義
7.6.1準備工作
7.6.2製作思路分析
7.6.3頁面結構設計
7.6.4基礎樣式定義
7.6.5CSS/JS檔案引入
7.7任務6製作“頭部”版塊
7.7.1“頭部”版塊效果分析
7.7.2“頭部”版塊製作
7.8任務7製作“導航”版塊
7.8.1“導航”版塊效果分析
7.8.2“導航”版塊製作
7.9任務8製作banner版塊和“時間”版塊
7.9.1banner版塊和“時間”版塊效果分析
7.9.2banner版塊和“時間”版塊製作
7.10任務9製作“客運信息”版塊
7.10.1“客運信息”版塊效果分析
7.10.2“客運信息”版塊製作
7.11任務10製作“底部”版塊
7.11.1“底部”版塊效果分析
7.11.2“底部”版塊製作
7.12拓展學習——業務類網站的設計要點
7.12.1業務類網站的類型
7.12.2業務類網站的設計要點
實訓
項目8“延慶外國語學校”頁面製作
8.1項目描述及分析
8.2任務1認識對象
8.2.1什麼是對象
8.2.2對象的屬性和方法
8.2.3創建和刪除對象
8.2.4內置對象
8.3任務2數組對象
8.3.1初識數組
8.3.2數組的常見操作
8.3.3數組的常用屬性和方法
8.3.4二維數組
8.4任務3BOM和DOM對象
8.4.1BOM對象
8.4.2DOM對象
8.5任務4事件處理
8.5.1什麼是事件
8.5.2事件處理程式的調用
8.5.3滑鼠事件
8.5.4鍵盤事件
8.5.5表單事件
8.5.6頁面事件
8.6任務5布局及定義基礎樣式
8.6.1準備工作
8.6.2製作思路分析
8.6.3頁面結構設計
8.6.4基礎樣式定義
8.6.5CSS/JS檔案引入
8.7任務6製作“頭部及導航”版塊
8.7.1“頭部”版塊效果分析
8.7.2“頭部”版塊製作
8.8任務7製作banner版塊
8.8.1banner版塊效果分析
8.8.2banner版塊製作
8.9任務8製作“學校簡介”版塊
8.9.1“學校簡介”版塊效果分析
8.9.2“學校簡介”版塊製作
8.10任務9製作“課程特色”版塊
8.10.1“課程特色”版塊效果分析
8.10.2“課程特色”版塊製作
8.11任務10製作“頁腳”版塊
8.11.1“頁腳”版塊效果分析
8.11.2“頁腳”版塊製作
8.12拓展學習——教育類網站的設計要點
8.12.1教育類網站的類型
8.12.2教育類網站的設計要點
實訓
項目9網站動態化
9.1項目描述及分析
9.2任務1認識CMS
9.2.1靜態網頁與動態網頁
9.2.2CMS
9.3任務2靜態頁面模板導入
9.3.1DedeCMS的安裝和環境配置
9.3.2靜態頁面模板導入
9.3.3模板的相關概念
9.4任務3DedeCMS常用標籤
9.4.1了解DedeCMS中的標籤
9.4.2DedeCMS中的常用標籤
9.5任務4首頁動態化
9.5.1網站欄目管理
9.5.2首頁動態化
9.6任務5其他頁面動態化
9.6.1列表頁（欄目頁）動態化
9.6.2內容頁動態化
9.7任務6生成靜態頁面
9.8知識連結——數據備份與還原
實訓
項目10回響式Web設計
10.1項目描述及分析
10.2任務1認識回響式布局
10.2.1設計理念
10.2.2回響式的實現
10.3任務2回響式布局基礎知識
10.3.1回響式設計相關概念
10.3.2回響式布局的實現
10.4任務3回響式布局框架
10.4.1常見的回響式布局框架
10.4.2Bootstrap簡介
10.5任務4認識Bootstrap
10.5.1相關概念
10.5.2CSS布局
10.5.3組件
10.6任務5頁面回響式布局
10.6.1項目需求
10.6.2頭部回響式布局
10.6.3主體部分回響式布局
10.6.4頁腳部分回響式布局
10.6.5測試頁面
10.7知識連結——Bootstrap中的其他組件
10.7.1表單
10.7.2複選框和單選按鈕
10.7.3卡片
實訓
參考文獻
