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

任務(wù)1 網(wǎng)頁策劃起步
任務(wù)描述：網(wǎng)站主頁的策劃與設(shè)計
知識準備
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頁面
知識準備
2．1 HTML5基礎(chǔ)
2．1．1 HTML5基本語法
2．1．2 HTML5標簽及屬性
2．1．3 HTML5文檔頭部標簽
2．2 文字與段落標簽
2．2．1 標題與段落標簽
2．2．2 文本的格式化標簽
2．2．3 特殊字符標簽
2．3 圖像與超鏈接標簽
2．3．1 圖像標簽
2．3．2 超鏈接標簽
2．4 表格與列表
2．4．1 表格標簽
2．4．2 列表標簽
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．標簽
2．標簽
3．標簽
項目實訓(xùn)：企業(yè)招聘頁面結(jié)構(gòu)實現(xiàn)
任務(wù)3 運用HTML5的新標簽
任務(wù)描述：使用HTML5新標簽優(yōu)化網(wǎng)頁
知識準備
3．1 結(jié)構(gòu)性標簽
3．1．1 認知結(jié)構(gòu)性標簽
3．1．2 標簽
3．1．3 標簽
3．1．4 標簽
3．1．5 標簽
3．1．6 標簽
3．1．7 標簽
3．2 分組標簽
3．2．1 標簽和標簽
3．2．2 標簽
3．2．3 標簽
3．3 頁面交互標簽
3．3．1 標簽和標簽
3．3．2 標簽與標簽
3．4 行內(nèi)語義性標簽
3．4．1 標簽
3．4．2 標簽
3．4．3 標簽
3．4．4 標簽和標簽
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新標簽優(yōu)化網(wǎng)頁
1．網(wǎng)頁結(jié)構(gòu)性元素分析
2．應(yīng)用結(jié)構(gòu)性元素完善頁面
任務(wù)拓展
1．標簽和標簽
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)頁的交互
參考文獻 查看全部↓