大連海事大學(xué)電子商務(wù)精品課程建設(shè)小組制作成員：林國(guó)順，于衛(wèi)紅，賀琳，張思制作：2006年9月電子商務(wù)4電子商務(wù)網(wǎng)站建設(shè)概述4.1電子商務(wù)解決方案4.2電子商務(wù)網(wǎng)站的構(gòu)成要素4.3

電子商務(wù)網(wǎng)站的規(guī)劃和設(shè)計(jì)4.4

網(wǎng)頁(yè)制作制作人：賀琳4.1電子商務(wù)解決方案1、電子商務(wù)系統(tǒng)的組成2、電子商務(wù)解決方案1、電子商務(wù)系統(tǒng)組成前臺(tái)（網(wǎng)站）后臺(tái)（企業(yè)內(nèi)部信息系統(tǒng)）安全系統(tǒng)（認(rèn)證中心）采購(gòu)者支付中心物流中心供應(yīng)者電子商務(wù)系統(tǒng)概述供應(yīng)者支付中心認(rèn)證中心供應(yīng)者前臺(tái)網(wǎng)站后臺(tái)企業(yè)內(nèi)部信息系統(tǒng)物流中心電子商務(wù)系統(tǒng)的基本構(gòu)成2、電子商務(wù)解決方案

