1、,電子商務(wù)運(yùn)營(yíng)實(shí)務(wù) 2.2 主題營(yíng)銷(xiāo)網(wǎng)頁(yè)設(shè)計(jì),導(dǎo)入案例： 右圖是卓越網(wǎng)站為上海世紀(jì)出版股份有限公司成立十周年的設(shè)計(jì)放置的一個(gè)主題營(yíng)銷(xiāo)頁(yè)，這屬于主題品牌營(yíng)銷(xiāo)，是這家出版社成立十年來(lái)的新書(shū)、暢銷(xiāo)書(shū)籍、優(yōu)秀專(zhuān)題書(shū)籍的集中展示頁(yè)。屬于典型的主題營(yíng)銷(xiāo)頁(yè)面，是通過(guò)主頁(yè)（如下圖）中的一個(gè)鏈接打開(kāi)的主題營(yíng)銷(xiāo)頁(yè)。,知識(shí)點(diǎn)： 1、主題營(yíng)銷(xiāo)頁(yè)面制作的入手點(diǎn)是前期的主題營(yíng)銷(xiāo)策劃，需要使用的技術(shù)是前期所學(xué)的網(wǎng)頁(yè)制作，需要注意的是，在制作的前必須把Dreamweaver的站點(diǎn)設(shè)置成整個(gè)已經(jīng)制作完成的網(wǎng)站，然后在這個(gè)站點(diǎn)中進(jìn)行新的主題營(yíng)銷(xiāo)頁(yè)的制作，并為該主題營(yíng)銷(xiāo)頁(yè)設(shè)置專(zhuān)門(mén)的目錄放置完成后的相關(guān)網(wǎng)頁(yè)，其中設(shè)置images文件

2、夾保存主題營(yíng)銷(xiāo)頁(yè)中另外使用的圖片，以保證在完成制作后，頁(yè)面顯示和相關(guān)鏈接的完整性。 2、由于所需的Dreamweaver制作技術(shù)在網(wǎng)頁(yè)制作這門(mén)課程中已經(jīng)講授過(guò)，學(xué)生已經(jīng)能夠獨(dú)立制作頁(yè)面，在這里就不再重復(fù)制作方面的技術(shù)講解，而詳細(xì)講解網(wǎng)頁(yè)的結(jié)構(gòu)、網(wǎng)頁(yè)的顏色搭配和主題營(yíng)銷(xiāo)間的關(guān)系，在制作前通過(guò)分析典型的案例理解主題營(yíng)銷(xiāo)策劃在網(wǎng)頁(yè)中實(shí)現(xiàn)的方法。,一、任 務(wù)與分析,n,任務(wù) 通過(guò)分析卓越電子商務(wù)網(wǎng)站的主題營(yíng)銷(xiāo)頁(yè)組成結(jié)構(gòu)，熟悉主題營(yíng)銷(xiāo)頁(yè),面的模塊組成元素，能根據(jù)主題營(yíng)銷(xiāo)的目標(biāo)設(shè)計(jì)主題營(yíng)銷(xiāo)的頁(yè)面結(jié)構(gòu)。,n,任務(wù)分析 從頁(yè)面的組成結(jié)構(gòu)入手，分析一般的主題營(yíng)銷(xiāo)頁(yè)中必須具備的欄目，,理解頁(yè)面中各個(gè)欄目模塊與主題

3、營(yíng)銷(xiāo)目標(biāo)間的關(guān)系，并根據(jù)前期的主題營(yíng)銷(xiāo)策劃的方法，在一個(gè)以銷(xiāo)售服裝和小日用品的網(wǎng)站中設(shè)計(jì)制作一個(gè)以六一兒童節(jié)為主題的營(yíng)銷(xiāo)頁(yè)面，劃分欄目，設(shè)計(jì)頁(yè)面布局，注意網(wǎng)頁(yè)的用色與主題內(nèi)容間的關(guān)系保持一致性。,二、實(shí)例方法與步驟 n【步驟一】主題營(yíng)銷(xiāo)頁(yè)面的組成結(jié)構(gòu)及色彩分析 1、從卓越網(wǎng)站主題營(yíng)銷(xiāo)頁(yè)（右圖）的布局可 以看出，整個(gè)網(wǎng)頁(yè)結(jié)構(gòu)如圖2.2.1-3的效果。 2、整個(gè)頁(yè)面的布局完整，結(jié)構(gòu)對(duì)稱(chēng)，顯得穩(wěn)固，與主題營(yíng)銷(xiāo)的對(duì)象上海世紀(jì)出版股份有限公司的身份是正規(guī)的出版社相吻合。 3、在色彩方面，該頁(yè)面仍采用了卓越網(wǎng)站的白色作為大面積用色，主色調(diào)也與網(wǎng)站本身一樣使用了藍(lán)色，保持了這個(gè)頁(yè)面和整個(gè)網(wǎng)站的一致性，但是主

