電子商務(wù)站點(diǎn)的創(chuàng)建.ppt

1、5.1 電子商務(wù)站點(diǎn)的創(chuàng)建,設(shè)計(jì)一個(gè)屬于本小組的網(wǎng)店,第一組：聚潮風(fēng)暴（男裝） 口號(hào)：匯聚潮流，引領(lǐng)風(fēng)暴，小伙們，在聚潮風(fēng)暴走起！ 第二組：內(nèi)裝 第三組：女裝 第四組：唯你美（化妝品） 口號(hào)：唯你美，唯你美，唯你最美！ 第五組：安亞途（鞋）,小組討論，暫定一個(gè)屬于自己特色的一個(gè)網(wǎng)站。,準(zhǔn)備工作有哪些呢？,1 商務(wù)站點(diǎn)的籌劃與定位,2 站點(diǎn)信息的組織與設(shè)計(jì),3 站點(diǎn)主頁(yè)的開發(fā)與制作,4 站點(diǎn)主頁(yè)的發(fā)布與推廣,一、商務(wù)站點(diǎn)的籌備和策劃1.商務(wù)站點(diǎn)的籌劃,Web站點(diǎn)的建設(shè)需要哪些工作人員？ 在創(chuàng)建商務(wù)站點(diǎn)之前，組織一支優(yōu)秀的商務(wù)站點(diǎn)建設(shè)隊(duì)伍是相當(dāng)重要。一個(gè)Web站點(diǎn)的建設(shè)需要不同角色的人員。這些角色

2、包括內(nèi)容提供者、項(xiàng)目經(jīng)理、信息建筑師、多媒體藝術(shù)家、技術(shù)指導(dǎo)、作者、編輯者、系統(tǒng)工程師、開發(fā)者、數(shù)據(jù)庫(kù)管理員、Web站點(diǎn)工程師、界面設(shè)計(jì)者。,小組討論：要求全員參加，經(jīng)過組長(zhǎng)和組員的集思廣益，對(duì)每一名隊(duì)員進(jìn)行工作任命，和職責(zé)安排，限時(shí)3分鐘。,一、商務(wù)站點(diǎn)的籌備和策劃2制定站點(diǎn)的設(shè)計(jì)目標(biāo),成功的電子商務(wù)的六個(gè)要素,目標(biāo)市場(chǎng)情況。 市場(chǎng)環(huán)境。 產(chǎn)品、服務(wù)與品牌。 價(jià)格。 送貨渠道。 其他推動(dòng)力。,提問：如何實(shí)現(xiàn)所設(shè)計(jì)的目標(biāo)呢？,網(wǎng)上運(yùn)作的產(chǎn)品及市場(chǎng)定位 網(wǎng)上客戶的分析和定位,（1） 目標(biāo)市場(chǎng)情況。 （2） 產(chǎn)品、服務(wù)與品牌。 （3） 送貨渠道。 （4） 價(jià)格。 （5） 市場(chǎng)環(huán)境 。 （6） 其他

3、推動(dòng)力。,每一要素進(jìn)行評(píng)估,提問：如何實(shí)現(xiàn)所設(shè)計(jì)的目標(biāo)呢？,網(wǎng)上運(yùn)作的產(chǎn)品及市場(chǎng)定位 網(wǎng)上客戶的分析和定位,Internet用戶的特點(diǎn) Internet用戶一般喜愛在Internet上沖浪，經(jīng)常就其關(guān)注的主題在網(wǎng)上尋找最新信息。 Internet用戶的類型 內(nèi)部網(wǎng)用戶、家庭用戶、商業(yè)用戶及全球用戶。 Internet用戶的專業(yè)水平 第一類是第一次使用Internet或不常上網(wǎng)的用戶。 第二類是經(jīng)常上網(wǎng)的用戶。 第三類是專家級(jí)的用戶。,二、 站點(diǎn)信息的組織與設(shè)計(jì),1.確定站點(diǎn)的內(nèi)容,2.站點(diǎn)內(nèi)容的組織,3.建立信息內(nèi)容的導(dǎo)航,5.1.2 站點(diǎn)信息的組織與設(shè)計(jì),1. 確定站點(diǎn)的內(nèi)容,站點(diǎn)內(nèi)容就是信

