HTML5+CSS3網(wǎng)頁設計

前言
第1章 HTML5基礎知識
1.1 HTML簡介
1.1.1 HTML歷史
1.1.2 HTML標記介紹
1.2 HTML5概述
1.2.1 HTML5特點及語法介紹
1.2.2 HTML5頁面布局及新元素介紹
1.2.3 HTML5常見元素介紹
1.3 HTML5與CSS樣式表
1.4 HTML5現(xiàn)狀
1.4.1 瀏覽器的支持力度
1.4.2 檢查瀏覽器是否支持HTML5標簽
1.5 小結(jié)
1.6 實訓
1.7 習題
第2章 CSS技術概述
2.1 CSS簡介
2.1.1 CSS的發(fā)展
2.1.2 CSS實例
2.1.3 CSS樣式表概述
2.2 CSS基本語法
2.2.1 CSS 語法
2.2.2 id選擇器和class選擇器
2.3 CSS應用技巧
2.3.1 如何插入樣式表
2.3.2 網(wǎng)頁元素的顏色
2.3.3 文本樣式設計
2.3.4 網(wǎng)頁元素的顯示
2.3.5 鏈接樣式的設計
2.3.6 字體的設置
2.3.7 網(wǎng)頁元素的邊框與背景
2.3.8 網(wǎng)頁元素的定位
2.3.9 網(wǎng)頁元素的浮動
2.3.10 CSS動畫效果的實現(xiàn)
2.4 小結(jié)
2.5 實訓
2.6 習題
第3章 HTML5+CSS網(wǎng)頁布局設計
3.1 響應式布局的概念
3.1.1 什么是響應式布局
3.1.2 移動端的設計特點
3.1.3 響應式布局實例欣賞
3.2 響應式布局設計原理
3.2.1 流式布局
3.2.2 媒體查詢
3.3 網(wǎng)頁標題與導航欄目的設計與制作
3.3.1 標題欄目與導航欄目設計思路
3.3.2 標題欄目設計過程
3.3.3 為標題欄目加入其他效果
3.3.4 導航欄目設計過程
3.3.5 導航欄目的排列
3.4 網(wǎng)頁頁腳部分設計與制作
3.4.1 頁腳設計思路
3.4.2 頁腳設計過程
3.5 網(wǎng)頁正文的文本部分設計與制作
3.5.1 文本內(nèi)容設計思路
3.5.2 文本內(nèi)容制作過程
3.6 網(wǎng)頁正文的圖像與文本部分設計與制作
3.6.1 網(wǎng)頁圖像設計與制作
3.6.2 網(wǎng)頁圖像與文本設計與制作
3.7 綜合練習
3.8 小結(jié)
3.9 實訓
3.10 習題
第4章 HTML5表單設計
4.1 表單的基本元素
4.1.1 表單介紹
4.1.2 創(chuàng)建表單
4.2 表單元素的應用
4.2.1 input標簽
4.2.2 label標簽
4.2.3 fieldset標簽
4.2.4 select標簽
4.2.5 單選復選標簽
4.2.6 時間與日期標簽
4.2.7 文件域標簽
4.2.8 多行文字框標簽
4.2.9 number屬性標簽
4.2.10 range屬性標簽
4.2.11 email屬性標簽
4.2.12 placeholder屬性標簽
4.2.13 表單實例
4.3 HTML5其他表單新元素
4.3.1 autocomplete屬性標簽
4.3.2 表單重寫屬性標簽
4.3.3 autofocus屬性標簽
4.3.4 pattern屬性標簽
4.4 表單綜合應用
4.5 小結(jié)
4.6 實訓
4.7 習題
第5章 音頻與視頻設計
5.1 多媒體標簽概述
5.2 音頻標簽的具體應用
5.2.1 音頻標簽的定義
5.2.2 自定義音頻標簽
5.2.3 音頻標簽的預加載
5.2.4 音頻的自動播放
5.2.5 音頻的循環(huán)播放
5.3 視頻標簽的具體應用
5.3.1 視頻標簽的定義
5.3.2 瀏覽器對視頻video標簽的支持
5.3.3 視頻標簽的應用
5.3.4 自定義視頻播放面板
5.3.5 video標簽屬性
5.4 小結(jié)
5.5 實訓
5.6 習題
第6章 HTML5畫布設計及SVG畫圖
6.1 Canvas畫布設計
6.1.1 Canvas概述
6.1.2 Canvas語法
6.1.3 Canvas基本設置及實現(xiàn)方式
6.2 SVG畫圖
6.2.1 SVG概述
6.2.2 SVG繪圖方式
6.3 小結(jié)
6.4 實訓
6.5 習題
第7章 HTML5拖放設計
7.1 拖放的概念
7.2 拖放元素的定義和創(chuàng)建
7.2.1 拖放元素的定義
7.2.2 拖放的實施
7.3 圖片來回拖放
7.3.1 來回拖放的定義
7.3.2 來回拖放的創(chuàng)建
7.4 小結(jié)
7.5 實訓
7.6 習題
第8章 綜合案例
8.1 網(wǎng)頁制作的流程
8.2 新聞網(wǎng)站的制作
8.3 購物網(wǎng)站的制作
8.4 旅游網(wǎng)站的制作