第六章電子商務網站的建設電子商務網站的策劃電子商務網站的實施網頁的設計與制作§6-1電子商務網站的策劃一、電子商務網站的規劃

㈠確定網站的服務對象1.確定訪問者的范圍2.確定訪問者的目的

㈡確定網站的目標1.企業的任務或目標2.網站的近期與遠期目標3.網站的訪問者4.為訪問者提供的信息㈢確定網站的評價體系二、電子商務網站的設計1.確定網站的內容2.確定網站的功能3.確定網站的裝飾風格4.確定網站導航系統一、電子商務網站的策劃電子商務站點的服務對象

網站資源有限，必須整合聚焦服務

識別訪問者范圍和訪問者目的

㈠確定網站的服務對象

1.確定訪問者的范圍2.確定訪問者的目的思考一企業網站的訪問者都有哪些？**外部訪問者客戶：了解產品信息、訂購、反饋供應商：了解公司產品計劃、分析庫存競爭者：了解公司戰略和經營情況過客：值得訪問信息（潛在客戶）政府、其它組織和個人、投資者、債權者。**內部訪問者經常被忽略，僅限于企業的內部按照價值鏈和業務流程確定：研究部：了解客戶的偏好制造部：了解客戶對產品評價市場部：利用反饋信息制定特別促銷方案財務部：了解客戶定貨和回款情況采購部：了解客戶對產品（原料）評價1.確定訪問者的范圍》討論會（類似市場調查）》借鑒同行成熟網站》識別不同目的的重要性（主要目的、次要目的）》識別訪問目的背后的潛在需求信息內容的確定網站信息內容的確定是成動的關鍵頁面下載時間、頁面大小，布局，內容明確競爭者站點特點2.確定訪問者的目的㈡確定網站的目標公司的任務或目標（Why）補充（輔助）、嘗試性、轉型（戰略調整）推廣企業的產品和服務樹立企業的形象，宣傳企業的產品開展電子商務業務，并為各種客戶提供服務和支持2.網站的近期目標與遠期目標

信息查詢→產品展示和訂購→網上交易→網上經營管理（數字化企業，與內部信息系統整合）3.市場細分

營銷對象不同，網站所要到達的目標和呈現的風格就不同。對營銷對象進行識別和歸類，并以此為根據設立商務網站，就可以更好地為目標受眾服務，提供更相關的產品和服務，從而更易取得電子商務的競爭優勢。㈡確定網站的目標4.網站提供的信息

在權衡成本和效益的基礎上，根據提供的產品和服務為訪問者提供盡可能詳細的資料。如：Fedex二、電子商務網站的設計（1）確定網站的內容靜態內容》一般、常規的信息，包括公司的歷史、文化、所屬行業等。》較長時間內不需修改，通常在建設初期編制。動態內容》公司產品和服務的有關信息。》經常變動，保持網站的吸引力，通常用作促銷手段。（2）確定網站的功能網站的功能可分為主要功能和輔助功能：主要功能：

》信息發布、網上交易輔助功能：

》配合主要功能而設置的。如客戶注冊管理、客戶的互動等。

（3）確定網站的裝飾風格裝飾風格要注意形式服從內容與功能的需要裝飾可分為如下三種類型：組織性裝飾：按照小組、系統的結構安排站點功能，如子站點安排布局、顏色基調（整體）功能性裝飾：方便顧客利用，如功能、內容的布局安排（局部）可視性裝飾：起著美化界面，如用圖形等（部件）新浪網主頁（4）確定網站導航系統導航系統有：全局導航》出現在每個網頁，連接主要部分（子站點）》形式：固定鏈接橫條局部導航》出現在相關頁面，便于相關頁面跳轉》形式：主題列表、選項菜單、相關條目導航系統保持一致；能快速回頁首2000年版網頁模板：》確定幾種最主要的一般性頁面作為模板》不同模板頁面應相似，同一模板應一致》考慮元素：商標廣告和贊助導航、頁標題頂端圖形腳標（包括版權）設計頁面模型：》利用現有Web設計工具設計模型，并進行測試和最終確定。三、網站模板設計一、電子商務網站的實施方式二、電子商務網站的域名申請三、電子商務網站的準備四、電子商務網站的開發五、電子商務網站的維護六、電子商務網站的推廣

§6-2電子商務網站的實施

一、電子商務網站的實施方式