4、息：觀點(diǎn)、意見、日程、地圖、傳記、書目、目錄、術(shù)語(yǔ)、產(chǎn)品信息、統(tǒng)計(jì)數(shù)據(jù)、問答、概括、聲音和動(dòng)態(tài)圖像等。,概念,(1)事實(shí)。 (2)定義和概念。 (3)程序。 (4)過程和規(guī)則。,4種基本類型,Internet Web通常四種類型,5.1.2 站點(diǎn)信息的組織與設(shè)計(jì),2. 站點(diǎn)內(nèi)容的組織,絕大多數(shù)以營(yíng)銷為主要功能的站點(diǎn)共有的主要欄目, 企業(yè)介紹。 廣告。 商品介紹。 與用戶的交互。 相關(guān)行業(yè)及企業(yè)的介紹等。,5.1.2 站點(diǎn)信息的組織與設(shè)計(jì),2. 站點(diǎn)內(nèi)容的組織,建立層次,組織自己的內(nèi)容,人們?cè)赪eb站點(diǎn)中使用一種類似于書籍中常使用的層次樹結(jié)構(gòu)模式。,5.1.2 站點(diǎn)信息的組織與設(shè)計(jì),2. 站點(diǎn)內(nèi)

5、容的組織,建立層次,組織自己的內(nèi)容,(1)從一個(gè)高度結(jié)構(gòu)化的層次開始，通過這個(gè)結(jié)構(gòu)鏈接到的允許訪問的各個(gè)頁(yè)面上。 (2)從一個(gè)非結(jié)構(gòu)化的網(wǎng)站開始，加上一些少許的結(jié)構(gòu)，使其可以回到主頁(yè)或者某些關(guān)鍵的頁(yè)面上。 (3)從一個(gè)結(jié)構(gòu)化和非結(jié)構(gòu)化混合的Web開始設(shè)計(jì)。,5.1.2 站點(diǎn)信息的組織與設(shè)計(jì),3. 建立信息內(nèi)容的導(dǎo)航,規(guī)劃導(dǎo)航,在Web主頁(yè)上提供導(dǎo)航起始點(diǎn),保證瀏覽者隨時(shí)隨地都能知道自己所處的位置,是在商品介紹區(qū)、聯(lián)機(jī)目錄區(qū)，或者是在線購(gòu)物區(qū)等。 要使瀏覽者知道如何前往其他頁(yè)面，如何返回。 通往不同層次頁(yè)面的鏈接要有區(qū)別。 如果在縱深方向?qū)哟畏浅６?，要提供一種從高層直接到底層的鏈接。,5.1.2

6、 站點(diǎn)信息的組織與設(shè)計(jì),3. 建立信息內(nèi)容的導(dǎo)航,規(guī)劃導(dǎo)航,在Web主頁(yè)上提供導(dǎo)航起始點(diǎn),聯(lián)機(jī)目錄。 使用最簡(jiǎn)單的單元表格。 使用導(dǎo)航條。 使用文本型鏈接。 使用圖像鏈接。,5.1.3 站點(diǎn)主頁(yè)的開發(fā)與制作,1.頁(yè)面制作常識(shí),2.創(chuàng)建頁(yè)面的基礎(chǔ)工作,3.加入基本內(nèi)容,4.建立導(dǎo)航系統(tǒng),5.1.3 站點(diǎn)主頁(yè)的開發(fā)與制作,1.頁(yè)面制作常識(shí),（1）好的制作習(xí)慣,創(chuàng)作者。 日期。 反饋。 交叉鏈接。 本地備份和鏈接備份。 測(cè)試。,5.1.3 站點(diǎn)主頁(yè)的開發(fā)與制作,1.頁(yè)面制作常識(shí),（2）頁(yè)面制作的原則,Web頁(yè)面設(shè)計(jì)有兩個(gè)重要的限制： 空間限制。 時(shí)間限制。,5.1.3 站點(diǎn)主頁(yè)的開發(fā)與制作,1.頁(yè)面

