網頁構建與基本工具

簡單介紹如下
請按下列

選擇要看項目

HTMLabc 是國人自行開發的 16 位元中文化網頁編寫軟體，作者為宋沛倫先生，非常適合初學者使用；功能及版本雖已不符現代潮流所需，但他的輕巧與方便，蠻適合懂 HTML 標籤的人士。我所有的網站都是靠他完成的，因此我特別也蓷薦給您，有一天您也會發現，用自己的方式寫網頁，才是最好的編輯器。
Netscape Composer 是 Netscape Communicator 完全版或專業版中的一個元件，本來 Netscape Gold 才是獨立的網頁編輯工具，但需要額外下載， Netscape Communicator 的用戶不少，只要一按便可開始製作網頁。其實，Composer 工具很適合初學者，屬「所見即所有」網頁編輯工具，具有簡潔的介面，製作網頁如文書處理，不必具有 HTML 知識。
Microsoft FrontPage 是目前初學者最多人選擇學習的軟體，因為他提供與Word相當類似的操作介面，除了可直接編輯文字或排版圖片外，還可作為網站管理的工具，另外他也能製作簡易圖檔及匯入音樂等元件，可以很容易地與微軟相關產品結合使用。目前大部份已跟隨 Win9x 或 2000 版本，附贈給客戶免費使用。
Macromedia Dreameaver 是目前最受歡迎的專業級網頁排版軟體，他擁有高度的相容性、跨平台、高動態的設計能力；藉由時間軸概念可以為動態圖層，精確的描繪所經路徑；提供圖形化介面，自動產生 HTML 標籤、編輯文字、表格製作、圖層應用等多樣功能。我用的許多動態 DHTML、JavaScript 碼，都是由此取得，但是，我還是喜歡 HTMLabc 比較方便。
Allaire HomeSite 是一個既專業又易用的網頁編輯工具，它的編輯介面是 HTML Source 不像 Composer 那樣「所見即所有」，使用者必須具有少許 HTML 知識，「少許」是指能夠認出及修改標記；很多網路大公司、大機構的網頁都是以 HomeSite 製作的，它編輯的包括 CFML， Script， ASP 等。若你己很熟悉 HTML 標籤及「所見即所有」的編輯工具，可以試試這個工具。
HotDog 是專業的網頁編輯工具，名氣比 HomeSite 大，要求使用者必須要很熟悉 HTML 語言，使用上才不會有困難，最新版本為HotDog Professional 6。以上前三個編輯工具，HTMLabc、Netscape Composer、FrontPage，大多可以免費取得；在我們的光碟片工具篇 (webpage/tools/) 中，您也可以找到 Dreamweaver3 這套中文試用版軟體。

