基于工作過(guò)程網(wǎng)站設(shè)計(jì)與制作項(xiàng)目教程

任務(wù)一 網(wǎng)頁(yè)設(shè)計(jì)與制作基礎(chǔ) 1
能力目標(biāo)　1
任務(wù)目標(biāo)　1
核心知識(shí)　1
一、網(wǎng)頁(yè)概述　1
二、網(wǎng)站概述　8

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

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

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

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

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

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

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