網(wǎng)頁設(shè)計(jì)與制作（HTML+CSS+JavaScript 第3版）

任務(wù)1 網(wǎng)頁策劃起步
任務(wù)描述：網(wǎng)站主頁的策劃與設(shè)計(jì)
知識準(zhǔn)備
1．1 網(wǎng)頁設(shè)計(jì)的概念與術(shù)語
1．1．1 網(wǎng)頁與網(wǎng)站的相關(guān)概念
1．1．2 網(wǎng)頁設(shè)計(jì)相關(guān)的程序設(shè)計(jì)語言
1．2 網(wǎng)頁設(shè)計(jì)流程
1．2．1 前期策劃
1．2．2 網(wǎng)頁制作
1．2．3 網(wǎng)頁測試
1．3 HTML5概述
1．3．1 HTML5的發(fā)展歷史
1．3．2 使用HTML5的5大原因
1．3．3 瀏覽器以及瀏覽器內(nèi)核
1．4 編寫第一個HTML5頁面
1．4．1 HTML5文件的編寫工具
1．4．2 HTML5文檔的基本格式
1．4．3 使用HTML5編寫簡單的Web頁面
1．5 綜合實(shí)例：體驗(yàn)HTML5的頁面特征
任務(wù)實(shí)施：網(wǎng)站主頁的策劃與設(shè)計(jì)
1．資料收集
2．頁面規(guī)劃
3．繪制頁面草圖
任務(wù)拓展
1．認(rèn)識DreamweaverCC
2．HBuilder的快速開發(fā)技巧
項(xiàng)目實(shí)訓(xùn)：智慧校園登錄與教師應(yīng)用門戶策劃
任務(wù)2 網(wǎng)頁的基本頁面實(shí)現(xiàn)
任務(wù)描述：運(yùn)用HTML編寫Web頁面
知識準(zhǔn)備
2．1 HTML5基礎(chǔ)
2．1．1 HTML5基本語法
2．1．2 HTML5標(biāo)簽及屬性
2．1．3 HTML5文檔頭部標(biāo)簽
2．2 文字與段落標(biāo)簽
2．2．1 標(biāo)題與段落標(biāo)簽
2．2．2 文本的格式化標(biāo)簽
2．2．3 特殊字符標(biāo)簽
2．3 圖像與超鏈接標(biāo)簽
2．3．1 圖像標(biāo)簽
2．3．2 超鏈接標(biāo)簽
2．4 表格與列表
2．4．1 表格標(biāo)簽
2．4．2 列表標(biāo)簽
2．5 綜合實(shí)例：書法家莊輝個人介紹
任務(wù)實(shí)施：運(yùn)用HTML編寫主頁的基本結(jié)構(gòu)
1．制作頁面基本結(jié)構(gòu)
2．制作網(wǎng)站頭部
3．制作網(wǎng)站banner區(qū)域
4．制作網(wǎng)站內(nèi)容區(qū)域
5．制作網(wǎng)站版權(quán)信息
任務(wù)拓展
1．標(biāo)簽
2．標(biāo)簽
3．標(biāo)簽
項(xiàng)目實(shí)訓(xùn)：企業(yè)招聘頁面結(jié)構(gòu)實(shí)現(xiàn)
任務(wù)3 運(yùn)用HTML5的新標(biāo)簽
任務(wù)描述：使用HTML5新標(biāo)簽優(yōu)化網(wǎng)頁
知識準(zhǔn)備
3．1 結(jié)構(gòu)性標(biāo)簽
3．1．1 認(rèn)知結(jié)構(gòu)性標(biāo)簽
3．1．2 標(biāo)簽
3．1．3 標(biāo)簽
3．1．4 標(biāo)簽
3．1．5 標(biāo)簽
3．1．6 標(biāo)簽
3．1．7 標(biāo)簽
3．2 分組標(biāo)簽
3．2．1 標(biāo)簽和標(biāo)簽
3．2．2 標(biāo)簽
3．2．3 標(biāo)簽
3．3 頁面交互標(biāo)簽
3．3．1 標(biāo)簽和標(biāo)簽
3．3．2 標(biāo)簽與標(biāo)簽
3．4 行內(nèi)語義性標(biāo)簽
3．4．1 標(biāo)簽
3．4．2 標(biāo)簽
3．4．3 標(biāo)簽
3．4．4 標(biāo)簽和標(biāo)簽
3．5 HTML5的全局屬性
3．5．1 contenteditable屬性
3．5．2 hidden屬性
3．5．3 spellcheck屬性
3．5．4 draggable屬性
3．6 綜合實(shí)例：個人博客頁面結(jié)構(gòu)設(shè)計(jì)
任務(wù)實(shí)施：使用HTML5新標(biāo)簽優(yōu)化網(wǎng)頁
1．網(wǎng)頁結(jié)構(gòu)性元素分析
2．應(yīng)用結(jié)構(gòu)性元素完善頁面
任務(wù)拓展
1．標(biāo)簽和標(biāo)簽
2．、和的區(qū)別與使用
項(xiàng)目實(shí)訓(xùn)：網(wǎng)站頁面的分析與編寫
……
任務(wù)4 構(gòu)建網(wǎng)站層疊樣式表
任務(wù)5 設(shè)置文本、背景與列表樣式
任務(wù)6 運(yùn)用盒子模型布局網(wǎng)頁
任務(wù)7 運(yùn)用影音多媒體
任務(wù)8 設(shè)計(jì)表單
任務(wù)9 運(yùn)用特殊效果
任務(wù)10 運(yùn)用JavaScript實(shí)現(xiàn)網(wǎng)頁的交互
參考文獻(xiàn) 查看全部↓