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

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