電子商務(wù)教案3
電子商務(wù)教案 第三章 網(wǎng)站建設(shè)技術(shù)第三章 網(wǎng)站建設(shè)技術(shù)重點：域名、WWW 的特點、ISP 、網(wǎng)站建設(shè)方法難點：域名與IP 地址的關(guān)系、WWW 與Internet 的區(qū)別、租柜臺與虛擬主機的區(qū)別。第一
電子商務(wù)教案 第三章 網(wǎng)站建設(shè)技術(shù)
第三章 網(wǎng)站建設(shè)技術(shù)
重點：域名、WWW 的特點、ISP 、網(wǎng)站建設(shè)方法
難點：域名與IP 地址的關(guān)系、WWW 與Internet 的區(qū)別、租柜臺與虛擬主機的區(qū)別。
第一節(jié) 域名及其注冊方法
一 IP 地址與域名 一）域名（Domain Name ）：由于數(shù)字意義不明確，也難于記憶，因此在實際使用時，往往采用與IP 地址對應(yīng)的“域名”來代替。域名使用字母表示IP 地址，便于記憶。這種由域名向IP 地址的轉(zhuǎn)換工作，是通過“域名服務(wù)器”(DNS)來完成的。 二）域名的特點 1、與IP 存在對應(yīng)關(guān)系（一個IP 地址可以對應(yīng)多個域名，而一個域名只能對應(yīng)一個IP 地址） 2、唯一的，遵循先注冊先擁有的原則 三）域名的格式
SINA .
組織名稱
COM
組織模式
. CN
國家地區(qū)代碼
◆域名中的“組織名稱”一般由該單位自行選擇，并在網(wǎng)中注冊(以免出現(xiàn)重名) ，其它部分則由網(wǎng)絡(luò)管理部門確定。
◆域名將Internet 網(wǎng)劃分成多個域，按照應(yīng)用領(lǐng)域的不同，首先將Internet 網(wǎng)劃分成若干個頂級域，頂級域可采用組織模式和地理模式定義。地理模式按國家劃分，如cn 代表中國，uk 代表英國。組織模式按以下規(guī)定的縮寫表示：
二 域名的注冊
一）到國內(nèi)域名管理機構(gòu)
中國因特網(wǎng)信息中心（CNNIC ），及其指定機構(gòu) 二）到國外域名管理機構(gòu)
因特網(wǎng)網(wǎng)絡(luò)信息中心(InterNIC)分配域名，及其他國家的因特網(wǎng)信息中心（NIC ） 三）通過因特網(wǎng)代理商
通過代理商申請，方便、快捷，可以申請國內(nèi)和國外的域名。 三 域名命名技巧
一）相關(guān)性：與企業(yè)已有的商標(biāo)或企業(yè)名稱相關(guān)
1
,電子商務(wù)教案 第三章 網(wǎng)站建設(shè)技術(shù)
二）簡單：使用縮寫，便于記憶
三）多個域名：
1、申請類似的域名，防止他人惡意注冊，仿冒網(wǎng)頁
2、申請相關(guān)的域名，以提供不同的服務(wù)，如www.microsoft.com 和home.microsoft.com ，以及sina.com 和sina.com.cn
四）國際性：如果提供世界性服務(wù)，則應(yīng)使用英文或縮寫，而不是漢語拼音。
在域名命名時，可使用特殊含義的數(shù)字與字母的結(jié)合，如365、2（to ）、4（for ）、5（我），在域名資源越來越匱乏的情況下，可以避免重復(fù)，又別具一格。
第二節(jié) WWW技術(shù)與HTML
一 WWW 概述
一）WWW 的基本概念
WWW （World Wide Web，萬維網(wǎng)或Web 網(wǎng)）是建立在C/S基礎(chǔ)上（目前流行的叫法是B/S瀏覽器/服務(wù)器模型，），以HTML 語言和HTTP 協(xié)議維基礎(chǔ)，能夠提供面向各種Internet 服務(wù)的，一致用戶界面的信息檢索系統(tǒng)。
二）WWW 服務(wù)的特點：集成性
多種媒體（文本、圖像、動畫、視頻）
多種服務(wù)（News 、Ftp 、Telnet 、Mail ）
超鏈接
三）瀏覽器
二 與WWW 有關(guān)的協(xié)議和標(biāo)準(zhǔn)
一）HTTP 超文本傳輸協(xié)議
二）HTML 超文本標(biāo)記語言
三）URL ，統(tǒng)一資源定位符號
當(dāng)把網(wǎng)址鍵入一個瀏覽器內(nèi)時，URL 準(zhǔn)確分辨到哪里找尋數(shù)據(jù)。舉例來說, 在下面的網(wǎng)址中: http://www.megacorp.com/content/feature/082602.html
www.megacorp.com=域名
content/feature=目錄路徑，識別網(wǎng)頁被儲存在域名網(wǎng)絡(luò)服務(wù)器上何處
082602.html= 文件名及其格式(html頁)
三 數(shù)據(jù)庫與WWW 的結(jié)合
一）CGI 公共網(wǎng)關(guān)接口
二）SSI （Server Side Include）
三）MCS 動態(tài)碼系統(tǒng)： JDBC
第三節(jié) 網(wǎng)頁制作技術(shù)
一 HTML 簡介
網(wǎng)頁是由一種稱為HTML 的語言來描述的，網(wǎng)站中的所有網(wǎng)頁都以HTML 文件的形式保存。HTML 是英文“Hypertext Markup Language”的縮寫，中文翻譯為“超文本標(biāo)記語言”?！俺谋尽敝妇W(wǎng)頁內(nèi)可以包含各種多媒體對象和超鏈接。
1．HTML 文件的基本結(jié)構(gòu)
HTML 文件的基本形式如下：
2
,電子商務(wù)教案 第三章 網(wǎng)站建設(shè)技術(shù)
HTML 文件內(nèi)容
HTML 文件以開頭，以結(jié)束。主要包括兩個部分--——頭部和主體。
2．常用的HTML 標(biāo)記
（1）段落標(biāo)記
和
（2）字體變換標(biāo)記和
（3）超級鏈接標(biāo)記和<／a>
（4）插入圖片標(biāo)記
圖3-11是Example.htm 文件在瀏覽器上的顯示效果。
二 JA V AScript 和VBScript
1、JavaScript
JavaScript 是一種解釋性編程語言，可由瀏覽器直接解釋執(zhí)行； JavaScript 是一種腳本語言，用JavaScript 編寫網(wǎng)頁程序，不需要有很深的編程經(jīng)驗。JavaScript 語言是通過嵌入在標(biāo)準(zhǔn)HTML 語言中實現(xiàn)的，顯示效果如圖3-12所示。
2、VBScript
VBScript 也是一種腳本語言，不過，VBScript 只能用于微軟的IE 瀏覽器和IIS 服務(wù)器端，其他服務(wù)器和瀏覽器不一定支持VBScript 。見圖3-13所示。
三 CSS 級聯(lián)樣式表
CSS （Cascading Style Sheets，層疊樣式表）
CSS 跟 HTML 一樣也是一種標(biāo)記語言，甚至很多屬性都是來源于HTML 。利用 CSS 技術(shù)，可以有效地對頁面的布局、字體、顏色、背景和其他效果實現(xiàn)更加精確的控制。有很多將樣式表加入到HTML 文件中的方法，但最簡單的方法是使用HTML 的STYLE 標(biāo)記，將樣式表放置于文件的HEAD 部分。
四 網(wǎng)頁編輯軟件
一）FrontPage
二）DreamWeaver
五 網(wǎng)頁設(shè)計
（1）制作網(wǎng)頁的工作內(nèi)容
①選定主題
制作網(wǎng)站首先面臨的問題是要確定制作的主題，實際的網(wǎng)站主題千奇百怪、琳瑯滿目。 ②整體規(guī)劃布局
建立網(wǎng)站好比造高樓，要設(shè)計圖紙并規(guī)劃好結(jié)構(gòu)。
③搜集素材
從網(wǎng)上、光盤等媒體來源收集相關(guān)的文本、圖片，動畫、視頻及聲音等資源，并經(jīng)過編輯加工，作為自己網(wǎng)頁的素材。
④制作網(wǎng)頁
圖像處理：處理圖像的專用軟件有Photoshop ，它的功能比較全，但專門處理網(wǎng)絡(luò)圖像可以選用Fireworks ，用它制作網(wǎng)絡(luò)圖像比較合適。
第四節(jié) 網(wǎng)站建設(shè)
一ISP
一）ISP （Interner Service Provider）：
◆因特網(wǎng)服務(wù)提供商的簡稱，時指為因特網(wǎng)用戶提供因特網(wǎng)接入服務(wù)及相關(guān)技術(shù)支持的服務(wù)公司和企業(yè)，時廣大個人用戶和規(guī)模有限的公司用戶進(jìn)入因特網(wǎng)的入口和橋梁。
3
,電子商務(wù)教案 第三章 網(wǎng)站建設(shè)技術(shù) ◆ISP 包括接入服務(wù)和信息內(nèi)容服務(wù)兩個方面，即ISP 應(yīng)保口因特網(wǎng)接入提供商（IAP ）和內(nèi)容服務(wù)提供商（ICP ）。
二） ISP的選擇
1 ）入網(wǎng)方式
◆撥號入網(wǎng)，ADSL ，局域網(wǎng)接入
◆中繼線數(shù)量
◆通信速率
2 ）出口速率
ISP 的出口速率即是ISP 直接接入Internet 骨干網(wǎng)的專線速率。
3 ）服務(wù)項目
4 ）收費標(biāo)準(zhǔn)
5 ）服務(wù)管理
ISP 是否為用戶安裝Internet 上網(wǎng)軟件，是否為用戶開辦Internet 基本操作培訓(xùn)，能否及時為用戶排除上網(wǎng)故障，能否及時向用戶講解服務(wù)項目，能否向用戶通報費用細(xì)目，以及ISP 的設(shè)備是否可靠，是否提供全天候24小時服務(wù)，存放在ISP 服務(wù)器上的用戶私人信息是否安全保密等。
二 網(wǎng)站建設(shè)模式
一）租柜臺
二）獨立經(jīng)營商場
1、純粹自建
2、服務(wù)器托管
1）整機托管
2）虛擬主機
三 網(wǎng)站建設(shè)和運營策略
一）網(wǎng)站的設(shè)計原則
1、網(wǎng)站的定位
1）定位于產(chǎn)品——廣告、宣傳型
2）定位于企業(yè)形象——樹立品牌，形聲造勢
3）定位于顧客——功能型，服務(wù)型
2、網(wǎng)站的基本原則
投資——回報原則
網(wǎng)絡(luò)品牌原則（提高顧客忠誠度）
網(wǎng)上核心競爭力的形成
二）企業(yè)網(wǎng)站的基本構(gòu)成
（1）主頁 主頁是建立在企業(yè)網(wǎng)站上，向外發(fā)布廣告、信息的載體。如果說域名是企業(yè)在國際因特網(wǎng)上的 “戶口”，那么企業(yè)主頁就是代表企業(yè)形象，在國際因特網(wǎng)上通行的“名片”。主頁也稱企業(yè)的形象頁面，是網(wǎng)上企業(yè)的門面，它給瀏覽者留下企業(yè)的第一印象，所以它的設(shè)計對整個網(wǎng)站來說非常重要，主頁包括：企業(yè)名稱、標(biāo)志、對網(wǎng)站內(nèi)容進(jìn)行簡單有效導(dǎo)航菜單或圖標(biāo)，著重標(biāo)明最重要的新聞或修改內(nèi)容以及客戶與公司聯(lián)系的地址等
（2）產(chǎn)品頁面 產(chǎn)品頁面采用信息分層，逐層細(xì)化的方法展示公司產(chǎn)品或服務(wù)。
（3）客戶支持頁面 用來提供客戶信息幫助，或者客戶反饋信息的頁面，如留言版。
（4）聯(lián)系方式
三）網(wǎng)站經(jīng)營策略
1、建設(shè)階段 ：web 建設(shè)策略和目標(biāo)
4
,電子商務(wù)教案 第三章 網(wǎng)站建設(shè)技術(shù)
2、鏈接階段 ：與其他公司進(jìn)行鏈接，豐富了網(wǎng)站內(nèi)容，又可以帶來一定的廣告收入。
3、多媒體階段：在頁面中加入很強的視覺效果和聽覺效果。
4、數(shù)據(jù)庫階段：在web 頁面中增加數(shù)據(jù)庫應(yīng)用，提供web 與數(shù)據(jù)庫的接口，這對經(jīng)常更新數(shù)據(jù)尤其重要。
5、交互階段：獲取用戶對網(wǎng)站的反饋信息、回答顧客的提問等。
6、進(jìn)一步完善階段：
三）網(wǎng)站創(chuàng)建流程
1、人員組織
1）項目經(jīng)理（網(wǎng)站總體統(tǒng)籌），
2）后臺程序員/組（包括編程與調(diào)試，數(shù)據(jù)庫），
3）前臺程序/設(shè)計員/組（包括網(wǎng)頁設(shè)計、瀏覽器段程序、美工），
4）網(wǎng)站優(yōu)化員/組（針對搜索引擎以及與其他網(wǎng)站的關(guān)系，可以并到第三項）。
5）如果是自己的服務(wù)器，服務(wù)器管理員/組，包括軟硬件調(diào)配、DNS 設(shè)定、FTP 、電子郵件、安全防范等等。
2、創(chuàng)建流程
1）企業(yè)需求分析
2）網(wǎng)站策劃設(shè)計（名稱、目的、主題）
3）申請域名空間
4）網(wǎng)站框架設(shè)計(程序、內(nèi)容）
5）網(wǎng)站測試開通
6）意見反饋
7）修改完善
8）信息產(chǎn)業(yè)部網(wǎng)站備案登記
9）網(wǎng)站維護(hù)更新
四）網(wǎng)頁設(shè)計的基本原則
（1）主頁上應(yīng)有企業(yè)標(biāo)志的圖標(biāo)。
（2）主頁的下載時間勿超過20—30秒。
（3）選擇好的ISP 服務(wù)商
（4）企業(yè)網(wǎng)站視為信息的“終點站”。
（5）易于導(dǎo)航。可用多種方法導(dǎo)航：如菜單、按鈕、圖標(biāo)、高亮文字。
（6）忌過長的網(wǎng)頁。
◆ 主頁設(shè)計的基本方法
主頁設(shè)計的第一步是確定網(wǎng)站的主題。確定有助于開發(fā)既有獨特風(fēng)格又前后一致的Web 頁面。網(wǎng)站的主題與企業(yè)的產(chǎn)品是緊密相關(guān)的。另一個主要的因素是顏色的選擇。顏色方案是主體的一個組成部分，它能清楚地反映企業(yè)的產(chǎn)品或服務(wù)具有的基調(diào)。確定顏色組合方案可按以下步驟：
（1）設(shè)置背景顏色：不宜選擇鮮艷顏色，白色背景顯得非常干凈，并能表現(xiàn)多種顏色，從而能使任何頁面具有新鮮的感覺。
（2）設(shè)置文本顏色：默認(rèn)黑色，白底黑字看起來很單調(diào)，但很難找到一種合適的顏色。
（3）選擇鏈接顏色：改變鏈接的默認(rèn)顏色可使瀏覽者不在感到沉悶。
總之，主頁設(shè)計應(yīng)注意以下幾點：
(1) 主題明確，突出
(2) 與眾不同
(3) 創(chuàng)建菜單欄，提供對關(guān)鍵頁的簡潔導(dǎo)航
5
,電子商務(wù)教案 第三章 網(wǎng)站建設(shè)技術(shù) ◆產(chǎn)品頁面的創(chuàng)建
產(chǎn)品頁面的創(chuàng)建主要在于掌握產(chǎn)品目錄的層次結(jié)構(gòu)和導(dǎo)航方法，產(chǎn)品目錄設(shè)計的思想和整個網(wǎng)站結(jié)構(gòu)個思想是一致的，都是由概括到詳細(xì)的層次結(jié)構(gòu)。首先就要詳細(xì)分層，將它們放在不同詳細(xì)程度的頁面上，從而允許用戶能夠自上而下找到最適合于其需要的信息層。
6