本書將教學內容按照“工作過程”的模式編寫。內容的組織與編排既注意符合知識的邏輯順序，又著眼于符合學生的思維發(fā)展規(guī)律和“網(wǎng)頁設計與網(wǎng)站開發(fā)”工作過程。本書以真實項目——盛世?景園為藍本，從網(wǎng)頁的需求分析、素材的收集、網(wǎng)頁界面設計、網(wǎng)站的建設與網(wǎng)頁的制作等內容，全方位的介紹“網(wǎng)頁設計與網(wǎng)站建設”的工作過程和工作內容，從而讓學生掌握網(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
一、頁面整體尺寸及框架結構設計 25
核心知識 25
操作過程 26
二、頁面頂端區(qū)域的設計 26
核心知識 26
操作過程 30
三、頁面導航區(qū)域的設計 35
核心知識 35
操作過程 35
四、頁面Banner區(qū)域的設計 38
核心知識 39
操作過程 40
五、頁面主體內容區(qū)域的設計 45
操作過程 45
六、頁面頁腳區(qū)域的設計 57
操作過程 57
七、內頁設計 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ù)結構 145
二、JavaScript程序構成 147
三、事件驅動及事件處理 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
新書資訊