1、1,.,16.06.2020,網(wǎng)站建設(shè)與實(shí)訓(xùn),第1章,16.06.2020,.,2,本章學(xué)習(xí)目標(biāo),了解網(wǎng)站的基本特征和網(wǎng)站的基本內(nèi)容。正確理解靜態(tài)網(wǎng)站和動(dòng)態(tài)網(wǎng)站的基本概念。正確理解網(wǎng)站的結(jié)構(gòu)，網(wǎng)站深度。了解網(wǎng)站的分類及其特點(diǎn)。,16.06.2020,.,3,本章要點(diǎn)內(nèi)容,網(wǎng)站的基本知識(shí)網(wǎng)站結(jié)構(gòu)網(wǎng)站的深度Web網(wǎng)站的類型,16.06.2020,.,4,1.1網(wǎng)站案例欣賞,網(wǎng)站的基本特征域名網(wǎng)站標(biāo)志眾多的網(wǎng)頁統(tǒng)一風(fēng)格的網(wǎng)頁便捷的導(dǎo)航系統(tǒng)分層的欄目組織貼切主題的內(nèi)容用戶能與網(wǎng)站進(jìn)行雙向交流的欄目搜索信息的功能用戶指南和網(wǎng)站動(dòng)態(tài)信息,16.06.2020,.,5,1.2網(wǎng)站的基本知識(shí),1.2.1靜態(tài)網(wǎng)

2、站不具備交互性。頁面內(nèi)容相對(duì)固定，用戶不能改變網(wǎng)站的形式、頁面信息和操作方式。靜態(tài)網(wǎng)站的服務(wù)流程如圖1.1所示。當(dāng)用戶發(fā)出請(qǐng)求一個(gè)頁面文件后，客戶端的計(jì)算機(jī)將這個(gè)請(qǐng)求通過網(wǎng)絡(luò)發(fā)往服務(wù)器，服務(wù)器找到頁面文件（用HTML制作的文件）傳送給客戶端（服務(wù)器實(shí)際上是一個(gè)文件服務(wù)器）。,圖1.1靜態(tài)網(wǎng)站的服務(wù)流程,16.06.2020,.,6,1.2.2動(dòng)態(tài)網(wǎng)站,頁面信息可以根據(jù)需求或用戶的瀏覽狀況，實(shí)現(xiàn)與用戶的交流和頁面信息的自動(dòng)更新，具有數(shù)據(jù)庫的支持和遠(yuǎn)程動(dòng)態(tài)維護(hù)功能。網(wǎng)頁可以根據(jù)用戶的瀏覽條件或要求創(chuàng)建，而可以有多種可選擇的方式供不同的瀏覽者選用。在用戶的訪問過程中，每一個(gè)主頁都必須由服務(wù)器生成，然

3、后傳送給用戶。動(dòng)態(tài)網(wǎng)站一般使用數(shù)據(jù)庫來存儲(chǔ)網(wǎng)站信息，服務(wù)流程如圖1.2所示。,圖1.2動(dòng)態(tài)網(wǎng)站的服務(wù)流程,16.06.2020,.,7,1.3網(wǎng)站結(jié)構(gòu),任何一個(gè)網(wǎng)站都有邏輯結(jié)構(gòu)和物理結(jié)構(gòu)。邏輯結(jié)構(gòu)描述文檔間的關(guān)系，定義了文檔間的鏈接。物理結(jié)構(gòu)描述了文檔的實(shí)際位置，例如，文檔在服務(wù)器上的直接路徑或在數(shù)據(jù)庫文件中的位置。,16.06.2020,.,8,(1)基本線型,一個(gè)純線型組織結(jié)構(gòu)能有序地顯示信息之間的關(guān)系，如圖1.4所示。,圖1.4純線型組織結(jié)構(gòu),1.線型,1.3.1網(wǎng)站的邏輯結(jié)構(gòu),16.06.2020,.,9,(2)帶抉擇的線型結(jié)構(gòu),當(dāng)線型結(jié)構(gòu)以預(yù)先決定的順序提供信息時(shí)，用戶不可能與其它信

