內容介紹
由肖玉、陳炳和等編著的《網站前台設計——項目化教學實施案例》以“科創資訊網站首頁設計”及“規劃展覽館全景展示網站前台設計”兩個項目的實施作為主線，按照“項目前期引導分析、項目實施布置安排、項目實施和最終總結評價”等項目開發流程進行任務分解，將項目1分解成4個任務，項目2分解成8個任務，作為教學主體內容，進行項目化教學。讓學生在完成項目的同時，熟悉和掌握網站前台設計的基本實施過程和相關知識，通過將工作過程轉換為教學過程，全面培養學生的職業能力和職業素質。
《網站前台設計——項目化教學實施案例》的內容順序和層次按照企業網站前台設計的流程、完成工作任務的要求進行編排，相關的理論知識以項目實施順序有機融入，按照教學規律、教材編寫的規範格式進行編寫。在每個任務完成時，通過“知識導航”對本任務所涉及的知識點進行梳理、總結，保持了知識體系的完整性，彌補了僅按項目實施進行教材編寫時知識點被打散的缺憾。
目錄
0 引言 1
0.1 職業領域描述 1
0.1.1 公司概況 1
0.1.2 項目概況 1
0.1.3 開發流程 1
0.1.4 人員結構 1
0.1.5 文檔模板及質量規範 2
0.1.6 其他說明 2
0.2 學習領域描述 3
0.2.1 課程教學目的 3
0.2.2 課程能力目標 3
0.2.3 課程知識目標 3
0.2.4 課程素質目標 3
項目1 科創資訊網站首頁設計
任務1 項目分析 5
1.1 項目分析流程 6
1.1.1 網站策劃 6
1.1.2 確定網站結構 7
1.1.3 制定網站的規範 9
1.2 任務結果展示 11
1.2.1 科創資訊網布局草圖 11
1.2.2 科創資訊網色彩與素材運用 11
1.2.3 科創資訊網網站結構 12
1.2.4 科創資訊網目錄結構及命名參考 12
1.3 任務完成情況評估 13
1.3.1 從專業技能方面考核 13
1.3.2 從職業素質方面考核 13
1.4 知識梳理 13
1.4.1 知識導航 13
1.4.2 網站分類 14
1.4.3 網站色彩搭配 16
1.4.4 網站策劃六要素 17
任務2 設計網頁界面 19
2.1 任務分析 20
2.2 任務實施 20
2.2.1 新建檔案並分割頁面 20
2.2.2 網站標誌和信息發布區域設計 22
2.2.3 切割網頁主模板圖像 30
2.3 任務結果展示 32
2.4 任務完成情況評估 33
2.4.1 從專業技能方面考核 33
2.4.2 從職業素質方面考核 33
2.5 知識梳理 34
2.5.1 知識導航 34
2.5.2 新建檔案設定 34
2.5.3 形狀工具 35
2.5.4 剪貼蒙版 36
2.5.5 圖層樣式 38
2.5.6 網頁的切片 42
任務3 製作導航條動畫 43
3.1 任務分析 43
3.2 任務實施 44
3.2.1 導航條按鈕製作過程 44
3.2.2 導航條選單製作過程 49
3.3 任務結果展示 56
3.4 任務完成情況評估 56
3.4.1 從專業技能方面考核 56
3.4.2 從職業素質方面考核 56
3.5 知識梳理 56
3.5.1 知識導航 56
3.5.2 導航選單製作概述 56
3.5.3 元件、實例和庫 58
任務4 網站前台頁面製作 62
4.1 任務分析 62
4.2 任務實施 63
4.2.1 定義本地站點 63
4.2.2 插入導航條及文字內容 63
4.3 任務結果展示 68
4.4 任務完成情況評估 69
4.4.1 從專業技能方面考核 69
4.4.2 從職業素質方面考核 69
4.5 知識梳理 69
4.5.1 知識導航 69
4.5.2 Dreamweaver軟體操作界面 70
4.5.3 製作簡單網頁 72
項目2 規劃展覽館全景展示網站前台設計
任務5 項目需求分析 79
5.1 項目需求分析流程 80
5.1.1 客戶需求分析 80
5.1.2 項目建設方案 81
5.1.3 項目實施工作計畫 83
5.2 任務成果展示 87
5.2.1 客戶需求分析表 87
5.2.2 項目建設方案 87
5.2.3 網站建設協定書 87
5.2.4 項目進度計畫 87
5.3 任務完成情況評估 87
5.3.1 從專業技能方面考核 87
5.3.2 從職業素質方面考核 87
5.4 知識梳理 87
5.4.1 知識導航 87
5.4.2 項目需求分析 88
5.4.3 簽訂項目開發協定 89
5.4.4 網站計畫 89
任務6 全景漫遊展示效果設計 93
6.1 任務分析 94
6.1.1 全景照片拍攝階段 94
6.1.2 全景漫遊製作階段 94
6.2 任務實施 94
6.2.1 全景圖片拍攝 94
6.2.2 全景圖片拼接 100
6.2.3 皮膚製作 109
6.2.4 漫遊製作 113
6.3 任務結果展示 121
6.4 任務完成情況評估 122
6.4.1 從專業技能方面考核 122
6.4.2 從職業素質方面考核 122
6.5 知識梳理 122
6.5.1 知識導航 122
6.5.2 全景漫遊展示技術 124
6.5.3 全景漫遊製作軟體“造景師”、
“漫遊大師”簡介 124
任務7 網站前台頁面設計 126
7.1 界面設計與布局分析 127
7.1.1 欄目規劃 127
7.1.2 網頁動畫設計 127
7.2 任務實施 127
7.2.1 蒐集製作素材 127
7.2.2 頁面設計 128
7.2.3 生成網站首頁面 131
7.2.4 站點的建立與管理 134
7.2.5 規範化網頁素材 138
7.3 任務結果展示 144
7.4 工作完成情況評估 144
7.4.1 從專業技能方面考核 145
7.4.2 從職業素質方面考核 145
7.5 知識梳理 145
7.5.1 知識導航 145
7.5.2 基本概念 145
7.5.3 CSS樣式分類 146
7.5.4 附加樣式表的方法 146
7.5.5 創建新的樣式表 147
7.5.6 將類樣式套用到文本 147
任務8 網頁動態特效設計 148
8.1 任務分析 149
8.2 任務實施 149
8.2.1 網頁動態特效參考資源 149
8.2.2 網頁動態特效的類型 149
8.2.3 網頁動態特效設計 156
8.3 任務結果展示 160
8.3.1 導航條圖像翻轉效果 160
8.3.2 “跑馬燈”效果 160
8.4 任務完成情況評估 160
8.4.1 從專業技能方面考核 160
8.4.2 從職業素質方面考核 160
8.5 知識梳理 160
8.5.1 知識導航 160
8.5.2 圖層的套用 161
8.5.3 行為面板的套用 163
任務9 網站FLASH動畫製作 169
9.1 任務分析 170
9.1.1 引導頁面設計要求 170
9.1.2 引導頁面設計思路 170
9.2 任務實施 170
9.2.1 蒐集製作素材 170
9.2.2 引導頁面設計 170
9.2.3 網頁Banner條設計 179
9.3 任務結果展示 180
9.3.1 引導頁面設計效果 180
9.3.2 Banner條最終設計效果 180
9.4 任務完成情況評估 180
9.4.1 從專業技能方面考核 180
9.4.2 從職業素質方面考核 181
9.5 知識梳理 181
9.5.1 知識導航 181
9.5.2 補間動畫的設定 181
9.5.3 Banner條設計規範 181
任務10 網站模組化設計 183
10.1 任務分析 184
10.2 任務實施 184
10.2.1 批量設計網頁 184
10.2.2 模板更新 189
10.3 任務結果展示 190
10.4 任務完成情況評估 191
10.4.1 從專業技能方面考核 192
10.4.2 從職業素質方面考核 192
10.5 知識梳理 192
10.5.1 知識導航 192
10.5.2 模板 192
10.5.3 庫 194
任務11 網頁互動設計 197
11.1 任務分析 198
11.2 任務實施 198
11.2.1 表單工作過程 198
11.2.2 製作表單頁面 199
11.3 任務結果顯示 209
11.4 任務完成情況評估 209
11.4.1 從專業技能方面考核 210
11.4.2 從職業素質方面考核 210
11.5 知識梳理 210
11.5.1 知識導航 210
11.5.2 表單概述 210
11.5.3 創建表單 211
11.5.4 設定表單對象屬性 212
任務12 網站測試、發布與推廣 215
12.1 任務分析 216
12.2 任務實施 216
12.2.1 站點測試 216
12.2.2 發布站點 218
12.2.3 網站推廣 219
12.3 任務結果展示 220
12.4 任務完成情況評估 221
12.4.1 從專業技能方面考核 221
12.4.2 從職業素質方面考核 221
12.5 知識梳理 221
12.5.1 知識導航 221
12.5.2 網站測試 222
12.5.3 網站發布 223
12.5.4 網站更新 224
參考文獻 226
