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

項(xiàng)目1 認(rèn)識HTML5
任務(wù)1．1 新的文檔聲明和語法規(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 初識HTML
2．1．1 HTML文件的基本結(jié)構(gòu)
2．1．2 編輯工具
任務(wù)2．2 “李清照宋詞賞析”頁面制作
2．2．1 標(biāo)題標(biāo)簽～
2．2．2 段落標(biāo)簽
2．2．3 水平線標(biāo)簽
任務(wù)2．3 “商品信息”頁面制作
2．3．1 有序列表標(biāo)簽
2．3．2 無序列表標(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 “相宜本草促銷信息”頁面制作
2．4．1 圖像標(biāo)簽
2．4．2 范圍標(biāo)簽
2．4．3 換行標(biāo)簽
2．4．4 超鏈接標(biāo)簽
任務(wù)2．5 注釋和特殊符號
2．5．1 HTML注釋
2．5．2 特殊符號
任務(wù)2．6 w3C標(biāo)準(zhǔn)
2．6．1 什么是W3C標(biāo)準(zhǔn)
2．6．2 W3C提倡的Web頁結(jié)構(gòu)
2．6．3 HTML5代碼規(guī)范
項(xiàng)目小結(jié)
習(xí)題
項(xiàng)目3 表單應(yīng)用
任務(wù)3．1 “會員注冊”頁面制作
3．1．1 表單的基本語法
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ǔ)知識
4．1．1 表格的基本結(jié)構(gòu)
4．1．2 表格的基本語法
任務(wù)4．2 跨行和跨列實(shí)現(xiàn)“商品分類”
4．2．1 跨列
4．2．2 跨行
4．2．3 跨行和跨列
任務(wù)4．3 表格布局化妝品頁面
任務(wù)4．4 表格布局注冊頁面
任務(wù)4．5 “華人女歌手歌曲周排行榜”頁面制作
任務(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ǔ)知識
6．1．1 為什么使用CSS
6．1．2 CSS的基本語法
任務(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)頁
任務(wù)7．1 用CSS設(shè)置字體樣式以及文本樣式
7．1．1 用CSS設(shè)置字體樣式
7．1．2 用CSS設(shè)置頁面的文本樣式
任務(wù)7．2 用CSS設(shè)置網(wǎng)頁背景圖片
任務(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動畫
任務(wù)8．1 盒子模型基礎(chǔ)知識
任務(wù)8．2 盒子模型屬性
8．2．1 邊界（nlargin）
8．2．2 填充（padding）
8．2．3 邊框（border）
8．2．4 CSS3新增圓角邊框
任務(wù)8．3 CSS3動畫效果
8．3．1 過渡
8．3．22 D轉(zhuǎn)換
8．3．33 D轉(zhuǎn)換
8．3．4 動畫
任務(wù)8．4 網(wǎng)頁版面分欄
項(xiàng)目小結(jié)
習(xí)題
項(xiàng)目9 浮動與定位
任務(wù)9．1 浮動
9．1．1 為什么需要浮動
9．1．2 浮動的含義及其在布局中的應(yīng)用
任務(wù)9．2 定位機(jī)制
9．2．1 CSS的position屬性
9．2．2 cSS靜態(tài)定位
9．2．3 CSS相對定位
9．2．4 CSS絕對定位
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 典型頁面局部布局
任務(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 個人博客制作
任務(wù)11．1 利用Dreamweaver搭建站點(diǎn)
任務(wù)11．2 制作博客首頁
任務(wù)11．3 制作博客分支頁
項(xiàng)目小結(jié)
習(xí)題
項(xiàng)目12 購物街網(wǎng)站制作
任務(wù)12．1 設(shè)置通用樣式
任務(wù)12．2 設(shè)計網(wǎng)頁結(jié)構(gòu)
任務(wù)12．3 設(shè)計頁面內(nèi)容和樣式
項(xiàng)目小結(jié)
習(xí)題
項(xiàng)目13 芙蓉商城制作
任務(wù)13．1 分塊制作商城網(wǎng)站首頁
13．1．1 利用Dreamweaver搭建站點(diǎn)
13．1．2 制作商城網(wǎng)站首頁的總體布局
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 制作商城分支頁——注冊頁面
任務(wù)13．3 制作商城分支頁——登錄頁面
任務(wù)13．4 制作商城分支頁——商品具體介紹頁面
任務(wù)13．5 建立頁面之間的鏈接和相關(guān)測試
13．5．1 建立頁面間的鏈接
13．5．2 網(wǎng)頁的兼容性測試
項(xiàng)目小結(jié)
習(xí)題
項(xiàng)目14 Javascript腳本編程
任務(wù)14．1 初識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 條件語句
14．3．2 循環(huán)語句
任務(wù)14．4 Javascript函數(shù)
任務(wù)14．5 Javascript對象
任務(wù)14．6 Javascript事件
任務(wù)14．7 Javdscript完成圖片輪番播放
項(xiàng)目小結(jié)
習(xí)題
參考文獻(xiàn)