電子商務(wù)概論 04 電子商務(wù)網(wǎng)站建設(shè)

第4章

電子商務(wù)網(wǎng)站建設(shè)第4章電子商務(wù)網(wǎng)站建設(shè)知識目標(biāo)能力目標(biāo)

了解電子商務(wù)網(wǎng)站有哪些結(jié)構(gòu)類型，及其基本的功能；能夠理解網(wǎng)站開發(fā)前進(jìn)行需求分析的重要性；了解電子商務(wù)網(wǎng)站開發(fā)的各項(xiàng)技術(shù)，尤其要掌握Dreamweaver軟件的使用，會(huì)簡單使用HTML語言進(jìn)行網(wǎng)頁編輯；了解網(wǎng)站開發(fā)的各個(gè)流程環(huán)節(jié)，對電子商務(wù)網(wǎng)站的開發(fā)有個(gè)總體的認(rèn)識。

能夠運(yùn)用Dreamweaver開發(fā)軟件進(jìn)行網(wǎng)站建設(shè)與網(wǎng)頁制作；能夠使用HTML語言對網(wǎng)頁內(nèi)容進(jìn)行簡單的編輯；本章學(xué)習(xí)后的期望目標(biāo)是能夠完整的開發(fā)一個(gè)以靜態(tài)網(wǎng)頁為主的網(wǎng)站。第4章電子商務(wù)網(wǎng)站建設(shè)引導(dǎo)案例海爾集團(tuán)，這個(gè)中國最具價(jià)值的品牌，世界上第四大白色家電的制造商，旗下的冰箱、空調(diào)、洗衣機(jī)、電視機(jī)、熱水器、電腦、手機(jī)、家居集成等19個(gè)產(chǎn)品在我們的生活中隨處可見。而且，海爾也是國內(nèi)大型企業(yè)中第一家進(jìn)入電子商務(wù)業(yè)務(wù)的公司，率先推出電子商務(wù)業(yè)務(wù)平臺。為了進(jìn)入一體化的世界經(jīng)濟(jì)，海爾累計(jì)投資了1億多元建立了自己的IT支持平臺，為電子商務(wù)服務(wù)。目前在海爾的網(wǎng)站的海爾新商場（http:///）上，除了推出產(chǎn)品的在線訂購銷售功能之外，最大的特色就是有面對用戶的四大模塊：個(gè)性化定制、產(chǎn)品智能導(dǎo)購，新產(chǎn)品在線預(yù)定，用戶設(shè)計(jì)建議。這些模塊為用戶提供了獨(dú)到的信息服務(wù)，并使網(wǎng)站真正成為海爾與用戶保持零距離的平臺。

