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

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