一、網頁編輯語言

1、HTML語言

HTML語言是網頁制作的基礎，它是網頁制作中最基本的使用語言。HTML是一種簡單的、基于文本的語言，它使用一系列標記，創建可被瀏覽者使用的文本，它不是一種真正的計算機語言，而是一種描述語言。用其編寫的HTML文件不需要進行編譯，而是靠瀏覽器解釋執行的。

其作用有以下幾點：

• 格式化文本。如設置標題、字體、字號、顏色，設置文本的段落、對齊方式等。
• 建立超鏈接。通過超鏈接檢索網頁，只需用鼠標單擊，就可以得到任何一處的相關信息，還可以獲得其他不同形態的服務。
• 插入圖像。使網頁圖文并茂，還可以設置圖像的各種屬性，如：大小、邊框、布局等。
• 建立表格。表格可以將文本、圖片等網頁數據按行、列排列，以利于用戶快速找到信息，還可以用來設定整個網頁的布局，使整個頁面更規則地放置圖片、文字等數據，使網頁條目清晰。
• 加入多媒體�？梢栽诰W頁中加入音頻、視頻、動畫等多媒體數據，還能設定播放的時間和次數。
• 提供交互式表單。如通�？梢栽贖TML文件中看到的用于信息檢索、訂購產品的輸入頁面上的包含有文本框、復選框、單選按鈕和命令按鈕等控件。

2、DHTML

制作網頁的人都想讓網頁能“嬌麗動人”，靠添加精美的圖片確實能增色不少，但在傳輸和下載過程中會使訪問者因傳輸速率而失去耐心。而DHTML（Dynamic HTML）就能做出很好的動態網頁。經常上網的朋友一定有過這樣的體驗，當打開某個網頁時一張可愛的圖片從左下角徐徐升起，優美極了；或者點擊某個圖片后它突然向下墜落，嚇人一跳。此時你一定嘖嘖稱奇，“絕了！” 這就是DHTML，人見人愛的動態網頁。

動態 HTML（DHTML） 是 Microsoft 對 HTML 4.0 版的增強，是HTML的一種擴展和延伸，它是在HTML的基礎上加入一些特定的標簽來創建一些特殊的對象，其最出色的就是DHTML中“層”這個對象�！皩印庇善胀ǖ腍TML的內容構成，即相關的HTML內容都可定義為一個“層”。每個“層”都相互獨立，可放在網頁中的任何位置上，并可設置為“可見”或“不可見”，然后與一定的腳本語言如JavaScript相互結合運用，便可創建出如逐字移出網頁的文本和網頁間旋轉變換等各種有趣的效果。目前，高版本的瀏覽器都支持DHTML。

3、XML

XML（eXtensible Markup Language）可擴展標記語言，被叫做“第二代WWW開發語言”、“下一代網絡應用基石”，是由W3C于98年2月發布的一種標準，它是SGML的一個應用實例或一種受限形式，但卻具有很強的功能。W3C對XML是這樣描述的：XML描述了一類被稱為XML文檔的數據對象，并部分描述了處理它們的計算機程序的行為。

它的優勢之一是使得人們可以根據要表現的文檔，自由地建立適合自己的標記集合，從而能自由地定義標記來表現具有實際意義的文檔內容。這一特征使得XML在電子商務中，以及政府文件、司法、出版、保險、廠商等信息交換領域一展身手。

Microsoft Office XP中已廣泛支持XML，“另存為XML格式”的實現，標志著XML已成為21世紀的“世界語”了。目前XML已形成了一系列的標準，如：cXML、xCBI、微軟的BizTalk，以及ebXML等。WML（Wireless Markup Language）即無線標記語言是XML的一個應用實例，手機等移動終端通過WML來顯示通過WAP（Wireless Application Protocol，無線應用協議）網關轉換Internet上的文字圖像數據。

4、CSS（層疊樣式表）

CSS是Cascading Style Sheets的縮寫，它由W3C協會所制定，主要的用途是定義網頁數據的編排、顯示、格式化及特殊效果，該標準制定了樣式的基本規則，并規定了格式化網頁元素的語法，包含對字體、顏色、表格、圖片、文本等的規范。因為HTML語言提供的<B>、<I>、<FONT>、<H1>等控制標記雖然可以將數據格式化，但能做到的文字變化有限，而CSS正好彌補了其不足。CSS只有高版本的瀏覽器才能支持。層疊樣式表不是用來取代HTML的語言，它只是對HTML的補充。網頁的制作還是需要利用HTML來編寫的，而層疊樣式表只是用來精確定位頁面元素以及配合JavaScript制作出動態網頁。