4、息交流。帶抉擇的線型組織結(jié)構(gòu)在網(wǎng)頁內(nèi)提供兩個(gè)或更多的選擇來實(shí)現(xiàn)交互性，而最終以指導(dǎo)用戶到達(dá)另一順序中的網(wǎng)頁。其形式如圖1.5所示。,圖1.5帶抉擇的線型組織結(jié)構(gòu),16.06.2020,.,10,(3)帶選項(xiàng)的線型結(jié)構(gòu),當(dāng)必須要保留瀏覽的路徑時(shí)，可以使用帶選項(xiàng)的線型結(jié)構(gòu)，用戶可以通過選擇跳過一些不適用的頁面。這種網(wǎng)站的組織結(jié)構(gòu)如圖1.6所示。這個(gè)組織結(jié)構(gòu)在整個(gè)網(wǎng)站的結(jié)構(gòu)中都是靜態(tài)文件，但卻模擬了一個(gè)智能系統(tǒng)。,圖1.6帶選項(xiàng)的線型組織結(jié)構(gòu),16.06.2020,.,11,(4)帶分支的線型結(jié)構(gòu),帶分支的線型結(jié)構(gòu)允許控制轉(zhuǎn)向。雖然用戶可以訪問其中的一個(gè)小的分支，但當(dāng)分支網(wǎng)頁結(jié)束時(shí)，線型結(jié)構(gòu)迫使用戶

5、返回，維持了原來的方向，或返回主路徑。,圖1.7帶分支的線型組織結(jié)構(gòu),16.06.2020,.,12,2.網(wǎng)格型,網(wǎng)格型是雙線型結(jié)構(gòu)，它在每一個(gè)節(jié)點(diǎn)都有水平方向和垂直方向的事件，每個(gè)方向上又是線性的。由于網(wǎng)格是一個(gè)平面組織結(jié)構(gòu)，它有利于事件關(guān)系的收集。當(dāng)設(shè)計(jì)正確時(shí)，網(wǎng)格提供了水平和垂直方向，在網(wǎng)站內(nèi)用戶不會(huì)感覺到迷失方向。,16.06.2020,.,13,1.3.2層次結(jié)構(gòu),網(wǎng)站最普通的頁面結(jié)構(gòu)是樹型或?qū)哟涡汀哟我愿撁骈_始(根頁面就是網(wǎng)站的主頁)，主頁或根頁面是一種標(biāo)志性的網(wǎng)頁，它不同于其他網(wǎng)頁。樹狀結(jié)構(gòu)常用于描述網(wǎng)站的深度和寬度。,16.06.2020,.,14,1.狹義樹,一個(gè)狹義樹僅

6、給出了較少的幾種選擇，這種組織結(jié)構(gòu)重在深度，不是寬度。,圖1.9狹義樹,16.06.2020,.,15,2.廣義樹,一個(gè)廣義樹或廣義層次結(jié)構(gòu)是基于選擇的。它的主要缺點(diǎn)是主頁顯示了太多的選擇，有許多選擇發(fā)散出去，見圖1.10。,圖1.10廣義樹,16.06.2020,.,16,3.Web樹,Web樹的結(jié)構(gòu)如圖所示。在一個(gè)純Web樹里，沒有交叉鏈接，想到達(dá)樹的其他部分經(jīng)常要求回退。如果考慮用戶已經(jīng)到達(dá)了圖所示的Web樹結(jié)構(gòu)中A處的網(wǎng)頁，要到達(dá)網(wǎng)頁B，不得不向上返回兩層，然后再向前進(jìn)兩層。,16.06.2020,.,17,4.完全的網(wǎng)格,如果一個(gè)網(wǎng)站中每個(gè)網(wǎng)頁都鏈接到了其他網(wǎng)頁，就認(rèn)為這種結(jié)構(gòu)是完全