第4章電子商務(wù)網(wǎng)站建設(shè)4.1電子商務(wù)網(wǎng)站規(guī)劃思想4.1.1電子商務(wù)網(wǎng)站的結(jié)構(gòu)類型電子商務(wù)網(wǎng)站的構(gòu)建模式取決于在電子交易中參與的主體的性質(zhì)，最常見的有以下三種結(jié)構(gòu)類型。B2C型商務(wù)平臺B2B型商務(wù)平臺C2C型商務(wù)平臺第4章電子商務(wù)網(wǎng)站建設(shè)4.1.2電子商務(wù)網(wǎng)站的功能定位企業(yè)建立電子商務(wù)網(wǎng)站的主要目的是通過網(wǎng)站來推廣企業(yè)的產(chǎn)品和服務(wù)，使客戶隨時(shí)可以了解企業(yè)和企業(yè)的產(chǎn)品，為客戶提供在線服務(wù)和訂單處理功能1．企業(yè)的形象宣傳2．產(chǎn)品和服務(wù)的展示與訂購3．網(wǎng)上支付和配送跟蹤4．商務(wù)資源的管理第4章電子商務(wù)網(wǎng)站建設(shè)4.1.3電子商務(wù)網(wǎng)站的需求分析網(wǎng)站建設(shè)的需求分析是網(wǎng)站建設(shè)的第一階段，其總的目的是根據(jù)調(diào)查分析，明確建設(shè)電子商務(wù)網(wǎng)站的目的與內(nèi)容，使網(wǎng)站建設(shè)能根據(jù)企業(yè)經(jīng)濟(jì)等實(shí)力，滿足企業(yè)真實(shí)需求和客戶需求，提高企業(yè)市場競爭率和經(jīng)濟(jì)效益。需求分析是否科學(xué)、合理，將直接影響后期網(wǎng)站開發(fā)。第4章電子商務(wù)網(wǎng)站建設(shè)1. 需求分析包含的相關(guān)要求（1）功能要求，主要解決網(wǎng)站“做什么”的問題。（2）性能要求，主要說明網(wǎng)站要達(dá)到什么指標(biāo)。例如，響應(yīng)時(shí)間、響應(yīng)方式、存儲容量及其網(wǎng)絡(luò)安全性等方面。（3）環(huán)境要求，主要明確網(wǎng)站將在哪些軟硬件的支持下運(yùn)行。例如，硬件配置，操作系統(tǒng)，網(wǎng)絡(luò)環(huán)境等方面。（4）安全保密、可靠性要求，主要針對網(wǎng)絡(luò)訪問時(shí)網(wǎng)站業(yè)務(wù)數(shù)據(jù)的安全及保密情況，還有對故障發(fā)生的概率提出衡量標(biāo)準(zhǔn)。（5）用戶界面要求，主要描述用戶對網(wǎng)站提出的期望布局、樣式等視覺要求。（6）項(xiàng)目開發(fā)成本、開發(fā)進(jìn)度等要求，主要用來預(yù)估整個(gè)項(xiàng)目開發(fā)時(shí)所消耗的時(shí)間與費(fèi)用，以及系統(tǒng)可能達(dá)到的運(yùn)行目標(biāo)。第4章電子商務(wù)網(wǎng)站建設(shè)2. 需求分析包含的主要內(nèi)容（1）企業(yè)需求調(diào)查企業(yè)需求調(diào)查的目的是充分了解用戶需求、業(yè)務(wù)內(nèi)容和業(yè)務(wù)流程，是下一步需求分析的前提條件。（2）目標(biāo)客戶分析調(diào)查與分析目標(biāo)客戶，了解網(wǎng)站可能的服務(wù)對象和他們的需求，規(guī)劃與設(shè)計(jì)符合目標(biāo)客戶群的商務(wù)網(wǎng)站，為他們提供所需的產(chǎn)品和服務(wù)，以及滿足他們的興趣和愛好，這樣的商業(yè)網(wǎng)站才能滿足客戶的需求，成功的可能性就高。第4章電子商務(wù)網(wǎng)站建設(shè)（3）競爭對手的調(diào)查分析了解原先的競爭對手是否上網(wǎng)，洞察網(wǎng)上已經(jīng)開展了業(yè)務(wù)的競爭對手情況，分析現(xiàn)有和潛在的競爭對手的優(yōu)勢和劣勢，研究競爭對手網(wǎng)站運(yùn)行和電子商務(wù)運(yùn)作的效果，以便制定自己的發(fā)展戰(zhàn)略、網(wǎng)站設(shè)計(jì)方案和戰(zhàn)勝競爭對手的方法。（4）網(wǎng)站構(gòu)建的市場定位分析市場定位是指在目標(biāo)客戶的心目中為本企業(yè)和產(chǎn)品及服務(wù)創(chuàng)造一定的特色，賦予一定的形象，以滿足與適應(yīng)客戶一定的需求與偏好。主要體現(xiàn)在網(wǎng)站使用的便利性、網(wǎng)站功能的完善性、網(wǎng)站風(fēng)格的可接受性、網(wǎng)站信息發(fā)布與管理的效率、網(wǎng)站推廣途徑等方面的因素。第4章電子商務(wù)網(wǎng)站建設(shè)（5）可行性分析主要有技術(shù)可行性分析（軟、硬件及電子商務(wù)業(yè)務(wù)流程的支撐情況）、經(jīng)濟(jì)可行性分析（成本構(gòu)成與測算）、組織人員可行性分析（人力資源與組織管理制度）等。（6）網(wǎng)站的收益分析直接收益，是指通過在線銷售網(wǎng)上信息或服務(wù)而獲取的收益。（廣告收入、有償資料下載等）間接收益，網(wǎng)站通過相關(guān)業(yè)務(wù)而獲取的收益。（網(wǎng)上采購、推銷、業(yè)務(wù)推廣等）品牌收益，（知名度、點(diǎn)擊率等）（7）風(fēng)險(xiǎn)分析如果企業(yè)的大部分業(yè)務(wù)通過網(wǎng)上完成，企業(yè)電子商務(wù)網(wǎng)站的風(fēng)險(xiǎn)分析就非常有必要。分別要從技術(shù)風(fēng)險(xiǎn)（病毒、黑客、軟硬件故障等）和商業(yè)風(fēng)險(xiǎn)（網(wǎng)站是否符合企業(yè)的商務(wù)運(yùn)作模式）兩個(gè)方面進(jìn)行分析。第4章電子商務(wù)網(wǎng)站建設(shè)3. 需求分析報(bào)告文檔編寫網(wǎng)站需求說明書是為讓用戶和軟件開發(fā)人員對所要建設(shè)的網(wǎng)站系統(tǒng)有一個(gè)共同的理解，使之成為整個(gè)開發(fā)工作的基礎(chǔ)。需求分析的相關(guān)文檔可參考軟件開發(fā)文檔國標(biāo)GB856T—88和GB8567—88的12個(gè)標(biāo)準(zhǔn)文檔。第4章電子商務(wù)網(wǎng)站建設(shè)4.2電子商務(wù)網(wǎng)站開發(fā)技術(shù)4.2.1Web開發(fā)技術(shù)1． HTML語言HTML的英文全稱是HyperTextMarkUpLanguage，中文譯為“超文本標(biāo)記語言”，它是制作靜態(tài)網(wǎng)頁的主要語言。HTML可以用文本編輯器編寫，通常以.htm或.html為文件的擴(kuò)展名。和一般文本文件不同的是，一個(gè)HTML文件不僅包含文本內(nèi)容，還包含一些Tag（標(biāo)簽）。使用Tag可以把HTML文檔劃分成不同的邏輯部分和引用外部多媒體文件，如網(wǎng)頁中的布局表格、引用圖片、超鏈接等。者第4章電子商務(wù)網(wǎng)站建設(shè)第4章電子商務(wù)網(wǎng)站建設(shè)（1）HTML的語法規(guī)則HTML語言的語法格式按標(biāo)簽是否閉合引用，可分為兩大類：一類是成對出現(xiàn)的標(biāo)簽，這類標(biāo)簽在HTML文檔中較為常用；另一類是單獨(dú)出現(xiàn)的標(biāo)簽。 成對標(biāo)簽，由首標(biāo)簽和尾標(biāo)簽組成，用于指出標(biāo)簽包含內(nèi)容的范圍。其格式有兩種書寫方法：格式一：<標(biāo)簽名……>包含內(nèi)容</標(biāo)簽名>格式二：<標(biāo)簽名……/>第4章電子商務(wù)網(wǎng)站建設(shè)（2）HTML的文檔結(jié)構(gòu)一個(gè)HTML文檔的基本結(jié)構(gòu)如下：<html><head><title>文檔標(biāo)題</title>……</head><body>……這部分是html文檔的主體，顯示在網(wǎng)頁中內(nèi)容。</boay></html>第4章電子商務(wù)網(wǎng)站建設(shè)（3）HTML的常用標(biāo)簽 文本格式標(biāo)簽<b>……</b> 將標(biāo)記間的文本設(shè)置成粗體<i>……</i> 將標(biāo)記間的文本設(shè)置成斜體<u>……</u> 將標(biāo)記間的文本加下劃線<big>……</big> 將標(biāo)記間的文本大一號顯示<small>……</small> 將標(biāo)記間的文本小一號顯示<font>……</font> 設(shè)置文本字體格式，包含若干可選屬性face 設(shè)置文本字體名稱size 設(shè)置文本字體大小，取值范圍-７~７color 設(shè)置文本顏色。可以用十六進(jìn)制數(shù)表示，也可以用red、white等助記符。第4章電子商務(wù)網(wǎng)站建設(shè)（4）HTML文檔綜合實(shí)例第4章電子商務(wù)網(wǎng)站建設(shè)第4章電子商務(wù)網(wǎng)站建設(shè)2.Dreamweaver8/CS3Dreamweaver是一種“所見即所得”的網(wǎng)頁設(shè)計(jì)工具，它集網(wǎng)頁制作和網(wǎng)站管理于一體，它以其強(qiáng)大的功能，易學(xué)易用、便捷高效的使用操作深受網(wǎng)頁開發(fā)人員的喜愛。同時(shí)，也是初學(xué)者學(xué)習(xí)網(wǎng)頁制作的最佳工具。其主要功能包括：（1）站點(diǎn)管理（2）設(shè)計(jì)視圖與代碼視圖（3）兼容多種開發(fā)工具第4章電子商務(wù)網(wǎng)站建設(shè)3． ASPASP（ActiveServerPage的縮寫），是一種在HTML中內(nèi)嵌了VBScript及JavaScript腳本語言控制網(wǎng)頁運(yùn)行的一項(xiàng)技術(shù)。當(dāng)使用瀏覽器訪問ASP網(wǎng)頁時(shí)，Web服務(wù)器就會(huì)根據(jù)請求將網(wǎng)頁中的腳本語言用腳本解釋器進(jìn)行翻譯并轉(zhuǎn)換成相應(yīng)的HTML代碼然后再返回給瀏覽器，這樣瀏覽器端看到的就是動(dòng)態(tài)生成的網(wǎng)頁。ASP是微軟公司開發(fā)的代替CGI腳本程序的一項(xiàng)技術(shù)，它可以與數(shù)據(jù)庫和其它程序進(jìn)行交互，是一種簡單、方便的編程工具。第4章電子商務(wù)網(wǎng)站建設(shè)4． ASP.NETASP.NET是Microsoft.NET框架的一個(gè)組成部分。它并不是ASP技術(shù)的簡單升級，它以其面向?qū)ο蟮某绦蛟O(shè)計(jì)思想、頁面設(shè)計(jì)與程序設(shè)計(jì)實(shí)現(xiàn)代碼分離的開發(fā)特色，以及兼容C#、VB等多種語言共同開發(fā)項(xiàng)目等優(yōu)勢，現(xiàn)已被廣泛的應(yīng)用在動(dòng)態(tài)網(wǎng)頁的開發(fā)使用中。一個(gè)ASP.NET網(wǎng)頁文件由兩個(gè)主要文件構(gòu)成，一個(gè)是擴(kuò)展名為.aspx的頁面文件，另一個(gè)是擴(kuò)展名為.aspx.cs（或者.aspx.vb）的業(yè)務(wù)邏輯文件。兩個(gè)文件均為文本文件，可以使用“記事本”應(yīng)用程序進(jìn)行編輯，另外，Microsoft公司也提供一個(gè)專用于開發(fā).NET應(yīng)用程序的平臺VisualStudio.NET2005/2008。第4章電子商務(wù)網(wǎng)站建設(shè)4.2.2數(shù)據(jù)庫技術(shù)1．AccessAccess數(shù)據(jù)庫是MicrosoftOffice的組件之一，它是一個(gè)中小型的關(guān)系數(shù)據(jù)庫管理系統(tǒng)，適合于開發(fā)中小型網(wǎng)站。Access以其可視化的操作工具和向?qū)?，使得初學(xué)者能夠快速的入門；且由于它與Word、Excel等辦公軟件同屬一系列，使得它們之間具有數(shù)據(jù)交換與共享的整合優(yōu)勢。2．SQLServerSQLServer是一種基于客戶機(jī)/服務(wù)器的關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，它使用Transact-SQL語言在服務(wù)器和客戶機(jī)之間傳送請求。第4章電子商務(wù)網(wǎng)站建設(shè)3．OracleOracle數(shù)據(jù)庫是Oracle（中文稱為“甲骨文”）公司的一類產(chǎn)品，它是以高級結(jié)構(gòu)化查詢語言（SQL）為基礎(chǔ)的大型關(guān)系數(shù)據(jù)庫，也是目前最流行的客戶機(jī)/服務(wù)器的關(guān)系型數(shù)據(jù)庫管理系統(tǒng)之一。其優(yōu)勢在于數(shù)據(jù)管理的安全性和海量的數(shù)據(jù)處理能力，且可以運(yùn)行在Windows或Linux、UNIX等多種操作系統(tǒng)平臺上。第4章電子商務(wù)網(wǎng)站建設(shè)4.2.3其它開發(fā)工具1． PhotoShopphotoshop是ADOBE公司的圖像處理軟件之一，它是目前公認(rèn)的最好的平面美術(shù)設(shè)計(jì)軟件，它的功能完善，性能穩(wěn)定，使用方便，所以在幾乎所有的廣告、出版、軟件公司，Photoshop都是首選的平面工具。通過它可以對圖像進(jìn)行修飾、編輯，以及對圖像進(jìn)行色彩處理，另外，它還有繪圖和輸出功能等。同時(shí)，它也設(shè)計(jì)網(wǎng)站頁面的最佳工具，在使用Photoshop制作好的網(wǎng)頁布局圖片后，可以使用軟件自帶的切片工具，根據(jù)網(wǎng)頁內(nèi)容的布局要求，對圖片進(jìn)行切割，以保證在瀏覽器訪問并下載網(wǎng)頁中的圖片時(shí)，能夠高效、高速的完成。第4章電子商務(wù)網(wǎng)站建設(shè)2．FlashFlash是一個(gè)功能強(qiáng)大的用于矢量圖繪制的交互式動(dòng)畫制作軟件。Flash動(dòng)畫具有質(zhì)量高、體積小的特點(diǎn)，并能跨越各種瀏覽器、操作系統(tǒng)和硬件平臺，是目前網(wǎng)絡(luò)上應(yīng)用最多的一種動(dòng)畫表現(xiàn)形式。Flash是以時(shí)間幀為控制單位，利用軟件提供的“運(yùn)動(dòng)漸變”、“形狀漸變”等自動(dòng)轉(zhuǎn)變功能，可方便的設(shè)置兩個(gè)關(guān)鍵幀間的動(dòng)畫過程。上述軟件的使用均有相應(yīng)的參考書籍，讀者可自行選取閱讀學(xué)習(xí)。第4章電子商務(wù)網(wǎng)站建設(shè)4.3電子商務(wù)網(wǎng)站建設(shè)與推廣網(wǎng)站系統(tǒng)是由一系列的相關(guān)文件組成的集合，其中包括網(wǎng)頁文件，圖片、聲音、動(dòng)畫等多媒體文件，還有數(shù)據(jù)庫文件，網(wǎng)站配置文件等。網(wǎng)頁文件是網(wǎng)站的主要組成部分，因此，網(wǎng)頁制作是網(wǎng)站建設(shè)的主要任務(wù)。第4章電子商務(wù)網(wǎng)站建設(shè)網(wǎng)頁設(shè)計(jì)是平面設(shè)計(jì)、動(dòng)畫設(shè)計(jì)、音效設(shè)計(jì)、配色等各個(gè)方面結(jié)合的產(chǎn)物。因此，學(xué)會(huì)網(wǎng)頁設(shè)計(jì)雖然不難，但是要做好網(wǎng)頁，卻需要不斷地學(xué)習(xí)和積累，在不斷的探索和實(shí)踐中進(jìn)步。第4章電子商務(wù)網(wǎng)站建設(shè)一、認(rèn)清兩個(gè)名詞——網(wǎng)頁和網(wǎng)站