--外包？--租借？--自建？§6-2電子商務網站的實施(一)外包全權委托外部專業化公司提供一攬子解決方案，并且實施。優點：》速度快，利用專業化服務，如上海書城采用IBMNet.CommerceV3解決方案，2個月完成》定制方案，可要求提供針對企業實際的方案》節省開發費用，可以節省1/3》獲得專業化服務，如網上支付、物流服務缺點：》自主性、靈活性差，不利于本企業培養人才。(二)租借向電子商務服務站點（ASP、BSP）租借存儲空間建設站點。企業只需要提供有關材料，維護、收款以及物流配送由門戶站點提供。網上商城Http://操作步驟：填寫用戶資料，獲取用戶代碼和密碼，交納保證金商人網站Http://特點：簡單、快捷、成本低缺點：大眾化、發展空間受制約適用：小型企業、個人經營的虛擬企業(三)自建自行建設：利用企業自身的技術力量，按照電子商務網站的計劃書，來設計、開發、維護、推廣網站。自行建設可以實現企業需要的確切方案，開發時應充分利用現有的開放的平臺，并在此基礎上進行開發。如：IBM、HP、Microsoft等優點：建立獨特的、有競爭力的電子商務系統功能。缺點：費時、需要資金多適用：資金、技術力量雄厚的企業外包適合非技術類的大中企業租借適合中小企業或者試探性大中企業小結上述三種方案對于使企業建立電子商務網站都是可行的。評價這些不同的方案時，企業不應該只考慮方案的直接標價，而要考慮到進行二次開發(主要是滿足企業的獨特需求)的代價。通常許多方案在開始實施時費用比較少，但在其后的二次開發和完善過程中的代份卻非常大。因此必須在實施方案前斟酌各種因素，最終確定網站的實施方案。二、電子商務站點的域名申請（1）域名的命名》與企業已有商標或企業名稱具有相關性，如：Dell，Haier》簡單、易記、易聯想、易用，3-8個字符，如：alibaba》取多個域名，避免出現申請類似的域名，如：Sohu、Sohoo》國際性：以英語單詞為準,china與拼音》民族性：符合民族特點，如Sina與支那（2）域名申請獨立域名、子域名

如：

英文域名與中文域名管理單位：

》Cnnic（亞太區為APNIC）申請：》直接到管理單位申請

》由選擇的ISP代理申請如：上海熱線online中國新網（www.chinaDNS.com）三、電子商務網站的準備（一）Web服務器建設（二）

準備站點資料（三）選擇網站開發工具（一）Web服務器建設

虛擬主機托管整機托管租用網頁空間獨立服務器

（一）Web服務器建設1.虛擬主機托管

將一臺整機硬盤劃分為若干硬盤空間，每個空間可以配置成具有獨立域名和IP地址的WWW、E-mail、FTP服務器，訪問者進行瀏覽時與獨立服務器并無不同。用戶同樣可以通過遠程管理軟件控制屬于他的硬盤空間。這種方式，公司的網頁具有獨立的域名，ISP負責域名服務器的建立和域名的解析。（一）Web服務器建設1.虛擬主機托管邏輯上獨立，物理上共享；用戶可以擁有獨立的WWW、E-mail、FTP服務器采用虛擬主機技術的用戶只需對自己的信息進行遠程維護，無須對硬件、操作系統及通訊線路進行維護。PSINISDNInternet多用戶共享一臺服務器寬帶網特點：投資小，建立速度快，安全可靠，無須硬件投入和技術支持。》ISP的選擇

**速度存放位置（國內/國外），網絡連接速度（帶寬）

**服務E-mail信箱、數據庫開發能力，支持CGI、支持加密傳輸，流行管理軟件、頁面訪問統計域名注冊、網站寄存、策劃、設計、制作、維護

**價格與空間，服務內容，服務質量等有關

1.虛擬主機托管2.服務器托管服務器托管是指用戶建設自己的網站，將自己的獨立服務器寄放在ISP的機房，日常系統維護由ISP進行。PSINISDNInternet用戶獨享一臺服務器寬帶網節約大量的維護資金。服務器可以自己購買，配套設施由服務商代購。特點：靈活、穩定、安全》服務器托管服務的選擇1.可靠性2.重視安全問題3.功能需求東方網、億唐、城市通、阿里巴巴、Softbank上海熱線環球網絡Chinanet骨干網托管機房上海電信IDC托管服務器結構向ISP申請一個虛擬域名，將自己的網頁存放在ISP的主機上，用戶自行上載、維護網頁內容，自行發布網頁信息。3.租借網頁空間4.獨立服務器獨立服務器指用戶的服務器從Internet接入到維護管理完全由自己操作。Internet電子郵件服務器WEB服務器數據庫服務器客戶機客戶機網管路由器交換機防火墻專線企業自己建立服務器主要考慮的問題有硬件、系統平臺、接入方式、防火墻、數據庫、人員配置。Lehigh公司的企業網站方案（二）準備站點資料》資料內容根據站點內容和功能規劃選定材料》網站形象策劃網站整體形象，統籌安排網頁的風格》網頁內容公司簡介、產品資料（圖片、價格）》其它資料增殖服務信息資料（相關產品技術資料、市場行情信息等）》材料類型文字、圖像、動畫、聲音、影視等（三）選擇網站開發工具》網頁設計工具FrontPage、DreamWeaver》圖像處理工具Photoshop》聲音、影視處理軟件》交互式動態頁面設計工具微軟ASP開發系統，Perl開發系統》動態網頁：可以請專業人員設計》靜態網頁：可以由企業內部人員設計四、電子商務網站的開發（一）電子商務網站開發的組織機構》外包開發方式組織結構無須變動，只需指定有關人員負責與專業公司協調》小型企業自行建設：可設網絡管理員職務，工作權限類似雜志編輯。具有規劃、溝通、協調能力，同時具有一定技術知識。》大型企業：可設立網絡資源管理部門（Web/InternetResourceExecutive）》網絡資源管理部門的合格人選：