7、網(wǎng)格的結(jié)構(gòu)。圖1.15所示的框圖顯示了一個(gè)有5個(gè)網(wǎng)頁的完全網(wǎng)格。在完全網(wǎng)格中，鏈接數(shù)=網(wǎng)頁數(shù)乘以(網(wǎng)頁數(shù)-1)，這意味著有5個(gè)網(wǎng)頁的網(wǎng)站就有20個(gè)鏈接。,圖1.15完全網(wǎng)格的框圖,16.06.2020,.,18,5.混合形式,當(dāng)廣義樹太大時(shí)，由于層次太窄，將隱藏太多的信息。線型結(jié)構(gòu)提供太少的用戶控制，而一個(gè)純Web網(wǎng)絡(luò)則具有太多的用戶控制。由此提出了一種叫做混合形式或混合層次結(jié)構(gòu)，樹是該結(jié)構(gòu)的主要形式?；旌闲问街邪€型、跳越（跨越層次的鏈接）和網(wǎng)格結(jié)構(gòu)?；旌蠈哟谓Y(jié)構(gòu)如圖1.16所示?；旌蠈哟谓Y(jié)構(gòu)可能是Web網(wǎng)站中使用最普遍的網(wǎng)站組織形式。,16.06.2020,.,19,1.4用戶和網(wǎng)站結(jié)構(gòu)

8、,用戶訪問一個(gè)網(wǎng)站時(shí)有三個(gè)階段。首先是進(jìn)入該網(wǎng)站其次是訪問該網(wǎng)站也可以稱為訪問階段最后是訪問的結(jié)束，用戶從網(wǎng)站退出。,16.06.2020,.,20,1.5網(wǎng)站的深度,從理論上講，一個(gè)好的規(guī)則是用戶點(diǎn)擊三次可以找到所需的內(nèi)容。因此設(shè)計(jì)時(shí)建議以三次點(diǎn)擊找到信息內(nèi)容為目標(biāo)。建議：每次點(diǎn)擊都提供到達(dá)目標(biāo)的正面反饋信息,如果最多只需要三次點(diǎn)擊，則不需要反饋信息。,16.06.2020,.,21,1.6Web網(wǎng)站的類型,根據(jù)信息流轉(zhuǎn)、傳遞及提供服務(wù)的方式，通?？梢詫⒕W(wǎng)站分為：政府類網(wǎng)站、電子商務(wù)類網(wǎng)站、信息資源服務(wù)類網(wǎng)站、在線查詢類網(wǎng)站、遠(yuǎn)程教育網(wǎng)站、咨詢求助類網(wǎng)站和娛樂類網(wǎng)站等。不同類型的網(wǎng)站的目標(biāo)、

9、訪問者和其特征都有顯著的特點(diǎn)，因此對(duì)不同形式的網(wǎng)站，其設(shè)計(jì)方案也是不同的。,16.06.2020,.,22,1.6.1政府類網(wǎng)站,1.動(dòng)態(tài)信息發(fā)布功能2.在線調(diào)查功能3.全文檢索功能4.公文傳送,16.06.2020,.,23,1.6.2電子商務(wù)網(wǎng)站,電子商務(wù)類網(wǎng)站是指著重提供主要用來支持一些組織的商業(yè)運(yùn)作、網(wǎng)上電子商務(wù)活動(dòng)的網(wǎng)站。電子商務(wù)常見的模式為企業(yè)對(duì)企業(yè)(BtoB)企業(yè)對(duì)客戶(BtoC)客戶對(duì)客戶(CtoC)客戶對(duì)企業(yè)(CtoB)客戶對(duì)政府機(jī)構(gòu)(CtoG)商業(yè)機(jī)構(gòu)對(duì)行政機(jī)構(gòu)(BtoG)模式,16.06.2020,.,24,1企業(yè)對(duì)企業(yè)(BtoB),我國(guó)的阿里巴巴網(wǎng)站是一家以BtoB形式

