基于工作過程網(wǎng)站設計與制作項目教程

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

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

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

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

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

任務六　“盛和·景園”網(wǎng)站中開場動畫的制作　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
一、在網(wǎng)頁中插入Flash動畫　194
二、IIS服務器　196
操作過程　198
拓展實訓　204

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

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