第三階段【網頁製作系列報導】電子報【進階網路運用】

、使用非主流的瀏覽器設計網站會有甚麼後果：
⊕我們在觀看網頁時，使不同的瀏覽器(含版本)所顯示出的網頁，多少會出現出不同的差異。
⊕主要原因是每一家瀏覽器對於各式網頁語法(HTML、CSS、JavaScript、..)格式支援上的不統一。
⊕何況還有同一家瀏覽器不同版本與 PC 及 MAC 電腦等平台上的差異性問題。
⊕幸好！存活迄今還沒戰死的瀏覽器中，在商業與技術競爭下，基本網頁語法格式上的衝突已在逐漸減少中。
⊕我舉個很單純 HTML 語法的表單(Form)範例 《 GO 》，如果您有安裝以下瀏覽器，請分別試試看吧！

點 選 小 圖 可 瀏 覽 大 圖
	Internet Explorer 6.0 Netscape Browser 8.0 Mozilla Firefox 5.06 MyIE.exe 3.2F

肆、網頁瀏覽器歷史回顧： ⊕在這個網路一日千里的時代，如何選個適宜、好用的網頁瀏覽器已變的很重要的！ ⊕於 1993 年美國伊利諾州的伊利諾大學的 NCSA 組織，發表了第一個可以顯示圖片的瀏覽器，命名為 MOSAIC 。 ⊕因為 Mosaic 的網頁瀏覽器出現，在當時很受歡迎，也算是開起來網際網路熱絡風潮的導火線。 ⊕這家公司於 1994 年 11 月改名為 Netscape Communication Corp (中譯為網景)，此後沿用至今。 ⊕十年以前，網景公司的 Nescape 是網路瀏覽器軟體的主流，接近市場的 80% 占有率。 ⊕微軟為了爭取網路瀏覽器軟體市場，將 IE 瀏覽器與 Window 作業系統綁在一起行銷。 ⊕靠著 Window 作業系統的市場優勢，大幅擴張 IE 瀏覽器的使用率，曾被美國政府及歐盟認定是違反公平交易。 ⊕各家瀏覽器自從 1990 年代中期就開始互爭地盤，最後以微軟(Internet Explorer)打敗網景(Netscape)告一段落。 ⊕但隨著非營利組織 Mozilla 基金會，於 2004 年推出火狐狸(Firefox)，網頁瀏覽器市場再度重燃戰火。 ⊕全球使用率最高的瀏覽器微軟(Internet Explorer)，在第六版推出五年多後，今年終於要推出更新、更強大的第七版。 ⊕微軟上市五年的 Internet Explorer 6 已呈現老態，被非營利組織 Mozilla 的火狐狸(Firefox)侵蝕大量市占率。 ⊕最新市場分析公司 WebSideStory 表示，IE 的使用率出現下滑跡象，不過隨著新的 IE 7 的推出，微軟將有機會再次收復失土。 ⊕除了微軟 IE 7 外，Opera 軟體公司也已推出 Opera 9 瀏覽器，火狐狸近期也將大幅翻新。 ⊕以下我就僅以具有免費性質及繁體中文介面的網頁瀏覽器，並區分含 IE 核心與非 IE 核心兩大類來逐一介紹吧！

