HTML5 網(wǎng)頁設(shè)計(jì)

項(xiàng)目一 HTML基礎(chǔ)
【項(xiàng)目簡介】
【學(xué)習(xí)目標(biāo)】
【項(xiàng)目實(shí)施】
任務(wù)一 認(rèn)識(shí)HTML
任務(wù)二 HTML標(biāo)簽的使用
任務(wù)三 在Dreamweaver中編寫HTML
【項(xiàng)目案例】
案例一 制作簡單的HTML頁面
案例二 使用Dreamweaver CS6編寫HTML文件
【項(xiàng)目小結(jié)】
【思考與練習(xí)】
項(xiàng)目二 HTML5構(gòu)建網(wǎng)站
【項(xiàng)目簡介】
【學(xué)習(xí)目標(biāo)】
【項(xiàng)目實(shí)施】
任務(wù)一 認(rèn)識(shí)HTML5
任務(wù)二 HTML5元素分類
【項(xiàng)目案例】
案例一 檢查瀏覽器是否支持HTML5標(biāo)簽
案例二 創(chuàng)建第一 個(gè)HTML文檔
案例三 制作卡通類頁面
【項(xiàng)目小結(jié)】
【思考與練習(xí)】
項(xiàng)目三 HTML5表單
【項(xiàng)目簡介】
【學(xué)習(xí)目標(biāo)】
【項(xiàng)目實(shí)施】
任務(wù)一 常用表單元素
任務(wù)二 表單高級元素
【項(xiàng)目案例】
案例一 制作“在線下單”網(wǎng)頁
案例二 制作用戶注冊表單
【項(xiàng)目小結(jié)】
【思考與練習(xí)】
項(xiàng)目四 HTML5多媒體設(shè)計(jì)
【項(xiàng)目簡介】
【學(xué)習(xí)目標(biāo)】
【項(xiàng)目實(shí)施】
任務(wù)一 HTML網(wǎng)頁中的音頻
任務(wù)二 HTML網(wǎng)頁中的視頻
【項(xiàng)目案例】
案例一 制作在線音頻播放器
案例二 自定義按鈕實(shí)現(xiàn)視頻的控制操作
【項(xiàng)目小結(jié)】
【思考與練習(xí)】
項(xiàng)目五 CSS樣式基礎(chǔ)
【項(xiàng)目簡介】
【學(xué)習(xí)目標(biāo)】
【項(xiàng)目實(shí)施】
任務(wù)一 認(rèn)識(shí)CSS3樣式表
任務(wù)二 網(wǎng)頁文本排版
任務(wù)三 網(wǎng)頁圖文混排
任務(wù)四 網(wǎng)頁超鏈接設(shè)計(jì)
任務(wù)五 常用列表樣式
【項(xiàng)目案例】
案例一 404頁面的制作
案例二 詩詞鑒賞頁面設(shè)計(jì)
案例三 制作“創(chuàng)業(yè)人物”網(wǎng)頁
案例四 制作“李大大-眾里尋他千百度”網(wǎng)頁
案例五 制作下拉菜單式導(dǎo)航欄
案例六 制作熱門旅游攻略列表
【項(xiàng)目小結(jié)】
【思考與練習(xí)】
項(xiàng)目六 CSS3定位與布局
【項(xiàng)目簡介】
【學(xué)習(xí)目標(biāo)】
【項(xiàng)目實(shí)施】
任務(wù)一 初識(shí)div
任務(wù)二 CSS3定位
任務(wù)三 CSS3布局設(shè)置
【項(xiàng)目案例】
案例一 淘寶導(dǎo)購菜單
案例二 定位網(wǎng)頁布局樣式
【項(xiàng)目小結(jié)】
【思考與練習(xí)】
項(xiàng)目七 HTML5設(shè)計(jì)微網(wǎng)站
【項(xiàng)目簡介】
【學(xué)習(xí)目標(biāo)】
【項(xiàng)目實(shí)施】
任務(wù)一 移動(dòng)Web概述
任務(wù)二 移動(dòng)Web設(shè)計(jì)
【項(xiàng)目案例】
案例一 手機(jī)端的用戶登錄/注冊/刮刮卡
【項(xiàng)目小結(jié)】
【思考與練習(xí)】
項(xiàng)目八 網(wǎng)站開發(fā)綜合案例
【項(xiàng)目案例】
案例一 兒童用品網(wǎng)上商店
案例二 企業(yè)網(wǎng)站開發(fā)
案例三 在線教育平臺(tái)開發(fā)
參考文獻(xiàn)