■ 什么是網(wǎng)頁
現(xiàn)在在你眼前，出現(xiàn)在顯示器上的這個“東西”，就是一個網(wǎng)頁。網(wǎng)頁實際是一個文件，他存放在世界謀個角落的的某一臺計算機中，而這臺計算機必須是與互聯(lián)網(wǎng)相連的。網(wǎng)頁經(jīng)由網(wǎng)址（URL）來識別與存取，當我們在瀏覽器輸入網(wǎng)址后，經(jīng)過一段復雜而又快速的程序（詳見“域名系統(tǒng)”），網(wǎng)頁文件會被傳送到你的計算機，然后再通過瀏覽器解釋網(wǎng)頁的內(nèi)容，再展示到你的眼前。
■ 構成網(wǎng)頁的元素
文字與圖片是構成一個網(wǎng)頁的兩個更基本的元素。你可以簡單的理解為：文字，就是網(wǎng)頁的內(nèi)容，圖片，就是網(wǎng)頁的美觀。
除此之外，網(wǎng)頁的元素還包括動畫、音樂、程序等等。如果想了解更多的話，請參考“商業(yè)建站指南”的“網(wǎng)站的要素”。
■ 揭開網(wǎng)頁的神秘面紗
在網(wǎng)頁上點擊鼠標右鍵，選擇菜單中的“查看源文件”，就可以通過記事本看到網(wǎng)頁的實際內(nèi)容：
screen.width-430)this.width=screen.width-430 align=center border=0>
可以看到，網(wǎng)頁實際上只是一個純文本文件，它通過各式各樣的標記對頁面上的文字、圖片、表格、聲音等元素進行描述（例如字體、顏色、大?。鵀g覽器則對這些標記進行解釋并生成頁面，于是就得到你現(xiàn)在所看到的畫面。
為什么在源文件看不到任何圖片？
網(wǎng)頁文件中存放的只是圖片的鏈接位置，而圖片文件與網(wǎng)頁文件是互相前幾立存放的，甚至可以不在同一臺計算機上。
■ 網(wǎng)頁的類型
通常我們看到的網(wǎng)頁，都是以 htm 或 html 后綴結尾的文件，俗稱 HTML
文件。不同的后綴，分別代表不同類型的網(wǎng)頁文件，例如以CGI、ASP、PHP、JSP甚至其他更多。
HTML
全稱 HyperText Markup
Language，正式名稱是超文本標記語言，利用標記（tag）用來描述網(wǎng)頁的字體、大小、顏色及頁面布局的語言，使用任何的文本編輯器都可以對它進行編輯，與VB、C++等編程語言有著本質(zhì)上的區(qū)別。
舉一個簡單的例子：
HTML 原代碼： <b>goEway.com</b> 從不懂上網(wǎng)到網(wǎng)絡高手
在瀏覽器的顯示效果： goEway.com 從不懂上網(wǎng)到網(wǎng)絡高手
其中 <b></b> 就是兩個HTML標記。它以起始標記<b>及結束標記</b>標記文字
goEway.com，令它顯示成粗體。要知道更多有關HTML的知識，請看“HTML**剖析”
對于網(wǎng)頁制作的初學者來說，理解 HTML
的工作原理是必要的，但也無須仔細地了解到每一個標記的作用，因為現(xiàn)在已經(jīng)有了很好的所見即所得的網(wǎng)頁編輯軟件為我們快速地生成 HTML
代碼，例如 Dreamweaver 和 Frontpage ，再也無須象早期的網(wǎng)頁制作人員一樣，一行一行地編寫代碼了。
以下內(nèi)容，可能會導致部分網(wǎng)友感到不安，敬請留意！
哈哈，開個玩笑而已。但是，對于以下的“網(wǎng)頁類型”，及接著的“網(wǎng)頁相關技術”，的確會讓一些初學者產(chǎn)生恐懼心理，其實不用擔心，在這里，我們只會作簡單的介紹，而作為初學者，也只需作初步的了解就足夠了。就算一時間無法理解，也可以先放在一邊，先看“一些與網(wǎng)頁密切相關的技術”，待日后回過頭來再慢慢消化這部分的內(nèi)容也不遲。
CGI
CGI 全稱為 Common Gateway Interface
?。ü簿W(wǎng)關接口CGI），它是一種編程標準，它規(guī)定了Web服務器調(diào)用其它可執(zhí)行程序（CGI程序）的接口協(xié)議標準。CGI
程式通過讀取使用者的輸入請求從而產(chǎn)生 HTML 網(wǎng)頁。CGI
程序可以用任何程序設計語言編寫，如Shell、Perl、C、Java等，其中更為流行的是Prel。CGI程序通常用于查詢、搜索、或其他的一些交互式的應用。
screen.width-430)this.width=screen.width-430 align=center border=0>
網(wǎng)易虛擬社區(qū)就是使用了CGI
ASP
ASP 全稱為 Active Server Pages（動態(tài)服務器主頁），它一種應用程序環(huán)境，可以利用 VBscript 或
Java Script 語言來設計，主要用于網(wǎng)絡數(shù)據(jù)庫的查詢與管理。其工作原理是當瀏覽者發(fā)出瀏覽請求的時候，服務器會自動將 ASP
的程序碼，解釋為標準 HTML 格式的網(wǎng)頁內(nèi)容，再送到瀏覽者瀏覽器上顯示出來。我們也可以將 ASP 理解為一種特殊的 CGI。
利用 ASP 生成的網(wǎng)頁，與HTML相比具有更大的靈活性。只要結構合理，一個 ASP 頁面就可以取代成千上萬個網(wǎng)頁。盡管 ASP
在工作效率方面較之一些新技術要差，但勝在簡單、直觀、易學，是涉足網(wǎng)絡編程的一條捷徑。
screen.width-430)this.width=screen.width-430 align=center border=0>
ASP是微軟產(chǎn)物，微軟的網(wǎng)站當然也就使用了ASP
PHP
PHP 是 Hypertext Preprocessor
的縮寫，代表：超文本預處理器。其優(yōu)勢在于其運行效率比一般的CGI程序要高，而且，PHP是完全免費，不用花錢，你可以從PHP官方站點（）自由下載。PHP
在大多數(shù) Unix 平臺，GUN/Linux 和微軟 Windows 平臺上均可以運行。
JSP
JSP 與 ASP 非常相似。不同之處在于 ASP 的編程語言是 VBScript 之類的腳本語言， 而 JSP 使用的是 Java
。此外， ASP 與 JSP 還有一個更為本質(zhì)的區(qū)別：兩種語言引擎用完全不同的方式處理頁面中嵌入的程序代碼。在 ASP 下，
VBScript 代碼被 ASP 引擎解釋執(zhí)行；在 JSP 下，代碼被編譯成 Servlet 并由 Java 虛擬機執(zhí)行。
VRML
VRML（Virtual Reality Modeling
Language）就是虛擬實境描述模型語言。是描述三維的物體及其連結的網(wǎng)頁格式。用戶可在三維虛擬現(xiàn)實場景中實時漫游，VRML2.0在漫游過程中還可能受到重力和碰撞的影響，并可和物體產(chǎn)生交互動作，選擇不同視點等（就象玩Quake）。
瀏覽VRML的網(wǎng)頁需要安裝相應的插件，利用經(jīng)典的三維動畫制作軟件3DMAX，可以簡單而快速地制作出VRML。
一些與網(wǎng)頁密切相關的技術
Java
Java 是由 Sun 公司開發(fā)而成的一種編程語言，利用 Jave 寫成的小程序叫做 Java
Applet。使用它可在各式各樣不同種機器、不同種操作平臺的網(wǎng)絡環(huán)境中開發(fā)軟件。而且，不論你使用的是哪一種 WWW
瀏覽器，哪一種計算機，哪一種操作系統(tǒng)，只要WWW瀏覽器上面注明了“支持Java”，你就可以看到生動的主頁。
當初Java面世的時候，曾經(jīng)轟動一時，被認為將會成為 Internet 應用的主要開發(fā)語言。但時至今日，Java
的風頭已大不如前，原因是 Java 也有著起致命的弱點，就是在客戶端的編譯運行的速度慢，資源消耗大。現(xiàn)在 Java
多用于服務器端、及一些復雜的客戶端程序的編寫。
javascript
javascript 具有腳本語言的“簡單”這個特性，編寫容易，不需要有很深的編程經(jīng)驗。javascript
語言是通過嵌入或整合在標準 HTML 語言中實現(xiàn)的，也就是說 javascript 的程序是直接加入在HTML文檔里，當瀏覽器讀取到
HTML 文件中 javascript 的程序，就立即解釋并執(zhí)行有關的操作，無須編譯器，其運行速度比 Java Applet 要快得多。
現(xiàn)在， javascript 已經(jīng)成為了制作動態(tài)網(wǎng)頁必不可少的元素，大家經(jīng)常在網(wǎng)頁上看到的動態(tài)按鈕、滾動字幕，就大多數(shù)都是使用
javascript 技術制作的。
CSS
CSS（Casading Style Sheets 層疊樣式表），跟 HTML
一樣也是一種標記語言，甚至很多屬性都是來源于HTML。利用 CSS
技術，可以有效地對頁面的布局、字體、顏色、背景和其它效果實現(xiàn)更加**的控制。要對相應的代碼做一些簡單的修改，就可以改變同一頁面的不同部分，或者頁數(shù)不同的網(wǎng)頁的外觀和格式。
Flash
Flash 是 Macromedia 公司出品的一個適量動畫制作軟件，用他做出來的動畫就叫Flash動畫，其特點是：
1、動畫具有很強的交互性，我們甚至可以完全使用 Flash 來制作一個網(wǎng)站；
2、采用“準”流（Stream）式的設計，就是說，我們可以一邊下載動畫文件一邊欣賞動畫；
3、由于它是基于矢量的圖形系統(tǒng)，因而只要使用得當，就可以大大地減少文件的數(shù)據(jù)存儲量，所占空間比位圖少得多，非常適合在網(wǎng)絡上使用。同時，矢量圖像可以做到真正的無級放大，這樣，無論用戶的瀏覽器使用多大的窗口，圖像始終可以完全顯示，并且不會降低畫面質(zhì)量。
如果你看過使用了 Flash 技術的網(wǎng)站，你一定會被其神奇的魅力所傾倒。當然，F(xiàn)lash
也有其弊端，就是維護更新不方便，?*擻糜諞恍└縷搗薄⑿畔⒘看蟮耐盡?/P>
DHTML
DHTML 的全稱為 Dynamic HTML，即我們常說的動態(tài) HTML。很多人都誤會 DHTML 是一種語言，其實 DHTML
**是一個概念——通過各種技術的綜合發(fā)展而得以實現(xiàn)的概念，這些技術包括
javascript，VBScript，DOM（document．nbspObject Model，文件目標模塊），Layers（層）
和 CSS 等。DHTML
的目的在于加強網(wǎng)頁的交互性；對用戶的操作在本地就可做實時處理，從而得到更快的用戶響應；使網(wǎng)頁的界面更豐富多變，使頁面設計者可以隨心所欲地表達自己的構思。
動態(tài) HTML 與動態(tài)網(wǎng)頁是兩個不同的概念，你可以簡單的理解為動態(tài) HTML
能使網(wǎng)頁上的元素動起來（如文字的變色，圖片的移動）；而動態(tài)網(wǎng)頁，則是在服務器端動態(tài)地生成你看到的“靜態(tài)”網(wǎng)頁，而這個網(wǎng)頁上的元素，并不一定會“動”。
■ 選擇一個適合自己的網(wǎng)頁編輯工具
了解了網(wǎng)頁的類型及相關技術之后，下一步，就是要選擇一個適合自己的網(wǎng)頁編輯工具。
-------------------------------------------------------------------------------
Frontpage
Frontpage 是 Microsoft 出品的，可能是更簡單、更容易，卻又功能強大的網(wǎng)頁編輯工具。采用典型的 Word
界面設計，只要你懂得使用 Word，就差不多等于已經(jīng)會使用 Frontpage。就算你不懂 Word
也沒關系，“所見即所得”的操作方式會讓你很快上手，而且你無須學習 HTML 語法。
但 Frontpage 的也有其不足之處：首先是瀏覽器兼容性不好，做出來的網(wǎng)頁，用 Netscape
往往不能正常顯示；其次，生成的垃圾代碼多，也會自動修改代碼，導致在某些情況下更為不便；再次，對DHTML的支持不好。但不管怎么說，F(xiàn)rontpage
的確是更好的入門級網(wǎng)頁編輯工具。
常見的版本為 Frontpage98 和 Frontpage2000。
screen.width-430)this.width=screen.width-430 align=center border=0>
Dreamweaver
Dreamweaver 是 Macromedia 公司的產(chǎn)品的另一款“所見即所得”的網(wǎng)頁編輯工具。與 Frontpage
不同，Deamweaver 采用的是 Mac 機浮動面版的設計風格，對于初學者來說可能會感到不適應。但當你習慣了其操作方式后，就會發(fā)現(xiàn)
Dreamweaver 的直觀性與**性是 Frontpage 所無法比擬的。
Dreamweaver 對于 DHTML
的支持特別好，可以輕而易舉地做出很多眩目的頁面**。插件式的程序設計使得其功能可以無限的擴展。Dreamweaver 與
Flash、Firework 并稱為 Macromedia
的網(wǎng)頁制作三劍客，由于是同一公司的產(chǎn)品，因而在功能上有著一個非常緊密的結合。而更新推出的 Dreamweaver UltraDev
更支持 Asp，Jsp。因此，說Dreamweaver 是**網(wǎng)頁制作的前幾選并不為過。
常見的版本為 Dreamweaver3.0 和 Dreamweaver UltraDev 1.0
screen.width-430)this.width=screen.width-430 align=center border=0>
Frontpage 與 Dreamweaver 哪一個更好？
對于這個問題的爭論，自 Dreamweaver 出現(xiàn)之后就一直沒有停過。雖然，兩者確實都有著各自的過人之處，F(xiàn)rontpage
易學，Macromedia **，但總體來說， Dreamweaver
的優(yōu)點更為突出與明顯。在專業(yè)網(wǎng)頁制作的這個圈子之中，幾乎已經(jīng)看不到 Frontpage 的影子了。
代碼編輯類的網(wǎng)頁制作工具
除了以上這些所見即所得的網(wǎng)頁制作工具外，還有一些專門編輯代碼的網(wǎng)頁制作工具，例如
Homesite、Hotdog等。通常使用這些工具的以程序員為主。
■ 掌握一種圖像處理軟件
美工設計是網(wǎng)頁制作的一個重要的組成部分。往往我們說某人能做一手好網(wǎng)頁，實際上上指他有很好的美術設計功底。作為初學者，至少要掌握一個圖像處理軟件。
-------------------------------------------------------------------------------
Photoshop
Photoshop 是 Adobe 出品的更老資格，而又更功能強大的圖像處理軟件。很多人都會被 Photoshop
的復雜功能所嚇倒，其實里面還是有不少“傻瓜”級的功能的。而且，哪怕你不是要處理網(wǎng)頁的圖片，掌握一些基本的 Photoshop
技巧，對于日常的生活、工作也是大有裨益的。
常見版本為 中文Photoshop5.0、Photoshop5.5，更新版本為6.0
screen.width-430)this.width=screen.width-430 align=center border=0>
--------------------------------------------------------------------------------
PhotoImpact
PhotoImpact 是臺灣友立（Ulead）公司推出的一款圖像處理軟件精品。PhotoShop
等專業(yè)級軟件不同，PhotoImpact定位于廣大普通用戶，提供眾多“即拖即有”的現(xiàn)成效果和創(chuàng)意工具。它不**豐富的網(wǎng)頁圖庫，同時也擁有強大的圖形編輯及修片等功能。雖然在**及照片處理方面與
PhotoShop 仍有很大的差距，但勝在操作簡便，是一款“傻瓜級”的圖像處理軟件。
常見版本為 PhotoImpact5.0，更新版本為6.0
screen.width-430)this.width=screen.width-430 align=center border=0>
適量繪圖軟件
以上介紹的都是一些“位圖”處理軟件，如果你更喜歡自己創(chuàng)作的話，也不妨學習一些適量繪圖軟件，例如
CorelDRAW、Freehand、Illustrator等。
網(wǎng)頁制作基礎知識，歡迎咨詢合作。
