本書的內(nèi)容采用了“項目—任務—活動”的結構體系,從工作現(xiàn)場需求與實踐應用中引入教學項目,培養(yǎng)學生完成工作任務及解決實際問題的技能。
本書包含10個項目,分別為網(wǎng)站建設基礎、電子商務網(wǎng)站前期調(diào)研與規(guī)劃、設計網(wǎng)站首頁、設計網(wǎng)站首頁頁眉、創(chuàng)建首頁導航欄、設計水平導航欄、設計首頁輪換廣告、網(wǎng)站首頁主體部分設計、用戶登錄與注冊頁面設計、電子商城主題商品頁及詳細頁等制作、網(wǎng)站的上傳與管理。書中全部項目緊密結合電子商務網(wǎng)站開發(fā)技術,與真實的工作過程相一致,完全符合企業(yè)需求。
本書可供電子商務專業(yè)或相關專業(yè)的學生作為教材使用,也可供計算機專業(yè)及廣大工程技術人員自學參考。
項目1網(wǎng)站建設基礎
任務1網(wǎng)站基本概念
活動1鑒賞優(yōu)秀網(wǎng)站
活動2申請注冊域名
任務2網(wǎng)站制作的常用工具
活動1摳出并旋轉圖片
活動2使用Flash制作心形
活動3使用Dreamweaver制作表格
任務3網(wǎng)站設計常用技術
活動1用HTML語言編寫簡單的網(wǎng)頁
活動2設置CSS樣式
任務4網(wǎng)站開發(fā)的流程
活動網(wǎng)站開發(fā)的流程
項目2電子商務網(wǎng)站前期調(diào)研與規(guī)劃
任務1電子商務網(wǎng)站前期調(diào)研
活動電子商務網(wǎng)站前期調(diào)研
任務2電子商務網(wǎng)站建設規(guī)劃
活動電子商務網(wǎng)站建設規(guī)劃
項目3設計網(wǎng)站首頁
任務1確認頁面大小和規(guī)劃首頁內(nèi)容
活動1確定網(wǎng)頁頁面大小
活動2確定首頁主要網(wǎng)頁元素和展示內(nèi)容
任務2設計首頁版式
活動網(wǎng)站首頁的草圖
任務3制作網(wǎng)站首頁效果圖
活動制作網(wǎng)站首頁效果圖
任務4首頁切片
活動創(chuàng)建網(wǎng)頁切片
任務5網(wǎng)站首頁的重新定稿
活動重新確定電子商務網(wǎng)站首頁版式、內(nèi)容,完成首頁效果圖的設計
項目4設計網(wǎng)站首頁頁眉
任務1設計網(wǎng)站Logo
活動1設計商城Logo
活動2將制作好的Logo秀出來
任務2設計搜索欄
活動設計搜索表單,添加輸入文本框與提交按鈕
任務3設計頁眉其他元素
活動1插入Div,為新元素開辟空間
活動2讓各元素堅守自己的崗位
活動3給各元素進行外表包裝
項目5創(chuàng)建首頁導航欄
任務1設計垂直導航欄
活動1確定垂直導航欄的配色方案及文本屬性
活動2分析首頁結構及垂直導航欄所在位置
活動3明確垂直導航欄中的內(nèi)容
活動4確定實施方案及頁面布局
活動5垂直導航欄中一級導航項的制作
活動6垂直導航欄中二級導航項的制作
任務2設計水平導航欄
活動1確定水平導航欄中各元素的配色方案及文本屬性
活動2確定水平導航欄的位置及結構
活動3明確水平導航欄中內(nèi)容,確定各部分尺寸
活動4制作水平導航欄
項目6設計首頁輪換廣告
任務1制作Flash輪換廣告條
活動1利用Flash制作輪換廣告條
活動2將Flash制作的輪換廣告條嵌入網(wǎng)頁
任務2JavaScript輪換廣告條的制作
活動利用JavaScript制作輪換廣告條
項目7網(wǎng)站首頁主體部分設計
任務1制作主頁面的熱賣商品專區(qū)
活動1網(wǎng)頁設計布局
活動2轉換布局圖為網(wǎng)頁
任務2制作手機銷量排行榜
活動1根據(jù)設計圖對網(wǎng)頁進行布局設計,并處理、收集素材
活動2將布局圖根據(jù)設計圖效果采用列表及CSS制作成網(wǎng)頁
任務3設計首頁的頁腳
活動1確定首頁的頁腳元素并設計布局
活動2將效果圖制作成網(wǎng)頁
項目8用戶登錄與注冊頁面設計
任務1設計用戶登錄頁面
活動1確定用戶登錄的界面
活動2將效果圖制作成網(wǎng)頁
任務2設計用戶注冊頁面
活動1確定用戶注冊的界面
活動2將效果圖制作成網(wǎng)頁
任務3使用JavaScript驗證表單
活動1設計用戶名和密碼合法性的要求
活動2將效果圖制作成網(wǎng)頁
項目9電子商城主題商品頁及詳細頁等制作
任務1熱銷商品頁面設計
活動1設計熱銷商品頁面
活動2將效果圖制作成網(wǎng)頁
任務2產(chǎn)品詳細頁面設計
活動1設計產(chǎn)品詳細頁面
活動2將效果圖制作成網(wǎng)頁
項目10網(wǎng)站的上傳與管理
任務1測試網(wǎng)站
活動1檢查瀏覽器兼容性
活動2檢查鏈接
活動3W3C檢驗
活動4創(chuàng)建站點報告
任務2上傳網(wǎng)站
活動上傳網(wǎng)站
任務3維護網(wǎng)站
活動維護網(wǎng)站