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

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