網頁設計與Web前端開發案例教程——HTML5,CSS3,JavaScript

《網頁設計與Web前端開發案例教程——HTML5、CSS3、JavaScript》是2019年9月清華大學出版社出版的圖書，作者是莫小梅、毛衛英。

基本介紹

• 書名：網頁設計與Web前端開發案例教程——HTML5、CSS3、JavaScript
• 作者：莫小梅、毛衛英
• ISBN：9787302534532
• 定價：79.80元
• 出版社：清華大學出版社
• 出版時間：2019年9月

內容簡介

本書分為理論篇和套用篇兩個部分。其中，理論篇在內容上詳細剖析了最新Web標準的三大部分——HTML5、CSS3、JavaScript，及其在網頁設計與Web前端開發中的套用； 套用篇則從實用的角度補充了綜合實訓指導及課業拓展知識等。本書知識結構體系較新，較全面地覆蓋了目前企業前端工程師所需的相關理論和套用技能，同時案例形式豐富，既有針對單一知識點的小實例及貫穿特定案例網站的開發實錄，也有針對Web前端技術重點和難點的案例實踐，更有階段性的綜合案例實戰。在案例設計方面，既突出新知識點的套用技巧，又以不同的方式鞏固學過的技能，使讀者能夠一步一個腳印、循序漸進地紮實掌握網頁設計與Web前端開發的各項技能。

本書提供了配備的課程資源包，內容包括教學大綱、製作精良的教學課件（PPT）、電子教案、重點及難點綜合案例的教學視頻、本書所有的實例和綜合案例的程式源碼、課後題庫的參考答案等。其中，程式源碼全部經過精心測試，能夠在Windows 系統及以Chrome為代表的主流瀏覽器下編譯和運行。

本書可作為普通高校計算機及相關專業教材、高職高專教材，適用於課堂教學、實驗實訓及綜合課程設計等相關的教學活動，並可供從事網頁設計與製作、Web前端開發、網頁編程等行業人員參考。

圖書目錄

源碼下載

第一部分理論篇

第1章網頁設計與Web前端基礎

1.1Web概述

1.1.1Web的歷史

1.1.2Web體系結構

1.1.3基本Web技術

1.1.4相關概念

1.2網頁標準簡介

1.2.1結構標準語言

1.2.2表現標準語言

1.2.3行為標準語言

1.3網站開發工作流程

1.3.1擬定網站主題

1.3.2規劃網站架構與內容

1.3.3收集相關資料

1.3.4頁面設計和布局規劃

1.3.5網頁製作、測試與上傳

1.3.6網站的推廣與更新維護

1.4Web開發工具

1.4.1Adobe Dreamweaver

1.4.2Sublime Text

1.4.3Notepad++

1.4.4EditPlus

1.4.5WebStorm

1.4.6Visual Studio Code

1.5習題

第2章HTML常用標籤

2.1HTML5網頁結構

2.1.1HTML的發展歷程

2.1.2初識HTML標籤

2.1.3HTML5文檔的基本結構

2.1.4HTML文檔主體標籤

2.2網頁文本

2.2.1注釋標籤

2.2.2段落和換行標籤

2.2.3標題標籤

2.2.4特定文字樣式標籤

2.2.5網頁特殊字元

2.3圖片標籤及屬性

2.3.1常見圖片格式

2.3.2網頁圖片的四要素

2.4超連結標籤

2.4.1超連結的基本格式

2.4.2URL連結

2.4.3本地連結

2.4.4書籤連結

2.4.5下載檔案連結

2.4.6郵件連結

2.5插入多媒體

2.5.1在外部視窗中播放多媒體

2.5.2在當前文檔中播放音頻

2.5.3在當前文檔中播放視頻

2.6習題

第3章使用CSS3樣式表

3.1初識CSS樣式表

3.1.1第一個CSS案例

3.1.2CSS基本語法

3.1.3CSS的創建

3.1.4組合選擇器

3.1.5後代選擇器

3.1.6類選擇器的創建和引用

3.1.7id選擇器的創建和引用

3.2盒模型

3.2.1盒模型的概念

3.2.2樣式初始化

3.2.3框線屬性

3.2.4內邊距屬性

