項(xiàng)目一 賞析規(guī)劃電子商務(wù)網(wǎng)站 ——了解電子商務(wù)網(wǎng)站 知識(shí)鏈接:　1 1、網(wǎng)頁的構(gòu)成元素　1 2、電子商務(wù)網(wǎng)站的概念和特點(diǎn)　5 3、電子商務(wù)網(wǎng)站的分類　5 4、電商網(wǎng)站的視覺營(yíng)銷　6 5、電子商務(wù)網(wǎng)站的開發(fā)流程　8 任務(wù)一　賞析電子商務(wù)網(wǎng)站　11 任務(wù)描述——分析電子商務(wù)網(wǎng)站首頁　11 技術(shù)引進(jìn)——分析頁面結(jié)構(gòu)與色彩　12 任務(wù)實(shí)施——提高用戶體驗(yàn)的要素　15 新手試煉——賞析電子商務(wù)頁面　18 任務(wù)二　規(guī)劃“學(xué)設(shè)計(jì)吧”電子商務(wù)網(wǎng)站　19 任務(wù)描述——分析電子商務(wù)網(wǎng)站結(jié)構(gòu)　19 技術(shù)引進(jìn)——完成電子商務(wù)網(wǎng)站線框圖　21 任務(wù)實(shí)施——設(shè)計(jì)電子商務(wù)網(wǎng)站　24 新手試煉——電子商務(wù)網(wǎng)站會(huì)員頁面設(shè)計(jì)　26 項(xiàng)目小結(jié)　26 課后習(xí)題　26 項(xiàng)目二　創(chuàng)建并管理電商網(wǎng)站站點(diǎn)——掌握網(wǎng)站搭建基礎(chǔ) 知識(shí)鏈接:　28 1、電子商務(wù)網(wǎng)站制作相關(guān)術(shù)語　28 2、遠(yuǎn)程站點(diǎn)和本地站點(diǎn)　30 3、統(tǒng)一資源定位器URL　30 4、站點(diǎn)規(guī)劃　31 任務(wù)一　創(chuàng)建網(wǎng)站文件結(jié)構(gòu)　32 任務(wù)描述——?jiǎng)?chuàng)建本地靜態(tài)站點(diǎn)　32 技術(shù)引進(jìn)——了解“站點(diǎn)設(shè)置對(duì)象”對(duì)話框　33 任務(wù)實(shí)施——站點(diǎn)文件的優(yōu)化與管理　36 新手試煉——?jiǎng)?chuàng)建個(gè)人網(wǎng)站站點(diǎn)　37 任務(wù)二　設(shè)置遠(yuǎn)程站點(diǎn)服務(wù)器信息　38 任務(wù)描述——設(shè)置“服務(wù)器”選項(xiàng)　38 技術(shù)引入——設(shè)置“站點(diǎn)設(shè)置對(duì)象”對(duì)話框　39 任務(wù)實(shí)施——設(shè)置遠(yuǎn)程服務(wù)器　41 新手試煉——站點(diǎn)中的操作　43 項(xiàng)目小結(jié)　43 課后習(xí)題　43 項(xiàng)目三　使用HTML編寫頁面——搭建頁面底層的基礎(chǔ) 知識(shí)鏈接:　45 1、電子商務(wù)網(wǎng)站設(shè)計(jì)建設(shè)原則　45 2、電子商務(wù)頁面設(shè)計(jì)規(guī)則　46 3、了解HTML　5　48 4、HTML的基本結(jié)構(gòu)　48 5、掌握HTML的標(biāo)簽　49 任務(wù)一　布局學(xué)設(shè)計(jì)吧“關(guān)于我們”頁面　52 任務(wù)描述——了解頁面基本結(jié)構(gòu)　53 技術(shù)引進(jìn)——在Dreamweaver中編寫HTML　53 任務(wù)實(shí)施——制作關(guān)于我們頁面結(jié)構(gòu)　56 新手試煉——制作社區(qū)生活頁面　59 任務(wù)二　制作學(xué)設(shè)計(jì)吧“關(guān)于我們”頁面　60 任務(wù)描述——了解關(guān)于我們頁面結(jié)構(gòu)　60 技術(shù)引入——Div+CSS盒模型　60 任務(wù)實(shí)施——完成關(guān)于我們頁面制作　64 新手試煉——制作藍(lán)色企業(yè)網(wǎng)站　66 項(xiàng)目小結(jié)　67 課后習(xí)題　67 項(xiàng)目四　使用CSS樣式美化頁面——簡(jiǎn)單快捷規(guī)范制作頁面 知識(shí)鏈接:　69 1、電子商務(wù)網(wǎng)頁常用術(shù)語　69 2、CSS樣式基礎(chǔ)　72 3、CSS樣式的基本語法　74 4、CSS樣式的使用方法　75 任務(wù)一　美化“關(guān)于我們”頁面導(dǎo)航　77 任務(wù)描述——了解頁面導(dǎo)航的結(jié)構(gòu)　77 技術(shù)引進(jìn)——了解id選擇符　77 任務(wù)實(shí)施——美化關(guān)于我們頁面導(dǎo)航　80 新手試煉——制作個(gè)人作品網(wǎng)站頁面　81 任務(wù)二　美化“關(guān)于我們”文本內(nèi)容　82 任務(wù)描述——分析“關(guān)于我們”頁面結(jié)構(gòu)　82 技術(shù)引入——使用CSS控制字體　82 任務(wù)實(shí)施——美化頁面文字　86 新手試煉——制作網(wǎng)站公告　88 項(xiàng)目小結(jié)　89 課后習(xí)題　89 項(xiàng)目五　使用CSS控制列表樣式——制作商品列表頁面 知識(shí)鏈接:　91 1、電子商務(wù)網(wǎng)站常用商品列表頁布局　91 2、商品展示頁設(shè)計(jì)要點(diǎn)　94 3、網(wǎng)頁中的列表控制　96 4、列表的類型及使用　97 任務(wù)一　制作商品列表索引導(dǎo)航　100 任務(wù)描述——商品列表索引導(dǎo)航結(jié)構(gòu)分析　101 技術(shù)引進(jìn)——有序列表和無序列表　101 任務(wù)實(shí)施——制作商品列表索引　104 新手試煉——制作個(gè)人作品網(wǎng)站頁面　106 任務(wù)二　美化商品列表頁面　107 任務(wù)描述——商品列表頁面結(jié)構(gòu)分析　107 技術(shù)引入——使用定義列表　108 任務(wù)實(shí)施——制作頁面中商品列表　109 新手試煉——制作縱向?qū)Ш讲藛巍?11 項(xiàng)目小結(jié)　112 課后習(xí)題　112 項(xiàng)目六　使用CSS控制頁面文字樣式——制作商品詳情頁面 知識(shí)鏈接:　114 1、商品詳情頁設(shè)計(jì)原則　114 2、如何做好商品詳情頁　118 3、CSS控制字體與大小　119 4、CSS控制顏色和粗細(xì)　122 任務(wù)一　制作商品詳情頁頭部　124 任務(wù)描述——了解文字標(biāo)簽　124 技術(shù)引進(jìn)——掌握文字裝飾標(biāo)簽　124 任務(wù)實(shí)施——制作商品詳情頁頭部　127 新手試煉——網(wǎng)頁文字修飾　130 任務(wù)二　制作商品詳情頁文本介紹　130 任務(wù)描述——了解分區(qū)標(biāo)簽的使用　131 技術(shù)引入——使用CSS控制段落　131 任務(wù)實(shí)施——制作商品詳情頁底部　134 新手試煉——應(yīng)用多個(gè)類樣式　135 項(xiàng)目小結(jié)　136 課后習(xí)題　136 項(xiàng)目七　在頁面中使用多媒體——制作視頻播放頁面 知識(shí)鏈接:　138 1、打造具有說服力的商品頁面　138 2、電商網(wǎng)站中多媒體視頻的使用　141 3、使用標(biāo)簽嵌入音頻和視頻　142 4、HTML　5中多媒體的應(yīng)用　143 任務(wù)一　制作商品列表索引導(dǎo)航　143 任務(wù)描述——商品列表導(dǎo)航頁面結(jié)構(gòu)　144 技術(shù)引進(jìn)——在頁面中嵌入音頻或視頻　144 任務(wù)實(shí)施——制作視頻播放頁面　148 新手試煉——在網(wǎng)頁中嵌入視頻　151 任務(wù)二　制作視頻播放頁詳情部分　152 任務(wù)描述——使用標(biāo)簽　152 技術(shù)引入——