**優秀的處理人際關系的能力**較廣的網絡和電子商務知識**一定的商業知識**經得起考驗的項目管理和協調能力**有效的配合高層管理階層的工作**能同時擔任領導者和促進者兩種角色**優秀的傾聽意見、吸取有用信息的能力（一）電子商務網站開發的組織機構（二）電子商務網站的組成》企業電子商務站點的頁面組成主要包括：主頁、企業信息、新聞、產品服務、幫助、相關虛擬社區等頁面。》主頁風格：*

導航型提供簡潔、清晰的網站結構，樹立企業的網上形象

*內容展示型展示主要內容，提供直接、快捷的鏈接，一步到位*視覺效果文本型和圖片型

文本型追求簡潔、快速，輔以圖片；圖片型美觀、下載速度較慢。1）電子商務網站的主頁》企業名稱、標志、銘牌、網站圖標（Logo）等要素》企業站點的網址》企業站點的導航系統》企業產品和/或服務最新的信息、有關新聞》企業的聯系方式如E-mail、電話、傳真等》相關站點的鏈接2）電子商務網站的新聞頁面》產品或服務的最新信息，如品種、價格、實現方式等》新項目的進行情況》企業的內部變動情況》行業的最新動態》相關行業的情況新聞頁面涉及企業形象，要及時更新維護設計步驟：*收集資料**制作標準新聞稿件***轉換為Web頁（二）電子商務網站的組成

3）產品/服務頁面》產品/服務介紹分為兩部分：欄目入口處和轉入具體頁面后的產品介紹提供相關信息，盡可能詳細，采用多媒體形式展示，虛擬現實》訪問者、客戶評價，BBS》在線訂購和支付定制訂購，如提供購物籃（車）等形象訂購系統、選取系統、配送系統、支付系統（如貨款、運費、手續費計算）等，重點考慮方便、安全、自動。》產品相關信息，產品使用小常識等》頁面設計組織時要盡量簡潔，按產品線/品牌分類。4）企業信息頁面》功能與作用對公眾（客戶、投資者）發布企業公開信息》發布信息包括*發展歷程、企業大事記*組織架構、業務范圍*合作伙伴、發展計劃*財務信息（上市公司）》頁面設計最好圖文并茂，采用多媒體方式展示（二）電子商務網站的組成5）幫助頁面》功能和作用方便瀏覽者在繁雜的Web頁面快速找到信息》信息方面幫助*站點結構圖（SiteMap）：展示主要鏈接*站點內容搜索》電子商務活動方面幫助*在線訂購、定制規則*在線支付方式和具體方法*物流配送方式（二）電子商務網站的組成6）虛擬社區》虛擬社區的作用培養訪問者的忠誠度；供消費者交流購物體驗，增加人氣，建立訪問者之間的群體關系》提供功能*個人電子信箱*公告欄（BBS）*在線聊天室（Chat）*在線實時通信（ICQ）》電子虛擬社區的建立*選擇獨具特色的話題，一般與企業的產品、服務、經營方式相關。*選擇合適的論壇主持人。（二）電子商務網站的組成電子商務網站頁面設計原則》一致性：站點頁面的設計和開發要與企業的形象一致？》統一性：使用模板來確保網站整體形象的統一，并簡化開發和以后的維護工作。》使用成熟技術：盡量使用成熟的技術，并使用多種瀏覽器進行檢驗，確保使用不同的瀏覽器瀏覽時沒有太大反差》精簡頁面，提高訪問速度（8秒原則）》提供方便：盡量為訪問者和在線購物者提供方便，如亞馬遜投資幾百萬美元開發新技術，僅僅為了顧客下單時可以節省幾秒鐘。（三）電子商務站點的開發方法規劃需求分析概要設計

詳細設計代碼調試維護1）瀑布法