企業(yè)本身是有個(gè)性的，企業(yè)的電子商務(wù)解決方案必然是以客戶為中心，量體定制的，但這種量體定制已經(jīng)是超越了企業(yè)信息化初期的那種“以客戶為中心”的概念，現(xiàn)在有成千上萬(wàn)的企業(yè)在期待著迅速的實(shí)現(xiàn)電子商務(wù)，而如果再按部就班的找一批人馬駐扎到企業(yè)去開發(fā)，一是時(shí)間上不允許，二是電子商務(wù)解決方案的提供商——軟件公司也不干。在一體化設(shè)計(jì)思想的指導(dǎo)下，將基本功能的模塊細(xì)分化，使得各個(gè)功能模塊可以實(shí)現(xiàn)積木式的拆裝，這樣以來，針對(duì)不同的企業(yè)就可以具體的選擇不同的功能模塊，迅速的搭建起自己的電子商務(wù)平臺(tái)。構(gòu)筑以客戶為中心的企業(yè)電子商務(wù)平臺(tái)時(shí)，有三個(gè)重要步驟。所謂“三步”是指：管理咨詢、確立方案、實(shí)施服務(wù)。4.2電子商務(wù)網(wǎng)站的構(gòu)成要素電子商務(wù)網(wǎng)站的構(gòu)成要素商務(wù)網(wǎng)站的設(shè)計(jì)要求1、電子商務(wù)網(wǎng)站的構(gòu)成要素網(wǎng)站域名、網(wǎng)站地點(diǎn)、網(wǎng)站頁(yè)面商品目錄、購(gòu)物車、付款臺(tái)計(jì)數(shù)器、留言板、會(huì)員管理商品盤點(diǎn)、更新庫(kù)存管理、商品配送2、商務(wù)網(wǎng)站的設(shè)計(jì)要求簡(jiǎn)單實(shí)用頁(yè)面下載速度快易于導(dǎo)航和使用提供搜索引擎和/或網(wǎng)站地圖聯(lián)系信息方便多樣設(shè)計(jì)易于更新的工具符合網(wǎng)絡(luò)倫理兼容多種瀏覽器無(wú)錯(cuò)誤鏈接強(qiáng)大的并發(fā)處理能力要有良好的容錯(cuò)性能可擴(kuò)展性強(qiáng)要有安全性好要有強(qiáng)大的后臺(tái)支撐4.3電電子子商商務(wù)務(wù)網(wǎng)網(wǎng)站站的的規(guī)規(guī)劃劃和和設(shè)設(shè)計(jì)計(jì)電子子商商務(wù)務(wù)網(wǎng)網(wǎng)站站建建設(shè)設(shè)流流程程外觀觀設(shè)設(shè)計(jì)計(jì)與與策策劃劃注冊(cè)冊(cè)域域名名和和申申請(qǐng)請(qǐng)IP地地址址確定定網(wǎng)網(wǎng)站站的的技技術(shù)術(shù)解解決決方方案案規(guī)劃劃網(wǎng)網(wǎng)站站的的內(nèi)內(nèi)容容并并制制作作網(wǎng)網(wǎng)頁(yè)頁(yè)網(wǎng)站站的的發(fā)發(fā)布布和和推推廣廣網(wǎng)站站的的更更新新維維護(hù)護(hù)一、、建建設(shè)設(shè)流流程程建設(shè)設(shè)流流程程1.1企企業(yè)業(yè)選選擇擇及及注注冊(cè)冊(cè)域域名名的的策策略略企業(yè)業(yè)的的發(fā)發(fā)展展規(guī)規(guī)模模及及其其商商業(yè)業(yè)范范疇疇公司、企企業(yè)、組組織的性性質(zhì)或信信息內(nèi)容容的性質(zhì)質(zhì)簡(jiǎn)潔、易易記、標(biāo)標(biāo)識(shí)性強(qiáng)強(qiáng)，具有有一定的的內(nèi)涵。。域名的注注冊(cè)還應(yīng)應(yīng)注意域域名搶注注與域名名沖突的的問題域名注冊(cè)冊(cè)國(guó)內(nèi)域名名的注冊(cè)冊(cè)域名注冊(cè)冊(cè)注冊(cè)商管管理體系系結(jié)構(gòu)圖圖如下：：Cn域名名注冊(cè)：中國(guó)國(guó)家家頂級(jí)域域名中文域名名注冊(cè)：含有中文文文字的的新一代代域名。。通用網(wǎng)址址：新興的互互聯(lián)網(wǎng)地地址資源源，自然然語(yǔ)言直直達(dá)網(wǎng)站站頁(yè)面，，便捷的的網(wǎng)站推推廣工具具.無(wú)線網(wǎng)址址：無(wú)線互聯(lián)聯(lián)網(wǎng)應(yīng)用用的最新新服務(wù)形形式，以以移動(dòng)終終端為載載體，實(shí)實(shí)現(xiàn)隨時(shí)時(shí)、隨地地、隨身身的信息息交互。。IP/AS分配配:1.申請(qǐng)成為為用戶2.匯款到您您的帳戶戶下3.查詢域名名是否已已注冊(cè)4.填寫域名名注冊(cè)資資料5.通過購(gòu)物物車支付付6.注冊(cè)款項(xiàng)項(xiàng)自動(dòng)從從帳戶扣扣除7.支付成功功后,注注冊(cè)完畢畢最有價(jià)值值域名Top10中國(guó)主要要ISP：北京信息息港（郵電部部的公共共信息網(wǎng)網(wǎng)）國(guó)家檔案案文獻(xiàn)庫(kù)庫(kù)（明清至至1995年間間最有權(quán)權(quán)威性的的重要檔檔案)世紀(jì)互聯(lián)聯(lián)網(wǎng)（領(lǐng)跑中中國(guó)服務(wù)務(wù)集成業(yè)業(yè)）瀛海威（信息高高速公路路的導(dǎo)航航員）英特科(服務(wù)器器產(chǎn)品介介紹）中西網(wǎng)絡(luò)絡(luò)（北京中中西公司司）中軟英特特（中國(guó)頂頂尖互聯(lián)聯(lián)網(wǎng)服務(wù)務(wù)供應(yīng)商商）北京國(guó)網(wǎng)網(wǎng)(國(guó)內(nèi)最最早提供供Internet服服務(wù)）中國(guó)教育育網(wǎng)(Adobe產(chǎn)產(chǎn)品導(dǎo)覽覽)上海熱線線（上海最最大的公公共信息息網(wǎng)）浙江（杭州電電信）1.2、、確定服服務(wù)器解解決方案案1、建立立獨(dú)立的的電子商商務(wù)站點(diǎn)點(diǎn)2、空間間租用A虛擬擬主機(jī)B主機(jī)機(jī)租用C服務(wù)務(wù)器托管管（主機(jī)機(jī)托管））1、建立立獨(dú)立的的電子商商務(wù)站點(diǎn)點(diǎn)成本較高高適合對(duì)信信息量和和網(wǎng)站功功能要求求較高的的大中型型企業(yè)2、空間間租用A虛擬擬主機(jī)B主機(jī)機(jī)租用C服務(wù)務(wù)器托管管（主機(jī)機(jī)托管））A租用虛擬擬主機(jī)虛擬主機(jī)機(jī)是使用用計(jì)算機(jī)機(jī)軟件技技術(shù)，把把一臺(tái)運(yùn)運(yùn)行在Internet上的的服務(wù)器器主機(jī)分分隔成多多臺(tái)“虛虛擬”主主機(jī)，每每一臺(tái)虛虛擬主機(jī)機(jī)都各自自具有獨(dú)獨(dú)立的域域名和IP地址址，具有有比較完完善的Internet服務(wù)務(wù)器功能能。優(yōu)點(diǎn)：開開銷低適合剛起起步開辦辦電子商商務(wù)網(wǎng)站站的公司司B主機(jī)租用用主機(jī)租用用（DedicatedHosting）即客客戶無(wú)須須自己購(gòu)購(gòu)置服務(wù)務(wù)器，而而可以直直接采用用本司提提供的多多款高級(jí)級(jí)服務(wù)器器以及軟軟件系統(tǒng)統(tǒng)，大大大勝卻了了采購(gòu)成成本，安安放在我我們的IDC中中，帶寬寬、安全全、穩(wěn)定定、系統(tǒng)統(tǒng)等問題題完全由由我們來來替您打打理。C主機(jī)托管管主機(jī)托管管就是客客戶把屬屬于自己己的一臺(tái)臺(tái)服務(wù)器器放置在在某個(gè)經(jīng)經(jīng)營(yíng)“整整機(jī)托管管”業(yè)務(wù)務(wù)網(wǎng)站的的數(shù)據(jù)中中心的機(jī)機(jī)房里，，由網(wǎng)站站機(jī)房的的技術(shù)人人員對(duì)服服務(wù)器進(jìn)進(jìn)行管理理和維護(hù)護(hù)。自建和租租用的比比較自建機(jī)房房成本大大：技術(shù)術(shù)人員、、軟硬件件、維護(hù)護(hù)費(fèi)、線線路通信信服務(wù)費(fèi)費(fèi)租用更經(jīng)經(jīng)濟(jì)、快快捷且實(shí)實(shí)用：遠(yuǎn)遠(yuǎn)程控制制、客戶戶機(jī)/服服務(wù)器兩者相比比，租用用在成本本和服務(wù)務(wù)方面有有優(yōu)勢(shì)。。應(yīng)用服務(wù)務(wù)采用空間間租用的的同時(shí)，，可以選選擇應(yīng)用用服務(wù)租租用。1.3、、電子商商務(wù)網(wǎng)站站的硬件件平臺(tái)1、網(wǎng)絡(luò)絡(luò)設(shè)備2、服務(wù)務(wù)器1、網(wǎng)絡(luò)絡(luò)設(shè)備路由器路由器是是一種連連接多個(gè)個(gè)網(wǎng)絡(luò)或或網(wǎng)段的的網(wǎng)絡(luò)設(shè)設(shè)備，是是將電子子商務(wù)網(wǎng)網(wǎng)站聯(lián)入入廣域網(wǎng)網(wǎng)的重要要設(shè)備交換機(jī)多臺(tái)不同同的計(jì)算算機(jī)可以以通過交交換機(jī)組組成網(wǎng)絡(luò)絡(luò)。交換換機(jī)能夠夠隔離沖沖突與何何有效的的抑制廣廣播風(fēng)暴暴的產(chǎn)生生。交換換機(jī)可以以在半雙雙工，全全雙工模模式下工工作。防火墻防火墻是是一個(gè)由由軟件、、硬件或或軟硬件件結(jié)合的的系統(tǒng)，，是電子子商務(wù)網(wǎng)網(wǎng)站內(nèi)部部網(wǎng)絡(luò)和和外部網(wǎng)網(wǎng)絡(luò)之間間的一道道屏障，，可限制制外界未未經(jīng)授權(quán)權(quán)的用戶戶訪問內(nèi)內(nèi)部網(wǎng)絡(luò)絡(luò)，管理理內(nèi)部用用戶訪問問外部網(wǎng)網(wǎng)絡(luò)的權(quán)權(quán)限。2、服務(wù)務(wù)器要求性能好，，成本低低，可擴(kuò)擴(kuò)展性，，安全可可靠服務(wù)器種種類：PC機(jī)：：Windows2000系統(tǒng)小型機(jī)小型機(jī)以以上的計(jì)計(jì)算機(jī)系系統(tǒng)UNIX系統(tǒng)1.4軟軟件平平臺(tái)1、操作作系統(tǒng)軟軟件2、WEB服務(wù)務(wù)器軟件件1、操作作系統(tǒng)軟軟件UNIX操作系系統(tǒng)：技技術(shù)成熟熟、開放放性好、、可靠性性高、網(wǎng)網(wǎng)絡(luò)功能能強(qiáng)大。。Linux操作作系統(tǒng)：：免費(fèi)的的操作系系統(tǒng)Windows2000操作作系統(tǒng)：：選用WEB服務(wù)務(wù)器軟件件時(shí)的參參考的性性能參數(shù)數(shù)：相應(yīng)能力力：WEB服務(wù)務(wù)器對(duì)多多個(gè)用戶戶瀏覽信信息的相相應(yīng)速度度。與后端服服務(wù)器的的集成管理的難難易程度度：管理理Web服務(wù)器器；利用用Web界面進(jìn)進(jìn)行網(wǎng)絡(luò)絡(luò)管理信息開發(fā)發(fā)的難易易程度：：穩(wěn)定性可靠性安全性：：是否泄泄密；防防止黑客客的攻擊擊與其他系系統(tǒng)的搭搭配：Windows2000+IIS+.NET+SQLSERVE;Linux+apache+PHP+MYSQL2、WEB服務(wù)務(wù)器軟件件DB2，，Oracle，Sybase，MSSQLServer，MySQL3、數(shù)據(jù)據(jù)庫(kù)軟件件確定建站站的目的的網(wǎng)站的內(nèi)內(nèi)容策劃劃網(wǎng)站的布布局策劃劃二、電子子商務(wù)的的外觀設(shè)設(shè)計(jì)1.確定定目的訪問者心心理分析析他們總是是匆匆忙忙忙他們希望望“免費(fèi)費(fèi)”的東東西他們不容容易相信信人他們喜歡歡點(diǎn)擊競(jìng)爭(zhēng)者分分析銷售的區(qū)區(qū)域性與與潛在性性分析消費(fèi)層次次及消費(fèi)費(fèi)需求特特征分析析市場(chǎng)分析析網(wǎng)站題材材和名稱稱的定位位有特色的的形象包包裝和設(shè)設(shè)計(jì)配色方案案2.網(wǎng)站站內(nèi)容策策劃3.網(wǎng)站站的布局局規(guī)劃網(wǎng)站站的內(nèi)容容，將所所有信息息按類別別分開。。根據(jù)要要建立的的網(wǎng)站內(nèi)內(nèi)容確定定站點(diǎn)的的結(jié)構(gòu)圖圖練習(xí)題簡(jiǎn)述電子子商務(wù)網(wǎng)網(wǎng)站的建建站流程程什么是自自建網(wǎng)站站什么是虛虛擬主機(jī)機(jī)什么是整整機(jī)托管管什么是整整機(jī)托管管電子商務(wù)務(wù)網(wǎng)站域域名的注注冊(cè)方法法電子商務(wù)務(wù)系統(tǒng)組組成進(jìn)行電子子商務(wù)外外觀設(shè)計(jì)計(jì)時(shí)應(yīng)該該注意哪哪些問題題？企業(yè)選擇擇和注冊(cè)冊(cè)域名的的策略？？請(qǐng)描述一一下典型型的域名名注冊(cè)的的流程.上機(jī)練習(xí)習(xí)列出ccnic提供哪哪些域名名服務(wù)訪問一個(gè)個(gè)提供域域名服務(wù)務(wù)的網(wǎng)站站，了解解它的域域名管理理機(jī)制訪問一個(gè)個(gè)提供空空間租用用的網(wǎng)站站，了解解它的管管理機(jī)制制、提供供哪些租租用服務(wù)務(wù)以及各各服務(wù)的的費(fèi)用。。4.4網(wǎng)網(wǎng)頁(yè)制作作1HTML標(biāo)記語(yǔ)語(yǔ)言2DreamWeaverMX簡(jiǎn)介1、HTML語(yǔ)言1.1什什么是HTML語(yǔ)言言？HTML是是超文本標(biāo)標(biāo)記語(yǔ)言的的縮寫(HypertextMarkupLanguage),HTML語(yǔ)語(yǔ)言一種描描述文檔結(jié)結(jié)構(gòu)的語(yǔ)言言，使用描描述性的標(biāo)標(biāo)記符（稱稱為標(biāo)簽））來指明文文檔的不同同內(nèi)容。HTML文文檔包含兩兩種信息:頁(yè)面本身的的信息表示頁(yè)面元元素、結(jié)構(gòu)構(gòu)、格式和和其他超文文本鏈接的的HTML標(biāo)簽。1.2什什么是HTML標(biāo)簽簽HTML標(biāo)標(biāo)簽規(guī)定WEB文檔檔的邏輯結(jié)結(jié)構(gòu)，并且且控制文檔檔的顯示格格式。大部分HTML標(biāo)簽簽的形式如如下：<標(biāo)簽名>相應(yīng)的內(nèi)內(nèi)容</標(biāo)標(biāo)簽名>如何建立HTML文文件用Windows下下的“記事事本”建立立HTML文件用其它文字字處理軟件件用網(wǎng)頁(yè)制作作工具來建建立HTMLHTML文文件的擴(kuò)展展名為.htm或.html，每一個(gè)個(gè)網(wǎng)頁(yè)對(duì)應(yīng)應(yīng)一個(gè)HTML文檔檔。一個(gè)HTML文檔（（網(wǎng)頁(yè)）的的基本結(jié)構(gòu)構(gòu)<html><head><title>網(wǎng)頁(yè)頁(yè)標(biāo)題</title>…</head><body>網(wǎng)頁(yè)正文...</body></html>2DreamWeaverMX簡(jiǎn)簡(jiǎn)介DreamWeaver的工工作環(huán)境簡(jiǎn)單網(wǎng)頁(yè)制制作2.1DreamWeaverMX的工作作環(huán)境標(biāo)題欄菜單欄文檔工具欄欄網(wǎng)頁(yè)文件編編輯區(qū)狀態(tài)欄浮動(dòng)面板和和浮動(dòng)面板板組標(biāo)題欄/菜單單欄“插入”面面板編輯區(qū)域浮動(dòng)面板屬性設(shè)置區(qū)區(qū)域狀態(tài)欄文檔工具欄欄"文檔"工工具欄中包包含按鈕，，這些按鈕鈕使您可以以在文檔的的不同視圖圖間快速切切換："代代碼"視圖圖、"設(shè)計(jì)計(jì)"視圖、、同時(shí)顯示示"代碼"和"設(shè)計(jì)計(jì)"視圖的的拆分視圖圖。工具欄中還還包含一些些與查看文文檔、在本本地和遠(yuǎn)程程站點(diǎn)間傳傳輸文檔有有關(guān)的常用用命令和選選項(xiàng)。"文檔"窗窗口底部的的狀態(tài)欄提提供與您正正創(chuàng)建的文文檔有關(guān)的的其它信息息。"插入"欄欄包含用于于創(chuàng)建和插插入對(duì)象（（如表格、、層和圖像像）的按鈕鈕。當(dāng)鼠標(biāo)標(biāo)指針滾動(dòng)動(dòng)到一個(gè)按按鈕上時(shí)，，會(huì)出現(xiàn)一一個(gè)工具提提示，其中中含有該按按鈕的名稱稱。這些按鈕被被組織到幾幾個(gè)類別中中，您可以以在"插入入"欄的左左側(cè)切換它它們。當(dāng)您您啟動(dòng)Dreamweaver時(shí)時(shí)，系統(tǒng)會(huì)會(huì)打開您上上次使用的的類別。"屬性"檢檢查器使您您可以檢查查和編輯當(dāng)當(dāng)前選定頁(yè)頁(yè)面元素（（如文本和和插入的對(duì)對(duì)象）的最最常用屬性性。"屬性性"檢查器器中的內(nèi)容容根據(jù)選定定的元素會(huì)會(huì)有所不同同。例如，，如果您選選擇頁(yè)面上上的一個(gè)圖圖像，則"屬性"檢檢查器將改改為顯示該該圖像的屬屬性（如圖圖像的文件件路徑、圖圖像的寬度度和高度、、圖像周圍圍的邊框（（如果有）），等等））。"文件"面板板用于查看看和管理Dreamweaver站站點(diǎn)中的的文件。2.2創(chuàng)創(chuàng)建站站點(diǎn)創(chuàng)建本地站站點(diǎn)創(chuàng)建站點(diǎn)地地圖站點(diǎn)中的文文件操作1、創(chuàng)建本本地站點(diǎn)在Dreamweaver中中制作網(wǎng)站站，您必須須定義一個(gè)個(gè)本地站點(diǎn)點(diǎn)，它是您您的計(jì)算機(jī)機(jī)上任意位位置的一個(gè)個(gè)文件夾。。之所以一一定要定義義它，是為為了告訴Dreamweaver您的的文件存放放位置，然然后Dreamweaver就會(huì)將所所有的設(shè)置置針對(duì)該地地址設(shè)置。。啟動(dòng)Dreamweaver，選擇擇"站點(diǎn)">"管管理站點(diǎn)"。出現(xiàn)現(xiàn)"管理站站點(diǎn)"對(duì)話話框。單擊"新建建"按鈕，，然后選擇擇"站點(diǎn)"。出現(xiàn)現(xiàn)"站點(diǎn)定定義"對(duì)話話框。如果顯示向向?qū)В?基基本"選項(xiàng)項(xiàng)卡），請(qǐng)請(qǐng)單擊"高高級(jí)"選項(xiàng)項(xiàng)卡，然后后從"分類類"列表中中選擇"本本地信息"（它應(yīng)當(dāng)當(dāng)是默認(rèn)選選項(xiàng)）。在"站點(diǎn)名名稱"文本本框中，輸輸入CafeTownsend作作為站點(diǎn)點(diǎn)名稱。在“本地根根文件夾””文本框中中，指定剛剛才建立的的本地文件件夾?？煽梢詥螕粑奈募A圖標(biāo)標(biāo)來瀏覽并并選擇該文文件夾，或或者在"本本地根文件件夾"文本本框中輸入入路徑。在“默認(rèn)圖圖像文件夾夾”文本框框中，指定定本地文文件夾中存存放圖片的的images文文件夾。?？梢詥螁螕粑募A夾圖標(biāo)來瀏瀏覽并選擇擇該文件夾夾，或者在在"默認(rèn)圖圖像文件夾夾"文本框框中輸入路路徑。單擊“確定定”。隨隨即出現(xiàn)““管理站點(diǎn)點(diǎn)”對(duì)話框框，顯示您您的新站點(diǎn)點(diǎn)。單擊"完成成"關(guān)閉"管理站點(diǎn)點(diǎn)"對(duì)話框框。此時(shí)"文件件"面板顯顯示當(dāng)前站站點(diǎn)的新本本地根文件件夾。"文文件"面板板中的文件件列表將充充當(dāng)文件管管理器，允允許您復(fù)制制、粘貼、、刪除、移移動(dòng)和打開開文件，就就象在計(jì)算算機(jī)桌面上上一樣。創(chuàng)建本地站站點(diǎn)注意點(diǎn)：在網(wǎng)頁(yè)設(shè)計(jì)計(jì)中，不要要用中文作作為文件名名或文件夾夾名。網(wǎng)頁(yè)文件命命名時(shí)，區(qū)區(qū)分字符大大小寫。每個(gè)網(wǎng)站都都有而且只只用一個(gè)首首頁(yè)。首頁(yè)文件應(yīng)應(yīng)該放在站站點(diǎn)的根文文件夾下。。創(chuàng)建站點(diǎn)地地圖創(chuàng)建站點(diǎn)地地圖一定要首先先指定首頁(yè)頁(yè)！設(shè)置首頁(yè)的的方法：在站點(diǎn)管理理工具里設(shè)設(shè)計(jì)在本地視圖圖設(shè)計(jì)若要?jiǎng)?chuàng)建新新的空白文文檔，請(qǐng)執(zhí)執(zhí)行以下操操作：選擇"文件件">"新新建"。即即出現(xiàn)"新建文檔檔"對(duì)話框框。"常規(guī)規(guī)"選項(xiàng)卡卡已被選定定。從"類別"列表中選選擇"基本本頁(yè)"、"動(dòng)態(tài)頁(yè)"、"模板板頁(yè)"、"其他"或或"框架集集"；然后后從右側(cè)的的列表中選選擇要?jiǎng)?chuàng)建建的文檔的的類型。例例如，選選擇"基本本頁(yè)"創(chuàng)建建HTML文檔檔，或選擇擇"動(dòng)態(tài)頁(yè)頁(yè)"創(chuàng)建ColdFusion或或ASP文檔，，諸如此類類。單擊"創(chuàng)建建"按鈕。。新文檔檔在"文檔檔"窗口中中打開。保存該文檔檔創(chuàng)建、打開開和保存網(wǎng)網(wǎng)頁(yè)文件若要保存新新文檔，請(qǐng)請(qǐng)執(zhí)行以下下操作：選擇“文件件”>“保保存”。提示

最好好將您的文文件保存在在Dreamweaver站點(diǎn)中中。在出現(xiàn)的對(duì)對(duì)話框中，，定位到要要用來保存存文件的文文件夾。在"文件名名稱"文本本框中，鍵鍵入文件名名。請(qǐng)不不要在文件件名和文件件夾名中使使用空格和和特殊字符符，文件名名也不要以以數(shù)字開頭頭。具體說說來就是不不要在打算算放到遠(yuǎn)程程服務(wù)器上上的文件名名中使用特特殊字符（（如é、、?或￥￥）或標(biāo)標(biāo)點(diǎn)符號(hào)（（如冒號(hào)、、斜杠或句句號(hào)）；很很多服務(wù)器器在上傳時(shí)時(shí)會(huì)更改這這些字符，，這會(huì)導(dǎo)致致與這些文文件的鏈接接中斷。單擊"保存存"。若要打開文文件，請(qǐng)執(zhí)執(zhí)行以下操操作：選擇擇"文文件件">"打打開開"。。在"打打開開"對(duì)對(duì)話話框框中中，，選選擇擇文文件件并并單單擊擊"打打開開"。。2.3創(chuàng)創(chuàng)建建基基于于表表格格的的頁(yè)頁(yè)面面布布局局頁(yè)面面布布局局將將確確定定您您的的頁(yè)頁(yè)面面在在瀏瀏覽覽器器中中會(huì)會(huì)如如何何顯顯示示，，例例如如，，顯顯示示菜菜單單、、圖圖像像和和MacromediaFlash內(nèi)內(nèi)容容將將如如何何放放置置。。表格格是是用用于于在在HTML頁(yè)頁(yè)上上顯顯示示表表格格式式數(shù)數(shù)據(jù)據(jù)以以及及對(duì)對(duì)文文本本和和圖圖形形進(jìn)進(jìn)行行布布局局的的強(qiáng)強(qiáng)有有力力的的工工具具。。您您可可以以使使用用表表格格快快速速輕輕松松地地創(chuàng)創(chuàng)建建布布局局。。檢查查設(shè)設(shè)計(jì)計(jì)草草樣樣創(chuàng)建建并并保保存存新新頁(yè)頁(yè)面面插入入表表格格設(shè)置置表表格格屬屬性性插入入圖圖像像占占位位符符向頁(yè)頁(yè)面面添添加加顏顏色色通常常，，創(chuàng)創(chuàng)建建Web站站點(diǎn)點(diǎn)并并不不是是以以打打開開Dreamweaver并并立立即即對(duì)對(duì)頁(yè)頁(yè)面面進(jìn)進(jìn)行行布布局局開開始始的的。。創(chuàng)創(chuàng)建建Web站站點(diǎn)點(diǎn)的的初初始始工工作作從從紙紙張張或或圖圖形形編編輯輯應(yīng)應(yīng)用用程程序序（（如如MacromediaFireworks））開開始始。。設(shè)計(jì)計(jì)草草樣樣由由客客戶戶要要求求其其Web站站點(diǎn)點(diǎn)具具有有的的任任意意數(shù)數(shù)目目的的頁(yè)頁(yè)面面元元素素組組成成。創(chuàng)建建并并保保存存新新頁(yè)頁(yè)面面Dreamweaver中中，，選選擇擇““文文件件””>““新新建建””。。在““新新建建文文檔檔””對(duì)對(duì)話話框框的的““常常規(guī)規(guī)””選選項(xiàng)項(xiàng)卡卡上上，，從從““類類別別””列列表表中中選選擇擇““基基本本頁(yè)頁(yè)””，，從從““基基本本頁(yè)頁(yè)””列列表表中中選選擇擇““HTML””，，然然后后單單擊擊““創(chuàng)創(chuàng)建建””。。選擇“文件””>“另存為為”。在“另另存為”對(duì)話話框中，瀏覽覽至定義為站站點(diǎn)的本地根根文件夾的cafe_townsend文文件夾并打開開該文件夾。。在“文件名””文本框中輸輸入index.html，然后后單擊“保存存”。文件名即出現(xiàn)現(xiàn)在應(yīng)用程序序窗口頂部的的標(biāo)題欄中。。在新文檔頂部部的"文檔標(biāo)標(biāo)題"文本框框中，鍵入CafeTownsend選擇"文件">"保存"來保存該頁(yè)頁(yè)面。插入表格接下來，您將將添加一個(gè)表表格，用于放放置文本、圖圖形和MacromediaFlash資資源。在頁(yè)面上單擊擊一次，在頁(yè)頁(yè)面左上角放放置插入點(diǎn)。。2選擇"插插入">"表表格"。3在"插入入表格"對(duì)話話框中，執(zhí)行行下面的操作作：在"行數(shù)"文文本框中，輸輸入3。在"列數(shù)"文文本框中，輸輸入1。在"表格寬度度"文本框中中，輸入700。在"表格寬度度"彈出式菜菜單中，選擇擇"像素"。。在"邊框粗細(xì)細(xì)"文本框中中，輸入0。在"單元格邊邊距"文本框框中，輸入0。在"單元格間間距"文本框框中，輸入0。4單擊"確確定"。一一個(gè)三行一列列的表格即出出現(xiàn)在文檔中中。該表格的的寬度為700像素素，邊框、單單元格邊距和和單元格間距距均為0。。設(shè)置表格屬性性可以在屬性窗窗口對(duì)表格的的屬性進(jìn)行設(shè)設(shè)置。插入圖像占位位符圖像占位符是是在準(zhǔn)備好將將最終圖形添添加到Web頁(yè)面之之前使用的圖圖形。在對(duì)Web頁(yè)頁(yè)面進(jìn)行布局局時(shí)圖像占位位符很有用，，因?yàn)橥ㄟ^使使用圖像占位位符，您可以以在真正創(chuàng)建建圖像之前確確定圖像在頁(yè)頁(yè)面上的位置置。在文檔窗口中中，在第一個(gè)個(gè)表格的第一一行內(nèi)單擊一一次。選擇"插入">"圖像對(duì)對(duì)象">"圖圖像占位符"。在"圖像占位位符"對(duì)話框框中，執(zhí)行下下面的操作：：在"名稱"文文本框中，鍵鍵入banner_graphic。在"寬度"文文本框中，輸輸入700。在"高度"文文本框中，輸輸入90。單擊顏色框并并從顏色選擇擇器中選擇一一種顏色。我我們選擇了紅紅棕色(#993300)。保留"替換文文本"文本框框?yàn)榭?。向?yè)面添加顏顏色通過設(shè)置某些些表格單元格格以及頁(yè)面背背景的顏色，，向頁(yè)面添加加更多顏色。。在上述包含三三列的表格的的第一個(gè)單元元格內(nèi)單擊一一次。單擊標(biāo)簽選擇擇器中的<td>標(biāo)標(biāo)簽（單元格格標(biāo)簽）以選選擇該單元格格。3在"屬性性"檢查器（（"窗口">"屬性"））中，在"背背景顏色"文文本框內(nèi)單擊擊一次。"背景顏色"文本框位于于"背景顏色色"(Bg)顏色框旁旁。注意如果未出現(xiàn)"背景顏色"文本框，請(qǐng)請(qǐng)單擊"屬性性"檢查器右右下角的展開開箭頭。4在"背景景顏色"文本本框中，輸入入十六進(jìn)制值值#993300，然后按Enter鍵鍵(Windows)或Return鍵(Macintosh)。。表格單元格格的顏色即變變?yōu)榧t棕色。。5在上述包包含三列的表表格的第二個(gè)個(gè)單元格內(nèi)單單擊一次。6單擊標(biāo)簽簽選擇器中的的<td>標(biāo)簽（單單元格標(biāo)簽））以選擇該單單元格。7在“屬性性”檢查器中中，在“背景景顏色”文本本框內(nèi)單擊一一次，輸入十十六進(jìn)制值#F7EEDF，然后按Enter鍵鍵(Windows)或Return鍵(Macintosh)。。表格單元格格的顏色即變變?yōu)闇\棕色。。8重復(fù)第5－7步步，將第三個(gè)個(gè)表格單元格格的顏色也更更改為淺棕色色。9設(shè)置完這這三個(gè)單元格格的顏色后，，單擊一次表表格的外部，，取消選擇該該表格。接下來，您將將通過修改頁(yè)頁(yè)面屬性來更更改整個(gè)頁(yè)面面的背景顏色色。通過"頁(yè)頁(yè)面屬性"對(duì)對(duì)話框可以設(shè)設(shè)置一些頁(yè)面面屬性，包括括頁(yè)面字體的的大小和顏色色、已訪問鏈鏈接的顏色以以及頁(yè)面邊距距等。選擇"修改">"頁(yè)面屬屬性"。在“頁(yè)面屬性性”對(duì)話框的的“外觀”類類別中，單擊擊“背景顏色色”顏色框，，然后從顏色色選擇器中選選擇黑色(#000000)。單擊"確定"。頁(yè)面的的背景即變?yōu)闉楹谏Ｗ⒁猓喝绻O(shè)設(shè)置了頁(yè)面的的背景圖片，，則背景顏色色的設(shè)置不起起作用。2.4插入入各種元素查找文件復(fù)查您的任務(wù)務(wù)插入圖像插入文本創(chuàng)建鏈接在瀏覽器中預(yù)預(yù)覽頁(yè)面網(wǎng)頁(yè)圖片的插插入和屬性設(shè)設(shè)置網(wǎng)頁(yè)圖像格式式簡(jiǎn)介GIFJPEGPNG插入圖片在Dreamweaver中，，打開您創(chuàng)建建的index.html文件雙擊頁(yè)面頂部部的圖像占位位符banner_graphic。在"選擇圖像像源文件"對(duì)對(duì)話框中，瀏瀏覽至您定義義為站點(diǎn)根文文件夾的cafe_townsend文件件夾中的images文件夾。。選擇banner_graphic.jpg文件并單單擊"確定"。Dreamweaver將圖圖像占位符替替換為CafeTownsend的橫幅幅圖形。插入網(wǎng)頁(yè)圖像像的方法圖片不要用絕絕對(duì)路徑插入入。使用相對(duì)路徑徑，在插入圖圖片之前，應(yīng)應(yīng)該把圖片放放置在網(wǎng)站目目錄下。如果插入的圖圖片文件的路路徑是file://則則表示該圖片片文件還沒保保存到本地站站點(diǎn)相關(guān)的文文件夾中。網(wǎng)頁(yè)文本的輸輸入和屬性設(shè)設(shè)置文本的輸入設(shè)置漢字的字字體列表文本的屬性設(shè)設(shè)置創(chuàng)建超鏈接超鏈接概述創(chuàng)建超鏈接的