5、VRML（虛擬現實建模語言）

VRML是Virtual Reality Modeling Language的縮寫，主要的用途是描述物體的三維空間信息，讓網頁的瀏覽者可以看到3D的物體，也就是說，瀏覽者不僅可以看到物體的正面，還可以看到物體的其他角度的面，或將物體加以旋轉、拉近、拉遠等。

6、Script腳本語言

設計網頁的HTML、XML、CSS等等卻沒有辦法使用變量、流程控制等程序設計語言所具有的功能，從而使得網頁變化繁多、功能齊全，因此Netscape公司和Microsoft公司分別先后推出了JavaScript和VBScript腳本語言來彌補這些網頁編輯語言的不足。JavaScript和VBScript都是一種跨平臺、面向對象的、解釋型的嵌入式腳本語言，不能使用該語言來編寫獨立運行的應用程序，他們只能被嵌寫在其他的語言中，如HTML語言。JavaScript和VBScript都包含了一組對象，如：數組、日期、數學計算、操作符、控制結構等在內的編程語言元素，只不過一個來自于Java，采用了大多數Java的語法規則和基本流控制結構，一個來自于VB，是VB的一個子集，兩者都可以作為客戶端的腳本語言或服務器端的腳本語言。作為客戶端的編程語言，用這些腳本語言所編寫的網頁仍然是HTML文件，由瀏覽器來解釋執行，目前IE和Netscape都能解釋JavaScript的客戶端應用程序，而VBScript腳本的客戶端應用程序只有IE才能解釋；作為服務器端的編程語言，所編寫的網頁已不是HTML文件了，而是其他的應用程序，如與ASP結合起來，形成*.ASP文件，這些文件的解釋由WWW服務器來進行，與瀏覽器的版本和類型無關。

二、網頁編輯工具

1、Adobe pagemill2.0

功能不算強大，但使用起來很方便，適合初學者制作不太復雜的主頁。特色是有一個剪貼板，可以將任意多的文本，圖形，表格拖放到里面，需要時再打開。用pagemill2.0創立多幀頁十分方便，可以同時編輯各幀中的內容。Adobe pagemill允許在HTML代碼上編寫和修改。

2、Netobjects Fusion2.0

是一個于眾不同的網頁制作工具，但它把設計者限定在其特有的工作方式中，制作時你無法編輯HTML。

3、MS FrontPage 98/2000

使用FrontPage98/2000創立網頁，能真正體會到“功能強大，簡單易用”的含義。FrontPage 2000提供了極好的網站管理工具、網頁設計與制作工具以及網站應用程序開發工具�？赏ㄟ^類似Outlook的主窗口來產生報表。維護報表涵蓋的項目包括破碎連結、未歸屬的網頁以及預計的網頁下載時間。預置了50種主題(Themes)，還可以自定義主題功能便于設計者創立頁面風格一致的站點�？梢灾苯泳庉嫳４嫦聛淼膆tml文件的原代碼（包括js腳本和ASP），特別是可以在預覽頁面上直接修改原代碼。方便的數據庫管理，支持最新的WWW開發技術，用FrontPage2000可以編輯HTML、DHTML、script、XML、VML。

4、HotDog Professional4.0

是較早基于代碼的網頁開發工具，主要針對那些希望在頁面中加入CSS、Java、RealVideo等復雜技術的高級設計者。界面與Homesite相似，但不能自由定制。最具特色的是提供了許多向導工具，幫助設計者制作頁面中的復雜部分。在http：//www.sausage.com 站點提供大量站點下載工具、Java動畫工具、按鈕編輯工具，加強了HotDog功能。

5、Homesite 3.0

屬于基于代碼的網頁制作工具，功能上給代碼編輯者提供了極大的方便。Homesite工作界面繁簡由人，根據習慣，可以將其設置成象Notepad一樣簡單的編輯窗口，也可以在復雜的界面下工作。Homesite具有良好的站點管理功能，鏈接確認向導可以檢查一個或多個文檔的鏈接狀況。

6、Dreamweaver

