Plurk FaceBook Twitter 收進你的MyShare個人書籤 MyShare
  顯示內嵌語法

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

進階網路運用

第二篇
令人迷失方向的網頁製作疑問之一
不同瀏覽器問題
適合程度: 初學者 一般程度 進階者 以上均宜
壹、我到底該依據那一種瀏覽器來製作網站:
全民大悶鍋的芒果亂報說:網路上網頁瀏覽器這麼多,怎麼用?亂用囉!
如果您使用錯誤的編輯器製作網站,可能有 80% 以上的網友,看不到您正確的網站畫面。
我的建議:製作網頁時應該至少使用 2 種以上常用網頁瀏覽器,來檢視顯示狀況。

貳、那一個才是當今主流的網頁瀏覽器:
根據網路研究公司 OneStat.com 公佈的調查顯示:
網友利用不同版本 IE 上網的比率是 95.3% 。
使用 Opera 軟體公司的瀏覽器比率是 0.7% 。
喜歡 Mozilla 1.0 的比率也有 0.4% 。
採用 Netscape 7.0 的比率為 0.3%。
另外還有蘋果電腦專用的 Safari 瀏覽器也有 0.2%。
你用的是什麼瀏覽器呢?(引用 PALMisLIFE 討論區資料) 《 GO 》。
(IE & NC)兩大瀏覽器使用版本狀況(引用山海行網站資料) 《 GO 》。

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








1s小圖
Internet Explorer 6.0
1b大圖
2b小圖
Netscape Browser 8.0
3b小圖
Mozilla Firefox 5.06
4b小圖
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 標準規格來設計網頁,有 905 % 以上即可符合大多數網頁瀏覽器。
比較嚴重的問題是 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日之前所有電子報圖檔,將無法順利瀏覽圖檔。
完整第一、二、三期電子報所有檔案資料,已遷移至 網頁研習室 主機內,歡迎蒞臨學習。
如果您想完整取得電子報內所有檔案資料,我們提供 燒錄光碟片 給您,讓您永久保存。

拾、結論與建議:
本報每篇報導都花上很多時間搜集、整理及撰稿,絕對值得初學者或想徹底學會 HTML 語法網友永久保存。
本電子報 第三階段 報導資料,將繼續每隔 30 日發表一次,以嘉惠更多想學會 HTML 網友,歡迎 繼續訂閱
強烈建議您【學會 HTML 語法】,她真的簡單易學,懂了她您就能駕馭她,將【所見即所得】軟體當做輔助工具吧。
為因應網友要求,本報自即日起全面改為 索取教材資料 方式 ,繼續提供及服務有此需求網友
本報導屬於完全免費性質, 索取教材資料 屬個人自由意願,而回饋給您的兩套光碟片,則是我們的誠意而已
本報導內容或資料,因限人力、時間,非 索取教材資料包含線上指導 網友,不接受任何疑惑解答,敬請見諒。

第三階段95.11.30.發行第029期
前期:初學者如何學習 JavaScript 語言

© 網頁研習室【電子報】李文能 主編 ©