統計風格和頁面（可視）后臺設計（不可視）循環信息結構設計

結構設計第二版信息結構

第二版結構

跟蹤

維護內部文字組織2）螺旋法（四）電子商務站點的測試企業電子商務站點建立后需進行下列測試：》鏈接測試（空鏈、錯鏈）》兼容性測試（不同版本瀏覽器使用）》版面測試（不同版面，800*600為主流）》語言測試（簡體、繁體）》腳本語言測試》下載速度測試（五）電子商務站點的發布》電子商務站點發布的過程：站點發布就是將設計好的網頁存放到Web服務器上》電子商務站點發布的方法：*E-mail方式，委托發布*FTP方式，遠程直接發布*WWW方式，遠程直接發布五、電子商務站點的維護（1）電子商務網站維護的任務

》保持鏈接的有效性》及時更換信息，根據信息性質不同確定更換頻率，保持信息的時效性，最好是規劃、落實到具體部門，與業務整合在一起》保持頁面內容和拼寫正確》維持與訪問者的良好關系，及時反饋六、電子商務站點的推廣1）為什么要進行電子商務站點的推廣》吸引更多的用戶：全球有20多億個網頁，僅20%可以搜索到；10%的站點吸引了90%用戶。》了解企業電子商務站點：站點目前訪問率，訪問情況，如何進入站點；了解相關站點情況（競爭對手）》制定推廣站點的策略：站點推廣費用占維護費用的80%2）站點推廣方法--搜索引擎》搜索引擎是吸引訪問的重要渠道一類是全文搜索引擎，如Google、Baidu，其原理是通過機器手到網站收集、存儲信息；另一類是目錄索引類引擎，并不實時采集網站的任何信息，而是利用你提交網站時填寫的在線表單的內容。Yahoo，Sohu》提交站點（選擇類別）排名（關鍵字）網站登記建議

只要可能，把每個網頁（包括子頁）都提交給搜索引擎。如果只提交主頁，機器手也會爬行到其他頁面，但是占用時間比較長。選擇目錄類別

象Yahoo!一樣的標準搜索引擎，要選擇相關程度最高的類別登錄，不要選擇較低層次的子目錄，找到最好的兩個類別后，把一個登記在主類，另一個登記在附加類別。》關鍵詞首先應認真地考慮最適合于網站的關鍵詞，因為關鍵詞要與潛在訪問者最可能輸入搜索引擎的詞語相匹配，一般用戶首先會輸入通用的詞匯，然后才會逐步縮小關鍵詞的范圍，例如，假定你有一個寵物網站，那么，關鍵詞“寵物”就比“狗”的效果要強大。可以在兩類關鍵詞中選擇一種：一類是簡短、有威力，排列位置可以靠前，但詞匯數量少；另一類是范圍較寬、數量較多的關鍵詞，排列順序可能稍微靠后。

》登記方法：Sohu

*選擇類別*填寫網站基本資料（名稱、URL、簡介）*填寫網站的聯系資料*登陸到開放目錄，然后定期放置到人工編輯目錄

3）站點推廣方法--其它方法》利用廣告聯盟相互交換廣告鏈接，如LinkExchange》利用電子郵件（郵件列表）定期發布更新信息，避免成為“垃圾郵件”》參加相關論壇注意網絡禮儀，不要隨便發布商業化信息》建立網絡聯盟交換鏈接》利用傳統媒體報紙、戶外、電臺、電視4）網站推廣效果評價

》訪問量：委托第三方調查，包括廣度（訪問人數、頁面數）和深度（每人每次訪問頁面數、停留時間）總訪問人次數（UserSessions）、日平均頁面閱覽數（AveragePageViews）、總計頁面瀏覽數（PageViews）》在線交易的數量和金額》請求主頁鏈接的數量》網絡廣告的收入》媒體關注率§6-3Web頁設計與制作一、網頁設計語言

1.HTML

2.Java3.JavaScript

4.XML二、網頁的編輯制作1.HTML語言HTML—HyperTextMarkupLanguage

Web頁面是一種純文本文件(即ASCII文件)，可用任何文本編輯器閱讀和編輯。頁面中包含一系列的HTML指令，以指示瀏覽器如何顯示Web頁面。當用戶用瀏覽器訪問某個網站時，Web服務器通過網絡把相應的HTML文檔發送到瀏覽器。HTML的優勢在于跨平臺，即任何可以運行瀏覽器的計算機都可以閱讀并顯示HTML。1.HTML

