本書(shū)將教學(xué)內(nèi)容按照“工作過(guò)程”的模式編寫(xiě)。內(nèi)容的組織與編排既注意符合知識(shí)的邏輯順序,又著眼于符合學(xué)生的思維發(fā)展規(guī)律和“網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站開(kāi)發(fā)”工作過(guò)程。本書(shū)以真實(shí)項(xiàng)目——盛世?景園為藍(lán)本,從網(wǎng)頁(yè)的需求分析、素材的收集、網(wǎng)頁(yè)界面設(shè)計(jì)、網(wǎng)站的建設(shè)與網(wǎng)頁(yè)的制作等內(nèi)容,全方位的介紹“網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)”的工作過(guò)程和工作內(nèi)容,從而讓學(xué)生掌握網(wǎng)頁(yè)制作的整個(gè)工作流程和工作技巧。
任務(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)站中開(kāi)場(chǎng)動(dòng)畫(huà)的制作 161
模塊一 “盛和·景園”開(kāi)場(chǎng)動(dòng)畫(huà)
文檔的創(chuàng)建 161
能力目標(biāo) 161
任務(wù)目標(biāo) 161
核心知識(shí) 161
一、認(rèn)識(shí)Flash CS6 161
二、新建Flash文檔 165
操作過(guò)程 166
模塊二 “盛和·景園”開(kāi)場(chǎng)動(dòng)畫(huà)的
制作 167
能力目標(biāo) 167
任務(wù)目標(biāo) 167
核心知識(shí) 167
一、元件 167
二、補(bǔ)間動(dòng)畫(huà)、傳統(tǒng)補(bǔ)間動(dòng)畫(huà)與補(bǔ)間
形狀動(dòng)畫(huà) 168
三、ActionScript動(dòng)作腳本 169
操作過(guò)程 171
一、畫(huà)軸展開(kāi)動(dòng)畫(huà)的制作 171
二、制作文本逐個(gè)顯示的補(bǔ)間動(dòng)畫(huà) 181
三、制作蝴蝶飛舞的動(dòng)畫(huà) 186
四、制作“進(jìn)入首頁(yè)”按鈕 189
模塊三 將“盛和·景園”開(kāi)場(chǎng)動(dòng)畫(huà)
應(yīng)用在進(jìn)入頁(yè)面 193
能力目標(biāo) 193
任務(wù)目標(biāo) 193
核心知識(shí) 194
一、在網(wǎng)頁(yè)中插入Flash動(dòng)畫(huà) 194
二、IIS服務(wù)器 196
操作過(guò)程 198
拓展實(shí)訓(xùn) 204
附錄A “網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站規(guī)劃”課程實(shí)訓(xùn)指導(dǎo)書(shū) 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