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

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