基于工作過程網站設計與制作項目教程

任務一 網頁設計與制作基礎 1
能力目標　1
任務目標　1
核心知識　1
一、網頁概述　1
二、網站概述　8

任務二　網頁中的色彩　14
能力目標　14
任務目標　14
核心知識　14
一、色彩的基本知識　14
二、色彩的三要素　15
三、色彩分析　15
四、網頁色彩搭配方法　20

任務三　“盛和·景園”房產網站設計　22
模塊一　“盛和·景園”房產網站
需求分析的建立　22
能力目標　22
任務目標　22
核心知識　22
一、確定網站主題　22
二、網站整體規(guī)劃　23
三、收集素材　24
模塊二　網頁的首頁界面設計　24
能力目標　24
任務目標　24
任務解析　25
一、頁面整體尺寸及框架結構設計　25
核心知識　25
操作過程　26
二、頁面頂端區(qū)域的設計　26
核心知識　26
操作過程　30
三、頁面導航區(qū)域的設計　35
核心知識　35
操作過程　35
四、頁面Banner區(qū)域的設計　38
核心知識　39
操作過程　40
五、頁面主體內容區(qū)域的設計　45
操作過程　45
六、頁面頁腳區(qū)域的設計　57
操作過程　57
七、內頁設計　58
拓展實訓　59

任務四　“盛和·景園”房產網站的制作　62
模塊一　網站制作基礎　62
能力目標　62
任務目標　62
核心知識　62
一、網頁制作基礎　62
二、網頁制作軟件　98
模塊二　“盛和·景園”房產網站的
制作方法　101
能力目標　101
任務目標　101
一、創(chuàng)建“盛和·景園”站點　101
核心知識　101
操作過程　104
二、“盛和·景園”房產網站的
制作過程　106
核心知識　106
操作過程　107
拓展實訓　141

任務五　制作“盛和·景園”網站中首頁的特效　145
能力目標　145
任務目標　145
核心知識　145
一、JavaScript基本數(shù)據結構　145
二、JavaScript程序構成　147
三、事件驅動及事件處理　149
操作過程　150

任務六　“盛和·景園”網站中開場動畫的制作　161
模塊一　“盛和·景園”開場動畫
文檔的創(chuàng)建　161
能力目標　161
任務目標　161
核心知識　161
一、認識Flash　CS6　161
二、新建Flash文檔　165
操作過程　166
模塊二　“盛和·景園”開場動畫的
制作　167
能力目標　167
任務目標　167
核心知識　167
一、元件　167
二、補間動畫、傳統(tǒng)補間動畫與補間
形狀動畫　168
三、ActionScript動作腳本　169
操作過程　171
一、畫軸展開動畫的制作　171
二、制作文本逐個顯示的補間動畫　181
三、制作蝴蝶飛舞的動畫　186
四、制作“進入首頁”按鈕　189
模塊三　將“盛和·景園”開場動畫
應用在進入頁面　193
能力目標　193
任務目標　193
核心知識　194
一、在網頁中插入Flash動畫　194
二、IIS服務器　196
操作過程　198
拓展實訓　204

附錄A　“網頁設計與網站規(guī)劃”課程實訓指導書　207
實訓任務　企業(yè)網站建設　207
一、實訓目的　207
二、實訓條件　207
三、實訓要求　207
四、實訓步驟　208
五、考核方式　209

附錄B　山東德州市高職組網頁設計與制作技能大賽試題　210
一、單項選擇題　210
二、多項選擇題　212
三、操作題　214