HTML 5+CSS 3網頁設計教程

張星雲，湖北商貿學院副教授，多次參加校和湖北省教師講課大賽獲得一、二、三等獎，主持校級精品課程《靜態網頁設計與製作》，發表論文十餘篇，代表作有《基於多數據庫並行調度的複雜方法研究與仿真》-計算機仿真，主編和參編教材多部，包括《Java程序設計實例教程》《計算機組裝與維修》《Dreamweaver CS6網頁設計教程》等。

第1章網頁基礎知識
1.1 HTML簡介
1.2認識Web標準
1.3 HTML的基本概念
1.4 HTML文件類型
1.5 HTML 5概述
1.5.1了解HTML 5
1.5.2 HTML 5的新功能
1.5.3 HTML 5的新特性
1.5. 4 HTML 5的新增屬性
1.6 HTML編輯器介紹
1.7基本元素介紹
1.8 HTML 5語義化結構性元素
1.8.1新增的主體結構元素
1.8.2新增的非主體結構元素
1.9 HTML的有關約定
1.10代碼規範
習題

第2章超鏈接及HTML 5媒體元素
2.1超鏈接元素
2.1.1絕對路徑、相對路徑和根路徑
2.1.2超鏈接的基本語法
2.2錨點鏈接
2.3圖片元素
2.3.1圖片格式介紹
2.3. 2圖片元素的基本用法
2.3.3圖片元素的常用屬性
2.3.4熱點
2.4 HTML 5的視頻
2.5 HTML 5的音頻
2.6其他常用元素
2.7小型案例實訓
習題

第3章列表
3.1無序列表
3.2有序列表
3.3定義列表
3.4列表的嵌套
3.5小型案例實訓
習題

第4章表格與框架
4.1表格的組成
4.2表格的屬性
4.3表格的行屬性
4.4表格的單元格設置
4.5框架結構
4.5.1框架概述
4.5.2框架的基本結構
4.5.3設置框架
4.6小型案例實訓
習題

第5章HTML表單
5.1表單標籤form
5.2 input標籤——文本框、密碼框
5.3 input標籤——單選按鈕與復選框
5.4 input標籤——按鈕
5.5 input標籤——圖像域、隱藏域以及文件域
5.6列表、文本區
5.7新的HTML 5輸入控件屬性
5.8 HTML 5新增的input元素
5.9小型案例實訓
習題

第6章層疊樣式表
6.1層疊樣式表（CSS）簡介
6.1.1 CSS與HTML
6.1.2 CSS的版本
6.1.3傳統HTML的缺點、CSS的優勢
6.2 CSS的語法
6.2.1基本語法規則
6.2. 2選擇器分類
6.2.3樣式的引用方式
6.2.4選擇器的命名規則
6.3 CSS屬性值中的單位
6.3.1絕對單位
6.3.2相對單位
6.4常用CSS屬性介紹
6.4.1設置字體屬性
6.4.2 CSS 3新增的字體屬性
6.4.3背景屬性
6.4.4區塊屬性
6.4.5 CSS 3新增的文本屬性
6.4.6邊框屬性
6.4.7列表屬性
6.4.8方框屬性
6.5小型案例實訓
習題

第7章CSS屬性案例應用——運用CSS創建導航
7.1使用CSS+UL創建橫嚮導航
7.2縱嚮導航
7.3下拉及彈出式菜單
7.3.1橫向下拉菜單
7.3.2縱向下拉菜單
7.4小型案例實訓
習題

第8章利用CSS+DIV進行網頁佈局
8.1網頁佈局概述
8.2認識DIV
8.3網頁佈局原則
8.4常見的網頁佈局技術分析
8.4.1上、中、下佈局
8.4.2二列固定寬度
8.4.3二列寬度自適應
8.4.4二列寬度自適應居中
8.4.5中間三列浮動佈局
8.4.6 UL+CSS佈局
8.5絕對定位與相對定位
8.5.1絕對定位
8.5.2相對定位
8.6小型案例實訓
習題

第9章網頁佈局實例
9.1網頁佈局實例——個人博客主頁
9.2網頁佈局實例——右側浮動案例
9.3網頁效果欣賞
9.4小型案例實訓
習題

第10章過濾、變形和動畫
10.1過濾
10.2 CSS 3 2D變形簡介
10.3 2D變形
10.3.1 2D位移
10.3.2 2D縮放
10.3.3 2D傾斜
10.3.4 2D旋轉
10.4 3D變形
10.4.1 3D位移
10.4.2 3D旋轉
10.4.3 3D縮放
10.5 CSS 3動畫使用
10.6小型案例實訓
習題

第1 1章實戰開發——電子產品購物網站首頁實現
11.1頁面的佈局分析
11.2網頁top區
11.3網頁導航菜單（menu）區
11.4主要內容（main）區
11.5底端（footer）區

參考文獻