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