憑你的直覺，網(wǎng)站和網(wǎng)頁有什么區(qū)別？[網(wǎng)站的開發(fā)不僅僅只是把網(wǎng)頁制作出來那么簡單]第4章電子商務(wù)網(wǎng)站建設(shè)二、網(wǎng)站的開發(fā)步驟1．確定網(wǎng)頁主題和名稱如：第1類：網(wǎng)上求職第2類：網(wǎng)上聊天／即時(shí)信息/ICQ第3類：網(wǎng)上社區(qū)／討論/郵件列表第4類：計(jì)算機(jī)技術(shù)第5類：網(wǎng)頁/網(wǎng)站開發(fā)第6類：娛樂網(wǎng)站第7類：旅行第8類：參考/資訊第9類：家庭/教育第10類：生活/時(shí)尚

2．收集網(wǎng)頁中所需要的圖片和信息（注意對素材的分類）3．網(wǎng)頁布局的構(gòu)想

確定網(wǎng)站的欄目并繪制框架結(jié)構(gòu)圖：樹型目錄：4．在圖像軟件中進(jìn)行網(wǎng)頁設(shè)計(jì)5．開始制作：首頁、子頁、建立他們之間的鏈接。6．檢查（硬傷和軟傷）7．上傳：使用FTP或利用DW的站點(diǎn)管理器上傳8．更新和維護(hù)：一般7天一次第4章電子商務(wù)網(wǎng)站建設(shè)第4章電子商務(wù)網(wǎng)站建設(shè)樹型目錄：合理安排文件的目錄，不要將所有文件都存放在根目錄下按欄目內(nèi)容建立子目錄在每個(gè)一級目錄或二級目錄下都建立獨(dú)立的Images目錄目錄的層次不要太多不要使用中文目錄使用意義明確的目錄文件名