伍、含 IE 核心網頁瀏覽器介紹： 01. Microsoft Internet Explorer 簡稱(IE 6.0 版本) 瀏覽器特色：(已不用多說吧) Internet Explorer 6 是 Windows XP 中的一套核心技術。 微軟期望下半年推出的 IE 7.0 瀏覽器能與對手並駕齊驅，並新增可阻撓網路釣魚詐騙(phishing)的安全功能。 IE 7.0 將首度安裝搜尋列，讓使用者無須至搜尋引擎首頁就能鍵入搜尋詞。 IE 7.0 也將仿效競爭對手，支援搜尋非英文字母的網域名稱。 IE 7.0 另一項與對手看齊的特點是分頁瀏覽(Tabbed Browsing)功能，也就是能同時打開多個網頁，但無須新增多個視窗。 IE 7.0 更進一步提供 Quick Tabs，讓使用者一次瀏覽所有已打開頁面的縮圖。 原創公司： http://www.microsoft.com/ 下載網址： http://www.microsoft.com/taiwan/ 02. KKman (3.0 beta 版本) 瀏覽器特色： 可以瀏覽 WWW 及 BBS 的瀏覽器，預設瀏覽器 Internet Explorer 5.5 以上。 完全免費、系統資源超省、全螢幕模式、可與 IE 我的最愛結合。 可動態更新的 BBS 列表、允許自定 BBS 背景圖片。 新增 CMode 即時通訊功能，隨時可以找人聊天。 新增 KK 免費撥接精靈，讓網友享有永久免費上網服務。 還有各種貼心的設計值得你細細品嚐。 原創公司： http://www.kkman.com.tw 下載網址： http://search.cpatch.org/category.php?cat_name=www&orderby=file_date&page=6 下載網址： http://toget.pchome.com.tw/intro/network_www/network_www_browser/5170.html 03. Maxthon - The Way We Surf The World (2.0 Beta Version 版本) 瀏覽器特色： 免費軟體 Maxthon 是 MyIE2 的改良版，比 IE 更聰明強悍的瀏覽器。 Maxthon 瀏覽器是一款基於 IE 內核的、多功能、個性化多頁面瀏覽器。 它允許在同一窗口內打開任意多個頁面，減少瀏覽器對系統資源的佔用率，提高網上衝浪的效率。 同時它又能有效防止惡意插件，阻止各種彈出式，浮動式廣告，加強網上瀏覽的安全。 Maxthon 支持各種外掛工具及 IE 插件，使你可以充分利用所有的網上資源，享受上網衝浪的樂趣。 多頁面瀏覽界面、鼠標手勢控制、超級拖放功能、廣告獵手、Google 工具欄支持、外部工具欄、個性化的皮膚支持。 原創公司： http://www.maxthon.com/ 下載網址： http://ftp.isu.edu.tw/pub/CPatch/www/maxthon/maxthon_131_lang_cht.zip 下載網址： http://toget.pchome.com.tw/intro/network_www/network_www_browser/22578.html 下載網址： http://toget.pchome.com.tw/intro/network_www/network_www_browser/22407.html 04. GreenBrowser (3.6 版本) 瀏覽器特色： 是一個基於 IE 的多窗口瀏覽器，並更擁有更多更好的其他特性。 它允許在同一視窗開啟多個頁面，減少對系統資源的佔用率。 同時提供全方位的滑鼠操作、過濾各種惱人的廣告、整合 Google 的快速搜尋，帶來的上網生活的方便感和貼心感。 支援了分頁式瀏覽、可以使用特定主題規劃你的書籤、你還可以利用 GreenBrowser 來觀看你所蒐集下來的圖檔。 支援了快速搜尋、網頁翻譯等許多功能、使用時不必安裝，只要將檔案下載解壓縮之後就可以用了，非常精巧又節省資源。 原創公司： http://www.morequick.com/indexen.htm 官方下載網址： http://www.morequick.com/indexgb.htm GreenBrowser 繁體中文站： http://green.twftp.org/ 下載網址： http://toget.pchome.com.tw/intro/network_www/network_www_browser/23914.html 05. TheWorld 世界之窗瀏覽器 (2.0 Beta2 版本) 瀏覽器特色： 世界之窗瀏覽器是一款快速、安全、資源佔用極小的多窗口瀏覽器，由鳳凰工作室出品，它完全免費，沒有任何功能限制。 它兼容微軟 IE，運行於 windows98/me/2000/xp 系列操作系統並且要求系統已經安裝了 IE。 杜絕彈跳視窗的功能實在強大，也可以把螢幕任意放大縮小，還有非常貼心而使用率高的功能。 全面攔截浮動和彈出廣告、快速清除瀏覽歷史、更快的網頁下載速度、瀏覽時避免騷擾。 保護上網安全、加速導航的快捷、可定制的空白窗體、加速操作的鼠標手勢。 快速保存任何圖像和 Flash 動畫、網頁無級縮放、網頁自動填表、RSS 新聞訂閱器訂閱新聞。 原創公司： http://www.ioage.com/cn/index.htm 下載網址： http://toget.pchome.com.tw/intro/network_www/network_www_browser/24458.html 下載網址： http://search.cpatch.org/category.php?cat_name=www&orderby=file_date&page=2 06. Sleipnir (2.49 版本) 日本人認為最好的瀏覽器，Sleipnir 是一套小巧玲瓏的瀏覽器，利用 IE 核心加上強大的自訂功能，綜合多家瀏覽器的優點。 不到 2 MB 的玲瓏身段，使用起來一點也沒有負擔，以及便利的操作介面，提供你不一樣的上網經驗。 Sleipnir 是北歐神化中 Odin 神的坐騎，它是一匹八隻腳的駿馬，軟體被命名為 Sleipnir 是多窗口的原因。 Sleipnir2 是基於 MSIE 和 Gecko 雙核心的新一代集成化、個性化標籤瀏覽器，它繼承了 Sleipnir 的大部分功能。 目前，它除了已具備各種 IE 基準瀏覽器的常用功能之外，更吸取了其它非 IE 核心瀏覽器的優秀特性，並加以改進和創新。 軟體賦予了用戶豐富和靈活的定制權限，這甚至超出了初次使用者的想像。 可匯入 IE/FireFox/Opera/Netscape/Lunascape/Sleipnir1.66 等多種常用瀏覽器的收藏夾和設置，非常實用。 無與倫比的鼠標手勢操作界面，用戶可通過內建的鼠標手勢編輯器來編製完全符合自己習慣的手勢，並為其分配呼叫指令。 無限制的鍵盤熱鍵設定，還能延伸到所有已登記的外部工具，再也不用為一些瀏覽器的熱鍵少或佈局不合理而煩惱了。 快捷而又強悍的搜尋欄，使搜尋效率成倍提高，用戶還可以方便地自訂搜尋引擎。 軟體通過集成一款強大而好用的收藏編輯/管理工具，為收藏夾/收藏組提供了更細緻、且多方位的個性化設置。 為了更好的滿足不同用戶的需求，軟體提供了對腳本外掛的支援，並自帶了部分實用的腳本。 用戶還可通過自己編寫，或到軟體首頁下載各種功能腳本、資源等方式來不斷的豐富和擴展瀏覽器的功能。 順應潮流的集成了 RSS 客戶端工具，是用戶可以更加便捷的獲取信息。 原創公司： http://www.fenrir.co.jp/sleipnir2/ 原創公司： http://sleipnir.pos.to/software/sleipnir/index.html 下載網址： http://toget.pchome.com.tw/intro/network_www/network_www_browser/20287.html 下載網址： http://sleipnir.twftp.org/download.html (中文網站) 下載網址： http://leoboard.cpatch.org/cgi-bin/topic.cgi?forum=3&topic=236 下載網址： http://reg.softking.com.tw/freeware/index.asp?fid1=24&fid2=283&fid3=22376 下載網址： http://myweb.hinet.net/home1/ho99/