7、制作常識(shí),（2）頁(yè)面制作的原則,在不影響瀏覽效果情況下使圖像文件盡可能的小 要限制每個(gè)頁(yè)面的圖片數(shù)量。 常規(guī)說(shuō)來(lái)，每個(gè)頁(yè)面都應(yīng)該集中在一個(gè)單獨(dú)的主題上，如果確實(shí)要求在一個(gè)頁(yè)面上包含多個(gè)主題的話，就使用錨點(diǎn)鏈接。 要避免很長(zhǎng)的頁(yè)面，可以使用表格將文字分欄，同時(shí)在文字中點(diǎn)綴一些圖像。,創(chuàng)建Web頁(yè)面的注意事項(xiàng),5.1.3 站點(diǎn)主頁(yè)的開發(fā)與制作,1.頁(yè)面制作常識(shí),（3）規(guī)劃頁(yè)面,（1）選擇定位元素。 （2）圖標(biāo)。 （3）標(biāo)題。 （4）字體。 （5）通用的頁(yè)面元素。 （6）文字和背景。 （7）預(yù)格式化。 （8）規(guī)劃屏幕顯示。,5.1.3 站點(diǎn)主頁(yè)的開發(fā)與制作,2.創(chuàng)建頁(yè)面的基礎(chǔ)工作,（1）選擇合適的開

8、發(fā)工具。 如：FrontPage、Dreamweaver等。 （2）圖形處理軟件。 如：Photoshop、Fireworks、CorelDRAW等。（3）Web開發(fā)的聯(lián)機(jī)資源。,軟件工具的準(zhǔn)備,5.1.3 站點(diǎn)主頁(yè)的開發(fā)與制作,2.創(chuàng)建頁(yè)面的基礎(chǔ)工作,速度問題的解決,頁(yè)面的特征,縮減圖形,減少圖像的色彩，減小圖像尺寸。 降低圖片象素。 使用漸進(jìn)式圖像。,3.加入基本內(nèi)容,創(chuàng)建圖形標(biāo)題,加入文本內(nèi)容,添加水平線,確定顏色方案，添加背景、圖標(biāo),建立超鏈接,建立與客戶的聯(lián)系,5.1.3 站點(diǎn)主頁(yè)的開發(fā)與制作,4.建立導(dǎo)航系統(tǒng),好的導(dǎo)航功能，可以使公司代表就像站在網(wǎng)上客戶的身邊，隨時(shí)為他介紹、服務(wù)。

9、這里所指的導(dǎo)航，包括導(dǎo)航的菜單欄、控制按鈕等，完整意義上的導(dǎo)航還應(yīng)包括搜索功能。,(1)導(dǎo)航菜單,(2)開發(fā)導(dǎo)航按鈕和部件,確定要添加的欄目,使用框架,填充框架頁(yè)面,添加導(dǎo)航欄目,保存頁(yè)面，并在瀏覽器中檢測(cè),5.1.3 站點(diǎn)主頁(yè)的開發(fā)與制作,通用圖標(biāo) 、特定圖標(biāo),5.1.4 站點(diǎn)主頁(yè)的發(fā)布與推廣,開發(fā)完站點(diǎn)的主頁(yè)，接下來(lái)就要將其隆重地發(fā)布在Internet上。但要使其成為一個(gè)有影響力成功的商務(wù)站點(diǎn)，還有很多的工作要去做。,1在各種傳統(tǒng)的媒體上進(jìn)行廣告宣傳、擴(kuò)大影響,2對(duì)Internet用戶群展開宣傳攻勢(shì),3內(nèi)容的更新與頁(yè)面維護(hù),5.1.4 站點(diǎn)主頁(yè)的發(fā)布與推廣,開發(fā)完站點(diǎn)的主頁(yè)，接下來(lái)就要將其隆重地發(fā)布在Internet上。但要使其成為一個(gè)有影響力成功的商務(wù)站點(diǎn)，還有很多的工作要去做。,1在各種傳統(tǒng)的媒體上進(jìn)行廣告宣傳、擴(kuò)大影響,2對(duì)Internet用戶群展開宣傳攻勢(shì),3內(nèi)容的更新與頁(yè)面維護(hù)。,(1)導(dǎo)航系統(tǒng)。 (2)電子公告牌、新聞組和電子郵件組。,5.1.4