3.2.5外邊距屬性

3.2.6外邊距合併

3.2.7盒模型案例實踐

3.3列表標籤及樣式

3.3.1無序列表

3.3.2有序列表

3.3.3定義列表

3.3.4列表樣式

3.3.5列表樣式案例實踐

3.4元素的分類及轉換

3.4.1塊元素

3.4.2行內元素

3.4.3行內塊元素

3.4.4元素類型的轉換

3.4.5元素類型轉換案例實踐

3.5CSS的常用屬性

3.5.1背景屬性

3.5.2字型屬性

3.5.3文本屬性

3.5.4滑鼠屬性

3.5.5CSS常用屬性案例實踐

3.6高級選擇器

3.6.1子元素選擇器

3.6.2相鄰元素選擇器

3.6.3關聯元素選擇器

3.6.4屬性選擇器

3.6.5偽類選擇器

3.6.6偽元素選擇器

3.6.7高級選擇器案例實踐

3.7CSS繼承與優先

3.7.1CSS樣式繼承

3.7.2選擇器的優先權

3.7.3樣式優先權

3.7.4CSS書寫順序

3.8常用CSS3屬性

3.8.1圓角屬性

3.8.2方框陰影屬性

3.8.3文本陰影屬性

3.8.4溢出屬性

3.8.5可見性屬性

3.8.6常用CSS3屬性案例實踐

3.9習題

第4章使用HTML+CSS布局網頁

4.1CSS布局概述

4.1.1CSS布局相關概念

4.1.2CSS的3種定位機制

4.2元素的浮動

4.2.1浮動

4.2.2浮動的常規用法

4.2.3浮動的特殊情況

4.2.4與inlineblock的比較

4.2.5清除屬性

4.2.6元素浮動案例實踐

4.3元素的定位

4.3.1定位屬性

4.3.2相對定位

4.3.3絕對定位

4.3.4固定定位

4.3.5zindex

4.3.6定位元素的居中

4.3.7元素定位案例實踐

4.4圖片及布局

4.4.1圖片布局的幾個概念

4.4.2水平對齊

4.4.3垂直對齊

4.4.4圖片布局案例實踐

4.5表單及布局

4.5.1表單的基本結構

4.5.2表單元素

4.5.3表單相關偽類

4.5.4表單布局案例實踐

4.6表格及布局

4.6.1表格標籤

4.6.2合併單元格

4.6.3表格的樣式

4.6.4表格的特徵

4.6.5表格布局及案例實踐

4.7內聯框架

4.7.1內聯框架的基本用法

4.7.2內聯框架布局案例實踐

4.8CSS進階套用

4.8.1網頁logo套用

4.8.2阿里圖示套用

4.8.3CSS代碼復用

4.8.4CSS進階套用案例實踐

4.9PC端網頁布局綜合案例實戰

4.10習題

第5章HTML5+CSS3移動網站布局

5.1HTML5新增標籤

5.1.1HTML5概述

5.1.2HTML5結構性標籤

5.1.3HTML5語義化標籤

5.1.4HTML5網頁案例實踐

5.2CSS3新增偽類和偽元素

5.2.1以fisrt、last、only為前綴的偽類

5.2.2以nth為前綴的偽類

5.2.3其他偽類和偽元素

5.2.4CSS3新增偽類案例實踐

5.3CSS3變形、過渡及動畫

5.3.1變形

5.3.2過渡

5.3.3動畫

5.3.4變形、過渡及動畫案例實踐

5.4CSS3新增屬性

5.4.1新增背景屬性

5.4.2新增顏色屬性

5.4.3倒影

5.4.4遮罩

5.4.5CSS3新增屬性案例實踐

5.5CSS3彈性盒模型

5.5.1基本彈性盒模型設定

5.5.2彈性容器相關屬性

5.5.3彈性項目相關屬性

5.5.4怪異盒模型

5.5.5動態計算calc()

5.5.6彈性盒模型案例實踐

5.6回響式布局和自適應布局

5.6.1媒體查詢

5.6.2視口

5.6.3自適應布局

5.7移動端網頁布局案例實戰

5.8習題

第6章使用JavaScript腳本

6.1初識JavaScript