第4章電子商務(wù)網(wǎng)站建設(shè)用筆勾畫網(wǎng)頁的輪廓草圖及布局安排第4章電子商務(wù)網(wǎng)站建設(shè)版面布局的樣式“T”字型結(jié)構(gòu)布局第4章電子商務(wù)網(wǎng)站建設(shè)“同”字型結(jié)構(gòu)布局

“國”（“口”）字型布局第4章電子商務(wù)網(wǎng)站建設(shè)

自由式（“POP”）布局第4章電子商務(wù)網(wǎng)站建設(shè)

左右(上下)對稱布局第4章電子商務(wù)網(wǎng)站建設(shè)

“三”型布局第4章電子商務(wù)網(wǎng)站建設(shè)第4章電子商務(wù)網(wǎng)站建設(shè)網(wǎng)頁的布局元素1）標(biāo)題2）網(wǎng)站標(biāo)識（LOGO）3）導(dǎo)航

4）頁眉5）內(nèi)容6）頁腳第4章電子商務(wù)網(wǎng)站建設(shè)網(wǎng)站標(biāo)識（LOGO）Logo實(shí)例logo在網(wǎng)頁中的位置

導(dǎo)航第4章電子商務(wù)網(wǎng)站建設(shè)第4章電子商務(wù)網(wǎng)站建設(shè)頁眉BANNER(廣告條)類型幾種國際尺寸的Banner如下：468×60(全尺寸Banner)392×72(全尺寸帶導(dǎo)航條Banner)234×60(半尺寸Banner)125×125(方形按鈕)120×90(按鈕類型1)120×60(按鈕類型2)88×31(小按鈕)120×240(垂直Banner)