陸、非 IE 核心網頁瀏覽器介紹： 01. Netscape Communicator (簡稱 NC 8.0.3 版本，中譯網景通訊) 老牌的瀏覽器 Navigator 瀏覽器特色： Netscape Composer 網頁編輯工具(包括在 Netscape Communicator 完全版或專業版中)。 包括內建 Winamp 最為預設的 mp3 播放軟體、Netscape radio 讓你可以免費聆聽多達 34,000 首歌曲。 工具列上的 Shop 按鈕，讓你快速連結到 Netcenter Shop@Netscape ，購物更方便！ 原創公司： http://www.netscape.com 下載網址： http://browser.netscape.com/ns8/ 下載網址： http://wp.netscape.com/zh/tw/index.html?cp=ihkhstw 下載網址： http://www.softking.com.tw/soft/detail.asp?f_name=Netscape 02. Mozilla (恐龍 2.0 版本，可以唸作魔基拉) Mozilla 是由 Netscape 5.0 的開放程式碼中延續發展的軟體，承繼了 Netscape 優良的傳統。 是一套自由軟體，即公共版權、任意下載、免費使用、自由分享、原代碼是完全開放的。 它完全符合現代標準，包括：HTML4.0 、 XML 、 CSS 和 DOM 等。 網路綜合應用的程式套件組，包括網頁瀏覽器、E-mail收發與管理、網路討論群組參與、通訊錄功能。 進階的電子郵件與 Newsgroup 管理程式、IRC 線上聊天、簡易 HTML 編輯。 所有你對 Internet 的需求，全在一個應用程式中得到滿足。 Mozilla Firefox 與 Mozilla 使用相同的核心，不過拿掉了 eMail 和編輯器等部份，所以更安全，更省系統資源。 FireFox 是目前速度最快的瀏覽器，他佔用資源更少，運行更穩定，並且可以讓你不再為安全問題而煩惱。 FireFox 獨有的架構使得您可以方便的為他安裝各種擴展與皮膚，打造完全符合您個性的瀏覽器。 原創公司： http://www.opera.com/ 正體中文化： http://moztw.org/ 下載網址： http://www.mozilla.org/ 下載網址： http://toget.pchome.com.tw/intro/network_www/network_www_browser/11059.html 下載網址： http://www.bamboo.hc.edu.tw/%7Eesky/cu/2004a/lesson/appendix01.html 下載網址： http://search.cpatch.org/category.php?cat_name=www&orderby=file_date&page=3 開始使用Mozilla： http://www.moztw.org/docs/moz/getstarted/ Web 2.0版--Flock： http://taiwan.cnet.com/computer/network/features/0,2000068598,20109294,00.htm 03. Opera web browser (9.02 版本) 瀏覽器特色： 速度快的 Opera 瀏覽器，Opera 的設計在一開始就是以體積小，耗用資源小的考量下設計而成的。 支援滑鼠瀏覽、強大的鍵盤操作功能、極快速、方便的搜尋引擎、自訂熱門名單。 Opera 能一次開多個視窗而不佔系統資源、支援 W3C 標準、新聞群組與 E-mail 有完整的功能。 體積小、速度快、非常具有彈性的功能設定是 Opera 最大的特色。 Opera 9 瀏覽器將包含 Widget 工具，也就是在瀏覽器上執行的網路應用軟體，但外觀看似與瀏覽器分開的工具。 任何知道如何編寫網路程式的人，都能針對 Opera 開發出可以查看天氣、足球比數，或拍賣網站最新狀況的 widget 。 原創公司： http://www.opera.com/ 下載網址： http://taiwan.cnet.com/computer/network/features/0，2000068598，20093278，00.htm 下載網址： http://toget.pchome.com.tw/intro/network_www/network_www_browser/4.html