語言概述HTML（HyperTextMarkupLanguage,超文本標記語言）使用戶可以通過統一的界面（瀏覽器）訪問各種不同格式的計算機文檔，消除了不同計算機系統之間的信息交流問題。HTML語言是通過在文本文件中加入一系列的標簽（tag）來告訴計算機如何顯示網頁。所以HTML只是一種排版標記語言。HTML文件可以用任何文本編輯器來編輯，例如：記事本、寫字板、Word均可。只要將編輯好的文件存成ASCII格式，擴展名為.html或.htm即可。1.HTML

語言概述HTML文檔包含兩種類型的信息：標記信息：該部分信息用來控制文檔內部的顯示方式，并允許設計人員指定與其他文檔的鏈接。內容信息：該部分信息就是瀏覽器顯示的文本、圖形、音頻和視頻等。1.HTML

語言概述HTML語言是組合成一個文本文件的一系列標記。標記放在<>里，標記通常是成對出現的。如：<H1>表示后面為該文檔的大標題 </H1>表示大標題到此結束 標簽通常是一對對出現，結束標簽和開始標簽的區別只是多了一個斜杠字符“/”。標簽并沒有大小寫之分。如：<blockquote></blcokquote><head></head>……<HTML><HEAD><TITLE>這是網頁的標題</TITLE></HEAD><BODY> 這是網頁的正文，包括文字、圖片、超鏈以及它們的格式描述。 <IMGSRC="圖片的文件名"></BODY></HTML>HTML標記分類文件結構標記區段格式標記字符格式標記列表標記鏈接標記多媒體標記表格標記表單標記一、文件結構標記一個HTML文件的結構基本上可分為兩部分：標題區（headsection）和主體區（bodysection）。一個完整的HTML文件應該具備如下結構：<html><head>…………</head><body>…………</body></html><html>:標示整份文件一個標準的HTML文件是一篇以<html>開頭，以</html>結束的文件。<head>:標示出整個標題區<title>:網頁標題<title>……</title>

位于文件標題區，用途是設置網頁標題，這個標題會顯示在瀏覽器的標題欄上。大部分瀏覽器的收藏、書簽或歷史記錄列表也都是以這個文件的標題作為名稱的。

其他標題區的標記還包括：<base>、<isindex>、<link>、<nextid>、<meta>等。<body>:標示出文件主體區body標記的屬性（下一頁）Background屬性：這個屬性可以指定一個圖形文件作為背景圖案。語法結構為：<bodybackgroung=“url”>…body>Bgcolor屬性：用來改變網頁的背景顏色，而不需要任何圖形文件。語法結構為：<bodybgcolor=“rrggbb”>…</body>Text屬性：用來設置字體顏色。語法結構：<bodytext=“rrggbb”>…</body>Link,vlink,alink屬性：設置鏈接文字的顏色，其中link是用來設置未閱讀過的鏈接文字顏色，vlink是用來設置已閱讀過的鏈接文字的顏色，alink是用來設置正在訪問中的鏈接文字的顏色。語法結構為：<bodylink=“rrggbb”vlink=“rrggbb”alink=“rrggbb”>…</body>示例<HTML><!--表示HTML文檔開始--><HEAD> <!--表示文檔首部開始--><TITLE>一個HTML實例</TITLE> <!--文檔的標題--></HEAD> <!--表示首部結束--><BODY> <!--表示HTML文檔主體開始--><H1>這是我制作的第一個網頁</H1> <!--一級標題--><H2>這是第二級標題</H2> <!–二級標題--><H3>這是第三級標題</H3> <!—三級標題--><H4>一共可定義六級標題</H4> <!—四級標題--><P>正文段落</P> <!--<文檔的一個段落--><P>這只是剛剛開始，還有很多東西要學哦</P> <AHREF=””> 返回主頁</A></BODY> <!--表示主體結束--></HTML> <!--表示HTML文檔結束-->背景與顏色示范<html><head><title>背景與顏色示范</title></head><bodybackground=“baimage.jpg”text=“#5f0f00”link=“00ff00”><h2>背景與顏色示范</h2><hr><h3>這是一般的文字顏色</h3><p>這是<ahref=“”>鏈接文字</a>的顏色</p></body></html>二、區段格式標記

大部分的html標記（除了<title>……</title>等少數幾個之外），幾乎都是放在文件主題區<body>……</body>之中的，用來設置文件的格式、段落、鏈接方式等。<h1>~<h6>:文章標題（各個層次的字號不同）語法結構如下：<h3>三號標題</h3><hr>:產生水平線它具有以下屬性：size屬性：設置水平線高度width屬性：設置水平線寬度align屬性：指定水平線的排列方式color屬性：設置水平線的顏色noshade屬性：使水平線不具有陰影效果水平線示范<html><head><title>水平線示范</title></head><body>hr<hr>Size=5<hrsize=“5”>Size=10<hrsize=“10”>Size=20<hrsize=“20”>Width=70%<hrwidth=“70%”>Width=50%align=center<hrWidth=50%align=“center”>Width=50%align=left<hrWidth=100%align=“left”>Width=50%align=right<hrWidth=250%align=“right”>Noshade<hrnoshade>Color=red<hrcolor=#FF0000>Color=green<hrcolor=#00FF00>Color=blue<hrcolor=#0000FF></body></html><br>：強迫換行<p>文件段落</p>:

