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