6.1.1JavaScript簡介

6.1.2JavaScript的使用

6.1.3JavaScript代碼規範

6.1.4彈窗與調試

6.1.5獲取元素及操作內容

6.1.6簡單認識DOM0級事件

6.1.7定義變數

6.1.8JS基本套用案例實踐

6.2JavaScript的基本元素

6.2.1數據類型

6.2.2常量

6.2.3運算符和表達式

6.2.4數據類型轉換

6.3操作瀏覽器對象屬性及CSS樣式

6.3.1操作對象屬性

6.3.2操作對象屬性案例實踐

6.3.3操作CSS樣式

6.3.4操作CSS樣式案例實踐

6.4JavaScript的條件語句

6.4.1if語句

6.4.2switch語句

6.4.3條件語句案例實踐

6.5JavaScript的循環語句

6.5.1for循環語句

6.5.2while循環語句

6.5.3do…while循環語句

6.5.4break和continue語句

6.5.5循環語句案例實踐

6.6使用JavaScript函式

6.6.1函式分類

6.6.2函式參數

6.6.3返回語句

6.6.4變數的作用域

6.6.5JS函式案例實踐

6.7JavaScript對象的操作語句

6.7.1with語句

6.7.2for…in語句

6.7.3對象關鍵字及操作符

6.8JavaScript常用內置對象

6.8.1數組對象

6.8.2字元串對象

6.8.3數學對象

6.8.4日期對象

6.9DOM對象及操作

6.9.1HTML DOM簡介

6.9.2HTML中的節點類型

6.9.3DOM節點的訪問

6.9.4DOM節點的操作

6.9.5DOM對象案例實踐

6.10BOM對象及操作

6.10.1BOM簡介

6.10.2視窗對象

6.10.3文檔對象

6.10.4位置對象

6.10.5歷史對象

6.10.6瀏覽器信息對象

6.11localStorage對象及操作

6.11.1HTML5 Web存儲簡介

6.11.2localStorage對象的基本用法

6.11.3本地存儲案例實踐

6.12Web互動開發案例實戰

6.13習題

第7章圖形繪製

7.1初識Canvas

7.2Canvas的坐標系統

7.3添加Canvas元素

7.4Canvas繪製環境

7.5繪圖API

7.5.1繪製路徑

7.5.2漸變色的使用

7.5.3圖形變換

7.5.4繪製環境的保存與恢復

7.5.5繪製圖像

7.5.6繪製文本

7.6動畫製作

7.7時鐘案例實戰

7.8習題

第二部分套用篇

第8章網站設計綜合實訓

8.1網站的規劃

8.1.1網站設計項目書的書寫

8.1.2網站的主要規划過程及創建

8.2網站的素材準備及管理

8.3網頁外觀設計及布局

8.3.1網頁外觀布局方法

8.3.2網頁布局的方案

8.4向頁面添加內容

8.5使用CSS設定頁面

8.6添加網頁特效及功能

8.6.1添加網頁特效

8.6.2添加網頁功能

8.7站點的本地測試

8.7.1運行站點報告

8.7.2檢查站點範圍的連結

8.8發布及維護Web站點

8.8.1上傳檔案

8.8.2獲取網站地址

8.8.3實機測試

8.8.4日常維護

8.9課程設計及要求

8.9.1課程設計的基本目的

8.9.2課程設計的基本要求

8.9.3課程設計的考核方式與評分方法

第9章課業拓展

9.1瀏覽器開發者工具

9.1.1瀏覽器開發者工具簡介

9.1.2激活工具列

9.1.3選擇元素與Element標籤

9.1.4Console標籤欄

9.1.5Network標籤欄

9.1.6Source標籤欄

9.2jQuery庫

9.2.1jQuery簡介

9.2.2jQuery基礎用法

9.2.3文檔參考

9.3Bootstrap框架

9.3.1Bootstrap簡介

9.3.2Bootstrap快速上手

9.4架設網際網路網站

9.4.1域名服務

9.4.2主機託管

9.4.3虛擬主機

9.5雲服務

9.5.1阿里雲虛擬主機

9.5.2阿里雲ECS

附錄書中視頻對應二維碼匯總表

參考文獻

專題學習資源網址