辦公自動化的概念課件

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

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

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

企業(yè)本身是有個性的，企業(yè)的電子商務(wù)解決方案必然是以客戶為中心，量體定制的，但這種量體定制已經(jīng)是超越了企業(yè)信息化初期的那種“以客戶為中心”的概念，現(xiàn)在有成千上萬的企業(yè)在期待著迅速的實現(xiàn)電子商務(wù)，而如果再按部就班的找一批人馬駐扎到企業(yè)去開發(fā)，一是時間上不允許，二是電子商務(wù)解決方案的提供商——軟件公司也不干。在一體化設(shè)計思想的指導(dǎo)下，將基本功能的模塊細(xì)分化，使得各個功能模塊可以實現(xiàn)積木式的拆裝，這樣以來，針對不同的企業(yè)就可以具體的選擇不同的功能模塊，迅速的搭建起自己的電子商務(wù)平臺。2、電子商務(wù)解決方案企業(yè)本身是有個性的6構(gòu)筑以客戶為中心的企業(yè)電子商務(wù)平臺時，有三個重要步驟。所謂“三步”是指：管理咨詢、確立方案、實施服務(wù)。構(gòu)筑以客戶為中心的企業(yè)電子商務(wù)平臺時，有三個重要步驟。74.2電子商務(wù)網(wǎng)站的構(gòu)成要素電子商務(wù)網(wǎng)站的構(gòu)成要素商務(wù)網(wǎng)站的設(shè)計要求4.2電子商務(wù)網(wǎng)站的構(gòu)成要素電子商務(wù)網(wǎng)站的構(gòu)成要素81、電子商務(wù)網(wǎng)站的構(gòu)成要素網(wǎng)站域名、網(wǎng)站地點、網(wǎng)站頁面商品目錄、購物車、付款臺計數(shù)器、留言板、會員管理商品盤點、更新庫存管理、商品配送1、電子商務(wù)網(wǎng)站的構(gòu)成要素網(wǎng)站域名、網(wǎng)站地點、網(wǎng)站頁面92、商務(wù)網(wǎng)站的設(shè)計要求簡單實用頁面下載速度快易于導(dǎo)航和使用提供搜索引擎和/或網(wǎng)站地圖聯(lián)系信息方便多樣設(shè)計易于更新的工具符合網(wǎng)絡(luò)倫理兼容多種瀏覽器無錯誤鏈接強大的并發(fā)處理能力要有良好的容錯性能可擴展性強要有安全性好要有強大的后臺支撐2、商務(wù)網(wǎng)站的設(shè)計要求簡單實用104.3電子商務(wù)網(wǎng)站的規(guī)劃和設(shè)計電子商務(wù)網(wǎng)站建設(shè)流程外觀設(shè)計與策劃4.3電子商務(wù)網(wǎng)站的規(guī)劃和設(shè)計電子商務(wù)網(wǎng)站建設(shè)流程11注冊域名和申請IP地址確定網(wǎng)站的技術(shù)解決方案規(guī)劃網(wǎng)站的內(nèi)容并制作網(wǎng)頁網(wǎng)站的發(fā)布和推廣網(wǎng)站的更新維護(hù)一、建設(shè)流程建設(shè)流程注冊域名和申請IP地址一、建設(shè)流程建設(shè)流程121.1企業(yè)選擇及注冊域名的策略企業(yè)的發(fā)展規(guī)模及其商業(yè)范疇公司、企業(yè)、組織的性質(zhì)或信息內(nèi)容的性質(zhì)簡潔、易記、標(biāo)識性強，具有一定的內(nèi)涵。域名的注冊還應(yīng)注意域名搶注與域名沖突的問題域名注冊1.1企業(yè)選擇及注冊域名的策略企業(yè)的發(fā)展規(guī)模及其商業(yè)范疇域13國內(nèi)域名的注冊域名注冊國內(nèi)域名的注冊域名注冊14注冊商管理體系結(jié)構(gòu)圖如下：

注冊商管理體系結(jié)構(gòu)圖如下：15Cn域名注冊：中國國家頂級域名中文域名注冊：含有中文文字的新一代域名。

通用網(wǎng)址：新興的互聯(lián)網(wǎng)地址資源，自然語言直達(dá)網(wǎng)站頁面，便捷的網(wǎng)站推廣工具.無線網(wǎng)址：無線互聯(lián)網(wǎng)應(yīng)用的最新服務(wù)形式，以移動終端為載體，實現(xiàn)隨時、隨地、隨身的信息交互。IP/AS分配:Cn域名注冊：中國國家頂級域名161.申請成為用戶2.匯款到您的帳戶下3.查詢域名是否已注冊4.填寫域名注冊資料5.通過購物車支付6.注冊款項自動從帳戶扣除7.支付成功后,注冊完畢1.申請成為用戶17最有價值域名Top10

中國主要ISP：

北京信息港（郵電部的公共信息網(wǎng)）

國家檔案文獻(xiàn)庫（明清至1995年間最有權(quán)威性的重要檔案)

世紀(jì)互聯(lián)網(wǎng)（領(lǐng)跑中國服務(wù)集成業(yè)）

瀛海威（信息高速公路的導(dǎo)航員）

