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

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