HTML 中文譯成「超文件標記語言」，其中的「超文件」指的是可以利用滑鼠點選的方式，連結到不同的文件以方便瀏覽資料，而「標記語言」則是指設計者在利用 HTML 編寫網頁時，是以標記語言的方式編寫。他是 WWW 上的共通語言，任何的瀏覽器都能夠解讀 HTML，轉換成一頁頁精采活潑的網頁， HTML 實際上是由「ASCII」字元組成，故HTML 編寫出的檔案可說是「純文字檔」。HTML 的主要功能就是編寫網頁，可將文字、圖片、聲音等加到網頁內，但是 HTML 語言只能單向將網頁傳給瀏覽者，並無法產生互動式的網頁！目前 HTML 只到達 4.0 版本。
Java Script 是 Sun 公司和 Netscape 公司合作開發的。Java Script 因為是由 JAVA 發展出來的，所以可算是物件導向 (object-oriented) 語言，也是整合 HTML 由客戶端電腦作解釋的語言。Java Script 可以做許多的動態網頁，例如：精美日曆、慧星游標、歡迎視窗等等 . . .。不管 IE 或 Netscape 都有相容，但少部份語法有些不同，所以 Java Script 在網頁上可是相當的好用，讓網頁更生動。而且它比 JAVA 簡單、易懂，也不用編譯，屬直譯式的程式語言，就算你不是網頁高手，也可以很容易學會簡單修改與套用喔！
Java 原先是一種咖啡名，但 Sun 公司自 Internet 出現後即給予其另一個意義，「跨平台導向語言 Java Language」。Java 並不是專為網頁而設計的，它和 C++ 一樣都是屬於一種高階語言，需經過編譯所以您無法讀取原始碼。而利用 Java 寫出來供網頁使用的就叫 Applet，也就是所謂的 Java Applet。 Java 語言是這應用程式語言中最難學的一個，不要以為它只能用來編寫按鍵、水中倒影等小玩意，如 Java 聊天室、Java 股市報價、互動程式等等，才是他的最大功能。
CGI 的全名是「Common Gateway Interface」，中文翻譯是「共同閘道介面」。而 CGI 事實上並不是一種程式語言，而是一種標準、介面。簡單講 CGI 是用來溝通電腦「客戶端」(Client) 及「伺服器端」(Server)。 CGI 制定了 WWW Server 的環境變數及互傳訊息的規定與格式，讓伺服器端可和客戶端更為方便溝通；CGI 能夠做出留言版、討論區、聊天室、線上購物及搜尋引擎等很多的服務！CGI 是一客端與伺服器溝通的介面，可以由 C/C++， C shell， Perl， Bourne shell， Tcl 等語言所寫成，其中以 Perl 佔大多數。
Active Server Pages 中文譯成動態伺服器網頁(簡稱ASP)，內含於 Internet Information Server(IIS)3.0 或 4.0 版本中，提供一個伺服器端 (Server-Side) 執行的Scripting環境，需結合 HTML 網頁、ASP 指令與 Active X 元件，藉以產生和執行動態、互動、高效率的網站伺服器(Web-Server)的應用程式。其功能和 CGI 差不多，但 ASP 是直接入網頁中，不像 CGI 為獨立的。它可以引用 ADO (ActiveX Data Object)，使建立資料庫更為方便，很可惜的是它只能在 PWS 、IIS 上面執行！ CGI 能做的留言板、討論區、聊天室、會員管理等等 . . . 它都辦得到，其副檔名為 .asp。它可以依使用者不同的要求，將檔案全部讀一次，在將需要的部份編譯後輸出標準的 HTML 格式。這樣除了可讓瀏覽者看到不同的網頁，更可保護你所寫的 ASP 檔。
DHTML 全名是「Dynamic HTML」，中文為「動態網頁超文件標記語言」。不要以為 DHTML 是 HTML 的新版本，雖然他是由 HTML 發展出來，但 DHTML 其實結合了 HTML 4.0、CSS、Java Script及 VBScript 更完美的控制網頁！DHTML 可以將圖片加入濾鏡效果，讓滑鼠所到處出現不同的說明，一般網頁美化、動態效果，它都可以很容易的辦到！除此還有很多很多，您看了都會喜歡的事哦。
PHP PHP(Personal HomePage Tools)語言，發展於 1994 年，直到 1997 年 PHP3 問世，本身包含 C、Perl 語言的語法特性。優點在於擁有龐大功能並結合資料庫、節省系統資源、執行速度快；缺點在於擴充性差、並且不支援分散式處理及無元件支持。是一種伺服端(server-side)，跨平台(cross-platform)，簡單易學的 HTML 嵌入式非編譯性語言 (HTML embedded scripting language)。它通常以模組 (module) 的形式和 Apache 伺服器結合，提供多種連結資料庫的介面；屬於公開式程式(OPEN SOURCE)，而且是完全免費的。PHP的表現並不遜色於其他的同類伺服端介面語言，執行效率和開發速率也比 Perl、C/C++ CGI等快很多，可惜的是其完整性不及一些發展較成熟的語言。
XML 「可擴展標示語言」(eXtensible Markup Language) 是用於標示具有結構性資訊的電子文件的標示語言。 XML 是根據一個國際標準 -- Standard Generalized Markup Language (SGML) -- International Organization for Standardization (ISO) ISO 8879:1986 所製定而成的，XML 的格式類似 HTML，但是您可以使用自行定義的標籤及文件結構；也可以由資料庫中取得資料，再用 XML 進行串列化 (serializing) 的工作。

