初學者的園地【10】

第十篇
網頁有那些形態

適合程度： 初學者 一般程度 進階者 以上均宜
前言：
嚴格說我們可就網頁功能、網頁模組、網頁內容來探討這個問題；除此，對初學者而言，我們還要讓您知道：在網頁製作方面，您還有甚麼要學的東東？

就網頁功能可分謂靜、動態及互動網頁：
靜態網頁：
大多數的 HTML4.0 語法都屬於此類，係以展示文件 <Body>.....</Body> 內容為主，他也是大多數網頁的主要架構。
動態網頁或圖檔：
簡言之，只能由自己本身，產生可自動變化的效果或功能物件，我們都可歸納為動態網頁或圖檔。
如：HTML 的轉頁效果：<META HTTP-EQUIV="refresh" CONTENT="5;URL=http://....">
CSS 的底色變化：這是範例
Layer 的圖層變位： 這是範例
IE 的跑碼鐙： 這是範例
NC 的閃爍文字： 這是範例
客服端的簡易 JavaScript 或 VBScript(IE)：
IE & NS Browser 的背景音樂： 這是範例
使用動畫軟體製作的一些圖檔、文字：
互動網頁：
基本上需要具有客服端與伺服端主機產生回應的功能。
如：CGI 或 ASP 的留言版、討論版、計次器
可處理客服端輸入資料的資料庫，如 CGI、ASP、JAVA、DHTML、Activex(IE)、PHP3 等等。

當今最紅的 DHTML：
DHTML事實上是與一些目前網頁的標準或技術的整合。
簡單說來：
DHTML HTML + 瀏覽器物件 + CSS + Script
HTML Hypertext Markup Language
瀏覽器物件 一組提供 Script 來呼叫的物件模型
CSS Cascading Style Sheets 是一組在樣式排版上的延申標準.
Script Netscape 支援 Java Script，IE 支援 Java Script、JScript、VBScript
從網站建置者的角度來說，DHTML 就是混合 JavaScript、Cascading Style Sheet(CSS) 及一個零碎的文件物件模式 (Document Object Model，DOM) 規格，DOMs 還要等到微軟及網景於未來建置完成後，才能完整。
目前最重要的問題在於，正在擬定的全球資訊網聯盟（World Wide Web Consortium）(W3C) DHTML 標準尚未被微軟或是網景完全的接受。
雖然 DHTML 有著相當酷的功能，但也需要靠適當的瀏覽器才能完全發揮效用。
在第三代瀏覽器 I.E 3 和 Netscape 3 裏，大部份功能是無法顯示的，而在第四代瀏覽器 I.E 4 和 Netscape 4 所支援的 DHTM 的功能又有點不同，這是令網頁製作者最頭痛的問題。

就網頁模組來分：
常見瀏覽視窗型式 ：左【右】分割、上【側】分割、上【中】下分割、上【下】分割、整頁型
就整(單)頁型來分：單欄式、三欄式、兩列三欄式、背景圖式、搖控視窗式...等等。

就網頁內容來分：
就群組關係而言：B2C 公司企業對群體個人 商店-(我 Amazon 電子商務網站)、B2B 公司企業對公司企業 (Commerceone 虛擬市集)、C2C 群體個人對群體個人 (E-bay 電子商務網站)。
就服務對像而言：入口、搜索、個人、公司、銷售、娛樂、教育、公益.....等等。