4、題圖片采用了大紅色，起到醒目、突出喜慶氣氛的效果。在整個(gè)色調(diào)方面，因?yàn)槭亲吭奖姸嗪献鞯钠髽I(yè)之一，因此保持網(wǎng)站的整體風(fēng)格不變，這樣及突出了主題，有保證了不會(huì)喧賓奪主。,二、實(shí)例方法與步驟 n【步驟二】設(shè)計(jì)主題營(yíng)銷(xiāo)頁(yè)面的結(jié)構(gòu)及色彩 1、主題是六一兒童節(jié)，營(yíng)銷(xiāo)對(duì)象是兒童的家長(zhǎng)，在一個(gè)以銷(xiāo)售服裝和小日用品的網(wǎng)站中，即使是兒童節(jié)，購(gòu)買(mǎi)兒童用品的仍然是成年人，主題頁(yè)面的設(shè)置必須符合成年人的購(gòu)物特點(diǎn)和喜好。 2、根據(jù)以上的分析，網(wǎng)頁(yè)的結(jié)構(gòu)仍采用對(duì)稱(chēng)式 的布局方法，盡量顯得穩(wěn)妥。設(shè)計(jì)的結(jié)構(gòu)如右圖。 3、在色彩方面，因?yàn)槭枪?jié)日營(yíng)銷(xiāo)主題，必須突出節(jié)慶氣氛，符合兒童的商品的特點(diǎn)，在主題圖（下圖）的制作上，可以考慮色

5、彩的鮮艷性，圖片對(duì)象的卡通性、可愛(ài)性等特點(diǎn)。,二、實(shí)例方法與步驟 4、設(shè)計(jì)過(guò)程中，使用的主題圖是以藍(lán)綠色為主，圖片的內(nèi)容繪制的方法是兒童畫(huà)的方式，突出兒童天真純潔可愛(ài)的特點(diǎn)；使用的框線的顏色與網(wǎng)站的主頁(yè)面中都相同，左邊的欄目底色也與網(wǎng)站的其他頁(yè)面相同，底部的四個(gè)鏈接圖片也是網(wǎng)站中的其他頁(yè)面使用的，這樣既保持了網(wǎng)站的一個(gè)整體性，同時(shí)又突出了營(yíng)銷(xiāo)主題的兒童類(lèi)產(chǎn)品的活潑可愛(ài)的特點(diǎn)。,二、實(shí)例方法與步驟 5、制作過(guò)程中，在Dreamweaver中利用所學(xué)過(guò)的表格方式進(jìn)行頁(yè)面的結(jié)構(gòu)布局，每個(gè)欄目的邊框使用細(xì)線表格的技術(shù)實(shí)現(xiàn)，完成后的頁(yè)面利用模板技術(shù)，放置在整個(gè)網(wǎng)站的導(dǎo)航欄之下，完成這個(gè)頁(yè)面的設(shè)計(jì)。然后需要的是利用后續(xù)的數(shù)據(jù)庫(kù)技術(shù)，在產(chǎn)品顯示位上利用動(dòng)態(tài)的方式把相應(yīng)的產(chǎn)品和鏈接制作完成。,三、小結(jié) 通過(guò)上述案例分析和實(shí)際操作，我們可以歸納總結(jié)出主題營(yíng)銷(xiāo)頁(yè)的制作 過(guò)程如下： l 根據(jù)主題營(yíng)銷(xiāo)策劃和受眾群的特點(diǎn)，設(shè)計(jì)網(wǎng)頁(yè)的框架結(jié)構(gòu)；l 確定好頁(yè)面的風(fēng)格以及顏色搭配，設(shè)計(jì)制作主題圖； l 根據(jù)主題圖以及顏色搭配設(shè)計(jì)輔助圖片，圖標(biāo)； l 在軟件中利用表格技術(shù)把各種設(shè)計(jì)元素按照網(wǎng)頁(yè)的框架結(jié)構(gòu)組合起來(lái)，調(diào)整效果完成制作。,四、實(shí)訓(xùn)一 n 實(shí)訓(xùn)名稱(chēng)： “