【Banner設(shè)計(jì)注意點(diǎn)】Banner的“重量”要輕！以468×60的Banner為例，最好是15K左右，不要超過22K。而88×31的Banner最好在5K左右，不要超過7K。第4章電子商務(wù)網(wǎng)站建設(shè)第4章電子商務(wù)網(wǎng)站建設(shè)開始制作：1）定義站點(diǎn)：英文或拼音2）首頁名稱：index.htm或index.html3）圖片格式：jpeg、jpg、gif、png4）默認(rèn)寬度：不要超過1024，一般可在760～800之間。5）路徑：相對路徑一、安裝和啟動(dòng)Dreamweaver81．安裝Dreamweaver82．啟動(dòng)Dreamweaver8

DreamweaverMX8的工作環(huán)境總覽第4章電子商務(wù)網(wǎng)站建設(shè)個(gè)性化的工作環(huán)境1）顯示/隱藏控制面板2）移動(dòng)面板位置3）調(diào)整面板尺寸大小4）自由組合面板5）調(diào)整主窗口的大小第4章電子商務(wù)網(wǎng)站建設(shè)二、站點(diǎn)搭建設(shè)計(jì)流程與站點(diǎn)規(guī)劃1．對站點(diǎn)進(jìn)行規(guī)劃2．按照思路創(chuàng)建站點(diǎn)的基本結(jié)構(gòu)3．開始具體的網(wǎng)頁創(chuàng)作過程4．上傳站點(diǎn)并維護(hù)更新第4章電子商務(wù)網(wǎng)站建設(shè)規(guī)劃站點(diǎn)的注意點(diǎn)將不同的文件進(jìn)行分類，分別放置與不同的文件夾中以便管理。命名文件或文件夾注意點(diǎn)：使用英文和拼音不能包含空格等非法字符要有一定規(guī)律，以便日后的管理文件名應(yīng)該容易理解，看了就知道文件的內(nèi)容，建議用小寫的文件名合理分配各種類型的文件第4章電子商務(wù)網(wǎng)站建設(shè)三、創(chuàng)建本地站點(diǎn)1．搭建站點(diǎn)1）使用向?qū)Т罱ㄕ军c(diǎn)（初學(xué)者使用）2）使用高級設(shè)定搭建站點(diǎn)【實(shí)例】把源文件夾指定為本地站點(diǎn)第4章電子商務(wù)網(wǎng)站建設(shè)2．創(chuàng)建一個(gè)簡單的網(wǎng)頁在Dreamweaver中新建一個(gè)網(wǎng)頁有兩種方法，方法一，在“文件”面板的“站點(diǎn)”項(xiàng)上右擊，在彈出的菜單上選擇“新建文件”；方法二，打開“文件”菜單，選擇“新建…”菜單項(xiàng)。兩種打開方法各有優(yōu)勢，第一種方法快捷簡單，創(chuàng)建一個(gè)空白網(wǎng)頁；第二種可以通過“新建文檔”對話框，選擇某一種結(jié)構(gòu)的網(wǎng)頁。（一般首頁文件名為index.html或index.htm）第4章電子商務(wù)網(wǎng)站建設(shè)3．用表格布局網(wǎng)頁用上述方法直接在網(wǎng)頁中從上到下的增加內(nèi)容，故然能做出一張布局簡潔的網(wǎng)頁，但若要將網(wǎng)頁中的內(nèi)容分區(qū)域顯示，甚至將圖片、文字按某種樣式混合排列，那么，網(wǎng)頁就需要用“表格”來進(jìn)行布局。第4章電子商務(wù)網(wǎng)站建設(shè)（1）常見版面布局有以下幾種： “同”字型結(jié)構(gòu)布局。頁面頂部為主菜單，下方左側(cè)為二級欄目條，右側(cè)為鏈接欄目條，屏幕中間顯示具體內(nèi)容的布局。 “國”字型結(jié)構(gòu)布局。在保留“同”字型的同時(shí)，在頁面的下方增加一橫條狀的菜單或廣告。 自由式布局。打破了同字型、國字型布局的菜單框架結(jié)構(gòu)，頁面布局像一張宣傳海報(bào)，以一張精美圖片作為頁面的設(shè)計(jì)中心，菜單欄目自由地?cái)[放在頁面上。 左右對稱式布局。這是采取左右分割屏幕的辦法形成的對稱布局，在左右部分內(nèi)自由安排文字圖象和鏈接，點(diǎn)擊左邊的鏈接時(shí)，在右邊顯示鏈接的內(nèi)容。本例采用基本接近于“同”字型結(jié)構(gòu)的布局。第4章電子商務(wù)網(wǎng)站建設(shè)一、熟練使用表格和單元格1．插入表格

鼠標(biāo)定位，單擊常用面板中的“表格圖標(biāo)”，設(shè)定行列數(shù)。2．選定操作①選擇整個(gè)表格：單擊表格的邊框部分、選擇標(biāo)簽<table>

②選擇單元格：單擊要選擇的單元格內(nèi)部、拖動(dòng)鼠標(biāo)可同時(shí)選擇多個(gè)相鄰單元格、按住Ctrl鍵可以同時(shí)選擇不相鄰的多個(gè)單元格③選擇指定的行和列：（行）單擊左側(cè)邊框或選取標(biāo)簽<tr>，（列）單擊列上面的寬度表示線3．設(shè)置表格的屬性1）指定單元格的大?。和ㄟ^拖動(dòng)或在屬性面板中指定大小2）排列表格的位置和內(nèi)容：位置在表格屬性面板的對齊列表中進(jìn)行選擇；內(nèi)容則是使用單元格屬性面板中的“排列圖標(biāo)”來進(jìn)行排列3）設(shè)置表格、單元格、行、列的背景色、背景圖：通過屬性面板4）設(shè)定邊框和邊距：第4章電子商務(wù)網(wǎng)站建設(shè)二、設(shè)定跳轉(zhuǎn)到其他網(wǎng)站的鏈接及目標(biāo)

前面設(shè)定了跳轉(zhuǎn)到內(nèi)部網(wǎng)頁文檔的鏈接。下面將設(shè)定跳轉(zhuǎn)到其他網(wǎng)站的鏈接后，通過指定目標(biāo)使網(wǎng)站在新的窗口中打開。目標(biāo)顯示被鏈接的網(wǎng)頁文檔或網(wǎng)站的位置。由單一框架構(gòu)成的網(wǎng)頁文檔，主要采用兩種顯示方式。①當(dāng)前打開的網(wǎng)頁文檔消失，而顯示鏈接的網(wǎng)頁，②在新的窗口中顯示鏈接的網(wǎng)頁。

第4章電子商務(wù)網(wǎng)站建設(shè)三、在網(wǎng)頁中發(fā)送郵件

下面將通過設(shè)定，使得在網(wǎng)頁中可以發(fā)送電子郵件。選擇文本或圖像后，在鏈接中輸入“mailto:自己的郵件地址”即可。

第4章電子商務(wù)網(wǎng)站建設(shè)四、使用圖像映射在圖像中設(shè)定鏈接

所謂圖像映射是指在一個(gè)圖片中設(shè)定多個(gè)鏈接。通過設(shè)定圖像鏈接，在單擊圖像的一部分時(shí)可以跳轉(zhuǎn)到所鏈接的網(wǎng)頁文檔或網(wǎng)站。實(shí)現(xiàn)這一點(diǎn)只需要使用圖像映射圖標(biāo)選擇要設(shè)定鏈接的區(qū)域后，輸入要跳轉(zhuǎn)到的網(wǎng)頁文檔或網(wǎng)站地址即可。

第4章電子商務(wù)網(wǎng)站建設(shè)5．用模板設(shè)計(jì)統(tǒng)一風(fēng)格的網(wǎng)站在制作網(wǎng)站的過程中，我們會(huì)發(fā)現(xiàn)很多頁面中的內(nèi)容具有共同之處，例如，網(wǎng)站的LOGO、BANNER、導(dǎo)航欄及版權(quán)信息等；此外，為了體現(xiàn)網(wǎng)站的專業(yè)性，整個(gè)網(wǎng)站的布局、色彩、風(fēng)格的協(xié)調(diào)統(tǒng)一是非常重要的。為了解決上述問題，使用模板是最好的方法。第4章電子商務(wù)網(wǎng)站建設(shè)模板可以作為創(chuàng)建其它文檔的樣板的文檔。創(chuàng)建模板時(shí)，可以說明哪些網(wǎng)頁元素不可編輯，哪些元素可以編輯。其擴(kuò)展名為.dwt。模板的作用：有利于保持網(wǎng)頁風(fēng)格的一致；提高工作效率。1、創(chuàng)建模板1）創(chuàng)建一個(gè)全新的模板：在模板面板中，使用快捷菜單按鈕或單擊面板上的新建按鈕。2）創(chuàng)建基于文檔的模板：文件——另存為模板。第4章電子商務(wù)網(wǎng)站建設(shè)2、設(shè)置模板頁面屬性1）用模板創(chuàng)建的文檔繼承模板的頁面屬性，頁標(biāo)題除外。

2）設(shè)置：修改——頁面屬性3、定義模板的可編輯區(qū)在模板文檔中選定對象，插入——模板對象——可編輯區(qū)域——輸入可編輯區(qū)域名。第4章電子商務(wù)網(wǎng)站建設(shè)4、模板的應(yīng)用和更新1）應(yīng)用模板創(chuàng)建文檔：文件——新建——從模板新建。

從模板面板中拖一個(gè)模板到文檔。

從模板面板中選定一個(gè)模板，單擊應(yīng)用。

修改——模板——套用模板到頁。第4章電子商務(wù)網(wǎng)站建設(shè)2）把頁面從模板中分離出來在應(yīng)用了模板的文檔中，只有可編輯區(qū)的內(nèi)容才可以修改，如果要對應(yīng)用了模板的頁面的鎖定區(qū)進(jìn)行修改，必須先把頁面從模板中分離出來。修改——模板——從模板中分離。3）修改模板在模板面板中選定模板、單擊編輯按鈕或雙擊模板名稱打開模板，編輯完成后保存。保存后可選擇是否更新已應(yīng)用模板的文檔。4）更新站點(diǎn)中使用模板的所有文件修改——模板——更新頁面（或只更新當(dāng)前頁）第4章電子商務(wù)網(wǎng)站建設(shè)4.3.2網(wǎng)站的運(yùn)行方式建設(shè)好整個(gè)網(wǎng)站后，就要考慮網(wǎng)站在Internet上的發(fā)布運(yùn)行。目前，Internet上提供企業(yè)或個(gè)人建站服務(wù)的常有3種方案：服務(wù)器托管、服務(wù)器租用和虛擬主機(jī)。第4章電子商務(wù)網(wǎng)站建設(shè)1．服務(wù)器托管服務(wù)器托管是指為了提高網(wǎng)站的訪問速度，將服務(wù)器硬件及相關(guān)設(shè)備托管到具有完善機(jī)房設(shè)施、高品質(zhì)網(wǎng)絡(luò)環(huán)境、豐富帶寬資源和運(yùn)營經(jīng)驗(yàn)以及可對用戶的網(wǎng)絡(luò)和設(shè)備進(jìn)行實(shí)時(shí)監(jiān)控的網(wǎng)絡(luò)數(shù)據(jù)中心內(nèi)，以此使系統(tǒng)達(dá)到安全、可靠、穩(wěn)定、高效運(yùn)行的目的。托管的服務(wù)器由客戶自己進(jìn)行維護(hù)，或者由其它的授權(quán)人進(jìn)行遠(yuǎn)程維護(hù)。服務(wù)器托管最突出的優(yōu)勢在穩(wěn)定、安全、獨(dú)享，且相對于租用服務(wù)器成本要低。第4章電子商務(wù)網(wǎng)站建設(shè)2． 服務(wù)器租用服務(wù)器租用是指用戶無須自己購買服務(wù)器，只需根據(jù)自己業(yè)務(wù)的需要，提出對硬件配置的要求，主機(jī)服務(wù)器由IDC服務(wù)商配置。用戶采取租用的方式，安裝相應(yīng)的系統(tǒng)軟件及應(yīng)用軟件以實(shí)現(xiàn)用戶獨(dú)享專用高性能服務(wù)器，實(shí)現(xiàn)WEB+FTP+MAIL+VDNS全部網(wǎng)絡(luò)服務(wù)功能。用戶可以自行安裝操作系統(tǒng)及相應(yīng)的應(yīng)用軟件，并完全自行管理，也可由委托IDC服務(wù)商代用戶安裝系統(tǒng)、應(yīng)用軟件，免費(fèi)提供服務(wù)。對于用戶來說，初期投資成本相對減輕，但每年需要支持一定數(shù)額的設(shè)備租賃費(fèi)用。第4章電子商務(wù)網(wǎng)站建設(shè)3． 虛擬主機(jī)虛擬主機(jī)，是在網(wǎng)絡(luò)服務(wù)器上劃分出一定的磁盤空間供用戶放置站點(diǎn)、應(yīng)用組件等，提供必要的站點(diǎn)功能與數(shù)據(jù)存放、傳輸功能。虛擬主機(jī)技術(shù)的出現(xiàn)，實(shí)現(xiàn)了把一臺真正的主機(jī)分成許多的“虛擬”的主機(jī)，每一臺虛擬主機(jī)都具有獨(dú)立的域名和IP地址，具有完整的Internet服務(wù)器功能。虛擬主機(jī)之間完全獨(dú)立，在外界看來，每一臺虛擬主機(jī)和一臺獨(dú)立的主機(jī)完全一樣，但由于多臺虛擬主機(jī)共享一臺真實(shí)主機(jī)的資源，每個(gè)虛擬主機(jī)用戶承受的硬件費(fèi)用、網(wǎng)絡(luò)維護(hù)費(fèi)用、通信線路的費(fèi)用均大幅度降低，Internet真正成為人人用得起的網(wǎng)絡(luò)。第4章電子商務(wù)網(wǎng)站建設(shè)4.3.3域名注冊域名是一種用于在Internet上識別和定位計(jì)算機(jī)地址的名詞。它如同商標(biāo)一樣，是企業(yè)在Internet中的一種無形資產(chǎn)，具有唯一性。第4章電子商務(wù)網(wǎng)站建設(shè)1．申請域名國內(nèi)域名注冊的權(quán)威機(jī)構(gòu)是中國互聯(lián)網(wǎng)絡(luò)信息中心（）。目前，該機(jī)構(gòu)已不具體負(fù)責(zé)注冊域名，僅提供查詢及維護(hù)域名中央數(shù)據(jù)庫和解析域名的服務(wù)，但CNNIC授權(quán)了多家注冊服務(wù)機(jī)構(gòu)提供域名注冊的服務(wù)，有北京萬網(wǎng)志成科技有限公司的“中國萬網(wǎng)”、廈門易名網(wǎng)絡(luò)科技有限公司的“易名中國”等。第4章電子商務(wù)網(wǎng)站建設(shè)2．解析域名域名的解析需要將申請成功的域名與某個(gè)或某些IP地址進(jìn)行捆綁。當(dāng)用戶輸入在瀏覽器的地址欄內(nèi)輸入域名時(shí)，解析服務(wù)器會(huì)查找到域名對應(yīng)的IP地址。域名解析就是將域名重新轉(zhuǎn)換為IP地址的過程。一個(gè)域名只能對應(yīng)一個(gè)IP地址，而多個(gè)域名可以同時(shí)被解析到同一個(gè)IP地址。第4章電子商務(wù)網(wǎng)站建設(shè)4.3.4網(wǎng)站的發(fā)布與維護(hù)網(wǎng)站要從本地計(jì)算機(jī)上發(fā)布