PhotoImpact 是具有圖案與網頁編輯功能的軟體，他提供各式各樣特效及修編工具，讓您輕鬆完成影像製作，百寶箱更是他獨特的地方；6.0 新版軟體，更具有強大的網頁協助製作能力，全中文化的選單畫面與說明，算是網頁製作初學者最佳的學習與編輯工具。
Adobe PhotoShop 屬於一種影像合成軟體，有各種特殊效果及編修工具，製作任何你想要變化的圖片；利用它可以把的皺紋變年輕，把電影海報上的女主角換上自己的臉！他就是一個這麼樣神奇的魔術師，讓你愛怎麼變就怎麼變，盡情得揮灑心中的畫面。其特別功能有圖層(遮色片)管理員、特效濾鏡、編修影像、圖像造型、動作錄製。
Macromedia Fireworks 屬於專業級的網頁圖形設計軟體，從圖案設計到各項物件的建立都能一次完成。新版的「Fireworks 4」有更方便的即時動畫編輯環境，利用滑鼠即可拖曳換圖，而本身提供的物件遮罩功能支援了點陣和向量兩種格式，並支援更多的圖檔。在經過物件圖形方式處理後，可以擁有更大效果空間，直接輸出成美美的網頁檔，應用在不同的網頁編輯軟體上。
Adobe Illustrator 長久以來，一直是世界標準的插畫設計工具。他提供了超大的工具組合來創作複雜的稿底、技巧性的插圖、更具資訊代表的圖示及頁面設計，全球網際網路都能運用自如。全新推出的 Adobe Illustrator 8.0 適用於任何大小的工作方案，提供您絕佳的創作空間，讓設計師及工作者更有彈性。跨數種工作平台，可使用於 Win95、WinNT4.0、Macintosh 及 Power Macintosh 系統。
CorelDRAW 堪稱PC美工繪圖界功能最強大、也是使用者最多的向量圖繪圖軟體。不同於一般的點陣圖軟體的是：所有繪製的圖形均是由電腦數學計算式所描述繪成，點、線、面、色彩、文字等…均可隨意放大縮小，絕不受影響；所以不會有解析度的問題，特別適合用於繪製須要精確度高的圖形；例如：公司 LOGO、地圖…等。在新版中更加強操作介面的改良，下落式陰影、3D 文字特效…等等，而被全球專業的美工排版業廣泛的使用。
MacroMedia FreeHand 軟體特色：屬向量繪圖軟體。Adobe Illustrator、MarcoMedia FreeHand 以及 Corel 公司的 Corel DRAW 可謂「向量繪圖」軟體中的三強。他是利用路徑、節點與方向線的調整，繪製出色塊式的圖像，取代傳統的手繪插畫；所繪製的圖檔由於經由電腦計算出來的，所以不會產生「鋸齒」的情況，檔案容量也較點陣圖檔小。適合對象：１. 對繪製插畫圖像、實物有興趣者（有基本素描功力者佳）２. 專業級影像繪圖者（廣告設計人員）３. 插畫人員

