星期一

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

、使用非主流的瀏覽器設計網站會有甚麼後果:
我們在觀看網頁時,使不同的瀏覽器(含版本)所顯示出的網頁,多少會出現出不同的差異。
主要原因是每一家瀏覽器對於各式網頁語法(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 標準規格來設計網頁,有 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 的好教材,強烈建議您進入實際體驗一下。
為因應網友要求,本報自即日起全面改為 索取教材資料 方式 ,繼續提供及服務有此需求網友
本報導屬於完全免費性質, 索取教材資料 屬個人自由意願,而回饋給您的光碟片,則是我們的誠意而已
本報導內容或資料,因限人力、時間,非 索取教材資料包含線上指導 網友,不接受任何疑惑解答,敬請見諒。
對本篇有任何問題,歡迎大家前往網頁教學 議題討論版 ,發表您的看法或建議,讓彼此更能互動受惠。
本報導 非會員 可免費訂閱及享用我的電子報報導成果,而 會員 則可以進一步取得所有資料與線上指導。
本站所有報導資料,歡迎網友免費加入鏈結,但請保留文章完整,並註明此 引用來源 ,謝謝您的支持與配合。

标签:

0 条评论:

发表评论

订阅 博文评论 [Atom]

指向此博文的链接:

创建链接

<< 主页