柒、那麼到底要用甚麼網頁編輯器來設計網站： ⊕這是製作網站第二個要面臨的常見問題，現在讓我們來探討這個令人迷失方向的網頁製作疑問吧！ ⊕根據調查數據可以得知，使用率最高前幾名分別是 IE 95.3%、 Opera 0.7%、 Mozilla 0.4%、 Netscape 0.3%。 ⊕這份調查報告數據係針對外國人使用狀況，如果您的網站客源屬於簡體或繁體族群，可能要略做調整喔。 ⊕如果您要顧及前四大網頁瀏覽器所呈現出來的結果，您可以要花 4 倍的時間來逐一測試與修改。 ⊕基本上 HTML 語法使用 W3C 標準規格來設計網頁，有 90 % 以上即可符合大多數網頁瀏覽器。 ⊕比較嚴重的問題是 CSS 語法與 JavaScript 及 VBScript 語言，這是因為各家都想展示特殊功能所造成。 ⊕像是最近流行的 Flash 網頁動態特效，發行公司已考慮到市場需求，所以都能相容於各種網頁瀏覽器。 ⊕我第一個建議當然是使用類似記事本(Notepad)的編輯工具，因為您懂得 HTML 語法，就可以避免這個問題。 ⊕麻煩的是，您可能要經過一段很長的時間來做修改與測試，好處當然是您的網站可以讓大多數不同瀏覽器正常瀏覽。 ⊕第二個建議就是使用相容 IE 瀏覽器的網頁編輯器，如 Microsoft Fontpage 、 MacroMedia Dreamweaver ...等。 ⊕如果可以的話，建議還是不要使用 Microsoft Fontpage ，因為它做出來的網頁容量會特別大。 ⊕因為我不習慣使用任何網頁編輯器來製作網站，所以不能肯定的推荐各位使用那一種比較適合。 ⊕嚴格的說：應該還沒有任何一個網頁編輯器，所製作出來的網頁，可適用所有的網頁瀏覽器。 ⊕正常範例介紹： Eyeon Surveillance 《 Go 》 。 ⊕這是我做的其中一個網站，我採用 HTML 語法逐一檢查及修改，已確定 IE 、 NC 及 Firefox 等都能正常顯示。 ⊕部份無法正常範例介紹： 網頁研習室 WebPage Study Studio 《 Go 》 。 ⊕這是我自己的網站，也是採用 HTML 語法製作，但並沒有考慮不同瀏覽器特殊語法，所以會產生部份無法正常顯示。