GIF Animator 具有簡易的拖放操作介面，可輕易完成環境設定、色盤調配、像素編輯、快速瀏覽及透明效果製作功能，除了可滿足各種動態網頁設計需求外，也提供最佳化圖形處理功能。
Cool 3D 屬Ulead公司出版，是一套非常簡易學，很輕鬆就可以畫出 3D 字體的軟體，甚至要做個 3D 字體動畫都非常的容易；強調能快速製作網頁、影片、多媒體作品，具備人性化簡易操作、輕鬆製作3D動畫及圖文，並在拖放之間立即創造3D勁爆圖形；在視訊影片的應用上，則加入 3D 動畫的開場、轉場、片尾等效果；影片輸出方面，則提供包括 AVI、MOV 等多種支援格式。
Macromedia Flash 採向量式圖形技術，讓檔案比較小；檔案在下載的同時即可流暢的播放，任何圖形或動態物件都可用來成為互動式按鍵。Flash 可匯入WAV和AIFF聲音檔，抗鋸齒效果，可讓文字或影像的邊緣都非常平滑，加強與支援點陣式圖形處理，可做旋轉、拉長等功能，也容易製作 Animated Button 及 Interactive Menu。Flash 4 又增加 ActionScript 功能、MP3 之支援、Web Form 支援，Publish Command 協助產生 Web HTML 相關指令。
3D Studio Max 是國內最早引進，使用人數也是最多的國際級動畫工具，其應用的範圍非常廣泛，從廣告影片、商業動畫、電玩遊戲、建築及室內景觀設計，都可見到這一套工具軟體。就像許許多多我們在市面上看到的電腦遊戲軟體，那些栩栩如生的人物動態及形象，在在都讓人嘆為觀止！這些就是應用 3D Studio Max 而製成的。
Poser 3D 以同類型的3D產品來說，多半是在專業工作站上開發，售價往往超過 15,000 美元，不是一般的使用者能夠負擔，Poser 3.0 售價僅新台幣6900元，卻能製作出不錯的3D作品。以製作各種人體模型及人體動畫為主，適合電腦遊戲開發者、服裝設計師、電腦繪圖、卡通製作人等使用。展碁國際行銷企劃主任郭志煌解釋，該產品中設計的人體，全身關節都是可自由活動的節點，設計者可利用此特色製作連續動畫，如跑步、舉手投足等，製作3D將更為容易。
ImageReady ImageReady2.0 是附屬在 Photoshop 5.5 中的軟體，屬於專業網頁影像製作軟體，幫助您在準備網頁圖形比以前更有效率，他結合了最佳化、壓縮及動畫等功能以提昇您的生產力。您可以使用您過去所習慣的圖形創作工具，像是 Adobe Photoshop、Adobe Illustrator 或是其他的繪圖軟體，然後再用 ImageReady將這些圖形最佳化以適合網頁需求。

Media Studio Pro 是一套專業級非線性數位視訊剪輯產品，提供使用者將拍攝下來的類比視訊，透過影像擷取卡數位化後，直接到軟體中進行影片剪輯、特效製作、影片合成、影音搭配等工作。所謂的數位非線性剪輯是指將類比的視訊資料數位化後，成為如長串底片般連續的畫格，即可以非常明確的方式剪掉不必要的畫格，並做最後的整合，比傳統對錄式的剪接方式方便許多。
Director 基本上，Director 是一套多媒體編輯軟體。一般而言，再怎麼千變萬化的多媒體作品，基本上都是由五大元素所組成：文字，圖形，聲音，動畫，影像。而在具備了這些組成元素之後，我們需要一個工具將這些元素組合成一個完整的作品。你可以利用他創造並且編輯這五大元素；當然，最終目的也是最重要的，就是將它們整合起來。而利用Director所整合出來的結果，就是一個完整的多媒體作品。而新加強的功能，更可讓網頁製作者製作出多媒體互動式網頁。
Adobe Premiere 劃時代的視訊剪輯大師，屬於專業工作人員的高品質電腦影像設計軟體。包括針對專業影像工作從業人員的要求，重新規劃的嶄新介面，專業音效控制工具，長格式編輯工具等等。他可以提供以前專業電腦影像所無法達到的高產值，易控制與處理彈性。卓越的表現，再度於 Windows 95，Windows NT 與 Power Macintosh 平台上發揮的淋漓盡致。新版本 Premiere 5.0 的專業影像剪輯，可運用傳統非線剪輯系統三點編輯 (3-point Editing) 工具和其他高品質剪輯科技，廣泛地應用在公司簡報，廣播級視訊，膠卷 (Film) ，多媒體光碟或網際網路影像的運用上。