HTML5+CSS3網頁設計與制作基礎教程

第1章 網頁設計與策劃
1.1 網頁和網站
1.1.1 網頁和網站的概念
1.1.2 網頁的常用技術
1.2 網站開發(fā)流程
1.2.1 前期策劃與組織
1.2.2 網頁效果圖的設計制作
1.2.3 網頁制作
1.2.4 網站測試與發(fā)布
1.3 常用網頁制作軟件
1.3.1 網頁圖形圖像處理工具
1.3.2 網站頁面的編輯工具
1.4 項目實戰(zhàn)：淮安蒸丞文化傳媒有限公司網站設計策劃
1.4.1 網站開發(fā)需求
1.4.2 同類網站搜索
1.4.3 網站草圖繪制
1.4.4 建立站點
1.5 習題與項目實踐
第2章 網頁效果圖設計與制作
2.1 Photoshop 應用基礎
2.1.1 認識Photoshop CC界面
2.1.2 Photoshop CC的基本操作
2.1.3 圖層的相關應用
2.1.4 圖層樣式的應用
2.1.5 圖層混合模式的應用
2.1.6 Photoshop CC的常用快捷鍵
2.1.7 案例：企業(yè)Logo設計
2.2 Photoshop CC高級應用
2.2.1 通道的概念與使用技巧
2.2.2 蒙版的概念與使用技巧
2.3 項目實戰(zhàn)：淮安蒸丞文化傳媒有限公司網站效果圖制作
2.3.1 網站效果圖展示
2.3.2 網站首部與導航欄的制作
2.3.3 網站頂部的制作
2.3.4 公司簡介的制作
2.3.5 行業(yè)資訊的制作
2.3.6 項目介紹的制作
2.3.7 經典案例的制作
2.3.8 聯系我們的制作
2.3.9 版權信息的制作
2.4 習題與項目實踐
第3章 圖文混排頁面的實現
3.1 HTML5的簡介
3.1.1 HTML5的發(fā)展史
3.1.2 HTML5的優(yōu)勢
3.1.3 HTML5的未來發(fā)展
3.1.4 瀏覽器介紹
3.2 HTML5基礎
3.2.1 HTML5基本結構
3.2.2 HTML5的基本語法
3.3 文字與段落標簽
3.3.1 標題與段落標簽
3.3.2 文本的格式化標簽
3.3.3 特殊字符標簽
3.4 列表標簽
3.4.1 無序列表
3.4.2 有序列表
3.4.3 嵌套列表
3.4.4 定義列表
3.5 圖像標簽
3.6 超級鏈接標簽
3.7 表格標簽
3.8 項目實戰(zhàn)：淮安蒸丞文化傳媒有限公司網站制作
3.8.1 案例效果展示
3.8.2 案例實現分析
3.8.3 案例實現過程
3.9 習題與項目實踐
第4章 HTML5文檔的實現
4.1 HTML5的元素分類
4.2 結構性元素
4.2.1 認識結構性元素
4.2.2 標簽
4.2.3 標簽
4.2.4 標簽
4.2.5 標簽
4.2.6 標簽
4.3 級塊性元素
4.3.1 標簽
4.3.2 標簽
4.4 行內語義性元素
4.4.1 標簽
4.4.2 標簽
4.4.3 標簽
4.5 交互性元素
4.5.1 標簽和標簽
4.5.2 標簽與標簽
4.6 多媒體對象的使用
4.6.1 視頻與音頻格式
4.6.2 插入視頻
4.6.3 插入音頻
4.7 項目實戰(zhàn)：淮安蒸丞文化傳媒有限公司網站HTML5頁面的編寫
4.7.1 案例效果展示
4.7.2 案例實現分析
4.7.3 案例實現過程
4.8 習題與項目實踐
第5章 層疊樣式表的實現
5.1 CSS3的介紹
5.2 CSS樣式
5.2.1 CSS樣式設置規(guī)則
5.2.2 CSS樣式的引入方法
5.3 CSS基本選擇器
5.3.1 標簽選擇器
5.3.2 類選擇器
5.3.3 id選擇器
5.3.4 通用選擇器
5.4 其他CSS選擇器
5.4.1 組合選擇器
5.4.2 屬性選擇器
5.4.3 結構偽類選擇器
5.4.4 鏈接偽類選擇器
5.4.5 偽元素選擇器
5.5 CSS的繼承與層疊
5.5.1 CSS的繼承性
5.5.2 CSS的層疊性
5.6 項目實戰(zhàn)：淮安蒸丞文化傳媒有限公司網站導航欄等的制作
5.6.1 案例效果展示
5.6.2 案例實現分析
5.6.3 案例實現過程
5.7 習題與項目實踐
第6章 網頁美化效果的實現
6.1 文本樣式設置
6.1.1 設置CSS的字體屬性
6.1.2 文本屬性
6.2 列表樣式設置
6.2.1 列表符號
6.2.2 圖像符號
6.2.3 列表縮進
6.2.4 復合屬性
6.3 背景樣式設置
6.3.1 背景的基本設置
6.3.2 CSS3新增的背景設置
6.4 項目實戰(zhàn)：蒸丞文化頁面“公司簡介”與“版權信息”的美化
6.4.1 案例效果展示
6.4.2 案例實現分析
6.4.3 案例實現過程
6.5 習題與項目實踐
第7章 網頁布局的實現
7.1 盒子模型
7.2 盒子模型的常用屬性
7.2.1 邊框border屬性
7.2.2 邊距屬性
7.2.3 邊框其他屬性
7.3 浮動與定位
7.3.1 元素的類型與轉換
7.3.2 浮動屬性float
7.3.3 清除浮動屬性clear
7.3.4 元素的定位
7.3.5 overflow溢出屬性
7.4 項目實戰(zhàn)：蒸丞文化頁面“行業(yè)資訊”模塊的制作
7.4.1 案例效果展示
7.4.2 案例實現分析
7.4.3 案例實現過程
7.5 習題與項目實踐
第8章 表單的實現
8.1 表單的概述
8.2 表單的建立
8.3 表單的基本元素
8.3.1 表單域
8.3.2 表單按鈕
8.4 表單新增元素
8.4.1 新增的表單元素
8.4.2 新增的表單屬性
8.5 項目實戰(zhàn)：蒸丞文化頁面“聯系我們”模塊的制作
8.5.1 案例效果展示
8.5.2 案例實現分析
8.5.3 案例實現過程
8.6 習題與項目實踐
第9章 利用CSS實現動態(tài)效果
9.1 CSS3轉換
9.1.1 transform簡介
9.1.2 常用的transform變形方法
9.1.3 3D變形
9.2 transitions過渡
9.2.1 transitions功能介紹
9.2.2 過渡屬性的應用
9.3 animation動畫
9.3.1 動畫的基本定義與調