10、為主要模式的電子商務(wù)網(wǎng)站，它是在國(guó)際貿(mào)易領(lǐng)域中最大、最活躍的網(wǎng)上市場(chǎng)之一，擁有200個(gè)國(guó)家或地區(qū)注冊(cè)的56萬會(huì)員，每天提供來自全球最新的3000多個(gè)商業(yè)機(jī)會(huì)。我國(guó)著名的電子商務(wù)網(wǎng)站阿里巴巴的主頁（,16.06.2020,.,25,2企業(yè)對(duì)客戶（BtoC）,BtoC是BusinesstoConsumer的簡(jiǎn)稱，是企業(yè)與消費(fèi)者之間進(jìn)行的電子商務(wù)活動(dòng)。這類電子商務(wù)主要是借助于國(guó)際互聯(lián)網(wǎng)所開展的在線式銷售活動(dòng)。如網(wǎng)上提供鮮花、書籍、計(jì)算機(jī)、汽車和各種消費(fèi)商品交易和服務(wù)的各種類型的網(wǎng)絡(luò)商務(wù)中心。,16.06.2020,.,26,3客戶對(duì)客戶（CtoC）,淘寶網(wǎng)站，是一個(gè)集個(gè)人競(jìng)價(jià)、集體議價(jià)、標(biāo)價(jià)求購(gòu)和在

11、線拍賣四種交易方式于一體的CtoC電子商務(wù)平臺(tái)。主要提供買賣信息、在線交易和信用保障在內(nèi)的一系列解決方案，淘寶網(wǎng)主頁()。,16.06.2020,.,27,1.6.3企業(yè)信息網(wǎng)站,企業(yè)信息門戶(EnterpriseInformationPortal，EIP)的基本作用是為人們提供企業(yè)信息。企業(yè)信息門戶提供了一個(gè)了解企業(yè)的訪問入口，所有訪問者都可以通過這個(gè)入口獲得個(gè)性化的信息和服務(wù)。對(duì)企業(yè)來說，信息門戶既是一個(gè)展示企業(yè)的窗口，又可以無縫地集成企業(yè)的內(nèi)容、商務(wù)活動(dòng)及社區(qū)等，動(dòng)態(tài)地發(fā)布存儲(chǔ)在企業(yè)內(nèi)部和外部的各種信息，同時(shí)還可以支持網(wǎng)上的虛擬社區(qū)。企業(yè)信息門戶強(qiáng)調(diào)對(duì)結(jié)構(gòu)化與非結(jié)構(gòu)化數(shù)據(jù)的收集、訪問、管

12、理和無縫集成，這類門戶必須提供數(shù)據(jù)查詢、分析和報(bào)告等基本功能，企業(yè)員工、合作伙伴、客戶及供應(yīng)商都可以通過企業(yè)信息門戶方便地獲取自己所需的信息。,16.06.2020,.,28,1.6.4信息資源服務(wù)類網(wǎng)站,著重提供Internet網(wǎng)絡(luò)資源和免費(fèi)服務(wù)的網(wǎng)站.資源包括電子刊物、自由軟件、圖片、電子圖書、技術(shù)資料、音樂和影視等免費(fèi)服務(wù)包括電子郵件、BBS、虛擬社區(qū)、免費(fèi)主頁、傳真等,16.06.2020,.,29,1.6.5導(dǎo)航類網(wǎng)站,導(dǎo)航類網(wǎng)站是幫助人們探索因特網(wǎng)的網(wǎng)站,被稱為門戶網(wǎng)站.導(dǎo)航類網(wǎng)站也包括搜索引擎或網(wǎng)站目錄，這些是門戶網(wǎng)站的關(guān)鍵。,16.06.2020,.,30,1.6.6娛樂網(wǎng)站,

