網頁設計與製作教程：Web前端開發(第6版)（簡體書）

本教材依據《Web前端開發職業技能等級標準（初級）》和高等職業技術學院《Web前端技術課程教學標準》編寫，內容包括Web頁面製作基礎、HTML5和CSS3開發基礎與應用、JavaScript程序設計和現代標準的新聞網站製作實例。本教材以模塊化的結構來組織章節，選取靜態網站設計與製作的典型應用作為教學案例，以任務驅動的方式安排教學內容。

支持1+X證書中Web前端開發職業技能等級初級標準

目 錄
前言

第1章 HTML5概述
1.1 Web的基本概念
1.1.1 WWW
1.1.2 Web服務器
1.1.3 網頁瀏覽器
1.1.4 網站
1.1.5 網頁
1.1.6 URL
1.1.7 標記語言
1.1.8 網頁標準
1.2 HTML5的基本結構和語法規則
1.2.1 HTML5文檔的基本結構
1.2.2 HTML5的基本語法
1.2.3 HTML的全局屬性
1.2.4 元素的分類
1.2.5 HTML的字符實體和顏色表示
1.2.6 HTML5開發人員編碼規範
1.3 編輯HTML文件
1.3.1 常用HTML編輯軟件
1.3.2 網頁文件的創建
1.4 實訓――製作社區網版權信息
習題1
第2章 塊級元素
2.1 基本塊級元素
2.1.1 標題元素hl～h6
2.1.2 段落元素p和換行元素br
2.1.3 水平線元素hr
2.1.4 注釋元素
2.2 列表元素
2.2.1 無序列表元素ul
2.2.2 有序列表元素ol
2.2.3 定義列表元素dl
2.2.4 嵌套列表
2.3 表格元素table
2.3.1 基本表格
2.3.2 跨行跨列表格
2.3.3 表格數據的分組
2.3.4 調整列的格式
2.4 表單
2.4.1 表單元素form
2.4.2 輸入元素input
2.4.3 標簽元素label
2.4.4 選擇欄元素select
2.4.5 按鈕元素button
2.4.6 多行文本元素textarea
2.5 分區元素div
2.6 縮排元素blockquote
2.7 實訓――製作精選信息版塊
習題2
第3章 行內元素
3.1 格式化元素
3.1.1 字體樣式元素
3.1.2 短語元素3
3.2 圖像元素img
3.3 超鏈接元素a
3.4 圖像熱區超鏈接元素map、area
3.5 範圍元素span
3.6 多媒體元素
3.6.1 音頻元素audio
3.6.2 視頻元素video4
3.7 用HBuilder X編輯HTML文檔
3.8 實訓―製作廣告版塊
習題3
第4章 CSS3基礎
4.1 CSS簡介
4.1.1 CSS的發展歷史
4.1.2 CSS設計與編寫原則
4.2 在HTML中使用CSS的方法
4.2.1 行內樣式
4.2.2 內部樣式
4.2.3 鏈入外部樣式表文件
4.2.4 導入外部樣式表文件
4.3 CSS的兩個主要特性
4.4 CSS的基本語法
4.5 CSS的選擇器
4.5.1 元素選擇器
4.5.2 通配符選擇器
4.5.3 屬性選擇器
4.5.4 派生選擇器
4.5.5 兄弟選擇器
4.5.6 id選擇器
4.5.7 class選擇器
4.5.8 偽類選擇器
4.5.9 UI元素狀態偽類選擇器
4.5.10 結構偽類選擇器
4.5.11 其他偽類選擇器
4.5.12 偽元素選擇器
4.6 屬性值的寫法和單位
4.6.1 長度、百分比單位
4.6.2 色彩單位
4.7 HTML文檔結構與元素類型
4.7.1 文檔結構的基本概念
4.7.2 元素類型
4.8 實訓――製作內容詳情頁
習題4
第5章 CSS3的屬性
5.1 CSS背景屬性
5.1.1 背景顏色屬性background-color
5.1.2 背景圖像屬性background-image
5.1.3 重複背景圖像屬性background-repeat
5.1.4 固定背景圖像屬性background-attachment
5.1.5 背景圖像位置屬性background-position
5.1.6 背景圖像大小屬性background-size
5.1.7 背景屬性backgroud
5.1.8 背景覆蓋區域屬性background-clip
5.1.9 背景圖像起點屬性background-origin
5.1.10 背景漸變屬性background-image
5.2 CSS字體屬性
5.2.1 字體類型屬性font-family
5.2.2 字體尺寸屬性font-size
5.2.3 字體傾斜屬性font-style
5.2.4 小寫字體屬性font-variant
5.2.5 字體粗細屬性font-weight
5.2.6 字體簡寫屬性font
5.2.7 CSS3新增使用服務器字體
5.3 CSS文本屬性
5.3.1 文本顏色屬性color
5.3.2 文本方向屬性direction
5.3.3 字符間隔屬性letter-spacing
5.3.4 行高屬性line-height
5.3.5 文本水平對齊方式屬性text-align
5.3.6 為文本添加裝飾屬性text-decoration
5.3.7 段落首行縮進屬性text-indent
5.3.8 文本的陰影屬性text-shadow
5.3.9 文本的大小寫屬性text-transform
5.3.10 元素內部的空白屬性white-space
5.3.11 單詞之間的間隔屬性word-spacing
5.3.12 文本的截斷效果屬性text-overflow
5.3.13 文本的換行方式屬性word-break
5.3.14 單詞斷字屬性word-wrap
5.4 CSS尺寸屬性
5.4.1 寬度屬性width
5.4.2 高度屬性height
5.4.3 最小寬度屬性min-width
5.4.4 最大寬度屬性max-width
5.4.5 最小高度屬性min-height
5.4.6 最大高度屬性max-height
5.5 CSS列表屬性
5.5.1 圖像作為列表項標記屬性list-style-image
5.5.2 列表項標記位置屬性list-style-position
5.5.3 列表項標記類型屬性list-style-type
5.5.4 列表簡寫屬性list-style
5.6 CSS表格屬性
5.6.1 合併邊框屬性border-collapse
5.6.2 邊框間隔屬性border-spacing
5.6.3 標題位置屬性caption-side
5.6.4 單元格無內容顯示方式屬性empty-cells
5.6.5 表格設置方式屬性table-layout
5.7 CSS內容屬性
5.8 CSS屬性的應用
5.8.1 設置圖像樣式
5.8.2 設置鏈接
5.8.3 創建導航菜單
5.9 實訓――製作社區網頁面
5.9.1 製作通知公告版塊
5.9.2 製作導航欄
習題5
第6章 CSS的盒模型
6.1 CSS盒模型的組成和大小
6.1.1 盒子的組成
6.1.2 盒子的大小
6.1.3 塊級元素與行內元素的寬度和高度
6.2 CSS盒模型的屬性
6.2.1 CSS內