捌、其他值得參考的網路相關報導資料： 瀏覽器的演進： http://www.hope.com.tw/culture/show2.asp?o=200308060958106732 微軟新 Vista 視窗作業系將支援 Firefox 瀏覽器及 Thunderbird 電郵軟件： http://www.epochtimes.com/b5/6/9/3/n1443112.htm IE 瀏覽器重大更新力追火狐： http://www.epochtimes.com/b5/6/10/21/n1493978.htm 瀏覽器風起雲湧 撼動IE霸主地位： http://www.epochtimes.com/b5/5/1/5/n770034.htm W3C Glossary and Dictionary： http://www.w3c.org.hk/glossary/ 廢人筆記(各式網頁瀏覽器介紹)： http://ss163500.blogspot.com/2005/07/ieie.html 中文化軟體聯盟(瀏覽器/相關工具)： http://search.cpatch.org/category.php?cat_name=www PChome Online 網路家庭： http://toget.pchome.com.tw/index/network_www/network_www_browser/index_t1.html 如何重新安裝 Internet Explorer(IE)： http://www.alan888.com/winxp/IE.html#ReistallIE

玖、重要通告： ⊕免費 PcHome 空間已於95.09.29日起停止空間服務，本報導93.08.10日之前所有電子報圖檔，將無法順利瀏覽圖檔。 ⊕完整第一、二、三期電子報所有檔案資料，已遷移至 網頁研習室 主機內，歡迎蒞臨學習。 ⊕如果您想完整取得電子報內所有檔案資料，我們提供 燒錄光碟片 給您，讓您永久保存。

結論與建議： ⊕本電子報每篇報導至少花了 4 天時間編輯與修改，絕對值得初學者或想徹底學會 HTML 語法網友永久保存。 ⊕本電子報 第三階段 報導資料，將繼續每隔 30 日發表一次，以嘉惠更多想學會 HTML 網友，歡迎 繼續訂閱 。 ⊕強烈建議您【學會 HTML 語法】，她真的簡單易學，懂了她您就能駕馭她，將【所見即所得】軟體當做輔助工具吧。 ⊕一篇保證前所未見的 HTML 教學課程，絕對是您學習 HTML 的好教材，強烈建議您進入實際體驗一下。 ⊕為因應網友要求，本報自即日起全面改為 索取教材資料 方式 ，繼續提供及服務有此需求網友。 ⊕本報導屬於完全免費性質， 索取教材資料 屬個人自由意願，而回饋給您的光碟片，則是我們的誠意而已。 ⊕本報導內容或資料，因限人力、時間，非 索取教材資料包含線上指導 網友，不接受任何疑惑解答，敬請見諒。 ⊕對本篇有任何問題，歡迎大家前往網頁教學 議題討論版 ，發表您的看法或建議，讓彼此更能互動受惠。 ☆本報導 非會員 可免費訂閱及享用我的電子報報導成果，而 會員 則可以進一步取得所有資料與線上指導。 ☆本站所有報導資料，歡迎網友免費加入鏈結，但請保留文章完整，並註明此 引用來源 ，謝謝您的支持與配合。