1、網(wǎng)站基礎知識,1.1 網(wǎng)站的基本構成,1.1.1 WWW簡介 WWW是World Wide Web的縮寫，中文譯名為“萬維網(wǎng)”，它作 為Internet上的新一代用戶界面，摒棄了以往純文本方式的信 息交互手段，而采用超文本(HyperText）方式。 利用該技術為用戶提供全球范圍的多媒體信息服務，并使用戶 獲取信息的手段有了根本性的改善，與之密切相關的概念就是 瀏覽器（Brower），瀏覽器實際上就是用于網(wǎng)上瀏覽的應用程 序，程序的主要作用是顯示網(wǎng)頁和解釋腳本。對一般設計者而 言，不需要知道有關瀏覽器實現(xiàn)的程序細節(jié)，只要知道如何熟 練掌握和使用即可。 WWW是附著在Internet上的覆蓋全球

2、信息的“蜘蛛網(wǎng)”，是當前 Internet上最受歡迎、最為流行、最新的信息檢索服務系統(tǒng)。,2,1.1.2 什么是網(wǎng)站 所謂網(wǎng)站（website）即網(wǎng)絡站點，是指連接到互聯(lián)網(wǎng)上， 包含特定內(nèi)容的網(wǎng)頁的有序集合。它擁有域名或地址并提 供一定網(wǎng)絡服務的主機，其中域名指網(wǎng)站所在的位置，主 機指提供存放文件所在的空間，網(wǎng)絡指提供訪問站點的物 理鏈路，也就是網(wǎng)站的接入，服務指提供網(wǎng)站功能和訪問 形式。,1.1 網(wǎng)站的基本構成,3,1.1.3 網(wǎng)頁的概念 網(wǎng)頁是一種可以在WWW上傳輸并被瀏覽器識別、翻譯并 顯示出來的特殊文件。 一般我們常見到的網(wǎng)頁文件是 HTML【Hypertext MarkupLangu

3、age，超文本標記語言】 文件。 所謂“超文本”就是指頁面內(nèi)除文本外，還可以包含圖片、 鏈接、音頻甚至視頻等非文字的組成部分。,1.1 網(wǎng)站的基本構成,4,1.1.4 協(xié)議 協(xié)議（Protocol）是關于信息格式及信息交換規(guī)則的正式描述。 在信息技術中，協(xié)議就是一些特殊的規(guī)則集合，它被通信的接 收方和發(fā)送方認可，收發(fā)雙發(fā)均以這種規(guī)則對信息加以解釋。 在網(wǎng)絡的各層中存在著許多協(xié)議。它是定義通過網(wǎng)絡進行通信 的規(guī)則，接收方和發(fā)送方對應層的協(xié)議必須一致，否則一方將 無法識別另一方發(fā)的信息，以這種規(guī)則規(guī)定雙方完成信息在計 算機之間的傳送過程。 在Internet上，它統(tǒng)一了人們在網(wǎng)上的交流方式。HTT

4、P協(xié)議【 Hypertext Transfer Protocol，超文本傳輸協(xié)議】是用來在 Internet上傳送超文本的傳送協(xié)議。它是運行在TCPIP協(xié)議 族之上的最常用的傳輸協(xié)議。,1.1 網(wǎng)站的基本構成,5,1.1.5 HTML HTML即超文本標記語言，是WWW的描述語言。 設計HTML語言的目的是為了能把存放在一臺電腦中的文 本或圖形與另一臺電腦中的文本或圖形方便地聯(lián)系在一 起，形成有機的整體。 HTML文本是由HTML命令組成的描述性文本，HTML命令 可以說明文字、圖形、動畫、聲音、表格、鏈接等。HTML的 結構包括頭部（Head）、主體（Body）兩大部分，其中頭部 描述瀏覽器

5、所需的信息，而主體則包含所要說明的具體內(nèi) 容。,1.1 網(wǎng)站的基本構成,6,1.1.6 超文本 超文本（Hypertext）是把一些信息根據(jù)需要連接起來的信 息管理技術，人們可以通過 一個文本的鏈指針打開另一 個相關的文本，只要用鼠標點一下文本中通常帶下劃線的 條目， 便可獲得相關的信息。,1.1 網(wǎng)站的基本構成,7,1.1.7 超鏈接 網(wǎng)頁的出色之處在于能夠把超鏈接（Hyperlink）嵌入網(wǎng)頁 中，這使用戶能夠從一個網(wǎng)頁站點方便地轉移到另一個相 關的網(wǎng)頁站點。 它可以指向其他網(wǎng)頁文件、多媒體文件、圖像甚至程序。 超鏈接是內(nèi)嵌在文本或圖像中的，文本超鏈接在瀏覽器中 通常是帶下劃線，而圖像超鏈

6、接是看不到的，但如果用戶 的鼠標指向它，則鼠標的指針通常會變成手指狀（文本超 鏈接也是如此）。,1.1 網(wǎng)站的基本構成,8,1.1.8 網(wǎng)站的基本構成 1網(wǎng)站前臺 網(wǎng)站前臺是指普通訪問者或普通用戶訪問的網(wǎng)站頁面。一般 由HTML網(wǎng)站頁面與CSS樣式構成。 2網(wǎng)站后臺 網(wǎng)站后臺是指供管理人員使用的、普通用戶一般無法訪問的 網(wǎng)站頁面?？梢杂葾sp或Jsp等其他動態(tài)網(wǎng)站設計程序與網(wǎng)站 數(shù)據(jù)庫組成。 現(xiàn)在的網(wǎng)站系統(tǒng)，一般都是由后臺生成前臺，可以方便、高效 、系統(tǒng)地管理網(wǎng)站中的任何信息和內(nèi)容。 幾乎所有網(wǎng)站的應用功能的開發(fā)都將使用到后臺數(shù)據(jù)庫。因 此，網(wǎng)絡數(shù)據(jù)庫技術與網(wǎng)頁前臺設計的完全結合，是一個網(wǎng)站

7、設計成功的前提。,1.1 網(wǎng)站的基本構成,9,1.1.9 網(wǎng)站與網(wǎng)頁的區(qū)別 1網(wǎng)頁是網(wǎng)站的組成部分之一，網(wǎng)站還有系統(tǒng)程序和數(shù)據(jù) 庫等組成部分。 2網(wǎng)站以動態(tài)化管理為基本特征。 3更新方式不同。 4網(wǎng)站能方便地實現(xiàn)管理功能和信息查詢。 5網(wǎng)站以數(shù)據(jù)庫為核心。 6網(wǎng)站需要服務器驅動。 7網(wǎng)站支持郵件服務器。,1.1 網(wǎng)站的基本構成,10,1.2 網(wǎng)站的類型,1.2.1 按開辦網(wǎng)站的主體以及目的分類 按開辦網(wǎng)站的主體以及目的分類可分為： 政府網(wǎng)站、企業(yè)網(wǎng)站、商業(yè)網(wǎng)站、教育科研機構網(wǎng) 站、個人網(wǎng)站、其他非盈利機構網(wǎng)站以及其他類型 等。,11,1.2.2 按信息流轉和提供的服務方式劃分 1門戶類網(wǎng)站 2

8、資訊類 3娛樂游戲類 4電子商務類 5交易類 6企業(yè)類 7政府類 8個人主頁類 9資源服務類 10遠程教育類網(wǎng)站 11其他,1.2 網(wǎng)站的類型,12,1.3 建立網(wǎng)站的目的,1.3.1 為什么要建立網(wǎng)站 1競爭的需要。 2可以迅速樹立政府或企業(yè)形象。 3可以讓更多的人獲得所需的商業(yè)信息或其他資訊。 4可以銷售產(chǎn)品并為來訪者提供服務同時可得到相應的反饋。 5可以吸引公眾的注意力，及時發(fā)布時間性強的信息，提供圖片、聲音和視頻文件，使公司的宣傳達到聲情并茂。 6可以進入一個高需求的市場，甚至可以開拓國際市場。 7可以回答用戶經(jīng)常關心的問題，提供24小時服務，同你的銷售人員隨時保持聯(lián)系。 8、可以盡可

9、能快地更新信息。 9、檢驗市場服務和產(chǎn)品。 10、聯(lián)系媒介。,13,1.3.2 如何建立成功的網(wǎng)站 在建立網(wǎng)站前必需考慮以下幾個問題： 1建網(wǎng)站的目的是什么？ 2網(wǎng)站規(guī)模的大?。?3、你希望或者需要獨立域名嗎？ 4、網(wǎng)站的主要訪問目標是什么人或者群體？ 、基于什么樣的的受眾定位，確定網(wǎng)站的設計特色？ 6、如何推廣網(wǎng)站？網(wǎng)上、網(wǎng)下或者兩者并舉？ 是否希望網(wǎng)站帶來哪類額外收入？ 、準備如何經(jīng)營這個網(wǎng)站？ 、投入的預算是多少？,1.3 建立網(wǎng)站的目的,14,1.4 建立網(wǎng)站的流程,建立網(wǎng)站的流程大致可以分成四個主要階段，如圖所示。,15,域名知識,域名（Domain Name），是由一串用點分隔的名

10、字組成的Internet上某一臺計算機或計算機組的名稱，用于在數(shù)據(jù)傳輸時標識計算機的電子方位（有時也指地理位置），目前域名已經(jīng)成為互聯(lián)網(wǎng)的品牌、網(wǎng)上商標保護必備的產(chǎn)品之一。,域名分類,.com 用于商業(yè)公司 .cn國內(nèi)頂級域名 .org 用于組織協(xié)會 .net 用于網(wǎng)絡服務 .gov 用于政府部門 .edu 用于教育機構 .mil 用于軍事領域 其他的可以自由學習,域名的表現(xiàn)形式,域名： 國際域名： 國內(nèi)域名： www.zhonghao.cc 中文域名：www.中昊.com www.中昊.cn www.中昊.公司 www.中昊.網(wǎng)絡 www.中昊.中國,空間,一般俗稱的“網(wǎng)站空間”就是專業(yè)名詞

11、“虛擬主機”的意思。就是把一臺運行在互聯(lián)網(wǎng)上的服務器劃分成多個“虛擬”的服務器，每一個虛擬主機都具有獨立的域名和完整的Internet服務器（支持WWW、FTP、E-mail等）功能。九二合租一臺服務器上的不同虛擬主機是各自獨立的，并由用戶自行管理。但一臺服務器主機只能夠支持一定數(shù)量的虛擬主機，當超過這個數(shù)量時，用戶將會感到性能急劇下降。 虛擬主機技術是互聯(lián)網(wǎng)服務器采用的節(jié)省服務器硬體成本的技術，虛擬主機技術主要應用于HTTP服務，將一臺服務器的某項或者全部服務內(nèi)容邏輯劃分為多個服務單位，對外表現(xiàn)為多個服務器，從而充分利用服務器硬體資源。如果劃分是系統(tǒng)級別的，則稱為虛擬服務器。,1.5 創(chuàng)建網(wǎng)

12、站的幾種方法,1.5.1 網(wǎng)站設計的常用應用軟件 1FrontPage Microsoft出品的網(wǎng)頁制作軟件，有典型的微軟辦公軟件界面，簡 單易學，它是網(wǎng)頁制作的入門軟件。 2Photoshop Adobe公司出品，是功能強大的專業(yè)圖形軟件，可以制作任何平 面效果。它是網(wǎng)頁圖像處理方面的首選軟件。 3Dreamweaver Macromedia公司出品，是“所見即所得”可視化網(wǎng)頁編輯軟件。 它是高級網(wǎng)頁設計者的首選。,20,1.5 創(chuàng)建網(wǎng)站的幾種方法,1.5.1 網(wǎng)站設計的常用應用軟件 4Fireworks Macromedia公司出品，用于制作網(wǎng)站標志、進行平面圖像處理 ，并可以輕松創(chuàng)作GI

13、F動畫。 5Flash Macromedia公司出品，用于制作動態(tài)頁面、動畫和頁面廣告， 做出的動畫聲音和動畫效果都是其他軟件無法比的。它與 Dreamweaver和Fireworks一起合稱為“網(wǎng)頁制作三劍客”。,21,1.5.2 網(wǎng)站設計的編程語言 與網(wǎng)站設計相關的程序語言有下列幾種： 1HTML語言 它是一種用來撰寫網(wǎng)頁的程序語言，用來表示W(wǎng)eb文檔的規(guī)范。 顧名思義，HTML使用標記符來確定網(wǎng)頁顯示的格式。 雖然HTML原始文件為純文本文件，沒有圖片和動畫等多媒體組 件，但卻包含了指向這些多媒體組件的指針。 每個Web頁對應一個HTML文件，當打開HTML的文件后，便可 看到不同文本屬

14、性、圖片和動畫等很多效果。HTML文件的擴展 名為.html或.htm。,1.5 創(chuàng)建網(wǎng)站的幾種方法,22,1.5.2 網(wǎng)站設計的編程語言 與網(wǎng)站設計相關的程序語言有下列幾種： 2XML語言 XML語言是Extensible Markup Language的縮寫，中文澤為“ 可擴展標記浯言”，主要的用途是在Internet上傳送或處理數(shù)據(jù)。 XML與HTML不是并列的概念，它可以說是HTML的補丁，以便 彌補HTML語言中的不足。 比如，在HTML語言中不允許用戶自定義控制標記符，而在XML 語言中則允許用戶這樣做。XML文件的擴展名為.xml。,1.5 創(chuàng)建網(wǎng)站的幾種方法,23,1.5.2

15、網(wǎng)站設計的編程語言 與網(wǎng)站設計相關的程序語言有下列幾種： 3VRML語言 VRML語言是Virtual Reality Modeling Language的縮寫，中 文譯為“虛擬實境描述模塊語言”，主要的用途是描述物體的三維 空間信息，使游覽者可以看到三維物體。 游覽者不僅可以看到物體的正面，還可以將物體加以旋轉、拉遠 、拉近或者是從各個角度來觀察物體。,1.5 創(chuàng)建網(wǎng)站的幾種方法,24,1.5.2 網(wǎng)站設計的編程語言 4CSS語言 CSS語言是Caseading Style Sheets的縮寫，中文譯為“層疊樣 式表”，主要的用途是定義網(wǎng)頁數(shù)據(jù)的編排、格式化、顯示及特殊 效果等，可以彌補HT

16、ML的某些不足。 5瀏覽器端Script腳本語言 腳本（Script）是一段嵌在HTML原始代碼內(nèi)的小程序。Netscape 公司開發(fā)的JavaScript 和Microsoft公司開發(fā)的VBScript均可用 來撰寫瀏覽器端的腳本，但在使用效果上JavaScript 似乎更勝 一籌。,1.5 創(chuàng)建網(wǎng)站的幾種方法,25,1.5.2 網(wǎng)站設計的編程語言 6服務器端的Script腳本語言 盡管瀏覽器端的腳本已經(jīng)可以完成許多工作，但有些工作 還需要在服務器端執(zhí)行才可以完成。目前常見的服務器 端的腳本語言是ASP程序。 ASP是Active Serve Pages的縮寫，中文譯為“動態(tài)服務 器網(wǎng)頁”。

17、ASP程序是在Microsoft IIS或PWS等Web服務 器執(zhí)行的腳本，通常是由VBScript或是JavaScript撰寫而 成。,1.5 創(chuàng)建網(wǎng)站的幾種方法,26,1.5.2 網(wǎng)站設計的編程語言 7DHTML語言 DHTML（Dynamic HTML），即動態(tài)HTML，它是一種技術 的總稱，它使用HTML、VBScript、JavaScript和CSS等語 言技術使得網(wǎng)頁能夠具有動態(tài)交互功能。 雖然HTML語言可以制作出具有復雜格式的網(wǎng)頁，但這樣 制作出來的網(wǎng)頁中只包含靜態(tài)內(nèi)容，如果網(wǎng)頁上有任何信 息需要更新，瀏覽器就必須從服務器重新下載整個網(wǎng)頁， 因而造成網(wǎng)絡的極大的負荷。,1.5

18、創(chuàng)建網(wǎng)站的幾種方法,27,1.5.3 網(wǎng)站建設常用數(shù)據(jù)庫技術 1數(shù)據(jù)庫系統(tǒng) 數(shù)據(jù)庫系統(tǒng)是指含有以下部分的不同的數(shù)據(jù)庫軟件組件 和數(shù)據(jù)庫的集合： （1）數(shù)據(jù)庫應用程序 （2）前端（即客戶端）組件 （3）數(shù)據(jù)庫管理系統(tǒng) （4）數(shù)據(jù)庫,1.5 創(chuàng)建網(wǎng)站的幾種方法,28,2常用的網(wǎng)站后臺數(shù)據(jù)庫,1.5 創(chuàng)建網(wǎng)站的幾種方法,29,1.5.4 創(chuàng)建網(wǎng)站的幾種方法比較 1PHP超文本預處理器（Hypertext Pre-processor）是開放源代碼服務器端的腳本語言，在語法上同C語言非常類似。 2ASP動態(tài)服務頁面（Active Server Pages） 3. ASP.NET 4. JSP 結論：可以

19、根據(jù)操作系統(tǒng)平臺和網(wǎng)站規(guī)模來選擇開發(fā)工具。 Windows操作系統(tǒng)上，適用于小型網(wǎng)站的工具是 ASP+ACCESS或ASP.NET+ACCESS，大型網(wǎng)站剛選用 ASP+SQL SERVER或ASP.NET+SQL SERVER較合適。 Linux操作系統(tǒng)上，大型網(wǎng)站可以用JSP+ORACLE，而中小 型網(wǎng)站選用PHP+MySql。,1.5 創(chuàng)建網(wǎng)站的幾種方法,30,模板網(wǎng)站建設與個性化設計區(qū)別,自助模板建站，是用戶登錄到服務商的在線共用 平臺，選擇一套滿意的模板，然后設置里面具體 欄目和一些基本屬性后，便快速生成一個簡單 的網(wǎng)站。 專業(yè)建網(wǎng)站，是根據(jù)客戶的具體要求和企業(yè)的具 體特點，進行專業(yè)

20、策劃版面和功能，量身定制， 設計一個充分展示企業(yè)風采，實現(xiàn)企業(yè)電子商務 功能需求的專業(yè)網(wǎng)站。,31,模板網(wǎng)站建設與個性化設計區(qū)別,專業(yè)建站和自助模板建站最大區(qū)別在于專業(yè)建站 具有風格和功能的定制性，自助模板建站大多是 套用一種模式不能開展網(wǎng)絡營銷，所有企業(yè)都在 套用他們的一套系統(tǒng)，自助建站最大的優(yōu)勢是價 格便宜，建站時間短。因為幾乎沒有成本，只要 一個程序就可以自動建立成千上萬大同小異的網(wǎng) 站了。,模板網(wǎng)站建設與個性化設計區(qū)別,一、缺乏個性且功能簡單 大多數(shù)自助建站工具將制作速度作為衡量標準，甚至提出了“ 三分鐘建站”口號。三分鐘建好一個主頁，在技術上并不困難 ，但用戶不禁會問：三分鐘建好的頁面好看嗎？風格有個性嗎 ？功能好用嗎？細節(jié)完善嗎？代碼SEO優(yōu)化了嗎？ 二、不能自由地移植 由于管理和維護工作必須在服務商的服務器上完成，因此用戶 的網(wǎng)站也被捆綁在該公司的服務器上，用戶不能自由地移植， 限制了用戶自由選擇的權利，一旦服務器出問題，網(wǎng)站的所有 資料也將毀于一旦。不像專業(yè)建站帶有獨立數(shù)據(jù)獨立全套網(wǎng)站 程序和后臺管理， 不管服務器有什么問題，甚至做網(wǎng)站的公司出什么問題，客戶 的網(wǎng)站資料都