HTML5+CSS3網(wǎng)站設(shè)計(jì)基礎(chǔ)

項(xiàng)目1 認(rèn)識(shí)HTML5
任務(wù)1．1 新的文檔聲明和語(yǔ)法規(guī)范
任務(wù)1．2 HTML5廢棄的標(biāo)簽和屬性
1．2．1 HTML5廢棄的標(biāo)簽
1．2．2 HTML5廢棄的屬性
任務(wù)1．3 HTML5新標(biāo)簽
項(xiàng)目小結(jié)
習(xí)題
項(xiàng)目2 使用HTML5的基本標(biāo)簽
任務(wù)2．1 初識(shí)HTML
2．1．1 HTML文件的基本結(jié)構(gòu)
2．1．2 編輯工具
任務(wù)2．2 “李清照宋詞賞析”頁(yè)面制作
2．2．1 標(biāo)題標(biāo)簽～
2．2．2 段落標(biāo)簽
2．2．3 水平線標(biāo)簽
任務(wù)2．3 “商品信息”頁(yè)面制作
2．3．1 有序列表標(biāo)簽
2．3．2 無(wú)序列表標(biāo)簽
2．3．3 定義列表標(biāo)簽
2．3．4 表格標(biāo)簽
2．3．5 表單標(biāo)簽
2．3．6 分區(qū)標(biāo)簽
任務(wù)2．4 “相宜本草促銷(xiāo)信息”頁(yè)面制作
2．4．1 圖像標(biāo)簽
2．4．2 范圍標(biāo)簽
2．4．3 換行標(biāo)簽
2．4．4 超鏈接標(biāo)簽
任務(wù)2．5 注釋和特殊符號(hào)
2．5．1 HTML注釋
2．5．2 特殊符號(hào)
任務(wù)2．6 w3C標(biāo)準(zhǔn)
2．6．1 什么是W3C標(biāo)準(zhǔn)
2．6．2 W3C提倡的Web頁(yè)結(jié)構(gòu)
2．6．3 HTML5代碼規(guī)范
項(xiàng)目小結(jié)
習(xí)題
項(xiàng)目3 表單應(yīng)用
任務(wù)3．1 “會(huì)員注冊(cè)”頁(yè)面制作
3．1．1 表單的基本語(yǔ)法
3．1．2 表單基本元素的介紹
任務(wù)3．2 HTML5新的input類型
任務(wù)3．3 HTML5新的表單元素
項(xiàng)目小結(jié)
習(xí)題
項(xiàng)目4 表格應(yīng)用和布局
任務(wù)4．1 表格基礎(chǔ)知識(shí)
4．1．1 表格的基本結(jié)構(gòu)
4．1．2 表格的基本語(yǔ)法
任務(wù)4．2 跨行和跨列實(shí)現(xiàn)“商品分類”
4．2．1 跨列
4．2．2 跨行
4．2．3 跨行和跨列
任務(wù)4．3 表格布局化妝品頁(yè)面
任務(wù)4．4 表格布局注冊(cè)頁(yè)面
任務(wù)4．5 “華人女歌手歌曲周排行榜”頁(yè)面制作
任務(wù)4．6 iframe框架
項(xiàng)目小結(jié)
習(xí)題
項(xiàng)目5 HTML5中音頻和視頻的應(yīng)用
任務(wù)5．1 video視頻元素
任務(wù)5．2 audio音頻元素
項(xiàng)目小結(jié)
習(xí)題
項(xiàng)目6 CSS3基礎(chǔ)應(yīng)用
任務(wù)6．1 cSS基礎(chǔ)知識(shí)
6．1．1 為什么使用CSS
6．1．2 CSS的基本語(yǔ)法
任務(wù)6．2 CSS的應(yīng)用方式
任務(wù)6．3 選擇器的分類
6．3．1 標(biāo)簽選擇器
6．3．2 類選擇器
6．3．3 id選擇器
任務(wù)6．4 CSS繼承性、層疊性、特殊性
6．4．1 繼承性
6．4．2 層疊性
6．4．3 特殊性
任務(wù)6．5 CSS3新增選擇器
6．5．1 屬性選擇器
6．5．2 結(jié)構(gòu)（位置）偽類選擇器
6．5．3 偽元素選擇器
項(xiàng)目小結(jié)
習(xí)題
項(xiàng)目7 CSS3美化網(wǎng)頁(yè)
任務(wù)7．1 用CSS設(shè)置字體樣式以及文本樣式
7．1．1 用CSS設(shè)置字體樣式
7．1．2 用CSS設(shè)置頁(yè)面的文本樣式
任務(wù)7．2 用CSS設(shè)置網(wǎng)頁(yè)背景圖片
任務(wù)7．3 CSS3新增背景樣式
任務(wù)7．4 CSS3新增漸變背景
7．4．1 線性漸變
7．4．2 徑向漸變
7．4．3 重復(fù)漸變
任務(wù)7．5 用cSS設(shè)置列表樣式
任務(wù)7．6 用CSS設(shè)置超鏈接偽類樣式
任務(wù)7．7 導(dǎo)航菜單制作
項(xiàng)目小結(jié)
習(xí)題
項(xiàng)目8 CSS盒子模型應(yīng)用與cSS3動(dòng)畫(huà)
任務(wù)8．1 盒子模型基礎(chǔ)知識(shí)
任務(wù)8．2 盒子模型屬性
8．2．1 邊界（nlargin）
8．2．2 填充（padding）
8．2．3 邊框（border）
8．2．4 CSS3新增圓角邊框
任務(wù)8．3 CSS3動(dòng)畫(huà)效果
8．3．1 過(guò)渡
8．3．22 D轉(zhuǎn)換
8．3．33 D轉(zhuǎn)換
8．3．4 動(dòng)畫(huà)
任務(wù)8．4 網(wǎng)頁(yè)版面分欄
項(xiàng)目小結(jié)
習(xí)題
項(xiàng)目9 浮動(dòng)與定位
任務(wù)9．1 浮動(dòng)
9．1．1 為什么需要浮動(dòng)
9．1．2 浮動(dòng)的含義及其在布局中的應(yīng)用
任務(wù)9．2 定位機(jī)制
9．2．1 CSS的position屬性
9．2．2 cSS靜態(tài)定位
9．2．3 CSS相對(duì)定位
9．2．4 CSS絕對(duì)定位
9．2．5 CSS固定定位
9．2．6 CSS的z—iIadex屬性
任務(wù)9．3 制作垂直導(dǎo)航菜單和實(shí)現(xiàn)頂部布局
9．3．1 制作垂直導(dǎo)航菜單
9．3．2 實(shí)現(xiàn)頂部布局
項(xiàng)目小結(jié)
習(xí)題
項(xiàng)目10 典型頁(yè)面局部布局
任務(wù)10．1 divul—li實(shí)現(xiàn)橫向?qū)Ш讲藛?br />任務(wù)10．2 div—dl—dt—dd實(shí)現(xiàn)圖文混排
項(xiàng)目小結(jié)
習(xí)題
項(xiàng)目11 個(gè)人博客制作
任務(wù)11．1 利用Dreamweaver搭建站點(diǎn)
任務(wù)11．2 制作博客首頁(yè)
任務(wù)11．3 制作博客分支頁(yè)
項(xiàng)目小結(jié)
習(xí)題
項(xiàng)目12 購(gòu)物街網(wǎng)站制作
任務(wù)12．1 設(shè)置通用樣式
任務(wù)12．2 設(shè)計(jì)網(wǎng)頁(yè)結(jié)構(gòu)
任務(wù)12．3 設(shè)計(jì)頁(yè)面內(nèi)容和樣式
項(xiàng)目小結(jié)
習(xí)題
項(xiàng)目13 芙蓉商城制作
任務(wù)13．1 分塊制作商城網(wǎng)站首頁(yè)
13．1．1 利用Dreamweaver搭建站點(diǎn)
13．1．2 制作商城網(wǎng)站首頁(yè)的總體布局
13．1．3 實(shí)現(xiàn)頂部布局
13．1．4 實(shí)現(xiàn)左部商品分類
13．1．5 實(shí)現(xiàn)中部主題布局
13．1．6 實(shí)現(xiàn)右部布局
13．1．7 實(shí)現(xiàn)底部信息
任務(wù)13．2 制作商城分支頁(yè)——注冊(cè)頁(yè)面
任務(wù)13．3 制作商城分支頁(yè)——登錄頁(yè)面
任務(wù)13．4 制作商城分支頁(yè)——商品具體介紹頁(yè)面
任務(wù)13．5 建立頁(yè)面之間的鏈接和相關(guān)測(cè)試
13．5．1 建立頁(yè)面間的鏈接
13．5．2 網(wǎng)頁(yè)的兼容性測(cè)試
項(xiàng)目小結(jié)
習(xí)題
項(xiàng)目14 Javascript腳本編程
任務(wù)14．1 初識(shí)JavaScript
任務(wù)14．2 Javascript數(shù)據(jù)類型和數(shù)據(jù)基本操作
14．2．1 數(shù)據(jù)類型
14．2．2 數(shù)據(jù)基本操作
任務(wù)14．3 Javascript流程控制
14．3．1 條件語(yǔ)句
14．3．2 循環(huán)語(yǔ)句
任務(wù)14．4 Javascript函數(shù)
任務(wù)14．5 Javascript對(duì)象
任務(wù)14．6 Javascript事件
任務(wù)14．7 Javdscript完成圖片輪番播放
項(xiàng)目小結(jié)
習(xí)題
參考文獻(xiàn)