段落標記<p>……</p>用來標記一個段落文字的開始和結束。<pre>原始格式顯示</pr>

默認情況下，瀏覽器忽略多余空格，顯示的情況與原始的情況不一樣，加上該標記可以避免這一現象。<blockquote>段落內縮</blockquote>三、字符格式標記<b>粗字體</b><i>斜體字</i><tt>打印字體</tt><basefont>設置基本字型</basefont><font>改變字型</font>。它們的屬性有：color屬性：設置字體顏色face屬性：設置字體名稱size屬性：設置字體大小（介于1~7之間，默認為3）<big>字體加大</big><small>字體減小</small><!>：批注四、列表標記

HTML提供了許多種類的列表標記，以作為格式化項目列表之用，這些標記可分為五大類。<ul>…</ul>:無編號列表區段中每個項目是由標記<li>…</li>產生。顯示時每個項目都會有一個前導記號。<ol>…</ol>:有編號列表區段中每個項目是由標記<li>…</li>產生。顯示時每個項目會自動按順序標號１，２，３…<dl>:定義式列表巢式列表：即把前面介紹的列表以巢狀方式顯示，使其成為多層次列表。列表范例<html><head><title>定義式列表</title></head><body><dl><dt>項目一</dt><dd>這是項目一的定義</dd><dt>項目二</dt><dd>這是項目二的定義</dd><dt>項目三</dt><dd>這是項目三的定義</dd></dl></body></html><html><head><title>巢狀列表</title></head><body><h3>多層次列表范例</h3><ul><li>第一層的項目一</li><ol><li>第二層的子項一</li><ul><li>第三層的子項一</li><li>第三層的子項二</li></ul><li>第二層的子項二</li></ol><li>第一層的項目二</li><li>第一層的項目三</li></ul></body></html><html><head><title>無序列表和有序列表</title></head><body><h3>無編號列表</h3><ul><li>第一項</li><li>第二項</li><li>第三項</li></ul><h3>有編號列表</h3><ol><li>第一項</li><li>第二項</li><li>第三項</li></ol></body></html>六、鏈接標記超級鏈接是建立超文本文件的核心技術，單獨的文件或信息節點必須經過超級鏈接才能交錯成網的超文本文件系統，超級鏈接是由來源節點（超級鏈接的起點，又叫錨點）和目的節點（超級鏈接的終點，又叫宿點）所構成的。鏈接標記:<a>…</a>語法結構為：

<aattribute=“value”>鏈接文字或圖片</a>其中attribute為<a>的屬性，value為其屬性值。超級鏈接的分類遠程鏈接：來源節點和目的節點分別屬于不同的網站。近端鏈接：來源節點和目的節點位于同一個網站之內，近端鏈接又分為文件外鏈接和文件內鏈接。

超級鏈接的尋址遠程鏈接：當目的節點位于遠程主機時，必須在來源節點上使用完整的URL指明目的節點所在的主機名稱、路徑、文件名。語法結構為：<ahref=“URL”>...</a>其中，URL根據不同的網絡協議，有不同的指定方式。常用的有：http://超文本文件傳輸協議ftp://文件傳輸協議telnet://遠程登陸傳輸協議mailto:電子郵件傳輸協議遠程鏈接范例<html><head><title>遠程鏈接范例</title></head><body><h1>遠程鏈接范例<h1><p><ahref=“”>大連理工大學ＷＷＷ主頁</a></p><p><ahref=“”>大連理工大學FTP服務器</a></p><p><ahref=“telnet://”>大連理工大學碧海青天站</a></p><p><ahref=“maito:tcb-shl@163.com”>給我寫信！</a></p></body></html>文件外鏈接范例<html><head><title>文件外鏈接范例</title></head><body><ul><li>相對路徑法：</li></ul><blockquote><ul><li>目的節點在同一層目錄：<ahref=“01.htm”>01.htm</a></li><li>目的節點在上一層目錄:<ahref=“../index.htm”>回首頁（index.htm）</a></li><li>目的節點在下一層目錄:<ahref=“02/02.htm”>02.htm</a></li></ul></blockquote><ul><li>絕對路徑法：</li></ul><blockquote><ul><li>目的節點在其它目錄：<ahref=“file:///c:/test.txt”>c:\test.txt</a></li></ul></blockquote></body></html>七、多媒體標記