Dreamweaver是美國Macromedia公司開發的集網頁制作和管理網站于一身的所見即所得網頁編輯器，它是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。它可以用最快速的方式將Fireworks，FreeHand，或Photoshop等檔案移至網頁上，制作效率高；以全網站內容管理的方式使得復雜的網站更新變得迅速又簡單；是唯一提供Roundtrip HTML、視覺化編輯與原始碼編輯同步的設計工具；Dreamweaver將內容與設計分開，應用於快速網頁更新和團隊合作網頁編輯；利用Dreamweaver設計的網頁，可以全方位的呈現在任何平臺的熱門瀏覽器上。

7、Golive 5

對于國內的絕大多數網頁設計者來說，Golive是一個非常陌生的軟件，它是Adobe公司推出的一個優秀的可視化網頁開發工具。它除了能完成DreamWeaver中的操作外，還提供有更加靈活的源代碼編輯器，能快速方便地編輯、檢查HTML代碼，而且能非常容易地增加動態HTML、層疊樣式表、編輯QuickTime物件，還預設有JavaScript事件和更加先進的網站管理功能，預覽設計結果也更加方便

三、網絡數據庫技術

1、ODBC技術

ODBC（Open Databse Connectivity）是一種API規范，它是一個數據庫訪問函數庫，應用程序可以通過它們直接操作數據庫中的數據，它適用于多種DBMS產品。

2、SQL語言

SQL是Structured Query Language （結構化查詢語言）的縮寫，是用于關系型數據庫通信的標準語言，目前所有的關系數據庫管理系統都支持SQL，從大型關系數據庫Oracle、Informix、Sybase 等到個人計算機上使用的Foxpro、Access等都不例外。它包括數據定義（data definition）、數據查詢（data query）、數據操縱（data manipulation）和數據控制（data control）功能四部分，其中查詢是SQL語言最重要的組成部分。

四、WWW數據庫接口技術

1、CGI（Common Gateway Interface）

CGI即通用網關接口，是早期建立應用程序與WWW服務器之間接口的標準，其工作方式是：用戶通過瀏覽器用HTTP以Form（表單）向WWW服務器發出請求；WWW服務器接收對CGI的請求，用一個子進程啟動CGI，將用戶的請求傳給CGI；CGI向服務器，即DBMS發出請求，數據庫執行相應的查詢操作；數據庫服務器將服務請求返回給CGI；CGI將查詢結果轉成網頁形式返回給WWW服務器，WWW服務器再通過HTTP將網頁傳給用戶的瀏覽器顯示出來。只要遵循CGI標準編寫的服務器端可執行的應用程序都稱之為CGI程序。它可在客戶端瀏覽器和WWW服務器間進行交互，也可通過數據庫編程接口與數據庫服務器等外部數據源進行通信。CGI程序可用C、C++、Perl、Shell和VB等語言來編寫，它的開發與普通程序的開發并無區別，只是要遵從CGI標準。

2、Web API

WWW服務器提供商為擴展其服務器的性能，都各自開發API應用程序接口來取代CGI。目前最流行的2種API分別是Microsoft的ISAPI（Internet Server Application Program Interface），即Internet服務器應用程序接口和Netscape的NSAPI。這2種接口可讓我們以標準方式編寫 WWW服務器交互的應用程序。目前Netscape宣布其NSAPI也支持ISAPI標準，則意味著只有一種Web API標準了。

3、ASP（Active Server Pages）

由于Web API開發的難度，于是微軟推出其ASP技術。ASP是Microsoft于1996年11月推出的一種WWW應用程序開發技術。它既不是編程語言，也不是開發工具，而是一種“技術框架”，其主要功能是為生成動態的交互式的WWW服務器應用程序提供一種功能強大的方法或技術。其主要特性是能夠把HTML、腳本、組件等有機地組合在一起，形成一個能夠在服務器上運行的應用程序，并把按用戶要求專門制作的標準HTML頁面送給客戶端瀏覽器。ASP自身提供VBScript和Jscript兩種腳本引擎，缺省為VBScript。

4、Java/JDBC

Java語言是由SUN公司于1995年推出的，是從C語言衍生而來的一種編程語言，具有簡單性、穩定性、安全性、結構中立性、分布性等特點，是一種強有力的面向對象的網絡編程語言，有一組豐富的對象和類，它可以在任何系統平臺上建立應用程序，這些Applet可以被Internet用戶從WWW服務器上下載到本地瀏覽器運行，如同本地程序一樣獨立地訪問本地和其他服務器資源。利用Java Applet可以方便地實現與用戶的交互，還能提供豐富的圖形功能和聲音、視頻等多媒體功能。

5、JSP

