本書將教學(xué)內(nèi)容按照“工作過程”的模式編寫。內(nèi)容的組織與編排既注意符合知識(shí)的邏輯順序,又著眼于符合學(xué)生的思維發(fā)展規(guī)律和“網(wǎng)頁設(shè)計(jì)與網(wǎng)站開發(fā)”工作過程。本書以真實(shí)項(xiàng)目——盛世?景園為藍(lán)本,從網(wǎng)頁的需求分析、素材的收集、網(wǎng)頁界面設(shè)計(jì)、網(wǎng)站的建設(shè)與網(wǎng)頁的制作等內(nèi)容,全方位的介紹“網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)”的工作過程和工作內(nèi)容,從而讓學(xué)生掌握網(wǎng)頁制作的整個(gè)工作流程和工作技巧。
任務(wù)一 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 1
能力目標(biāo) 1
任務(wù)目標(biāo) 1
核心知識(shí) 1
一、網(wǎng)頁概述 1
二、網(wǎng)站概述 8
任務(wù)二 網(wǎng)頁中的色彩 14
能力目標(biāo) 14
任務(wù)目標(biāo) 14
核心知識(shí) 14
一、色彩的基本知識(shí) 14
二、色彩的三要素 15
三、色彩分析 15
四、網(wǎng)頁色彩搭配方法 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)頁的首頁界面設(shè)計(jì) 24
能力目標(biāo) 24
任務(wù)目標(biāo) 24
任務(wù)解析 25
一、頁面整體尺寸及框架結(jié)構(gòu)設(shè)計(jì) 25
核心知識(shí) 25
操作過程 26
二、頁面頂端區(qū)域的設(shè)計(jì) 26
核心知識(shí) 26
操作過程 30
三、頁面導(dǎo)航區(qū)域的設(shè)計(jì) 35
核心知識(shí) 35
操作過程 35
四、頁面Banner區(qū)域的設(shè)計(jì) 38
核心知識(shí) 39
操作過程 40
五、頁面主體內(nèi)容區(qū)域的設(shè)計(jì) 45
操作過程 45
六、頁面頁腳區(qū)域的設(shè)計(jì) 57
操作過程 57
七、內(nèi)頁設(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)頁制作基礎(chǔ) 62
二、網(wǎng)頁制作軟件 98
模塊二 “盛和·景園”房產(chǎn)網(wǎng)站的
制作方法 101
能力目標(biāo) 101
任務(wù)目標(biāo) 101
一、創(chuàng)建“盛和·景園”站點(diǎn) 101
核心知識(shí) 101
操作過程 104
二、“盛和·景園”房產(chǎn)網(wǎng)站的
制作過程 106
核心知識(shí) 106
操作過程 107
拓展實(shí)訓(xùn) 141
任務(wù)五 制作“盛和·景園”網(wǎng)站中首頁的特效 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
操作過程 150
任務(wù)六 “盛和·景園”網(wǎng)站中開場動(dòng)畫的制作 161
模塊一 “盛和·景園”開場動(dòng)畫
文檔的創(chuàng)建 161
能力目標(biāo) 161
任務(wù)目標(biāo) 161
核心知識(shí) 161
一、認(rèn)識(shí)Flash CS6 161
二、新建Flash文檔 165
操作過程 166
模塊二 “盛和·景園”開場動(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
操作過程 171
一、畫軸展開動(dòng)畫的制作 171
二、制作文本逐個(gè)顯示的補(bǔ)間動(dòng)畫 181
三、制作蝴蝶飛舞的動(dòng)畫 186
四、制作“進(jìn)入首頁”按鈕 189
模塊三 將“盛和·景園”開場動(dòng)畫
應(yīng)用在進(jìn)入頁面 193
能力目標(biāo) 193
任務(wù)目標(biāo) 193
核心知識(shí) 194
一、在網(wǎng)頁中插入Flash動(dòng)畫 194
二、IIS服務(wù)器 196
操作過程 198
拓展實(shí)訓(xùn) 204
附錄A “網(wǎng)頁設(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)頁設(shè)計(jì)與制作技能大賽試題 210
一、單項(xiàng)選擇題 210
二、多項(xiàng)選擇題 212
三、操作題 214