圖象標記：<img>（支持.gif和.jpg格式）語法格式：<imgattribute=“value”>屬性：src:圖象來源<imgsrc=“路徑／文件名”或”ＵＲＬ“>Alt:替代文字<imgsrc=“圖象來源”alt=“替代文字”>Align:對齊方式<imgsrc=“圖象來源”alt=“top/middle/bottom”>Width與height:圖象寬度和高度的設置<imgsrc=“圖象來源”width=“value”height=“value”Hspace與vspace:設置圖象與文字間的空間Boder:圖象邊框大小設置valur=0~10,默認為0背景音樂：<bgsound>放在<head></head>之間。<bgsoundsrc=“url”wolume=“m”balance=“n”loop=“p”>其中-10000<=m<=0,0為最大聲；n介于-10000~10000;p默認１圖象、背景音樂范例<html><head><title>圖象、背景音樂范例</title><bgsoundsrc=“music.wav”volume=“0”balance=“0”loop=“3”></head><body>圖片：<br><imgsrc=“picture.jpg”width=“118”height=“157”align=“top”alt=“這是一副圖片”></body></html>八、表格標記HTML中的表格標記有：<table>…</table>:定義表格區段。<caption>…</caption>:表格標題。<th>…</th>:表頭。<tr>…</tr>:表格列。<td>…</td>:表格單元格。<table>…</table>是產生表格的最基本的標記。所有的表格標記都要置于這組標記之間，否則會被瀏覽器忽略。它具有如下屬性：Border屬性：為表格加邊框。<tableborder=“value”>…</table>Cellspacing屬性：設置不同單元格之間的間距，默認值為2。<tablecellspacing=“value”>…</table>Cellpadding屬性：設置單元格和其內容之間距。<tablecellpadding=“value”>…</table><tr>…<tr>表格行：一個表格是由若干行(row)和若干列(columns)所組成的，表格中每個方塊成為一個單元格(cell)，是用來顯示或存儲數據的最小單位。表格中任一行都必須夾在<tr>…</tr>這組標記之間。Align屬性：設置同一列文字水平方向的排列方式，其設置值可以是left,middle或right。Valign屬性：設置同一列文字垂直方向的排列方式，其設置值可以是top,middle,bottom或baseline。<td>…</td>表格單元格：夾在這對標記間的內容，才是表格的一個特定單元格的內容。Rowspan屬性：設置該單元格所占的列高。Colspan屬性：設置該單元格所占的行寬。Align和valign屬性：同上。表格范例<html><head><title>表格范例2</title></head><body><h3>rowspan范例：</h3><tableborder><tr><td>1</td><tdrowspan="2">2</td><td>3</td></tr><tr><td>4</td><td>5</td></tr></table><h3>rowspan范例：</h3><tableborder><tr><tdcolspan="2">1</td><td>2</td></tr><tr><td>3</td><td>4</td><td>5</td></tr></table></body></html><html><head><title>表格范例1</title></head><body><h3>這是一個2X3的表格</h3><tableborder="1"><tr><td>(1,1)</td><td>(1,2)</td><td>(1,3)</td></tr><tr><td>(2,1)</td><td>(2,2)</td><td>(2,3)</td></tr></table></body></html><th>…</th>表頭：這一組標記是用來產生表格的表頭(header)單元格，用法類似<td>…</td>。默認的表頭字體為粗體而且居中對齊，類似的屬性有：valign,colspan,rowspan.<caption>…</caption>表格標題：產生的表格標題自動位于表格上方正中處，也可以設置屬性align=“bottom”強迫將其移至表格下方。Align屬性：設置標題位置。<captionalign=“top/bottom”>表格范例<html><head><title>表格范例</title></head><body><tableborder><captionalign="bottom">表格標題</caption><tr><thcolspan="2">head1</th><thcolspan="2">head2</th></tr>

<tr><td>a</td><td>b</td><td>c</td><td>d</td></tr><tr><td>e</td><td>f</td><td>g</td><td>h</td></tr><table></body></html>九、表單標記