JSP（Java Server Pages）是由Sun Microsystems公司于1999年6月推出的新技術，是基于Java Servlet以及整個Java體系的Web開發技術，是由Sun Microsystems公司倡導，許多公司參與一起建立的一種動態網頁技術標準。

6、PHP

PHP（Personal Home Page）也是一種服務器端腳本語言，是一種真正跨平臺、跨服務器的開發語言，與ASP類似，但PHP是通過Internet合作開發的開放源代碼軟件。最初PHP是由Rasums Lerdorf用Perl編寫的一個CGI程序，以后又用C語言重寫，范圍擴大到訪問數據庫，通過其他一些人的參與，結果出現PHP V3.0。PHP具備以下優點：支持多種系統平臺、具有很好的開放性和可擴充性、版本更新速度快、容易與現有的網頁整合、具有豐富的功能、系統移植速度快。PHP混合了C語言、JAVA語言和PERL語言的特點，有豐富的數據庫操作函數，可以進行當前幾乎所有的數據庫操作。并且PHP為不同平臺下的數據庫設計了專門的函數，能與多種數據庫直接互聯，包括Oracle、Sybase和MySQL等，同時也支持ODBC。

五、其它開發技術

1、靜態圖片制作

（1）Adobe PhotoShop。

Photoshop可以很方便的繪制像素圖形。像素圖形可以和矢量圖形混合編輯，并且矢量和象素無關，可以自由縮放。用戶可以通過一系列的矢量圖形工具對矢量圖形進行多種方式的編輯，包括并、交、差、補等矢量圖形操作。此外其增強的矢量輸出能力可以更好的輸出Postscript和PDF文件。

（2）Fireworks。

一種專門為網頁而誕生的真正的網頁作圖軟件。Fireworks提供專業網絡圖形設計和制作方案。通過它，你可以編輯網絡圖形和動畫，支持位圖和矢量圖。同時它能與Dreamweaver、Flash能實現網頁的無縫連接，與其他圖形程序各HTML編輯也能密切配合，為用戶一體化的網絡設計方案提供支持。Fireworks能完整的支持網頁16進制的色彩模式，提供安全色盤的使用和轉換，要切割圖形、做影像對應(Image Map)、背景透明、要圖又小又漂亮，在Fireworks 中做起來都非常方便，修改圖形也是很容易的。

2、動畫制作

（1）Flash

Flash是交互式矢量圖和WWW動畫的標準。網頁設計者使用Flash創作出既漂亮又可改變尺寸的導航界面以及其他奇特的效果。相信凡是見過Flash技術的人，沒有一個不想掌握它的。它不但易學、易用，而且可以做出有很多動畫的網站，并且聲色結合，是一種很有前途的網頁制作技術。

（2）GIF Animator。

Ulead GIF Animator 5.0 是目前最快和最易使用的GIF動畫工具，它在一個軟件包中提供了頂級的功能，用于動畫編排、編輯、特效和優化。GIF Animator 差不多支持每個主要的文件格式，包括視頻文件，并允許輸出為 Windows AVI、QuickTime 電影、Autodesk 動畫或圖像序列。用戶可以生成適當的 HTML 代碼，以便將動畫嵌入到網頁中，并且可以將動畫打包成獨立的EXE文件，以便通過電子郵件發布和在任何地方來查看。GIF Animator引入了圖層Image Layer概念，可以使用戶創建出效果更加豐富的圖形，甚至是多個圖形之間的疊加，這樣的畫面效果極好。同時程序也提供了近乎專業的層合并、重定義尺寸、Layer Pane多層內容的同步色彩編輯等功能。

（3）COOL 3D 3.0

Ｕlead Cool 3D作為一款優秀的三維立體文字特效工具，廣泛地應用于平面設計和網頁制作領域，最近推出的Cool 3D 3.0版較以前又增加了許多新功能。Cool 3D 3.0主要用來制作文字的各種靜態或動態的特效，如立體、扭曲、變換、色彩、材質、光影、運動等。

3、ActiveX技術

ActiveX是一套不論創建組件之語言為何，也允許軟件組件可在網絡環境下彼此交互的應用技術。ActiveX雖然也可以使用在桌面應用程序與其他程序上，但其主要是用于開發全球廣域網的交互內容上。結合ActiveX應用技術的可重用軟件組件，ActiveX控件可以內置在網頁中，以產生出動畫和其他多媒體效果、交互性對象和一些精巧的程序。它們可以由各式各樣的語言所寫成，包括C，C++，和VisualBasic等。