網頁製作您還有甚麼要學的東東？
分別就 HTML (靜態網頁) + PHOTO (動、靜態圖檔) + Interaction (互動式網頁)。
HTML Tools (以下靜態網頁工具，除HTMLabc外都含有部份動態製作功能)：FrontPage、DreamWeaver、HtmlGate、HTMLabc(Free)。
PHOTO Tools (動、靜態圖檔工具)： 專業型：CorelDraw(9.0)、Illustrator、PhotoShop(6.02)。
實用型：PhotoImpact(5.0)、Paint Shop Pro(6.02)。
動畫型：Gif Animator、Gifcon32(3.2)、Cool3D(3.0)、Flash(4.0)、FireWorks。
智慧型：WebRazor、Jpeg Wizard(1.3.8)、Smart Saver。
影音型：Apple QuickTime Pro、RealProducer。
看圖型：Photo Explorer(5.0)、AcdSee(2.41)。
Interaction Program (互動式程式)：
Java Applet、JavaScript or VBScript (IE)、CGI (Unex)、ASP (NT)、Flash、DTHML、XML (eXtensible)、SGML (Standard Generalized Markup Launguage)、CSS (Cascading Style Sheet)、Activex (IE)、PHP3 (HTML-embedded scripting language)。 PHP 就像 CGI、ASP 一樣，是一種網路程式介面、他集合了 Perl 及 ASP 的優點，功能強大。

自己評量一下：
分類內容特性代表工具程度
HTML網頁基本語法純文字編輯器入門
Picture基本與進階PhotoImpact初、中級
Animation進階Gif Animator中級
DHTML互動網頁純文字編輯器中級
Flash互動網頁Flash4中、高級
JavaScript互動程式純文字編輯器進階
VBScript互動程式純文字編輯器 (IE)進階
CGI互動程式純文字編輯器進階
ASP互動程式MS IIS進階
PHP3互動程式純文字編輯器進階
Java互動程式性JDK進階
以上詳細使用工具，請參考上面資訊

值得參考的網站：
瀏覽器：MicroSoft Internet Explorer、Netscape Communictor、Opera、KKman More 。
網頁工具：WS-FTP32、CuteFTP More 。
其他工具：GetRight、Winzip、Winrar、TelePort More 。
相關網站： (98.08.22 訂正)
FrontPage URL http://free.elearn.hinet.net/FrontPage/ Go
Dreamweaver URL http://www.adobe.com/products/dreamweaver/ Go
DHtml URL http://www.dynamicdrive.com/ Go
XML URL http://xml.org/ Go
PHP URL http://www.php.net/ Go
Adobe URL http://www.adobe.com Go
Ulead URL http://www.ulead.com.tw/ Go
Flash URL http://www.shockfusion.com Go
RealAudio URL http://www.realnetworks.com/ Go
QuickTime URL http://www.apple.com/quicktime/ Go

結論：
其實 HTML 就是簡單的文字檔 (ASCII) 而已。
請您隨便找個文字檔 (*.txt)，用另存新檔的方式，存為副檔名為 .htm 或 .html，然後左鍵連按兩下，便可打開來看了。
網頁的一切基礎，還是在 HTML 語法，建議您發點時間，好好學習他，不要老是用所見即所得軟體了。
認識網頁，瞭解自己，才能確定您要往那裡走。
這裡有個 HTML 程度檢定小測試，您可以來試試身手。

如何完整取得所有資料：
如果您想完整取得電子報內所有檔案資料，我們提供燒錄光碟片給您 Go 。
凡加入教學或教材會員者，均可獲得以下乙份完整的資料光碟。
詳細內容：語法教學、第一電子報、第二電子報、第三期電子報、網頁圖窟。

結論與建議：
本站所有報導資料，歡迎網友加入鏈結或轉載內容，惟請保留文章完整，並註明此 引用來源 ，謝謝您的支持與配合。
本報每篇報導都花上 8 小時以上搜集、整理及撰稿，絕對值得初學者或想徹底學會 HTML 語法網友永久保存。
強烈建議您 學會 HTML 語法 ，她真的簡單易學，懂了她您就能駕馭她，讓您使用所見即所得軟體更得心應手。
本報導屬於完全免費性質， 索取教材資料 屬個人自由意願，而回饋給您的光碟片，則是我們的誠意而已。
一篇保證前所未見的 HTML 教學課程，絕對是您學習 HTML 的好教材，強烈建議您進入實際體驗一下。
本電子報報導資料，未來將繼續每隔 30 日發表一次，以嘉惠更多想學會 HTML 網友，歡迎 繼續訂閱 。
本報導內容或資料，因限人力、時間，非教學會員，不接受任何疑惑解答，敬請見諒。