表單(form)是HTML文件中一種特殊格式的組件，主要作用是制作交互式網頁。通過適當的設計，在網頁中產生具有文本框(textbox)、單選按鈕(radiobutton)、復選框(checkbox)、下拉式菜單(listbox)等對象的表單；使用者通過表單的輔助，可以很容易地在瀏覽器中輸入數據，并將其送出；然后，表單中的數據便通過設計者當初所設計的方式，由script程序，e-mail,cgi,asp或jsp程序獲得并加以處理、分析和響應，進而達到雙向交互的目的。表單最常見的應用有調查問卷、訂購單、用戶注冊、留言板等。表單常用的對象標記有：<form>…</form>:標明表單區段的開始與結束。<input>：產生單行文本框、單選按鈕、復選框等。<textarea>…</textarea>：產生多行輸入文本框。<select>…</select>：標明下拉式列表的開始與結束。<option>：產生一個選項項目。<form>…</form>表單區段：標示出表單區段的開始與結束。它有幾個重要的屬性如下：Action屬性：指定處理表單數據的方式，可以是一個CGI或ASP或JSP程序，也可以是一個E-MAIL地址。Method屬性：設置使用者所輸入的數據傳送方式，一般設為post或get，差別在于參數傳遞方式不同。Enctype屬性：數據的編碼格式。<input>輸入組件：用來產生單行文本框(textbox)、單選按鈕(radiobutton)、復選框(checkbox)、提交按鈕(submitbutton)、重置按鈕(resetbutton)等輸入組件。其屬性有：Type屬性：使用它來產生不同的對象：<inputtype=“text”>：單行文本框<inputtype=“radio”>：單選按鈕<inputtype=“checkbox”>：復選框<inputtype=“password”>：密碼文本框<inputtype=“submit”>：提交按鈕<inputtype=“reset”>：重置按鈕Name屬性：用來指明輸入對象的名稱。Value屬性：設置輸入對象的默認值，或存放使用者的輸入值。對于按鈕，用來指定按鈕上顯示的文字。Maxlength屬性：設置輸入文本框的最大可輸入字符數。Size屬性：設置輸入文本框的顯示寬度（字符數）Checked屬性：將單選按鈕或復選框激活。<textarea>…<textarea>多行文本框：產生附加滾動條的多行文本框。屬性有：Name屬性：對象名稱。Rows屬性：多行文本框的可見總行數。Cols屬性：多行文本框的可見總列數。<select>…</select>下拉式列表：與<option>配合產生一個下拉式列表方塊。屬性有：Multiple屬性：設置列表中的項目具有復選性。Name屬性：對象名稱。Size屬性：設置下拉式樣列表中可見的項目數。<option>產生選擇項目：置于<select>…</select>區段中，用來產生列表中一個選項。屬性有：selected屬性：將某個選項設置成選中狀態。Value屬性：對象的默認值。表單范例<html><head><title>表單范例<title></head><body><h1>課程意見調查</h1><formaction="mailto:tcb-shl@163.com"method="post"enctype="text/plain"><p>姓名：<inputtype="text"size="20"name="姓名"></p><p>班級：<inputtype="radio"name="班級"value="a">a班<inputtype="radio"name="班級"value="b">b班</p><p>課程：<selectname="課程"><option>多媒體技術與應用<option>網絡概論<option>程序設計<option>數字圖象處理<option>計算機繪圖與動畫<option>數據庫理論</select></p><p>意見：</p><p><textareaname="意見"rows="5"cols="50"></textarea></p><p><inputtype="submit"name="b1"value="提交"><inputtype="reset"name="b2"value="重設"></p></form></body></html>作業六1.電子商務網站的實施包括哪些步驟？——燒錢畫餅——

Boo.COM網絡公司失敗案例案例分析案例背景：

這是一家專營服裝的網上商店，但成立之初就經營不善。在撥號上網的時代，它的網頁充斥著Java腳本和Flash，以致網頁打開的速度非常緩慢。它在全球范圍內進行營銷，結果不得不面對各國復雜的語言、定價和稅務問題，而且它還宣布承擔客戶退貨的郵費。它的銷售收入從未達到過預期，它燒掉了1.6億美元，于2000年5月倒閉。案例分析Boo.COM網站首頁1.營銷策略銷售方式：利用因特網經營銷售產品：高質量、時尚流行的品牌運動服飾銷售對象：有錢沒閑的消費群銷售價格：零售價（非折扣價）案例簡介2.廣告策略

連續在流行雜志上報導全球流行趨勢；開張前大肆進行廣告宣傳為其網站建立全球品牌；租用高價位辦公室提升企業形象。案例簡介3.顧客界面讓顧客以全色系及三維影像觀賞并選擇產品。設立動畫Boo小姐提供流行建議，利用先進搜尋引擎讓顧客依各自需求來搜尋商品，根據品牌及國家提供一致的商品尺寸系統，希望有一個能夠立刻處理一億以上瀏覽者上網的操作系統。案例簡介4.顧客服務

客戶顧問服務電話專線，折扣的忠誠點數，免費遞送退貨服務和不滿意退貨服務，提供七種語言，接受十八國貨幣。5.

營運目標

55％凈盈余及兩年內獲利．成為全球性流行品牌服飾代言人。案例簡介66.營運狀況

網站開張后，前六個月銷售額僅達到110萬美元，六個月后即初次公開上市前宣告倒閉。將品牌名稱、網址、廣告數據、在線內容轉