13、娛樂游戲是工作和學(xué)習(xí)之余的消遣。特別是網(wǎng)上游戲深受青少年的青睞。娛樂游戲類網(wǎng)站，就是提供各種娛樂方式和在線游戲的網(wǎng)站，例如近年來非常流行的“聯(lián)眾世界”（主頁地址為）。,16.06.2020,.,31,1.6.7個(gè)人網(wǎng)站,“擁有自己的個(gè)人主頁”對(duì)于那些追求時(shí)尚、新事物的年輕人具有特別的誘惑。國(guó)內(nèi)、國(guó)際的很多ISP也不失時(shí)機(jī)地推出了免費(fèi)個(gè)人主頁空間，吸引個(gè)人“發(fā)燒友”的加盟。一些個(gè)人主頁設(shè)計(jì)者根據(jù)自己的個(gè)人愛好在網(wǎng)上搭建起自己的“屋”，聚集愛好相投的網(wǎng)上朋友共同切磋。,16.06.2020,.,32,1.6.8教育類網(wǎng)站,是利用互聯(lián)網(wǎng)進(jìn)行遠(yuǎn)程教育服務(wù)的網(wǎng)站。遠(yuǎn)程教育網(wǎng)站一般開設(shè)的欄目有：網(wǎng)上課程、

14、網(wǎng)上雜志、趣味游戲、社區(qū)服務(wù)、職業(yè)天地等。,16.06.2020,.,33,1.6.9財(cái)經(jīng)類網(wǎng)站,上海證券之星是中國(guó)最大的金融證券類互聯(lián)網(wǎng)站之一，同時(shí)也是目前國(guó)內(nèi)金融證券業(yè)最重要的應(yīng)用服務(wù)提供商(ISP)之一。它是國(guó)內(nèi)最早開通的金融證券類網(wǎng)站，在亞洲互聯(lián)網(wǎng)站中，它是首家通過ISO9001認(rèn)證，2003年06月注冊(cè)用戶突破600萬。作為中國(guó)最大的金融證券互聯(lián)網(wǎng)站,證券之星以“理性、務(wù)實(shí)、創(chuàng)新、遠(yuǎn)見”為經(jīng)營(yíng)理念。,16.06.2020,.,34,1.6.10新聞網(wǎng)站,新聞網(wǎng)站主要是以幫助的方式通知人們一些事件，以便使人們獲取足夠的信息，新聞網(wǎng)站能把訪問者的注意力轉(zhuǎn)換成商業(yè)利潤(rùn)。,16.06.2020,.,35,本章小結(jié),本章介紹了Web網(wǎng)站的結(jié)構(gòu)和分類。目的是要在設(shè)計(jì)網(wǎng)站時(shí)從網(wǎng)站的性質(zhì)、內(nèi)容和用戶群等多個(gè)方面去考慮。公共網(wǎng)站的訪問者群體很松散，對(duì)用戶的考慮影響到網(wǎng)站的設(shè)計(jì)思路。商業(yè)網(wǎng)站和娛樂網(wǎng)站相比，就有很多不同，設(shè)計(jì)者應(yīng)該注意對(duì)網(wǎng)站不要采用相同的設(shè)計(jì)標(biāo)準(zhǔn)，而不管訪問者和用途是什么。一些網(wǎng)站使用簡(jiǎn)單的體系結(jié)構(gòu)，像線型結(jié)構(gòu)，而另一些網(wǎng)站則展示了復(fù)雜的層次或混合的形式。當(dāng)設(shè)計(jì)網(wǎng)站結(jié)構(gòu)時(shí)，應(yīng)該注重認(rèn)識(shí)科學(xué)方面的考慮，盡量做到對(duì)點(diǎn)擊深度和鏈接寬度的平衡。設(shè)計(jì)者應(yīng)該