網頁設計

本書的內容採用了“項目—任務—活動”的結構體系，從工作現場需求與實踐應用中引入教學項目，培養學生完成工作任務及解決實際問題的技能。

本書包含10個項目，分別為網站建設基礎、電子商務網站前期調研與規劃、設計網站首頁、設計網站首頁頁眉、創建首頁導航欄、設計水平導航欄、設計首頁輪換廣告、網站首頁主體部分設計、用户登錄與註冊頁面設計、電子商城主題商品頁及詳細頁等製作、網站的上傳與管理。書中全部項目緊密結合電子商務網站開發技術，與真實的工作過程相一致，完全符合企業需求。

本書可供電子商務專業或相關專業的學生作為教材使用，也可供計算機專業及廣大工程技術人員自學參考。

項目1網站建設基礎

任務1網站基本概念

活動1鑑賞優秀網站

活動2申請註冊域名

任務2網站製作的常用工具

活動1摳出並旋轉圖片

活動2使用Flash製作心形

活動3使用Dreamweaver製作表格

任務3網站設計常用技術

活動1用HTML語言編寫簡單的網頁

活動2設置CSS樣式

任務4網站開發的流程

活動網站開發的流程

項目2電子商務網站前期調研與規劃

任務1電子商務網站前期調研

活動電子商務網站前期調研

任務2電子商務網站建設規劃

活動電子商務網站建設規劃

項目3設計網站首頁

任務1確認頁面大小和規劃首頁內容

活動1確定網頁頁面大小

活動2確定首頁主要網頁元素和展示內容

任務2設計首頁版式

活動網站首頁的草圖

任務3製作網站首頁效果圖

活動製作網站首頁效果圖

任務4首頁切片

活動創建網頁切片

任務5網站首頁的重新定稿

活動重新確定電子商務網站首頁版式、內容，完成首頁效果圖的設計

項目4設計網站首頁頁眉

任務1設計網站Logo

活動1設計商城Logo

活動2將製作好的Logo秀出來

任務2設計搜索欄

活動設計搜索表單，添加輸入文本框與提交按鈕

任務3設計頁眉其他元素

活動1插入Div，為新元素開闢空間

活動2讓各元素堅守自己的崗位

活動3給各元素進行外表包裝

項目5創建首頁導航欄

任務1設計垂直導航欄

活動1確定垂直導航欄的配色方案及文本屬性

活動2分析首頁結構及垂直導航欄所在位置

活動3明確垂直導航欄中的內容

活動4確定實施方案及頁面佈局

活動5垂直導航欄中一級導航項的製作

活動6垂直導航欄中二級導航項的製作

任務2設計水平導航欄

活動1確定水平導航欄中各元素的配色方案及文本屬性

活動2確定水平導航欄的位置及結構

活動3明確水平導航欄中內容，確定各部分尺寸

活動4製作水平導航欄

項目6設計首頁輪換廣告

任務1製作Flash輪換廣告條

活動1利用Flash製作輪換廣告條

活動2將Flash製作的輪換廣告條嵌入網頁

任務2JavaScript輪換廣告條的製作

活動利用JavaScript製作輪換廣告條

項目7網站首頁主體部分設計

任務1製作主頁面的熱賣商品專區

活動1網頁設計佈局

活動2轉換佈局圖為網頁

任務2製作手機銷量排行榜

活動1根據設計圖對網頁進行佈局設計，並處理、收集素材

活動2將佈局圖根據設計圖效果採用列表及CSS製作成網頁

任務3設計首頁的頁腳

活動1確定首頁的頁腳元素並設計佈局

活動2將效果圖製作成網頁

項目8用户登錄與註冊頁面設計

任務1設計用户登錄頁面

活動1確定用户登錄的界面

活動2將效果圖製作成網頁

任務2設計用户註冊頁面

活動1確定用户註冊的界面

活動2將效果圖製作成網頁

任務3使用JavaScript驗證表單

活動1設計用户名和密碼合法性的要求

活動2將效果圖製作成網頁

項目9電子商城主題商品頁及詳細頁等製作

任務1熱銷商品頁面設計

活動1設計熱銷商品頁面

活動2將效果圖製作成網頁

任務2產品詳細頁面設計

活動1設計產品詳細頁面

活動2將效果圖製作成網頁

項目10網站的上傳與管理

任務1測試網站

活動1檢查瀏覽器兼容性

活動2檢查鏈接

活動3W3C檢驗

活動4創建站點報告

任務2上傳網站

活動上傳網站

任務3維護網站

活動維護網站