目錄

項目一 商務網(wǎng)頁設計導引 1
任務一 商務網(wǎng)站概述 1
一、網(wǎng)站設計的基本流程 2
二、商務網(wǎng)站的類型 3
三、網(wǎng)頁結構 8
四、網(wǎng)頁風格的種類 12
任務二 客戶需求分析 16
一、行業(yè)背景分析 17
二、競爭對手分析 19
三、網(wǎng)頁原型分析 23
任務三 商務網(wǎng)站欄目規(guī)劃 27
一、欄目設置的基本原則 27
二、網(wǎng)站欄目的策劃 28
三、網(wǎng)站欄目的設計方法 32
任務四 網(wǎng)頁首屏設計 35
一、確定可視范圍 35
二、展示吸引用戶的信息 35
三、視覺焦點要顯眼 37
四、圖片讓內(nèi)容更易于理解 37
五、用風格強調(diào)主題 38
六、鎖定用戶的視覺重點 39
七、用動畫吸引用戶的注意 40
八、符合視覺習慣的圖文混排 40
九、產(chǎn)品特性的恰當處理 41
任務五 企業(yè)公信力打造 42
一、專業(yè)性展示 42
二、硬實力呈現(xiàn) 43
三、專家團隊 43
四、獎勵、榮譽及資質(zhì) 43
五、優(yōu)質(zhì)客戶 44
六、成功案例 44
七、權威媒體報道 45
實訓一 企業(yè)網(wǎng)站欄目規(guī)劃 45
思考與練習 46
項目二 商務網(wǎng)頁布局設計及網(wǎng)頁草圖繪制 48
任務一 網(wǎng)頁布局設計 49
任務二 網(wǎng)頁草圖繪制 57
實訓二 企業(yè)網(wǎng)站首頁草圖繪制 60
思考與練習 61
項目三 商務網(wǎng)頁效果圖制作 63
任務一 網(wǎng)頁素材選取 66
任務二 圖層組管理 70
任務三 網(wǎng)頁元素制作 74
任務四 網(wǎng)頁效果圖制作 83
任務五 網(wǎng)頁效果圖切片 96
實訓三 企業(yè)網(wǎng)站首頁效果圖制作 99
思考與練習 100
項目四 表格制作網(wǎng)頁 102
任務一 本地站點配置 103
任務二 使用表格制作網(wǎng)頁 110
實訓四 使用表格制作企業(yè)網(wǎng)站首頁 127
思考與練習 128
項目五 DIV+CSS制作網(wǎng)頁 130
任務一 首頁DIV框架制作 131
任務二 內(nèi)容制作 146
任務三 CSS特效導航欄制作 163
實訓五 使用DIV+CSS制作企業(yè)網(wǎng)站首頁 167
思考與練習 168
項目六 商務網(wǎng)站發(fā)布 170
任務一 域名注冊 171
任務二 虛擬主機租用 174
任務三 網(wǎng)站備案 177
任務四 網(wǎng)站文件上傳 182
任務五 域名綁定與解析 187
實訓六 企業(yè)網(wǎng)站首頁的發(fā)布 192
思考與練習 193
項目七 移動端網(wǎng)站制作 195
任務一 了解移動端網(wǎng)站 196
一、移動端網(wǎng)站的概念 196
二、移動端網(wǎng)站的開發(fā)策略 196
三、移動端網(wǎng)站的制作方法 199
任務二 使用第三方建站平臺制作移動端網(wǎng)站 202
一、注冊賬號及開通建站服務 202
二、熟悉網(wǎng)站后臺管理頁面 204
三、分模塊制作手機端網(wǎng)站首頁 206
任務三 使用CMS制作移動端網(wǎng)站 218
一、CMS及KesionCMS的概況 218
二、建站準備工作 219
三、使用KesionCMS制作移動端網(wǎng)站首頁 227
實訓七 企業(yè)手機端網(wǎng)站制作 240
思考與練習 241
參考文獻 242