英特科(服務(wù)器產(chǎn)品介紹）中西網(wǎng)絡(luò)（北京中西公司）中軟英特（中國頂尖互聯(lián)網(wǎng)服務(wù)供應(yīng)商）北京國網(wǎng)(國內(nèi)最早提供Internet服務(wù)）

中國教育網(wǎng)(Adobe產(chǎn)品導(dǎo)覽)

上海熱線（上海最大的公共信息網(wǎng)）浙江（杭州電信）最有價值域名Top10

中國主要ISP：

北京信息港（郵電181.2、確定服務(wù)器解決方案1、建立獨立的電子商務(wù)站點2、空間租用A虛擬主機B主機租用C服務(wù)器托管（主機托管）1.2、確定服務(wù)器解決方案1、建立獨立的電子商務(wù)站點191、建立獨立的電子商務(wù)站點成本較高適合對信息量和網(wǎng)站功能要求較高的大中型企業(yè)1、建立獨立的電子商務(wù)站點成本較高202、空間租用A虛擬主機B主機租用C服務(wù)器托管（主機托管）2、空間租用21A租用虛擬主機虛擬主機是使用計算機軟件技術(shù)，把一臺運行在Internet上的服務(wù)器主機分隔成多臺“虛擬”主機，每一臺虛擬主機都各自具有獨立的域名和IP地址，具有比較完善的Internet服務(wù)器功能。優(yōu)點：開銷低適合剛起步開辦電子商務(wù)網(wǎng)站的公司A租用虛擬主機虛擬主機是使用計算機軟件技術(shù)，把一臺運行在I22B主機租用主機租用（DedicatedHosting）即客戶無須自己購置服務(wù)器，而可以直接采用本司提供的多款高級服務(wù)器以及軟件系統(tǒng)，大大勝卻了采購成本，安放在我們的IDC中，帶寬、安全、穩(wěn)定、系統(tǒng)等問題完全由我們來替您打理。B主機租用主機租用（DedicatedHosting）即23C主機托管主機托管就是客戶把屬于自己的一臺服務(wù)器放置在某個經(jīng)營“整機托管”業(yè)務(wù)網(wǎng)站的數(shù)據(jù)中心的機房里，由網(wǎng)站機房的技術(shù)人員對服務(wù)器進(jìn)行管理和維護(hù)。C主機托管主機托管就是客戶把屬于自己的一臺服務(wù)器放置在某個24自建和租用的比較自建機房成本大：技術(shù)人員、軟硬件、維護(hù)費、線路通信服務(wù)費租用更經(jīng)濟、快捷且實用：遠(yuǎn)程控制、客戶機/服務(wù)器兩者相比，租用在成本和服務(wù)方面有優(yōu)勢。自建和租用的比較自建機房成本大：技術(shù)人員、軟硬件、維護(hù)費、線25應(yīng)用服務(wù)采用空間租用的同時，可以選擇應(yīng)用服務(wù)租用。應(yīng)用服務(wù)采用空間租用的同時，可以選擇應(yīng)用服務(wù)租用。261.3、電子商務(wù)網(wǎng)站的硬件平臺1、網(wǎng)絡(luò)設(shè)備2、服務(wù)器1.3、電子商務(wù)網(wǎng)站的硬件平臺1、網(wǎng)絡(luò)設(shè)備271、網(wǎng)絡(luò)設(shè)備路由器路由器是一種連接多個網(wǎng)絡(luò)或網(wǎng)段的網(wǎng)絡(luò)設(shè)備，是將電子商務(wù)網(wǎng)站聯(lián)入廣域網(wǎng)的重要設(shè)備交換機多臺不同的計算機可以通過交換機組成網(wǎng)絡(luò)。交換機能夠隔離沖突與何有效的抑制廣播風(fēng)暴的產(chǎn)生。交換機可以在半雙工，全雙工模式下工作。防火墻防火墻是一個由軟件、硬件或軟硬件結(jié)合的系統(tǒng)，是電子商務(wù)網(wǎng)站內(nèi)部網(wǎng)絡(luò)和外部網(wǎng)絡(luò)之間的一道屏障，可限制外界未經(jīng)授權(quán)的用戶訪問內(nèi)部網(wǎng)絡(luò)，管理內(nèi)部用戶訪問外部網(wǎng)絡(luò)的權(quán)限。1、網(wǎng)絡(luò)設(shè)備路由器282、服務(wù)器要求性能好，成本低，可擴展性，安全可靠服務(wù)器種類：PC機：Windows2000系統(tǒng)小型機小型機以上的計算機系統(tǒng)

UNIX系統(tǒng)2、服務(wù)器要求291.4軟件平臺1、操作系統(tǒng)軟件2、WEB服務(wù)器軟件1.4軟件平臺1、操作系統(tǒng)軟件301、操作系統(tǒng)軟件UNIX操作系統(tǒng)：技術(shù)成熟、開放性好、可靠性高、網(wǎng)絡(luò)功能強大。Linux操作系統(tǒng)：免費的操作系統(tǒng)Windows2000操作系統(tǒng)：1、操作系統(tǒng)軟件UNIX操作系統(tǒng)：技術(shù)成熟、開放性好、可靠性31選用WEB服務(wù)器軟件時的參考的性能參數(shù)：相應(yīng)能力：WEB服務(wù)器對多個用戶瀏覽信息的相應(yīng)速度。與后端服務(wù)器的集成管理的難易程度：管理Web服務(wù)器；利用Web界面進(jìn)行網(wǎng)絡(luò)管理信息開發(fā)的難易程度：穩(wěn)定性可靠性安全性：是否泄密；防止黑客的攻擊與其他系統(tǒng)的搭配：Windows2000+IIS+.NET+SQLSERVE;Linux+apache+PHP+MYSQL2、WEB服務(wù)器軟件選用WEB服務(wù)器軟件時的參考的性能參數(shù)：2、WEB服務(wù)器軟件32DB2，Oracle，Sybase，MSSQLServer，MySQL3、數(shù)據(jù)庫軟件3、數(shù)據(jù)庫軟件33確定建站的目的網(wǎng)站的內(nèi)容策劃網(wǎng)站的布局策劃二、電子商務(wù)的外觀設(shè)計確定建站的目的二、電子商務(wù)的外觀設(shè)計341.確定目的訪問者心理分析他們總是匆匆忙忙他們希望“免費”的東西他們不容易相信人他們喜歡點擊

1.確定目的訪問者心理分析35競爭者分析銷售的區(qū)域性與潛在性分析消費層次及消費需求特征分析市場分析競爭者分析市場分析36網(wǎng)站題材和名稱的定位有特色的形象包裝和設(shè)計配色方案

2.網(wǎng)站內(nèi)容策劃網(wǎng)站題材和名稱的定位2.網(wǎng)站內(nèi)容策劃373.網(wǎng)站的布局規(guī)劃網(wǎng)站的內(nèi)容，將所有信息按類別分開。根據(jù)要建立的網(wǎng)站內(nèi)容確定站點的結(jié)構(gòu)圖3.網(wǎng)站的布局規(guī)劃網(wǎng)站的內(nèi)容，將所有信息按類別分開。根據(jù)要38練習(xí)題簡述電子商務(wù)網(wǎng)站的建站流程什么是自建網(wǎng)站什么是虛擬主機什么是整機托管什么是整機托管

電子商務(wù)網(wǎng)站域名的注冊方法電子商務(wù)系統(tǒng)組成進(jìn)行電子商務(wù)外觀設(shè)計時應(yīng)該注意哪些問題？企業(yè)選擇和注冊域名的策略？請描述一下典型的域名注冊的流程.練習(xí)題簡述電子商務(wù)網(wǎng)站的建站流程39上機練習(xí)列出ccnic提供哪些域名服務(wù)訪問一個提供域名服務(wù)的網(wǎng)站，了解它的域名管理機制訪問一個提供空間租用的網(wǎng)站，了解它的管理機制、提供哪些租用服務(wù)以及各服務(wù)的費用。上機練習(xí)列出ccnic提供哪些域名服務(wù)404.4網(wǎng)頁制作1HTML標(biāo)記語言2

DreamWeaverMX簡介4.4網(wǎng)頁制作1HTML標(biāo)記語言411、HTML語言1、HTML語言421.1什么是HTML語言？HTML是超文本標(biāo)記語言的縮寫(HypertextMarkupLanguage),HTML語言一種描述文檔結(jié)構(gòu)的語言，使用描述性的標(biāo)記符（稱為標(biāo)簽）來指明文檔的不同內(nèi)容。HTML文檔包含兩種信息:頁面本身的信息表示頁面元素、結(jié)構(gòu)、格式和其他超文本鏈接的HTML標(biāo)簽。1.1什么是HTML語言？HTML是超文本標(biāo)記語言的縮寫(431.2什么是HTML標(biāo)簽HTML標(biāo)簽規(guī)定WEB文檔的邏輯結(jié)構(gòu)，并且控制文檔的顯示格式。大部分HTML標(biāo)簽的形式如下：<標(biāo)簽名>相應(yīng)的內(nèi)容</標(biāo)簽名>1.2什么是HTML標(biāo)簽HTML標(biāo)簽規(guī)定WEB文檔的邏輯結(jié)44如何建立HTML文件用Windows下的“記事本”建立HTML文件用其它文字處理軟件用網(wǎng)頁制作工具來建立HTMLHTML文件的擴展名為.htm或.html，每一個網(wǎng)頁對應(yīng)一個HTML文檔。如何建立HTML文件用Windows下的“記事本”建立HTM45一個HTML文檔（網(wǎng)頁）的基本結(jié)構(gòu)<html>

<head><title>網(wǎng)頁標(biāo)題</title>…

</head>

<body>網(wǎng)頁正文...

</body></html>一個HTML文檔（網(wǎng)頁）的基本結(jié)構(gòu)<html>462DreamWeaverMX簡介DreamWeaver的工作環(huán)境簡單網(wǎng)頁制作2DreamWeaverMX簡介DreamWeaver的472.1DreamWeaverMX的工作環(huán)境標(biāo)題欄菜單欄文檔工具欄網(wǎng)頁文件編輯區(qū)狀態(tài)欄浮動面板和浮動面板組2.1DreamWeaverMX的工作環(huán)境標(biāo)題欄48標(biāo)題欄/菜單欄“插入”面板編輯區(qū)域浮動面板屬性設(shè)置區(qū)域狀態(tài)欄文檔工具欄標(biāo)題欄/菜單欄“插入”面板編輯區(qū)域浮動面板屬性設(shè)置區(qū)域49"文檔"工具欄中包含按鈕，這些按鈕使您可以在文檔的不同視圖間快速切換："代碼"視圖、"設(shè)計"視圖、同時顯示"代碼"和"設(shè)計"視圖的拆分視圖。工具欄中還包含一些與查看文檔、在本地和遠(yuǎn)程站點間傳輸文檔有關(guān)的常用命令和選項。"文檔"工具欄中包含按鈕，這些按鈕使您可以在文檔的不同視圖間50"文檔"窗口底部的狀態(tài)欄提供與您正創(chuàng)建的文檔有關(guān)的其它信息。"文檔"窗口底部的狀態(tài)欄提供與您正創(chuàng)建的文檔有關(guān)的其它信息。51"插入"欄包含用于創(chuàng)建和插入對象（如表格、層和圖像）的按鈕。當(dāng)鼠標(biāo)指針滾動到一個按鈕上時，會出現(xiàn)一個工具提示，其中含有該按鈕的名稱。這些按鈕被組織到幾個類別中，您可以在"插入"欄的左側(cè)切換它們。當(dāng)您啟動Dreamweaver時，系統(tǒng)會打開您上次使用的類別。"插入"欄包含用于創(chuàng)建和插入對象（如表格、層和圖像）的按鈕。52"屬性"檢查器使您可以檢查和編輯當(dāng)前選定頁面元素（如文本和插入的對象）的最常用屬性。"屬性"檢查器中的內(nèi)容根據(jù)選定的元素會有所不同。例如，如果您選擇頁面上的一個圖像，則"屬性"檢查器將改為顯示該圖像的屬性（如圖像的文件路徑、圖像的寬度和高度、圖像周圍的邊框（如果有），等等）。"屬性"檢查器使您可以檢查和編輯當(dāng)前選定頁面元素（如文本和插53"文件"面板用于查看和管理Dreamweaver站點中的文件。"文件"面板用于查看和管理Dreamweaver站點中的542.2創(chuàng)建站點創(chuàng)建本地站點創(chuàng)建站點地圖站點中的文件操作2.2創(chuàng)建站點創(chuàng)建本地站點551、創(chuàng)建本地站點在Dreamweaver中制作網(wǎng)站，您必須定義一個本地站點，它是您的計算機上任意位置的一個文件夾。之所以一定要定義它，是為了告訴Dreamweaver您的文件存放位置，然后Dreamweaver就會將所有的設(shè)置針對該地址設(shè)置。1、創(chuàng)建本地站點56啟動Dreamweaver，選擇"站點">"管理站點"。出現(xiàn)"管理站點"對話框。單擊"新建"按鈕，然后選擇"站點"。出現(xiàn)"站點定義"對話框。如果顯示向?qū)В?基本"選項卡），請單擊"高級"選項卡，然后從"分類"列表中選擇"本地信息"（它應(yīng)當(dāng)是默認(rèn)選項）。在"站點名稱"文本框中，輸入CafeTownsend作為站點名稱。啟動Dreamweaver，選擇"站點">"管理站點"。57在“本地根文件夾”文本框中，指定剛才建立的本地文件夾。可以單擊文件夾圖標(biāo)來瀏覽并選擇該文件夾，或者在"本地根文件夾"文本框中輸入路徑。在“默認(rèn)圖像文件夾”文本框中，指定本地文件夾中存放圖片的images文件夾?？梢詥螕粑募A圖標(biāo)來瀏覽并選擇該文件夾，或者在"默認(rèn)圖像文件夾"文本框中輸入路徑。辦公自動化的概念課件58辦公自動化的概念課件59單擊“確定”。隨即出現(xiàn)“管理站點”對話框，顯示您的新站點。單擊"完成"關(guān)閉"管理站點"對話框。此時"文件"面板顯示當(dāng)前站點的新本地根文件夾。"文件"面板中的文件列表將充當(dāng)文件管理器，允許您復(fù)制、粘貼、刪除、移動和打開文件，就象在計算機桌面上一樣。單擊“確定”。隨即出現(xiàn)“管理站點”對話框，顯示您的新站點。60創(chuàng)建本地站點注意點：在網(wǎng)頁設(shè)計中，不要用中文作為文件名或文件夾名。網(wǎng)頁文件命名時，區(qū)分字符大小寫。每個網(wǎng)站都有而且只用一個首頁。首頁文件應(yīng)該放在站點的根文件夾下。創(chuàng)建本地站點注意點：61創(chuàng)建站點地圖創(chuàng)建站點地圖62創(chuàng)建站點地圖一定要首先指定首頁！設(shè)置首頁的方法：在站點管理工具里設(shè)計在本地視圖設(shè)計創(chuàng)建站點地圖一定要首先指定首頁！63若要創(chuàng)建新的空白文檔，請執(zhí)行以下操作：選擇"文件">"新建"。即出現(xiàn)"新建文檔"對話框。"常規(guī)"選項卡已被選定。從"類別"列表中選擇"基本頁"、"動態(tài)頁"、"模板頁"、"其他"或"框架集"；然后從右側(cè)的列表中選擇要創(chuàng)建的文檔的類型。例如，選擇"基本頁"創(chuàng)建HTML文檔，或選擇"動態(tài)頁"創(chuàng)建ColdFusion或ASP文檔，諸如此類。單擊"創(chuàng)建"按鈕。新文檔在"文檔"窗口中打開。保存該文檔創(chuàng)建、打開和保存網(wǎng)頁文件若要創(chuàng)建新的空白文檔，請執(zhí)行以下操作：創(chuàng)建、打開和保存網(wǎng)頁文64若要保存新文檔，請執(zhí)行以下操作：選擇“文件”>“保存”。提示

最好將您的文件保存在Dreamweaver站點中。在出現(xiàn)的對話框中，定位到要用來保存文件的文件夾。在"文件名稱"文本框中，鍵入文件名。請不要在文件名和文件夾名中使用空格和特殊字符，文件名也不要以數(shù)字開頭。具體說來就是不要在打算放到遠(yuǎn)程服務(wù)器上的文件名中使用特殊字符（如é、?或￥）或標(biāo)點符號（如冒號、斜杠或句號）；很多服務(wù)器在上傳時會更改這些字符，這會導(dǎo)致與這些文件的鏈接中斷。單擊"保存"。若要保存新文檔，請執(zhí)行以下操作：選擇“文件”>“保存”。提65若要打開文件，請執(zhí)行以下操作：選擇"文件">"打開"。在"打開"對話框中，選擇文件并單擊"打開"。若要打開文件，請執(zhí)行以下操作：選擇"文件">"打開"。662.3創(chuàng)建基于表格的頁面布局頁面布局將確定您的頁面在瀏覽器中會如何顯示，例如，顯示菜單、圖像和MacromediaFlash內(nèi)容將如何放置。表格是用于在HTML頁上顯示表格式數(shù)據(jù)以及對文本和圖形進(jìn)行布局的強有力的工具。您可以使用表格快速輕松地創(chuàng)建布局。2.3創(chuàng)建基于表格的頁面布局頁面布局將確定您的頁面在瀏覽器中67檢查設(shè)計草樣創(chuàng)建并保存新頁面插入表格設(shè)置表格屬性插入圖像占位符向頁面添加顏色檢查設(shè)計草樣68

通常，創(chuàng)建Web站點并不是以打開Dreamweaver并立即對頁面進(jìn)行布局開始的。創(chuàng)建Web站點的初始工作從紙張或圖形編輯應(yīng)用程序（如MacromediaFireworks）開始。設(shè)計草樣由客戶要求其Web站點具有的任意數(shù)目的頁面元素組成。 通常，創(chuàng)建Web站點并不是以打開Dreamweaver69創(chuàng)建并保存新頁面Dreamweaver中，選擇“文件”>“新建”。在“新建文檔”對話框的“常規(guī)”選項卡上，從“類別”列表中選擇“基本頁”，從“基本頁”列表中選擇“HTML”，然后單擊“創(chuàng)建”。選擇“文件”>“另存為”。在“另存為”對話框中，瀏覽至定義為站點的本地根文件夾的cafe_townsend文件夾并打開該文件夾。在“文件名”文本框中輸入index.html，然后單擊“保存”。文件名即出現(xiàn)在應(yīng)用程序窗口頂部的標(biāo)題欄中。在新文檔頂部的"文檔標(biāo)題"文本框中，鍵入CafeTownsend選擇"文件">"保存"來保存該頁面。

創(chuàng)建并保存新頁面Dreamweaver中，選擇“文件”>“70插入表格接下來，您將添加一個表格，用于放置文本、圖形和MacromediaFlash資源。在頁面上單擊一次，在頁面左上角放置插入點。

插入表格接下來，您將添加一個表格，用于放置文本、圖形和Ma712選擇"插入">"表格"。3在"插入表格"對話框中，執(zhí)行下面的操作：在"行數(shù)"文本框中，輸入3。在"列數(shù)"文本框中，輸入1。在"表格寬度"文本框中，輸入700。在"表格寬度"彈出式菜單中，選擇"像素"。在"邊框粗細(xì)"文本框中，輸入0。在"單元格邊距"文本框中，輸入0。在"單元格間距"文本框中，輸入0。

724單擊"確定"。一個三行一列的表格即出現(xiàn)在文檔中。該表格的寬度為700像素，邊框、單元格邊距和單元格間距均為0。

4單擊"確定"。一個三行一列的表格即出現(xiàn)在文檔中。該表格73設(shè)置表格屬性可以在屬性窗口對表格的屬性進(jìn)行設(shè)置。設(shè)置表格屬性74插入圖像占位符圖像占位符是在準(zhǔn)備好將最終圖形添加到Web頁面之前使用的圖形。在對Web頁面進(jìn)行布局時圖像占位符很有用，因為通過使用圖像占位符，您可以在真正創(chuàng)建圖像之前確定圖像在頁面上的位置。在文檔窗口中，在第一個表格的第一行內(nèi)單擊一次。選擇"插入">"圖像對象">"圖像占位符"。在"圖像占位符"對話框中，執(zhí)行下面的操作：在"名稱"文本框中，鍵入banner_graphic。在"寬度"文本框中，輸入700。在"高度"文本框中，輸入90。單擊顏色框并從顏色選擇器中選擇一種顏色。我們選擇了紅棕色(#993300)。保留"替換文本"文本框為空。

插入圖像占位符圖像占位符是在準(zhǔn)備好將最終圖形添加到Web75向頁面添加顏色通過設(shè)置某些表格單元格以及頁面背景的顏色，向頁面添加更多顏色。在上述包含三列的表格的第一個單元格內(nèi)單擊一次。單擊標(biāo)簽選擇器中的<td>標(biāo)簽（單元格標(biāo)簽）以選擇該單元格。

向頁面添加顏色通過設(shè)置某些表格單元格以及頁面背景的顏色，向頁763在"屬性"檢查器（"窗口">"屬性"）中，在"背景顏色"文本框內(nèi)單擊一次。"背景顏色"文本框位于"背景顏色"(Bg)顏色框旁。注意如果未出現(xiàn)"背景顏色"文本框，請單擊"屬性"檢查器右下角的展開箭頭。4在"背景顏色"文本框中，輸入十六進(jìn)制值#993300，然后按Enter鍵(Windows)或Return鍵(Macintosh)。表格單元格的顏色即變?yōu)榧t棕色。

3在"屬性"檢查器（"窗口">"屬性"）中，在"背景顏色"775在上述包含三列的表格的第二個單元格內(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步，將第三個表格單元格的顏色也更改為淺棕色。9設(shè)置完這三個單元格的顏色后，單擊一次表格的外部，取消選擇該表格。5在上述包含三列的表格的第二個單元格內(nèi)單擊一次。78接下來，您將通過修改頁面屬性來更改整個頁面的背景顏色。通過"頁面屬性"對話框可以設(shè)置一些頁面屬性，包括頁面字體的大小和顏色、已訪問鏈接的顏色以及頁面邊距等。選擇"修改">"頁面屬性"。在“頁面屬性”對話框的“外觀”類別中，單擊“背景顏色”顏色框，然后從顏色選擇器中選擇黑色(#000000)。單擊"確定"。頁面的背景即變?yōu)楹谏?/p>

注意：如果設(shè)置了頁面的背景圖片，則背景顏色的設(shè)置不起作用。接下來，您將通過修改頁面屬性來更改整個頁面的背景顏色。通過"792.4插入各種元素查找文件復(fù)查您的任務(wù)插入圖像插入文本創(chuàng)建鏈接在瀏覽器中預(yù)覽頁面

2.4插入各種元素查找文件80網(wǎng)頁圖片的插入和屬性設(shè)置網(wǎng)頁圖像格式簡介GIFJPEGPNG

網(wǎng)頁圖片的插入和屬性設(shè)置網(wǎng)頁圖像格式簡介81插入圖片在Dreamweaver中，打開您創(chuàng)建的index.html文件雙擊頁面頂部的圖像占位符banner_graphic。在"選擇圖像源文件"對話框中，瀏覽至您定義為站點根文件夾的cafe_townsend文件夾中的images文件夾。選擇banner_graphic.jpg文件并單擊"確定"。Dreamweaver將圖像占位符替換為CafeTownsend的橫幅圖形。

插入圖片在Dreamweaver中，打開您創(chuàng)建的inde82插入網(wǎng)頁圖像的方法圖片不要用絕對路徑插入。使用相對路徑，在插入圖片之前，應(yīng)該把圖片放置在網(wǎng)站目錄下。如果插入的圖片文件的路徑是file://則表示該圖片文件還沒保存到本地站點相關(guān)的文件夾中。插入網(wǎng)頁圖像的方法圖片不要用絕對路徑插入。83網(wǎng)頁文本的輸入和屬性設(shè)置文本的輸入設(shè)置漢字的字體列表文本的屬性設(shè)置網(wǎng)頁文本的輸入和屬性設(shè)置文本的輸入84創(chuàng)建超鏈接

超鏈接概述創(chuàng)建超鏈接的方法在站點管理器中編輯超級鏈接創(chuàng)建電子郵件鏈接創(chuàng)建超鏈接超鏈接概述85創(chuàng)建鏈接鏈接是在Web頁面中插入的指向其它文檔的引用?？梢詫⑷魏晤愋偷馁Y源轉(zhuǎn)換為鏈接，但最常用的鏈接類型是文本鏈接。\創(chuàng)建鏈接鏈接是在Web頁面中插入的指向其它文檔的引用。可86創(chuàng)建超級鏈接的方法在屬性檢查器中（"窗口">"屬性"），單擊"鏈接"文本框旁的文件夾圖標(biāo)

創(chuàng)建超級鏈接的方法在屬性檢查器中（"窗口">"屬性"），單擊87

創(chuàng)建電子郵件鏈接創(chuàng)建電子郵件鏈接88在瀏覽器中預(yù)覽頁面"設(shè)計"視圖為您提供了頁面在Web上顯示時的大致外觀，但是要查看確切的最終結(jié)果，則必須在瀏覽器中預(yù)覽頁面。請確保index.html文件在文檔窗口中打開。按F12鍵(Windows)您的主瀏覽器啟動（如果尚未運行）并顯示索引頁面。在瀏覽器中預(yù)覽頁面"設(shè)計"視圖為您提供了頁面在Web上顯89習(xí)題填空（）是在Web頁面中插入的指向其它文檔的引用。HTML文檔包含兩種信息（）、（）（）規(guī)定WEB文檔的邏輯結(jié)構(gòu)，并且控制文檔的顯示格式HTML文件的擴展名為（）如果插入的圖片文件的路徑是file://則表示（）習(xí)題填空90DreamWeaverMX的工作環(huán)境包括（）、

（）、（）、（）、（）、（）（）用于查看和管理Dreamweaver站點中的文件。網(wǎng)頁中可以插入圖片來豐富網(wǎng)頁的內(nèi)容，向網(wǎng)頁中插入的圖片的格式包括（）、（）、（）。每個網(wǎng)站都有而且只用一個（）圖片不要用絕對路徑插入。使用相對路徑，在插入圖片之前，應(yīng)該把圖片放置在（）。DreamWeaverMX的工作環(huán)境包括（）、（）、91問答題：什么是HTML語言？如何建立HTML文件？設(shè)置首頁的方法有哪些？什么是超級鏈接？問答題：92習(xí)題答案填空1鏈接。2頁面本身的信息、表示頁面元素、結(jié)構(gòu)、格式和其他超文本鏈接的HTML標(biāo)簽3HTML標(biāo)簽4htm或.html5該圖片文件還沒保存到本地站點相關(guān)的文件夾習(xí)題答案填空936標(biāo)題欄、菜單欄、文檔工具欄、網(wǎng)頁文件編輯區(qū)、狀態(tài)欄、浮動面板和浮動面板組7“文件”面板8GIF文件、JPEG文件、PNG文件。9首頁10網(wǎng)站目錄下。6標(biāo)題欄、菜單欄、文檔工具欄、網(wǎng)頁文件編輯區(qū)、狀態(tài)欄、浮動94上機練習(xí)創(chuàng)建一個站點，用來存放自己的網(wǎng)頁信息。利用站點管理器對站點進(jìn)行管理創(chuàng)建、打開和保存網(wǎng)頁文件設(shè)置網(wǎng)頁的頁面屬性向網(wǎng)頁中插入文本設(shè)置文本的屬性向網(wǎng)頁中插入圖片設(shè)置圖片的屬性上機練習(xí)創(chuàng)建一個站點，用來存放自己的網(wǎng)頁信息。95向網(wǎng)頁中插入超級鏈接設(shè)置超級鏈接的屬性向網(wǎng)頁中插入郵件鏈接瀏覽剛才完成的頁面設(shè)置網(wǎng)站的主頁。創(chuàng)建基于表格布局的頁面制作一個個人網(wǎng)站，網(wǎng)站包含一個主頁，多層鏈接，包含上面的各項練些。向網(wǎng)頁中插入超級鏈接96大連海事大學(xué)電子商務(wù)精品課程建設(shè)小組制作成員：林國順，于衛(wèi)紅，賀琳，張思制作：2006年9月電子商務(wù)大連海事大學(xué)電子商務(wù)974電子商務(wù)網(wǎng)站建設(shè)概述4.1電子商務(wù)解決方案4.2電子商務(wù)網(wǎng)站的構(gòu)成要素4.3

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

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

企業(yè)本身是有個性的，企業(yè)的電子商務(wù)解決方案必然是以客戶為中心，量體定制的，但這種量體定制已經(jīng)是超越了企業(yè)信息化初期的那種“以客戶為中心”的概念，現(xiàn)在有成千上萬的企業(yè)在期待著迅速的實現(xiàn)電子商務(wù)，而如果再按部就班的找一批人馬駐扎到企業(yè)去開發(fā)，一是時間上不允許，二是電子商務(wù)解決方案的提供商——軟件公司也不干。在一體化設(shè)計思想的指導(dǎo)下，將基本功能的模塊細(xì)分化，使得各個功能模塊可以實現(xiàn)積木式的拆裝，這樣以來，針對不同的企業(yè)就可以具體的選擇不同的功能模塊，迅速的搭建起自己的電子商務(wù)平臺。2、電子商務(wù)解決方案企業(yè)本身是有個性的102構(gòu)筑以客戶為中心的企業(yè)電子商務(wù)平臺時，有三個重要步驟。所謂“三步”是指：管理咨詢、確立方案、實施服務(wù)。構(gòu)筑以客戶為中心的企業(yè)電子商務(wù)平臺時，有三個重要步驟。1034.2電子商務(wù)網(wǎng)站的構(gòu)成要素電子商務(wù)網(wǎng)站的構(gòu)成要素商務(wù)網(wǎng)站的設(shè)計要求4.2電子商務(wù)網(wǎng)站的構(gòu)成要素電子商務(wù)網(wǎng)站的構(gòu)成要素1041、電子商務(wù)網(wǎng)站的構(gòu)成要素網(wǎng)站域名、網(wǎng)站地點、網(wǎng)站頁面商品目錄、購物車、付款臺計數(shù)器、留言板、會員管理商品盤點、更新庫存管理、商品配送1、電子商務(wù)網(wǎng)站的構(gòu)成要素網(wǎng)站域名、網(wǎng)站地點、網(wǎng)站頁面1052、商務(wù)網(wǎng)站的設(shè)計要求簡單實用頁面下載速度快易于導(dǎo)航和使用提供搜索引擎和/或網(wǎng)站地圖聯(lián)系信息方便多樣設(shè)計易于更新的工具符合網(wǎng)絡(luò)倫理兼容多種瀏覽器無錯誤鏈接強大的并發(fā)處理能力要有良好的容錯性能可擴展性強要有安全性好要有強大的后臺支撐2、商務(wù)網(wǎng)站的設(shè)計要求簡單實用1064.3電子商務(wù)網(wǎng)站的規(guī)劃和設(shè)計電子商務(wù)網(wǎng)站建設(shè)流程外觀設(shè)計與策劃4.3電子商務(wù)網(wǎng)站的規(guī)劃和設(shè)計電子商務(wù)網(wǎng)站建設(shè)流程107注冊域名和申請IP地址確定網(wǎng)站的技術(shù)解決方案規(guī)劃網(wǎng)站的內(nèi)容并制作網(wǎng)頁網(wǎng)站的發(fā)布和推廣網(wǎng)站的更新維護(hù)一、建設(shè)流程建設(shè)流程注冊域名和申請IP地址一、建設(shè)流程建設(shè)流程1081.1企業(yè)選擇及注冊域名的策略企業(yè)的發(fā)展規(guī)模及其商業(yè)范疇公司、企業(yè)、組織的性質(zhì)或信息內(nèi)容的性質(zhì)簡潔、易記、標(biāo)識性強，具有一定的內(nèi)涵。域名的注冊還應(yīng)注意域名搶注與域名沖突的問題域名注冊1.1企業(yè)選擇及注冊域名的策略企業(yè)的發(fā)展規(guī)模及其商業(yè)范疇域109國內(nèi)域名的注冊域名注冊國內(nèi)域名的注冊域名注冊110注冊商管理體系結(jié)構(gòu)圖如下：

注冊商管理體系結(jié)構(gòu)圖如下：111Cn域名注冊：中國國家頂級域名中文域名注冊：含有中文文字的新一代域名。

通用網(wǎng)址：新興的互聯(lián)網(wǎng)地址資源，自然語言直達(dá)網(wǎng)站頁面，便捷的網(wǎng)站推廣工具.無線網(wǎng)址：無線互聯(lián)網(wǎng)應(yīng)用的最新服務(wù)形式，以移動終端為載體，實現(xiàn)隨時、隨地、隨身的信息交互。IP/AS分配:Cn域名注冊：中國國家頂級域名1121.申請成為用戶2.匯款到您的帳戶下3.查詢域名是否已注冊4.填寫域名注冊資料5.通過購物車支付6.注冊款項自動從帳戶扣除7.支付成功后,注冊完畢1.申請成為用戶113最有價值域名Top10

中國主要ISP：

北京信息港（郵電部的公共信息網(wǎng)）

國家檔案文獻(xiàn)庫（明清至1995年間最有權(quán)威性的重要檔案)

世紀(jì)互聯(lián)網(wǎng)（領(lǐng)跑中國服務(wù)集成業(yè)）

瀛海威（信息高速公路的導(dǎo)航員）

英特科(服務(wù)器產(chǎn)品介紹）中西網(wǎng)絡(luò)（北京中西公司）中軟英特（中國頂尖互聯(lián)網(wǎng)服務(wù)供應(yīng)商）北京國網(wǎng)(國內(nèi)最早提供Internet服務(wù)）

中國教育網(wǎng)(Adobe產(chǎn)品導(dǎo)覽)

上海熱線（上海最大的公共信息網(wǎng)）浙江（杭州電信）最有價值域名Top10

中國主要ISP：

北京信息港（郵電1141.2、確定服務(wù)器解決方案1、建立獨立的電子商務(wù)站點2、空間租用A虛擬主機B主機租用C服務(wù)器托管（主機托管）1.2、確定服務(wù)器解決方案1、建立獨立的電子商務(wù)站點1151、建立獨立的電子商務(wù)站點成本較高適合對信息量和網(wǎng)站功能要求較高的大中型企業(yè)1、建立獨立的電子商務(wù)站點成本較高1162、空間租用A虛擬主機B主機租用C服務(wù)器托管（主機托管）2、空間租用117A租用虛擬主機虛擬主機是使用計算機軟件技術(shù)，把一臺運行在Internet上的服務(wù)器主機分隔成多臺“虛擬”主機，每一臺虛擬主機都各自具有獨立的域名和IP地址，具有比較完善的Internet服務(wù)器功能。優(yōu)點：開銷低適合剛起步開辦電子商務(wù)網(wǎng)站的公司A租用虛擬主機虛擬主機是使用計算機軟件技術(shù)，把一臺運行在I118B主機租用主機租用（DedicatedHosting）即客戶無須自己購置服務(wù)器，而可以直接采用本司提供的多款高級服務(wù)器以及軟件系統(tǒng)，大大勝卻了采購成本，安放在我們的IDC中，帶寬、安全、穩(wěn)定、系統(tǒng)等問題完全由我們來替您打理。B主機租用主機租用（DedicatedHosting）即119C主機托管主機托管就是客戶把屬于自己的一臺服務(wù)器放置在某個經(jīng)營“整機托管”業(yè)務(wù)網(wǎng)站的數(shù)據(jù)中心的機房里，由網(wǎng)站機房的技術(shù)人員對服務(wù)器進(jìn)行管理和維護(hù)。C主機托管主機托管就是客戶把屬于自己的一臺服務(wù)器放置在某個120自建和租用的比較自建機房成本大：技術(shù)人員、軟硬件、維護(hù)費、線路通信服務(wù)費租用更經(jīng)濟、快捷且實用：遠(yuǎn)程控制、客戶機/服務(wù)器兩者相比，租用在成本和服務(wù)方面有優(yōu)勢。自建和租用的比較自建機房成本大：技術(shù)人員、軟硬件、維護(hù)費、線121應(yīng)用服務(wù)采用空間租用的同時，可以選擇應(yīng)用服務(wù)租用。應(yīng)用服務(wù)采用空間租用的同時，可以選擇應(yīng)用服務(wù)租用。1221.3、電子商務(wù)網(wǎng)站的硬件平臺1、網(wǎng)絡(luò)設(shè)備2、服務(wù)器1.3、電子商務(wù)網(wǎng)站的硬件平臺1、網(wǎng)絡(luò)設(shè)備1231、網(wǎng)絡(luò)設(shè)備路由器路由器是一種連接多個網(wǎng)絡(luò)或網(wǎng)段的網(wǎng)絡(luò)設(shè)備，是將電子商務(wù)網(wǎng)站聯(lián)入廣域網(wǎng)的重要設(shè)備交換機多臺不同的計算機可以通過交換機組成網(wǎng)絡(luò)。交換機能夠隔離沖突與何有效的抑制廣播風(fēng)暴的產(chǎn)生。交換機可以在半雙工，全雙工模式下工作。防火墻防火墻是一個由軟件、硬件或軟硬件結(jié)合的系統(tǒng)，是電子商務(wù)網(wǎng)站內(nèi)部網(wǎng)絡(luò)和外部網(wǎng)絡(luò)之間的一道屏障，可限制外界未經(jīng)授權(quán)的用戶訪問內(nèi)部網(wǎng)絡(luò)，管理內(nèi)部用戶訪問外部網(wǎng)絡(luò)的權(quán)限。1、網(wǎng)絡(luò)設(shè)備路由器1242、服務(wù)器要求性能好，成本低，可擴展性，安全可靠服務(wù)器種類：PC機：Windows2000系統(tǒng)小型機小型機以上的計算機系統(tǒng)

UNIX系統(tǒng)2、服務(wù)器要求1251.4軟件平臺1、操作系統(tǒng)軟件2、WEB服務(wù)器軟件1.4軟件平臺1、操作系統(tǒng)軟件1261、操作系統(tǒng)軟件UNIX操作系統(tǒng)：技術(shù)成熟、開放性好、可靠性高、網(wǎng)絡(luò)功能強大。Linux操作系統(tǒng)：免費的操作系統(tǒng)Windows2000操作系統(tǒng)：1、操作系統(tǒng)軟件UNIX操作系統(tǒng)：技術(shù)成熟、開放性好、可靠性127選用WEB服務(wù)器軟件時的參考的性能參數(shù)：相應(yīng)能力：WEB服務(wù)器對多個用戶瀏覽信息的相應(yīng)速度。與后端服務(wù)器的集成管理的難易程度：管理Web服務(wù)器；利用Web界面進(jìn)行網(wǎng)絡(luò)管理信息開發(fā)的難易程度：穩(wěn)定性可靠性安全性：是否泄密；防止黑客的攻擊與其他系統(tǒng)的搭配：Windows2000+IIS+.NET+SQLSERVE;Linux+apache+PHP+MYSQL2、WEB服務(wù)器軟件選用WEB服務(wù)器軟件時的參考的性能參數(shù)：2、WEB服務(wù)器軟件128DB2，Oracle，Sybase，MSSQLServer，MySQL3、數(shù)據(jù)庫軟件3、數(shù)據(jù)庫軟件129確定建站的目的網(wǎng)站的內(nèi)容策劃網(wǎng)站的布局策劃二、電子商務(wù)的外觀設(shè)計確定建站的目的二、電子商務(wù)的外觀設(shè)計1301.確定目的訪問者心理分析他們總是匆匆忙忙他們希望“免費”的東西他們不容易相信人他們喜歡點擊

1.確定目的訪問者心理分析131競爭者分析銷售的區(qū)域性與潛在性分析消費層次及消費需求特征分析市場分析競爭者分析市場分析132網(wǎng)站題材和名稱的定位有特色的形象包裝和設(shè)計配色方案

2.網(wǎng)站內(nèi)容策劃網(wǎng)站題材和名稱的定位2.網(wǎng)站內(nèi)容策劃1333.網(wǎng)站的布局規(guī)劃網(wǎng)站的內(nèi)容，將所有信息按類別分開。根據(jù)要建立的網(wǎng)站內(nèi)容確定站點的結(jié)構(gòu)圖3.網(wǎng)站的布局規(guī)劃網(wǎng)站的內(nèi)容，將所有信息按類別分開。根據(jù)要134練習(xí)題簡述電子商務(wù)網(wǎng)站的建站流程什么是自建網(wǎng)站什么是虛擬主機什么是整機托管什么是整機托管

電子商務(wù)網(wǎng)站域名的注冊方法電子商務(wù)系統(tǒng)組成進(jìn)行電子商務(wù)外觀設(shè)計時應(yīng)該注意哪些問題？企業(yè)選擇和注冊域名的策略？請描述一下典型的域名注冊的流程.練習(xí)題簡述電子商務(wù)網(wǎng)站的建站流程135上機練習(xí)列出ccnic提供哪些域名服務(wù)訪問一個提供域名服務(wù)的網(wǎng)站，了解它的域名管理機制訪問一個提供空間租用的網(wǎng)站，了解它的管理機制、提供哪些租用服務(wù)以及各服務(wù)的費用。上機練習(xí)列出ccnic提供哪些域名服務(wù)1364.4網(wǎng)頁制作1HTML標(biāo)記語言2

DreamWeaverMX簡介4.4網(wǎng)頁制作1HTML標(biāo)記語言1371、HTML語言1、HTML語言1381.1什么是HTML語言？HTML是超文本標(biāo)記語言的縮寫(HypertextMarkupLanguage),HTML語言一種描述文檔結(jié)構(gòu)的語言，使用描述性的標(biāo)記符（稱為標(biāo)簽）來指明文檔的不同內(nèi)容。HTML文檔包含兩種信息:頁面本身的信息表示頁面元素、結(jié)構(gòu)、格式和其他超文本鏈接的HTML標(biāo)簽。1.1什么是HTML語言？HTML是超文本標(biāo)記語言的縮寫(1391.2什么是HTML標(biāo)簽HTML標(biāo)簽規(guī)定WEB文檔的邏輯結(jié)構(gòu)，并且控制文檔的顯示格式。大部分HTML標(biāo)簽的形式如下：<標(biāo)簽名>相應(yīng)的內(nèi)容</標(biāo)簽名>1.2什么是HTML標(biāo)簽HTML標(biāo)簽規(guī)定WEB文檔的邏輯結(jié)140如何建立HTML文件用Windows下的“記事本”建立HTML文件用其它文字處理軟件用網(wǎng)頁制作工具來建立HTMLHTML文件的擴展名為.htm或.html，每一個網(wǎng)頁對應(yīng)一個HTML文檔。如何建立HTML文件用Windows下的“記事本”建立HTM141一個HTML文檔（網(wǎng)頁）的基本結(jié)構(gòu)<html>

<head><title>網(wǎng)頁標(biāo)題</title>…

</head>

<body>網(wǎng)頁正文...

</body></html>一個HTML文檔（網(wǎng)頁）的基本結(jié)構(gòu)<html>1422DreamWeaverMX簡介DreamWeaver的工作環(huán)境簡單網(wǎng)頁制作2DreamWeaverMX簡介DreamWeaver的1432.1DreamWeaverMX的工作環(huán)境標(biāo)題欄菜單欄文檔工具欄網(wǎng)頁文件編輯區(qū)狀態(tài)欄浮動面板和浮動面板組2.1DreamWeaverMX的工作環(huán)境標(biāo)題欄144標(biāo)題欄/菜單欄“插入”面板編輯區(qū)域浮動面板屬性設(shè)置區(qū)域狀態(tài)欄文檔工具欄標(biāo)題欄/菜單欄“插入”面板編輯區(qū)域浮動面板屬性設(shè)置區(qū)域145"文檔"工具欄中包含按鈕，這些按鈕使您可以在文檔的不同視圖間快速切換："代碼"視圖、"設(shè)計"視圖、同時顯示"代碼"和"設(shè)計"視圖的拆分視圖。工具欄中還包含一些與查看文檔、在本地和遠(yuǎn)程站點間傳輸文檔有關(guān)的常用命令和選項。"文檔"工具欄中包含按鈕，這些按鈕使您可以在文檔的不同視圖間146"文檔"窗口底部的狀態(tài)欄提供與您正創(chuàng)建的文檔有關(guān)的其它信息。"文檔"窗口底部的狀態(tài)欄提供與您正創(chuàng)建的文檔有關(guān)的其它信息。147"插入"欄包含用于創(chuàng)建和插入對象（如表格、層和圖像）的按鈕。當(dāng)鼠標(biāo)指針滾動到一個按鈕上時，會出現(xiàn)一個工具提示，其中含有該按鈕的名稱。這些按鈕被組織到幾個類別中，您可以在"插入"欄的左側(cè)切換它們。當(dāng)您啟動Dreamweaver時，系統(tǒng)會打開您上次使用的類別。"插入"欄包含用于創(chuàng)建和插入對象（如表格、層和圖像）的按鈕。148"屬性"檢查器使您可以檢查和編輯當(dāng)前選定頁面元素（如文本和插入的對象）的最常用屬性。"屬性"檢查器中的內(nèi)容根據(jù)選定的元素會有所不同。例如，如果您選擇頁面上的一個圖像，則"屬性"檢查器將改為顯示該圖像的屬性（如圖像的文件路徑、圖像的寬度和高度、圖像周圍的邊框（如果有），等等）。"屬性"檢查器使您可以檢查和編輯當(dāng)前選定頁面元素（如文本和插149"文件"面板用于查看和管理Dreamweaver站點中的文件。"文件"面板用于查看和管理Dreamweaver站點中的1502.2創(chuàng)建站點創(chuàng)建本地站點創(chuàng)建站點地圖站點中的文件操作2.2創(chuàng)建站點創(chuàng)建本地站點1511、創(chuàng)建本地站點在Dreamweaver中制作網(wǎng)站，您必須定義一個本地站點，它是您的計算機上任意位置的一個文件夾。之所以一定要定義它，是為了告訴Dreamweaver您的文件存放位置，然后Dreamweaver就會將所有的設(shè)置針對該地址設(shè)置。1、創(chuàng)建本地站點152啟動Dreamweaver，選擇"站點">"管理站點"。出現(xiàn)"管理站點"對話框。單擊"新建"按鈕，然后選擇"站點"。出現(xiàn)"站點定義"對話框。如果顯示向?qū)В?基本"選項卡），請單擊"高級"選項卡，然后從"分類"列表中選擇"本地信息"（它應(yīng)當(dāng)是默認(rèn)選項）。在"站點名稱"文本框中，輸入CafeTownsend作為站點名稱。啟動Dreamweaver，選擇"站點">"管理站點"。153在“本地根文件夾”文本框中，指定剛才建立的本地文件夾?？梢詥螕粑募A圖標(biāo)來瀏覽并選擇該文件夾，或者在"本地根文件夾"文本框中輸入路徑。在“默認(rèn)圖像文件夾”文本框中，指定本地文件夾中存放圖片的images文件夾。可以單擊文件夾圖標(biāo)來瀏覽并選擇該文件夾，或者在"默認(rèn)圖像文件夾"文本框中輸入路徑。辦公自動化的概念課件154辦公自動化的概念課件155單擊“確定”。隨即出現(xiàn)“管理站點”對話框，顯示您的新站點。單擊"完成"關(guān)閉"管理站點"對話框。此時"文件"面板顯示當(dāng)前站點的新本地根文件夾。"文件"面板中的文件列表將充當(dāng)文件管理器，允許您復(fù)制、粘貼、刪除、移動和打開文件，就象在計算機桌面上一樣。單擊“確定”。隨即出現(xiàn)“管理站點”對話框，顯示您的新站點。156創(chuàng)建本地站點注意點：在網(wǎng)頁設(shè)計中，不要用中文作為文件名或文件夾名。網(wǎng)頁文件命名時，區(qū)分字符大小寫。每個網(wǎng)站都有而且只用一個首頁。首頁文件應(yīng)該放在站點的根文件夾下。創(chuàng)建本地站點注意點：157創(chuàng)建站點地圖創(chuàng)建站點地圖158創(chuàng)建站點地圖一定要首先指定首頁！設(shè)置首頁的方法：在站點管理工具里設(shè)計在本地視圖設(shè)計創(chuàng)建站點地圖一定要首先指定首頁！159若要創(chuàng)建新的空白文檔，請執(zhí)行以下操作：選擇"文件">"新建"。即出現(xiàn)"新建文檔"對話框。"常規(guī)"選項卡已被選定。從"類別"列表中選擇"基本頁"、"動態(tài)頁"、"模板頁"、"其他"或"框架集"；然后從右側(cè)的列表中選擇要創(chuàng)建的文檔的類型。例如，選擇"基本頁"創(chuàng)建HTML文檔，或選擇"動態(tài)頁"創(chuàng)建ColdFusion或ASP文檔，諸如此類。單擊"創(chuàng)建"按鈕。新文檔在"文檔"窗口中打開。保存該文檔創(chuàng)建、打開和保存網(wǎng)頁文件若要創(chuàng)建新的空白文檔，請執(zhí)行以下操作：創(chuàng)建、打開和保存網(wǎng)頁文160若要保存新文檔，請執(zhí)行以下操作：選擇“文件”>“保存”。提示

最好將您的文件保存在Dreamweaver站點中。在出現(xiàn)的對話框中，定位到要用來保存文件的文件夾。在"文件名稱"文本框中，鍵入文件名。請不要在文件名和文件夾名中使用空格和特殊字符，文件名也不要以數(shù)字開頭。具體說來就是不要在打算放到遠(yuǎn)程服務(wù)器上的文件名中使用特殊字符（如é、?或￥）或標(biāo)點符號（如冒號、斜杠或句號）；很多服務(wù)器在上傳時會更改這些字符，這會導(dǎo)致與這些文件的鏈接中斷。單擊"保存"。若要保存新文檔，請執(zhí)行以下操作：選擇“文件”>“保存”。提161若要打開文件，請執(zhí)行以下操作：選擇"文件">"打開"。在"打開"對話框中，選擇文件并單擊"打開"。若要打開文件，請執(zhí)行以下操作：選擇"文件">"打開"。1622.3創(chuàng)建基于表格的頁面布局頁面布局將確定您的頁面在瀏覽器中會如何顯示，例如，顯示菜單、圖像和MacromediaFlash內(nèi)容將如何放置。表格是用于在HTML頁上顯示表格式數(shù)據(jù)以及對文本和圖形進(jìn)行布局的強有力的工具。您可以使用表格快速輕松地創(chuàng)建布局。2.3創(chuàng)建基于表格的頁面布局頁面布局將確定您的頁面在瀏覽器中163檢查設(shè)計草樣創(chuàng)建并保存新頁面插入表格設(shè)置表格屬性插入圖像占位符向頁面添加顏色檢查設(shè)計草樣164

通常，創(chuàng)建Web站點并不是以打開Dreamweaver并立即對頁面進(jìn)行布局開始的。創(chuàng)建Web站點的初始工作從紙張或圖形編輯應(yīng)用程序（如MacromediaFireworks）開始。設(shè)計草樣由客戶要求其Web站點具有的任意數(shù)目的頁面元素組成。 通常，創(chuàng)建Web站點并不是以打開Dreamweaver165創(chuàng)建并保存新頁面Dreamweaver中，選擇“文件”>“新建”。在“新建文檔”對話框的“常規(guī)”選項卡上，從“類別”列表中選擇“基本頁”，從“基本頁”列表中選擇“HTML”，然后單擊“創(chuàng)建”。選擇“文件”>“另存為”。在“另存為”對話框中，瀏覽至定義為站點的本地根文件夾的cafe_townsend文件夾并打開該文件夾。在“文件名”文本框中輸入index.html，然后單擊“保存”。文件名即出現(xiàn)在應(yīng)用程序窗口頂部的標(biāo)題欄中。在新文檔頂部的"文檔標(biāo)題"文本框中，鍵入CafeTownsend選擇"文件">"保存"來保存該頁面。

創(chuàng)建并保存新頁面Dreamweaver中，選擇“文件”>“166插入表格接下來，您將添加一個表格，用于放置文本、圖形和MacromediaFlash資源。在頁面上單擊一次，在頁面左上角放置插入點。

插入表格接下來，您將添加一個表格，用于放置文本、圖形和Ma1672選擇"插入">"表格"。3在"插入表格"對話框中，執(zhí)行下面的操作：在"行數(shù)"文本框中，輸入3。在"列數(shù)"文本框中，輸入1。在"表格寬度"文本框中，輸入700。在"表格寬度"彈出式菜單中，選擇"像素"。在"邊框粗細(xì)"文本框中，輸入0。在"單元格邊距"文本框中，輸入0。在"單元格間距"文本框中，輸入0。

1684單擊"確定"。一個三行一列的表格即出現(xiàn)在文檔中。該表格的寬度為700像素，邊框、單元格邊距和單元格間距均為0。

4單擊"確定"。一個三行一列的表格即出現(xiàn)在文檔中。該表格169設(shè)置表格屬性可以在屬性窗口對表格的屬性進(jìn)行設(shè)置。設(shè)置表格屬性170插入圖像占位符圖像占位符是在準(zhǔn)備好將最終圖形添加到Web頁面之前使用的圖形。在對Web頁面進(jìn)行布局時圖像占位符很有用，因為通過使用圖像占位符，您可以在真正創(chuàng)建圖像之前確定圖像在頁面上的位置。在文檔窗口中，在第一個表格的第一行內(nèi)單擊一次。選擇"插入">"圖像對象">"圖像占位符"。在"圖像占位符"對話框中，執(zhí)行下面的操作：在"名稱"文本框中，鍵入banner_graphic。在"寬度"文本框中，輸入700。在"高度"文本框中，輸入90。單擊顏色框并從顏色選擇器中選擇一種顏色。我們選擇了紅棕色(#993300)。保留"替換文本"文本框為空。

插入圖像占位符圖像占位符是在準(zhǔn)備好將最終圖形添加到Web171向頁面添加顏色通過設(shè)置某些表格單元格以及頁面背景的顏色，向頁面添加更多顏色。在上述包含三列的表格的第一個單元格內(nèi)單擊一次。單擊標(biāo)簽選擇器中的<td>標(biāo)簽（單元格標(biāo)簽）以選擇該單元格。

向頁面添加顏色通過設(shè)置某些表格單元格以及頁面背景的顏色，向頁1723在"屬性"檢查器（"窗口">"屬性"）中，在"背景顏色"文本框內(nèi)單擊一次。"背景顏色"文本框位于"背景顏色"(Bg)顏色框旁。注意如果未出現(xiàn)"背景顏色"文本框，請單擊"屬性"檢查器右下角的展開箭頭。4在"背景顏色"文本框中，輸入十六進(jìn)制值#993300，然后按Enter鍵(Windows)或Return鍵(Macintosh)。表格單元格的顏色即變?yōu)榧t棕色。

3在"屬性"檢查器（"窗口">"屬性"）中，在"背景顏色"1735在上述包含三列的表格的第二個單元格內(nèi)單擊一次。

6單擊標(biāo)簽選擇