TestingMediawiki - User contributions [en]

Computer: Makeuper: CSS: Outline

2004-09-25T01:32:50Z

192.192.105.25:

----

回到 [[Computer]] ‧ 回到 [[Computer: Makeuper]]

回到 [[Computer: Makeuper: CSS]]

----

在以往，我們寫一份 HTML 文件時，會這麼寫下面這樣子的玩意。

<div style="background-color:#dddddd;padding:2%;">
<nowiki><html></nowiki> 
<nowiki><head></nowiki> 
<nowiki><meta http-equiv="content-type" content="text/html; charset=big5"></nowiki> 
<nowiki></head></nowiki> 
<nowiki><body></nowiki> 
<nowiki>example_01 </nowiki> 
<nowiki>example_02 </nowiki> 
<nowiki>example_03 </nowiki> 
<nowiki>example_04 </nowiki> 
<nowiki>example_05 </nowiki> 
<nowiki></body></nowiki> 
<nowiki></html></nowiki> 
</div>

這時一定會有人覺得寫得又長又臭又難修改的很煩人吧。CSS的優點之一就在此時發揮功效了。

<div style="background-color:#dddddd;padding:2%;">
<nowiki><html></nowiki> 
<nowiki><head></nowiki> 
<nowiki><meta http-equiv="content-type" content="text/html; charset=big5"></nowiki> 
<div style="background-color:#aadddd;">
<nowiki><style type="text/css"></nowiki> 
<nowiki>div.eg01 font { color:red; size:100%; }</nowiki> 
<nowiki></style></nowiki> 
</div>
<nowiki></head></nowiki> 
<nowiki><body></nowiki> 
<div style="background-color:#ffdddd;">
<nowiki><div class="eg01"></nowiki> 
</div>
<nowiki>example_01 </nowiki> 
<nowiki>example_02 </nowiki> 
<nowiki>example_03 </nowiki> 
<nowiki>example_04 </nowiki> 
<nowiki>example_05 </nowiki> 
<div style="background-color:#ffdddd;">
<nowiki></div></nowiki> 
</div>
<nowiki></body></nowiki> 
<nowiki></html></nowiki> 
</div>

可能有人會覺得好像變長了，不過其實並沒有變多，反而變得更少更好修改了，只要去處理 <nowiki><head></nowiki> 處的 <nowiki><style type="text/css"></nowiki> 處的 CSS 語法，那麼在被宣告 CLASS 為 eg01 的 <nowiki><DIV></nowiki> 底下的所有未被宣告其它 CLASS 與 ID 的 <nowiki></nowiki> 就通通會依照 <nowiki><head></nowiki> 處的 <nowiki><style type="text/css"></nowiki> 處的 CSS 語法所宣告的內容而變化了，也就是說， CSS 的重點在於把 HTML 標籤中的 HTML 語法給拿出來，而用 CSS 的 CLASS 及 ID 來代替，以達到修改時的便利性。

另外 CSS 的特色還有 2.5D 的視覺效果，可以讓你把一堆區塊給交錯堆疊，並形成一種單純的視覺藝術。（我知道這名詞用的很爛，不過我一時想不出其它寫法來。）

至於區塊的觀念，則待第二章節再講解。第一章節將先介紹文字的效果。

（另外有一點要偷偷說明一下，HTML標籤中的『size="100%"』跟CSS語法中的『font-size:100%;』其實顯示出來的效果是不同的，原因我一時想不出來，可能要去[http://www.w3c.org/ W3C]那找資料才行了，總之別在意這種小事啦，不用百分比，還有pt和px可用來指定大小呀。）

----

Computer: Makeuper: CSS: Outline

2004-09-25T01:24:49Z

192.192.105.25:

----

回到 [[Computer]] ‧ 回到 [[Computer: Makeuper]]

回到 [[Computer: Makeuper: CSS]]

----

在以往，我們寫一份 HTML 文件時，會這麼寫下面這樣子的玩意。

<div style="background-color:#dddddd;padding:2%;">
<nowiki><html></nowiki> 
<nowiki><head></nowiki> 
<nowiki><meta http-equiv="content-type" content="text/html; charset=big5"></nowiki> 
<nowiki></head></nowiki> 
<nowiki><body></nowiki> 
<nowiki>example_01 </nowiki> 
<nowiki>example_02 </nowiki> 
<nowiki>example_03 </nowiki> 
<nowiki>example_04 </nowiki> 
<nowiki>example_05 </nowiki> 
<nowiki></body></nowiki> 
<nowiki></html></nowiki> 
</div>

這時一定會有人覺得寫得又長又臭又難修改的很煩人吧。CSS的優點之一就在此時發揮功效了。

<div style="background-color:#dddddd;padding:2%;">
<nowiki><html></nowiki> 
<nowiki><head></nowiki> 
<nowiki><meta http-equiv="content-type" content="text/html; charset=big5"></nowiki> 
<div style="background-color:#aadddd;">
<nowiki><style type="text/css"></nowiki> 
<nowiki>div.eg01 font { color:red; size:100%; }</nowiki> 
<nowiki></style></nowiki> 
</div>
<nowiki></head></nowiki> 
<nowiki><body></nowiki> 
<div style="background-color:#ffdddd;">
<nowiki><div class="eg01"></nowiki> 
</div>
<nowiki>example_01 </nowiki> 
<nowiki>example_02 </nowiki> 
<nowiki>example_03 </nowiki> 
<nowiki>example_04 </nowiki> 
<nowiki>example_05 </nowiki> 
<div style="background-color:#ffdddd;">
<nowiki></div></nowiki> 
</div>
<nowiki></body></nowiki> 
<nowiki></html></nowiki> 
</div>

可能有人會覺得好像變長了，不過其實並沒有變多，反而變得更少更好修改了，只要去處理 <nowiki><head></nowiki> 處的 <nowiki><style type="text/css"></nowiki> 處的 CSS 語法，那麼在被宣告 CLASS 為 eg01 的 <nowiki><DIV></nowiki> 底下的所有未被宣告其它 CLASS 與 ID 的 <nowiki></nowiki> 就通通會依照 <nowiki><head></nowiki> 處的 <nowiki><style type="text/css"></nowiki> 處的 CSS 語法所宣告的內容而變化了，也就是說， CSS 的重點在於把 HTML 標籤中的 HTML 語法給拿出來，而用 CSS 的 CLASS 及 ID 來代替，以達到修改時的便利性。

另外 CSS 的特色還有 2.5D 的視覺效果，可以讓你把一堆區塊給交錯堆疊，並形成一種單純的視覺藝術。（我知道這名詞用的很爛，不過我一時想不出其它寫法來。）

至於區塊的觀念，則待第二章節再講解。第一章節將先介紹文字的效果。

（另外有一點要偷偷說明一下，HTML標籤中的『size="100%"』跟CSS語法中的『font-size:100%;』其實顯示出來的效果是不同的，原因我一時想不出來，可能要去[http://www.w3c.org/ W3C]那找資料才行了，總之別在意這種小事啦，不用百比比，還有pt和px可用來指定大小呀。）

----

Computer: Makeuper: CSS: Outline

2004-09-25T01:19:58Z

192.192.105.25:

Talk:Computer: Makeuper: CSS: Outline

2004-09-25T01:13:01Z

192.192.105.25:

mmm 就語意上而言 
example_01 
跟 
<div>example_01</div> 
好像不太一樣吧

如果是文中的例子，標籤的部份我想我會寫成這樣

<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=big5"> 
</head> 
<body> 
example_01 
example_02 
example_03 
example_04 
example_05 
</body> 
</html>

當然 CSS 也要稍微改一下，不過我只是想說明標籤部份兩者的不同點

20040925 
wini: 
嗯，如果說「因為結果是一樣的所以就這樣做了」的話八成會被打死吧…（汗）如果說的是「反正只是舉例而已就隨便啦」的話一定會被灌水泥沉入哪兒的港灣吧…（大汗） 
其實會那樣寫只是單純的反射性最佳化動作而已，<nowiki><div></nowiki> 有 block 屬性，所以可以做比 <nowiki></nowiki> 還多的變化，想弄成 inline 時，寫個 display:inline; ，就又跟 <nowiki></nowiki> 一樣了，所以這一切都是反射動作了呀！（喝口茶中） 
總之那頁是以「最推薦的寫法」為目的寫的，不過看來好像跳太快了呀…（汗）那我就小修一下好了，先寫成 font 以免有人一時意會不過來在寫什麼或許比較好也說不定。（因為想到自己是花了半年才發現到『inline和block的用法』以及『HTML標籤之內的標籤的CSS寫法』這點就實在很嘔，所以索性一開始就告訴別人這一點的人。）

Mozilla: Localization

2004-09-25T00:53:14Z

192.192.105.25:

----

回到 [[Mozilla]]

----

中文化可用的資源(write & edit by piaip) 
http://moztw.org/tools/mozlcdb/

----

*Mozilla 上已知的易受攻擊處（待處理中）
**[[Mozilla: Localization: Security|中譯頁]]
**[http://www.mozilla.org/projects/security/known-vulnerabilities.html Known Vulnerabilities in Mozilla]
**[http://jt.mozilla.gr.jp/projects/security/known-vulnerabilities.html Mozilla における既知の脆弱性]

http://mozilla.gr.jp/standards/

----

Mozilla: Extensions

2004-09-25T00:49:48Z

192.192.105.25: /* 推薦的擴充套件 */

Computer: Makeuper: CSS: Step01

2004-09-24T13:48:36Z

192.192.105.25:

----

回到 [[Computer]] ‧ 回到 [[Computer: Makeuper]] ‧ 回到 [[Computer: Makeuper: CSS]]

----

一般來說，要得到正確的CSS效果，就要捨棄IE，
不過保險一點的作法，是用IE確定有沒有漏宣告的地方，
因為有些地方沒做宣告，會由瀏覽器自行調整，
這樣就造成了各家瀏覽器看到的東西不同的情況了。

另外雖然不勉強大家學CSS一定要學HTML，
不過知道一些標籤的意思的話會比較好，
這點在以後會建個HTML專區做說明這樣。

CSS套用效果的順序如下，越後面的，最後顯示的就是這種效果。 
１、 body 
２、 div table p pre …這些看你怎麼包，包越裏面順位越後面。 
３、以上標籤，外部先於內部處理，內部的HEAD內的宣告先於各標籤。 
４、class跟id這種指定法也是遵循此順序 

例：本文件採UTF-8編碼，外部呼叫 test.css 的 CSS 樣式表。此例以字型大小（font-size）來介紹CSS的套用順序的觀念，以及正確的套用法。

<nowiki>------------------------------------------------------------</nowiki>

<nowiki> <html> </nowiki> 
 
<nowiki> <head> </nowiki> 
<nowiki> <title>test</title> </nowiki> 
<nowiki> <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=UTF-8"> </nowiki> 
<nowiki> <link rel=stylesheet type="text/css" href="../test.css">  </nowiki> 
 
<nowiki> <style type="text/css"> /*這個就是在內部開頭宣告CSS樣式，順帶一提，同樣的標籤，放越後面的，就是最後所呈現的樣式。另外這一行的寫法是CSS中備註文字的寫法，也就是斜線和星號這樣。*/ </nowiki> 
<nowiki> body { font-size:12px; } </nowiki> 
<nowiki> </style> </nowiki> 
 
<nowiki> </head> </nowiki> 
 
<nowiki> <body style="font-size:16px;">  </nowiki> 
 
<nowiki> <table style="font-size:24px;">  </nowiki> 
 
<nowiki> <tr style="font-size:36px;"> </nowiki> 
<nowiki> <td style="font-size:48px;"> </nowiki> 
<nowiki> test </nowiki> 
<nowiki> </td> </nowiki> 
<nowiki> </tr> </nowiki> 
 
<nowiki> </table> </nowiki> 
 
<nowiki> </body> </nowiki> 
<nowiki> </html> </nowiki> 

<nowiki>------------------------------------------------------------</nowiki>

例子中的該 test.css 檔內容：

<pre>==========</pre>
<pre><nowiki>
body { font-size:8px; }
</nowiki></pre>
<pre>==========</pre>

在本例子中，最後顯示在文件中的，就是 <nowiki>test</nowiki> 了，如何，很簡單吧？（心虛）我知道這樣解說是有點太難便了啦…反正自己建一個HTML跟一個CSS檔再複製貼上這些內容就知道了。

----

Mozilla: Localization

2004-09-24T13:38:15Z

192.192.105.25:

----

回到 [[Mozilla]]

----

*Mozilla 上已知的易受攻擊處（待處理中）
**[[Mozilla: Localization: Security|中譯頁]]
**[http://www.mozilla.org/projects/security/known-vulnerabilities.html Known Vulnerabilities in Mozilla]
**[http://jt.mozilla.gr.jp/projects/security/known-vulnerabilities.html Mozilla における既知の脆弱性]

http://mozilla.gr.jp/standards/

----

Computer: Makeuper: BASIC

2004-09-24T13:36:24Z

192.192.105.25:

----

回到 [[Computer]] ‧ 回到 [[Computer: Makeuper]]

----

= 前言 =

想寫出理想中的前端瀏覽網頁！ 
請依 HTML -> CSS -> Javascript 的方向漸階式地學習，檢驗網頁請用 Mozilla 或 Firefox 。 
注意，基於許多安全上的因素，我並不建議各位用 Javascript 寫網頁，因為目前還是有很多惡意的 Javascript 的網頁的，所以一般都是建議使用者關掉 Javascript 的功能的。

想寫出好的後端伺服資料庫！ 
試試 MySQL ，雖然我沒用過啦。

想寫出只有 MS 的產品才能正常閱讀的 MS Only 的資料！ 
請愛用 Frontpage 等 MSOffice 產品，檢驗網頁請用 IE 。（汗）

目前推薦的 HTML 寫法，為使用 HTML 標籤，配合 [[Computer:_Makeuper:_CSS:_Outline|CSS]] 語法的方式，有必要時再用 Javascript 來加強網頁功能，推薦使用的瀏覽器為 [http://www.moztw.org/ Mozilla Firefox] 。

----

= Link =

可以幫助你寫出標準網頁的網站

http://forum.moztw.org/viewtopic.php?t=1974

http://www.mozilla.org/docs/web-developer/faq.html

http://mozilla.gr.jp/standards/

----

= HTML =

最基本的HTML文件範例及說明

最基本的HTML標準模式文件範例及說明

最完整的HTML文件範例及說明

----

= CSS/Javascript =

最基本的CSS文件的範例及說明

最基本的HTML加CSS文件的範例及說明其一

最基本的HTML加CSS文件的範例及說明其二

最基本的HTML加CSS文件的範例及說明其三

最基本的HTML加Javascript文件的範例及說明

----

Computer: Event: 200408

2004-09-24T13:29:40Z

192.192.105.25:

<hr color="#dd7777" width="90%" align="left" size="1px">

回到 [[Computer]] ‧ 回到 [[Computer: Event]]

回到 [[Computer: Makeuper]]

----

民國９３年８月

本月是網頁的標記語言（Markup Laguage）相關資料的教學資源

----

= 發佈網頁標記語言的機構 =

World Wide Web Consortium (W3C) 
http://www.w3.org/

= 依循W3C標準的標記語言教學網路資源 =

朱孝國的筆記本 Peter Ju's Notebook 
http://www2.cyut.edu.tw/~s9154610/

周明網頁製作系列 
http://www.tssh.tpc.edu.tw/bcc/BooksExample/HTML401/index.htm

李正國 
http://www.csie.nctu.edu.tw/~jglee/

網頁寫作心得分享 
Hemiola的網頁 http://hemiolapei.free.fr/ 
http://hemiolapei.free.fr/divers/web/web.html

= 含有非依循W3C標準的標記語言教學網路資源 =

傲楓小築網頁教學 
http://htms.cjb.net/

網站建置百寶箱 
http://dob.tnc.edu.tw/

= 最爛網頁實例（笑） =

World's Worst Website 
一看就知道是故意寫的，這個網站會指出許多新手編寫網頁時的錯誤。（註：這是我在某 BLOG 上看到的文章） 
http://www.angelfire.com/super/badwebs/main.htm

winiAlienHacker 
站長長期放置一堆錯誤不管，現在已經變成完全無法維護的網站了，我看可能要從頭重寫才修得好這個網站的問題吧。 
http://home.pchome.com.tw/young/kouyu/winiAlienHacker/

= W3C 提供的驗證器 =

HTML 
http://validator.w3.org/

CSS 
http://jigsaw.w3.org/css-validator/

= -------------------------------- =

一看就知道是分隔線

= CSS樣式表專區 =

W3C 
http://chinese-school.netfirms.com/css-tutorial-T-Chinese-index.htm

meyerweb.com 
http://www.meyerweb.com/

css Zen Garden: The Beauty in CSS Design 
http://www.csszengarden.com/

利用切換 CSS 來改變網頁造型的站。 
outsider reflex - http://white.sakura.ne.jp/~piro/ 
CyberJos is Blogging - http://blog.cyberjos.idv.tw/space/start 
注意，基於許多安全上的因素，我並不建議各位用 Javascript 寫網頁，因為目前還是有很多惡意的 Javascript 的網頁的，所以一般都是建議使用者關掉 Javascript 的功能的。

CSS 語法參考辭典 
http://www.cis.nctu.edu.tw/~is91056/css.htm 
來源 http://www.cis.nctu.edu.tw/~is91056/index.php

樣式表的 CLASS 與 ID 宣告寫法： 
*CLASS
*Tag:action.ClassName {} -> Ex:) a:hover.list { color:red; }
*.ClassName tag:action {} -> Ex:) td img {display: block;}
**下面那個似乎是指定在該 Tag 底下的 Tag 用的樣子。
*ID
*<nowiki>#IDName {}</nowiki> -> Ex:) #test { color:#ff0000; }
**ID 比 CLASS 缺少的地方就是可以指定 Tag 的功能，同樣的一個 IDName 是不能給不同的 Tag 共享的。另外同一個 <nowiki><TAG></nowiki> 亦即「標籤」之內，可以同時使用 CLASS 和 ID 各一個。

= Javascript =

徵求資料中，徵求能把 MS Javascript 轉成 NetScape/Sun Javascript 的程式中。

javascript 是由 Netscape 和 Sun 公司合作開發出的網頁語法，不過這開放的標準最後被微軟拿去搞了個 MS jscript 的封閉格式了就是。

朱孝國的筆記本 Peter Ju's Notebook 
http://www2.cyut.edu.tw/~s9154610/

Foundamental JavaScript course 
http://www.takka.com.hk/jstutor/index.htm

讓你的網頁會自動導引各家瀏覽器到正確的網頁的方法。（未確認） 
http://webreference.com/tools/browser/javascript.html

= XML和XHTML專區 =

W3C-HTML/XHTML（右上有各版本別） 
http://www.w3.org/MarkUp/

W3C-XML 
http://www.w3.org/XML/

XML台灣資訊網 
http://www.xml.org.tw/Default.asp

= Perl =

傲爾網 
http://www.ourinet.com/

= -------------------------------- =

一看就知道是分隔線

= Unicode Support =

個人覺得文件存在 UTF-8 等的比較保險這樣。

Unicode Home Page 
推廣 Unicode based 的系統的組織？？ 
http://www.unicode.org/

Unicode Support in Your Browser 
一堆英文，看都沒懂。 
http://home.att.net/~jameskass/index.htm

Unicode 補完計畫 
讓中文使用者可以使用 Unicode 這種字庫的對照工具，詳情請看官網。 
http://cpatch.org/unicode/

Unicode 補完計畫問卷調查 
在策劃要開發 3.0 時所做的問卷，好像已經擺一年了，也許已經沒有用了吧？（汗） 
http://ericlin.cabin.idv.tw/~but/cgi-bin/anket/benquete.cgi

Unicode 補完計畫 - 更新字型的方法 
Win9x 使用 2.x 版時更換 2000/XP 字型的白痴用教學。（其實用這個比較簡單啦）也不用進 DOS 就是了 
http://cpatch.org/witchfive/pastepic/newttf/newttf.html

HTML文件外字相容轉換器 
詳細說明如該頁內文這樣。本頁面是由 Unicode補完計畫所提供的頁面，你也可以下載補完計畫，安裝完後也會有這玩意，總之台灣連個標準標碼都沒有呀，只有企業規格的廢廢 BIG5 呀～ 
http://cpatch.org/unicode/tool/converter.html

= 各類編輯器 =

『純文字編輯器』永遠是你最好的朋友。（汗）

Crimson Editor 
很遺憾的是這款似乎不支持 Unicode 呀… 
http://www.crimsoneditor.com/

NOTEPAD.EXE 
Windows 內附的筆記本，適合追求「輕巧便是優勢，只有你看得懂自己在寫啥。」的這種人。

Mozilla Composer 
安裝 Mozilla 的 Browser 時會「強迫」附送的玩意，目前正在找如何單獨使用該套件的方法中。畢竟免費又支援各平台，又支援文件字型編碼的編輯器蠻少的呀。（根本懶得找倒是）

OpenOffice.org 
沒在用它來編輯 HTML 的呀…

DreamWeaver 
頗受好評的編輯器。沒用過不清楚倒是。

= 免費的網頁空間 =

PCHome 
http://www.pchome.com.tw/

FREE ProHosting 
http://free.prohosting.com/ 
http://home.pchome.com.tw/web/kikilala77/kill/tProHosting.htm

= 免費的貼圖區或網路硬碟 =

2cha 
http://2cha.omoe.net/

= 寫作重點 =

字型及字型大小設定技巧： 
font-size 
即字型大小，使用百分比時， 100% 即是你瀏覽器的預設大小。 
font-family 
即字型，各指定如下，不建議使用字型名稱，建議讓系統自己找適合的字型。 
亦即使用「generic-family」的方式指定字型。 
W3C相關資料 http://www.w3.org/TR/REC-CSS2/fonts.html 
以下來源 http://www.cis.nctu.edu.tw/~is91056/css_2.htm 
serif (新細明體或Times等) 
sans-serif (Helvetica等) 
cursive (筆記體的字型) 
fantasy (裝飾為主的字型) 
monospace (等寬的字型) 
另外在 <nowiki><pre> </pre></nowiki> 中間的文字不會有變化倒是。還有表格 table 跟 form 和 input 的也是。 

Mozilla 網站設計常見問題（中譯版） 
詳見 [http://moztw.org/forum/printview.php?start=0&t=1974 Mozilla@Taiwan] （老是用別人的連結真是越用越不好意思了呀…）

利用 CSS 闖過三大難關！（專有名詞請參閱『Mozilla 網站設計常見問題（中譯版）』） 
一、Inline屬性的文字等物件置中 
二、Block屬性的區塊等物件置中 
三、連結的可選取區加大 
源碼如下，請自己複製下來試試。（因為wiki上不接受該標籤的作用的關係） 
<nowiki><a href="index.html" style="display:block;width:100%;text-align:center;margin-left:auto;margin-right:auto;">test一二三四</a></nowiki>

<nowiki> </nowiki> 的中間不要放入 <nowiki><div> </div></nowiki> 。

其它的一些實例可參考 [[Computer: Makeuper]] 。

*續‧字型大小：
*px
**像素(pixel)，亦即螢幕解析度，800x600、1024x768這類的。
**用這個的話會顧人怨這樣，它可以說是絕對大小這樣。（死）
**一般來說設 16px 以上比較好，算是比較不吃力的閱讀大小。
*pt
**不熟。（汗）這是依DPI而變的，在桌面空白處按右鍵，
**到「內容 → 設定值 → 進階」中看看，
**我想應該就是指「Npt x XXDPI = 你看到的字型大小」吧。
**也就是相對大小。
*%
**百分比大小(percent)，依你的瀏覽器而定。
**Mozilla/Firefox 可以設定字型大小，
**所以用 100% 就是該使用者覺得最舒服的大小，
**不過相對來說網頁編寫者會比較難控制顯示結果，
**除非把圖片、框架、區塊等的全跟字型一起用百分比來處理啦。
**至於 IE 的話…完全搞不懂它是怎麼運作的，
**要請教專人才行。縮放時用 80% 120% 這樣子就行了。

<hr color="#dd7777" width="90%" align="left" size="1px">

Computer: Event: 200408

2004-09-24T13:24:13Z

192.192.105.25: /* CSS樣式表專區 */

<hr color="#dd7777" width="90%" align="left" size="1px">

回到 [[Computer]] ‧ 回到 [[Computer: Event]]

----

民國９３年８月

本月是網頁的標記語言（Markup Laguage）相關資料的教學資源

----

= 發佈網頁標記語言的機構 =

World Wide Web Consortium (W3C) 
http://www.w3.org/

= 依循W3C標準的標記語言教學網路資源 =

朱孝國的筆記本 Peter Ju's Notebook 
http://www2.cyut.edu.tw/~s9154610/

周明網頁製作系列 
http://www.tssh.tpc.edu.tw/bcc/BooksExample/HTML401/index.htm

李正國 
http://www.csie.nctu.edu.tw/~jglee/

網頁寫作心得分享 
Hemiola的網頁 http://hemiolapei.free.fr/ 
http://hemiolapei.free.fr/divers/web/web.html

= 含有非依循W3C標準的標記語言教學網路資源 =

傲楓小築網頁教學 
http://htms.cjb.net/

網站建置百寶箱 
http://dob.tnc.edu.tw/

= 最爛網頁實例（笑） =

World's Worst Website 
一看就知道是故意寫的，這個網站會指出許多新手編寫網頁時的錯誤。（註：這是我在某 BLOG 上看到的文章） 
http://www.angelfire.com/super/badwebs/main.htm

winiAlienHacker 
站長長期放置一堆錯誤不管，現在已經變成完全無法維護的網站了，我看可能要從頭重寫才修得好這個網站的問題吧。 
http://home.pchome.com.tw/young/kouyu/winiAlienHacker/

= W3C 提供的驗證器 =

HTML 
http://validator.w3.org/

CSS 
http://jigsaw.w3.org/css-validator/

= -------------------------------- =

一看就知道是分隔線

= CSS樣式表專區 =

W3C 
http://chinese-school.netfirms.com/css-tutorial-T-Chinese-index.htm

meyerweb.com 
http://www.meyerweb.com/

css Zen Garden: The Beauty in CSS Design 
http://www.csszengarden.com/

利用切換 CSS 來改變網頁造型的站。 
outsider reflex - http://white.sakura.ne.jp/~piro/ 
CyberJos is Blogging - http://blog.cyberjos.idv.tw/space/start 
注意，基於許多安全上的因素，我並不建議各位用 Javascript 寫網頁，因為目前還是有很多惡意的 Javascript 的網頁的，所以一般都是建議使用者關掉 Javascript 的功能的。

CSS 語法參考辭典 
http://www.cis.nctu.edu.tw/~is91056/css.htm 
來源 http://www.cis.nctu.edu.tw/~is91056/index.php

樣式表的 CLASS 與 ID 宣告寫法： 
*CLASS
*Tag:action.ClassName {} -> Ex:) a:hover.list { color:red; }
*.ClassName tag:action {} -> Ex:) td img {display: block;}
**下面那個似乎是指定在該 Tag 底下的 Tag 用的樣子。
*ID
*<nowiki>#IDName {}</nowiki> -> Ex:) #test { color:#ff0000; }
**ID 比 CLASS 缺少的地方就是可以指定 Tag 的功能，同樣的一個 IDName 是不能給不同的 Tag 共享的。另外同一個 <nowiki><TAG></nowiki> 亦即「標籤」之內，可以同時使用 CLASS 和 ID 各一個。

= Javascript =

徵求資料中，徵求能把 MS Javascript 轉成 NetScape/Sun Javascript 的程式中。

javascript 是由 Netscape 和 Sun 公司合作開發出的網頁語法，不過這開放的標準最後被微軟拿去搞了個 MS jscript 的封閉格式了就是。

朱孝國的筆記本 Peter Ju's Notebook 
http://www2.cyut.edu.tw/~s9154610/

Foundamental JavaScript course 
http://www.takka.com.hk/jstutor/index.htm

讓你的網頁會自動導引各家瀏覽器到正確的網頁的方法。（未確認） 
http://webreference.com/tools/browser/javascript.html

= XML和XHTML專區 =

W3C-HTML/XHTML（右上有各版本別） 
http://www.w3.org/MarkUp/

W3C-XML 
http://www.w3.org/XML/

XML台灣資訊網 
http://www.xml.org.tw/Default.asp

= Perl =

傲爾網 
http://www.ourinet.com/

= -------------------------------- =

一看就知道是分隔線

= Unicode Support =

個人覺得文件存在 UTF-8 等的比較保險這樣。

Unicode Home Page 
推廣 Unicode based 的系統的組織？？ 
http://www.unicode.org/

Unicode Support in Your Browser 
一堆英文，看都沒懂。 
http://home.att.net/~jameskass/index.htm

Unicode 補完計畫 
讓中文使用者可以使用 Unicode 這種字庫的對照工具，詳情請看官網。 
http://cpatch.org/unicode/

Unicode 補完計畫問卷調查 
在策劃要開發 3.0 時所做的問卷，好像已經擺一年了，也許已經沒有用了吧？（汗） 
http://ericlin.cabin.idv.tw/~but/cgi-bin/anket/benquete.cgi

Unicode 補完計畫 - 更新字型的方法 
Win9x 使用 2.x 版時更換 2000/XP 字型的白痴用教學。（其實用這個比較簡單啦）也不用進 DOS 就是了 
http://cpatch.org/witchfive/pastepic/newttf/newttf.html

HTML文件外字相容轉換器 
詳細說明如該頁內文這樣。本頁面是由 Unicode補完計畫所提供的頁面，你也可以下載補完計畫，安裝完後也會有這玩意，總之台灣連個標準標碼都沒有呀，只有企業規格的廢廢 BIG5 呀～ 
http://cpatch.org/unicode/tool/converter.html

= 各類編輯器 =

『純文字編輯器』永遠是你最好的朋友。（汗）

Crimson Editor 
很遺憾的是這款似乎不支持 Unicode 呀… 
http://www.crimsoneditor.com/

NOTEPAD.EXE 
Windows 內附的筆記本，適合追求「輕巧便是優勢，只有你看得懂自己在寫啥。」的這種人。

Mozilla Composer 
安裝 Mozilla 的 Browser 時會「強迫」附送的玩意，目前正在找如何單獨使用該套件的方法中。畢竟免費又支援各平台，又支援文件字型編碼的編輯器蠻少的呀。（根本懶得找倒是）

OpenOffice.org 
沒在用它來編輯 HTML 的呀…

DreamWeaver 
頗受好評的編輯器。沒用過不清楚倒是。

= 免費的網頁空間 =

PCHome 
http://www.pchome.com.tw/

FREE ProHosting 
http://free.prohosting.com/ 
http://home.pchome.com.tw/web/kikilala77/kill/tProHosting.htm

= 免費的貼圖區或網路硬碟 =

2cha 
http://2cha.omoe.net/

= 寫作重點 =

字型及字型大小設定技巧： 
font-size 
即字型大小，使用百分比時， 100% 即是你瀏覽器的預設大小。 
font-family 
即字型，各指定如下，不建議使用字型名稱，建議讓系統自己找適合的字型。 
亦即使用「generic-family」的方式指定字型。 
W3C相關資料 http://www.w3.org/TR/REC-CSS2/fonts.html 
以下來源 http://www.cis.nctu.edu.tw/~is91056/css_2.htm 
serif (新細明體或Times等) 
sans-serif (Helvetica等) 
cursive (筆記體的字型) 
fantasy (裝飾為主的字型) 
monospace (等寬的字型) 
另外在 <nowiki><pre> </pre></nowiki> 中間的文字不會有變化倒是。還有表格 table 跟 form 和 input 的也是。 

Mozilla 網站設計常見問題（中譯版） 
詳見 [http://moztw.org/forum/printview.php?start=0&t=1974 Mozilla@Taiwan] （老是用別人的連結真是越用越不好意思了呀…）

利用 CSS 闖過三大難關！（專有名詞請參閱『Mozilla 網站設計常見問題（中譯版）』） 
一、Inline屬性的文字等物件置中 
二、Block屬性的區塊等物件置中 
三、連結的可選取區加大 
源碼如下，請自己複製下來試試。（因為wiki上不接受該標籤的作用的關係） 
<nowiki><a href="index.html" style="display:block;width:100%;text-align:center;margin-left:auto;margin-right:auto;">test一二三四</a></nowiki>

<nowiki> </nowiki> 的中間不要放入 <nowiki><div> </div></nowiki> 。

其它的一些實例可參考 [[Computer: Makeuper]] 。

*續‧字型大小：
*px
**像素(pixel)，亦即螢幕解析度，800x600、1024x768這類的。
**用這個的話會顧人怨這樣，它可以說是絕對大小這樣。（死）
**一般來說設 16px 以上比較好，算是比較不吃力的閱讀大小。
*pt
**不熟。（汗）這是依DPI而變的，在桌面空白處按右鍵，
**到「內容 → 設定值 → 進階」中看看，
**我想應該就是指「Npt x XXDPI = 你看到的字型大小」吧。
**也就是相對大小。
*%
**百分比大小(percent)，依你的瀏覽器而定。
**Mozilla/Firefox 可以設定字型大小，
**所以用 100% 就是該使用者覺得最舒服的大小，
**不過相對來說網頁編寫者會比較難控制顯示結果，
**除非把圖片、框架、區塊等的全跟字型一起用百分比來處理啦。
**至於 IE 的話…完全搞不懂它是怎麼運作的，
**要請教專人才行。縮放時用 80% 120% 這樣子就行了。

<hr color="#dd7777" width="90%" align="left" size="1px">

Computer: Event: 200408

2004-09-24T13:22:49Z

192.192.105.25: /* CSS樣式表專區 */

<hr color="#dd7777" width="90%" align="left" size="1px">

回到 [[Computer]] ‧ 回到 [[Computer: Event]]

----

民國９３年８月

本月是網頁的標記語言（Markup Laguage）相關資料的教學資源

----

= 發佈網頁標記語言的機構 =

World Wide Web Consortium (W3C) 
http://www.w3.org/

= 依循W3C標準的標記語言教學網路資源 =

朱孝國的筆記本 Peter Ju's Notebook 
http://www2.cyut.edu.tw/~s9154610/

周明網頁製作系列 
http://www.tssh.tpc.edu.tw/bcc/BooksExample/HTML401/index.htm

李正國 
http://www.csie.nctu.edu.tw/~jglee/

網頁寫作心得分享 
Hemiola的網頁 http://hemiolapei.free.fr/ 
http://hemiolapei.free.fr/divers/web/web.html

= 含有非依循W3C標準的標記語言教學網路資源 =

傲楓小築網頁教學 
http://htms.cjb.net/

網站建置百寶箱 
http://dob.tnc.edu.tw/

= 最爛網頁實例（笑） =

World's Worst Website 
一看就知道是故意寫的，這個網站會指出許多新手編寫網頁時的錯誤。（註：這是我在某 BLOG 上看到的文章） 
http://www.angelfire.com/super/badwebs/main.htm

winiAlienHacker 
站長長期放置一堆錯誤不管，現在已經變成完全無法維護的網站了，我看可能要從頭重寫才修得好這個網站的問題吧。 
http://home.pchome.com.tw/young/kouyu/winiAlienHacker/

= W3C 提供的驗證器 =

HTML 
http://validator.w3.org/

CSS 
http://jigsaw.w3.org/css-validator/

= -------------------------------- =

一看就知道是分隔線

= CSS樣式表專區 =

W3C 
http://chinese-school.netfirms.com/css-tutorial-T-Chinese-index.htm

meyerweb.com 
http://www.meyerweb.com/

css Zen Garden: The Beauty in CSS Design 
http://www.csszengarden.com/

利用切換 CSS 來改變網頁造型的站。 
outsider reflex - http://white.sakura.ne.jp/~piro/ 
CyberJos is Blogging - http://blog.cyberjos.idv.tw/space/start 
注意，基於許多安全上的因素，我並不建議各位用 Javascript 寫網頁，因為目前還是有很多惡意的 Javascript 的網頁的，所以一般都是建議使用者關掉 Javascript 的功能的。

CSS 語法參考辭典 
http://www.cis.nctu.edu.tw/~is91056/css.htm 
來源 http://www.cis.nctu.edu.tw/~is91056/index.php

樣式表的 CLASS 與 ID 宣告寫法： 
*CLASS
*Tag:action.ClassName {} -> Ex:) a:hover.list { color:red; }
*.ClassName tag:action {} -> Ex:) td img {display: block;}
**下面那個似乎是指定在該 Tag 底下的 Tag 用的樣子。
*ID
*<nowiki>#IDName {}</nowiki> -> Ex:) #test { color:#ff0000; }
**ID 比 CLASS 缺少的地方就是可以指定 Tag 的功能，另外同一個 <nowiki><TAG></nowiki> 亦即「標籤」之內，可以同時使用 CLASS 和 ID 各一個。

= Javascript =

徵求資料中，徵求能把 MS Javascript 轉成 NetScape/Sun Javascript 的程式中。

javascript 是由 Netscape 和 Sun 公司合作開發出的網頁語法，不過這開放的標準最後被微軟拿去搞了個 MS jscript 的封閉格式了就是。

朱孝國的筆記本 Peter Ju's Notebook 
http://www2.cyut.edu.tw/~s9154610/

Foundamental JavaScript course 
http://www.takka.com.hk/jstutor/index.htm

讓你的網頁會自動導引各家瀏覽器到正確的網頁的方法。（未確認） 
http://webreference.com/tools/browser/javascript.html

= XML和XHTML專區 =

W3C-HTML/XHTML（右上有各版本別） 
http://www.w3.org/MarkUp/

W3C-XML 
http://www.w3.org/XML/

XML台灣資訊網 
http://www.xml.org.tw/Default.asp

= Perl =

傲爾網 
http://www.ourinet.com/

= -------------------------------- =

一看就知道是分隔線

= Unicode Support =

個人覺得文件存在 UTF-8 等的比較保險這樣。

Unicode Home Page 
推廣 Unicode based 的系統的組織？？ 
http://www.unicode.org/

Unicode Support in Your Browser 
一堆英文，看都沒懂。 
http://home.att.net/~jameskass/index.htm

Unicode 補完計畫 
讓中文使用者可以使用 Unicode 這種字庫的對照工具，詳情請看官網。 
http://cpatch.org/unicode/

Unicode 補完計畫問卷調查 
在策劃要開發 3.0 時所做的問卷，好像已經擺一年了，也許已經沒有用了吧？（汗） 
http://ericlin.cabin.idv.tw/~but/cgi-bin/anket/benquete.cgi

Unicode 補完計畫 - 更新字型的方法 
Win9x 使用 2.x 版時更換 2000/XP 字型的白痴用教學。（其實用這個比較簡單啦）也不用進 DOS 就是了 
http://cpatch.org/witchfive/pastepic/newttf/newttf.html

HTML文件外字相容轉換器 
詳細說明如該頁內文這樣。本頁面是由 Unicode補完計畫所提供的頁面，你也可以下載補完計畫，安裝完後也會有這玩意，總之台灣連個標準標碼都沒有呀，只有企業規格的廢廢 BIG5 呀～ 
http://cpatch.org/unicode/tool/converter.html

= 各類編輯器 =

『純文字編輯器』永遠是你最好的朋友。（汗）

Crimson Editor 
很遺憾的是這款似乎不支持 Unicode 呀… 
http://www.crimsoneditor.com/

NOTEPAD.EXE 
Windows 內附的筆記本，適合追求「輕巧便是優勢，只有你看得懂自己在寫啥。」的這種人。

Mozilla Composer 
安裝 Mozilla 的 Browser 時會「強迫」附送的玩意，目前正在找如何單獨使用該套件的方法中。畢竟免費又支援各平台，又支援文件字型編碼的編輯器蠻少的呀。（根本懶得找倒是）

OpenOffice.org 
沒在用它來編輯 HTML 的呀…

DreamWeaver 
頗受好評的編輯器。沒用過不清楚倒是。

= 免費的網頁空間 =

PCHome 
http://www.pchome.com.tw/

FREE ProHosting 
http://free.prohosting.com/ 
http://home.pchome.com.tw/web/kikilala77/kill/tProHosting.htm

= 免費的貼圖區或網路硬碟 =

2cha 
http://2cha.omoe.net/

= 寫作重點 =

字型及字型大小設定技巧： 
font-size 
即字型大小，使用百分比時， 100% 即是你瀏覽器的預設大小。 
font-family 
即字型，各指定如下，不建議使用字型名稱，建議讓系統自己找適合的字型。 
亦即使用「generic-family」的方式指定字型。 
W3C相關資料 http://www.w3.org/TR/REC-CSS2/fonts.html 
以下來源 http://www.cis.nctu.edu.tw/~is91056/css_2.htm 
serif (新細明體或Times等) 
sans-serif (Helvetica等) 
cursive (筆記體的字型) 
fantasy (裝飾為主的字型) 
monospace (等寬的字型) 
另外在 <nowiki><pre> </pre></nowiki> 中間的文字不會有變化倒是。還有表格 table 跟 form 和 input 的也是。 

Mozilla 網站設計常見問題（中譯版） 
詳見 [http://moztw.org/forum/printview.php?start=0&t=1974 Mozilla@Taiwan] （老是用別人的連結真是越用越不好意思了呀…）

利用 CSS 闖過三大難關！（專有名詞請參閱『Mozilla 網站設計常見問題（中譯版）』） 
一、Inline屬性的文字等物件置中 
二、Block屬性的區塊等物件置中 
三、連結的可選取區加大 
源碼如下，請自己複製下來試試。（因為wiki上不接受該標籤的作用的關係） 
<nowiki><a href="index.html" style="display:block;width:100%;text-align:center;margin-left:auto;margin-right:auto;">test一二三四</a></nowiki>

<nowiki> </nowiki> 的中間不要放入 <nowiki><div> </div></nowiki> 。

其它的一些實例可參考 [[Computer: Makeuper]] 。

*續‧字型大小：
*px
**像素(pixel)，亦即螢幕解析度，800x600、1024x768這類的。
**用這個的話會顧人怨這樣，它可以說是絕對大小這樣。（死）
**一般來說設 16px 以上比較好，算是比較不吃力的閱讀大小。
*pt
**不熟。（汗）這是依DPI而變的，在桌面空白處按右鍵，
**到「內容 → 設定值 → 進階」中看看，
**我想應該就是指「Npt x XXDPI = 你看到的字型大小」吧。
**也就是相對大小。
*%
**百分比大小(percent)，依你的瀏覽器而定。
**Mozilla/Firefox 可以設定字型大小，
**所以用 100% 就是該使用者覺得最舒服的大小，
**不過相對來說網頁編寫者會比較難控制顯示結果，
**除非把圖片、框架、區塊等的全跟字型一起用百分比來處理啦。
**至於 IE 的話…完全搞不懂它是怎麼運作的，
**要請教專人才行。縮放時用 80% 120% 這樣子就行了。

<hr color="#dd7777" width="90%" align="left" size="1px">

Computer: Makeuper: BASIC

2004-09-24T13:21:38Z

192.192.105.25: /* 前言 */

----

回到 [[Computer]] ‧ 回到 [[Computer: Makeuper]]

----

= 前言 =

想寫出理想中的前端瀏覽網頁！ 
請依 HTML -> CSS -> Javascript 的方向漸階式地學習，檢驗網頁請用 Mozilla 或 Firefox 。 
注意，基於許多安全上的因素，我並不建議各位用 Javascript 寫網頁，因為目前還是有很多惡意的 Javascript 的網頁的，所以一般都是建議使用者關掉 Javascript 的功能的。

想寫出好的後端伺服資料庫！ 
試試 MySQL ，雖然我沒用過啦。

想寫出只有 MS 的產品才能正常閱讀的 MS Only 的資料！ 
請愛用 Frontpage 等 MSOffice 產品，檢驗網頁請用 IE 。（汗）

目前推薦的 HTML 寫法，為使用 HTML 標籤，配合 [[Computer:_Makeuper:_CSS:_Outline|CSS]] 語法的方式，有必要時再用 Javascript 來加強網頁功能，推薦使用的瀏覽器為 [http://www.moztw.org/ Mozilla Firefox] 。

----

= HTML =

最基本的HTML文件範例及說明

最基本的HTML標準模式文件範例及說明

最完整的HTML文件範例及說明

----

= CSS/Javascript =

最基本的CSS文件的範例及說明

最基本的HTML加CSS文件的範例及說明其一

最基本的HTML加CSS文件的範例及說明其二

最基本的HTML加CSS文件的範例及說明其三

最基本的HTML加Javascript文件的範例及說明

----

Mozilla: Extensions: sage

2004-09-24T12:34:19Z

192.192.105.25:

----

回到 [[Mozilla]] ‧ 回到 [[Mozilla: Extensions]]

----

安裝完後請重開一次 Firefox ，設好其所使用的資料夾後請再重開一次 Firefox 。

<ol type="0" start="0"><li>使用步驟</li>
<li>下載、安裝「中文版RSS閱讀器」，關閉所有 Firefox 視窗並重新開啟 Firefox 。</li>
<li>在有上一頁下一頁的那個工具列上按滑鼠右鍵選「自訂」。然後把「RSS」的圖示拖上工具列上。或者也可以從「View (檢視) > Sidebar (資訊方塊列)」裡找到 "RSS 閱讀器。（註：本句是複製貼上）逃</li>
<li>先在書籤中隨意一處建一個空白資料夾，接著點工具列上的「RSS閱讀器」開它的 Sidebar ，然後選它的「工具 → 設定」來設定它要使用的資料夾。（亦即你所新增的那個）</li>
<li>最後一步就是設定網站的「RSS」網址了，以 Mozilla@Taiwan 來說，網址如下。 
http://moztw.org/forum/rdf.php 
直接把這頁加入到你設的「RSS閱讀器」的資料夾下就行了。</li>
<li>總之重點就是只能看字尾是「rdf」或「xml」或是「php」的網頁，不過這可不是說只要是那些結尾就一定能看，要對方有提供才行。總之說看到 [http://moztw.org/forum/ Mozilla@Taiwan] 上方那類的圖示就點下去，應該就會出現像上面那種頁面了。不過 *.rdf 的網址得要自己手動複製網址來處理才行，這是因為目前版本的 Firefox0.9 還未支援 RSS 的關係，所以沒法處理。</li>
</ol>

關於 RSS 的說明。 
[http://moztw.org/forum/viewtopic.php?t=1216 Mozilla@Taiwan] 
[http://www.xml.com/pub/a/2002/12/18/dive-into-xml.html XML.com] 
[http://tw.news.yahoo.com/rss/ YAHOO!KIMO] 
[http://www.xml.org.tw/Function/Fglossary1.asp?key=RSS XML台灣資訊網] 
[http://e-words.jp/w/rss.html IT用語辞典] 
[http://www.wretch.twbbs.org/blog/?inc=rss_blog 無名小站]

另外要特別說明一下 Mozilla@Taiwan 上的 RSS 。 
http://www.csie.ntu.edu.tw/~r91034/mozilla/forum/rdf.php 
在這其後加入「?count=xx」，xx為你所想要的數字，以後就會列出你所想要的數字的討論串出來了。不然預設只有十筆實在有夠少的呀。 
要判別該站的 RSS 能否用這類方法增訂討論串，應該就是只能用該站是「討論區」還「BLOG」來判別的樣子，這似乎牽扯到該 RSS 文件是否屬於動態的，或者是屬於真實的 RSS 文件的樣子，詳情並不清楚，所以無法說明得更清楚了這樣。

----

Mozilla: Localization: Security

2004-09-24T12:13:54Z

192.192.105.25: /* Firefox Preview Release / Mozilla 1.7.3 / Thunderbird 0.8 中已修正的 */

----

回到 [[Mozilla]] ‧ 回到 [[Mozilla: Localization]]

----

*編號重要度/危險度 紅＞橙＞黃＞藍
**標題
**類型
**概要
***回報人
***修正日

----

=== Firefox Preview Release / Mozilla 1.7.3 / Thunderbird 0.8 中已修正的 ===

*93 高/中
**「郵寄此頁面(Send Page)」記憶體堆集(heap)滿溢(overrun)([http://bugzilla.mozilla.org/show_bug.cgi?id=258005 258005])
**遠端執行
**「郵寄此頁面」功能，在碰上非常長的連結時，會有記憶體堆集滿溢的情況發生。只要一有令人想轉載給所有朋友的極有趣的內容，而打算要將那個頁面（連結）用滑鼠右鍵來郵寄時，就有可能被利用來執行任意的程式碼(code)。
***Georgi Guninski
***2004-09-07

*92 中/高
**Javascript 剪貼簿(clipboard)連線(access)([http://bugzilla.mozilla.org/show_bug.cgi?id=257523 257523])
**剪貼簿漏洞(leak)
**因為不可信任的 Javascript 指令可以讀寫剪貼簿，所以使用者已複製的機密資料有可能會被竊取。回避手段：讓 Javascript 無效。
***Wladimir Palant
***2004-09-01

*91 中/低
**特權要求的混亂([http://bugzilla.mozilla.org/show_bug.cgi?id=253942 253942])
**遠端執行
**要求強化功能的已簽證 Script ，會提出令人理解困難的許可對話框(dialogue)的要求，雖然該特權要求會讓使用者認為其並非重要的東西，但其實有可能是為得到執行並安裝軟體的明示的許可。回避手段：於不可信賴的 web 站，不管有多少種強化功能都不能許可。
***Jesse Ruderman
***2004-09-01

*90 高/高
**在顯示 VCard 時會緩衝區(buffer)溢位(overflow)([http://bugzilla.mozilla.org/show_bug.cgi?id=257314 257314])
**遠端執行
**於顯示 VCard 的子程式(routine)中的堆疊(stack)緩衝區溢位執行(run)，有可能被利用來執行攻擊者所準備的任何程式碼。回避手段：讓附加檔案的顯示內文無效化，不要開啟附加的 VCard 。
***Georgi Guninski
***2004-08-30

*89 高/高
**BMP 整數溢位(overflow)([http://bugzilla.mozilla.org/show_bug.cgi?id=255067 255067])
**記憶體堆集滿溢
**極寬的 bitmap(BMP) 圖片會引起整數溢位，潛在地說不定會被利用來執行任意的程式碼而有可能與記憶體堆集滿溢有所關連。回避手段：讓圖片無效化。
***Gael Delalleau
***2004-08-27

*編號重要度/危險度 紅＞橙＞黃＞藍
**標題
**遠端執行
**概要
***回報人
***修正日

*編號重要度/危險度 紅＞橙＞黃＞藍
**標題
**遠端執行
**概要
***回報人
***修正日

*編號重要度/危險度 紅＞橙＞黃＞藍
**標題
**遠端執行
**概要
***回報人
***修正日

*編號重要度/危險度 紅＞橙＞黃＞藍
**標題
**遠端執行
**概要
***回報人
***修正日

*編號重要度/危險度 紅＞橙＞黃＞藍
**標題
**遠端執行
**概要
***回報人
***修正日

----

=== Mozilla 1.7.2 / Firefox 0.9.3 / Thunderbird 0.7.3 中已修正的 ===


----

Mozilla: Localization: Security

2004-09-24T12:01:48Z

192.192.105.25: /* Firefox Preview Release / Mozilla 1.7.3 / Thunderbird 0.8 中已修正的 */

----

回到 [[Mozilla]] ‧ 回到 [[Mozilla: Localization]]

----

*編號重要度/危險度 紅＞橙＞黃＞藍
**標題
**類型
**概要
***回報人
***修正日

----

=== Firefox Preview Release / Mozilla 1.7.3 / Thunderbird 0.8 中已修正的 ===

*93 高/中
**「郵寄此頁面(Send Page)」記憶體堆集(heap)滿溢(overrun)([http://bugzilla.mozilla.org/show_bug.cgi?id=258005 258005])
**遠端執行
**「郵寄此頁面」功能，在碰上非常長的連結時，會有記憶體堆集滿溢的情況發生。只要一有令人想轉載給所有朋友的極有趣的內容，而打算要將那個頁面（連結）用滑鼠右鍵來郵寄時，就有可能被利用來執行任意的指令(code)。
***Georgi Guninski
***2004-09-07

*92 中/高
**Javascript 剪貼簿(clipboard)連線(access)([http://bugzilla.mozilla.org/show_bug.cgi?id=257523 257523])
**剪貼簿漏洞(leak)
**因為不可信任的 Javascript 指令可以讀寫剪貼簿，所以使用者已複製的機密資料有可能會被竊取。回避手段：讓 Javascript 無效。
***Wladimir Palant
***2004-09-01

*91 中/低
**特權要求的混亂([http://bugzilla.mozilla.org/show_bug.cgi?id=253942 253942])
**遠端執行
**要求強化功能的已簽證 Script ，會提出令人理解困難的許可對話框(dialogue)的要求，雖然該特權要求會讓使用者認為其並非重要的東西，但其實有可能是為得到執行並安裝軟體的明示的許可。回避手段：於不可信賴的 web 站，不管有多少種強化功能都不能許可。
***Jesse Ruderman
***2004-09-01

*90 高/高
**在顯示 VCard 時會緩衝區(buffer)溢位(overflow)([http://bugzilla.mozilla.org/show_bug.cgi?id=257314 257314])
**遠端執行
**於顯示 VCard 的子程式(routine)中的堆疊(stack)緩衝區溢位執行(run)，有可能被利用來執行攻擊者所準備的任何指令。回避手段：將附加檔案的顯示內文給無效化，不要開啟附加的 VCard 。
***Georgi Guninski
***2004-08-30

*89 高/高
**BMP 整數溢位(overflow)([http://bugzilla.mozilla.org/show_bug.cgi?id=255067 255067])
**記憶體堆集滿溢
**極寬的 bitmap(BMP) 圖片會引起整數溢位，潛在地說不定會被利用來執行任意的指令而有可能與記憶體堆集滿溢有所關連。回避手段：將圖片給無效化。
***Gael Delalleau
***2004-08-27

*編號重要度/危險度 紅＞橙＞黃＞藍
**標題
**遠端執行
**概要
***回報人
***修正日

*編號重要度/危險度 紅＞橙＞黃＞藍
**標題
**遠端執行
**概要
***回報人
***修正日

*編號重要度/危險度 紅＞橙＞黃＞藍
**標題
**遠端執行
**概要
***回報人
***修正日

*編號重要度/危險度 紅＞橙＞黃＞藍
**標題
**遠端執行
**概要
***回報人
***修正日

*編號重要度/危險度 紅＞橙＞黃＞藍
**標題
**遠端執行
**概要
***回報人
***修正日

----

=== Mozilla 1.7.2 / Firefox 0.9.3 / Thunderbird 0.7.3 中已修正的 ===


----

Link

2004-09-24T11:48:48Z

192.192.105.25:

----

*本Wiki已有設置專區的對外連結：
**[[AniManga]]
**[[Gust]]
**[[Mozilla]]
**[[OpenOffice.org]]
**[[Shop]]
**[[Touhou Project]]

----

*其它的國際性Wiki系統：
**Wikipedia http://www.wikipedia.org/ 世界級的資料庫…不過實在不太熟…最下方有各種語言版本可選。不過明明是繁體中文卻還是有一堆簡体中文，台灣人真是不爭氣呀～
**??? http://www.wiki.org/
**hlb http://ccca.nctu.edu.tw/~hlb/articles/ 右邊下方可找到Wiki相關文章，裡面可找到Wiki簡介之類的文章，而「群眾書寫」就是該站的Wiki系統。
**ErnEstWiki http://noellab.net/ernest/tavi/ErnEstWiki 在這兒搜尋一下 Mozilla 看看吧。在「駐站作家」中可以找到各作者的專案（？）。
**pukiwiki http://pukiwiki.org/ 好像是日本人發展出的東西。
**TaviWiki http://tavi.newzilla.org/ 個人最初是接觸這種的，不過跟我那複雜的HTML編輯習慣相抵觸呀～總之是適合想輕鬆玩Wiki的人用的。
**猥激魔 http://www.gameimp.com/mediawiki/ 南宮博士所架的wiki站。
**共筆 http://wiki.planetoid.info/index.php/%E5%85%B1%E7%AD%86%E9%A6%96%E9%A0%81 不知是啥玩意…總之也是wiki站，而且裡面也有收到本站，所以就順便收進來好了。

----

*程式語言相關：
**W3C http://www.w3.org/ 訂立並檢討世界的網頁語法標準的公益機構，「XXX Validator」是用來檢測你的CSS或HTML有沒有寫錯用的。其它還有附CSS跟HTML等的線上教材，去找「Learning啥的」、再找「Online Source啥的」，這樣應該就會找到教材了，有些還會提供各種語言的版本。

----

*電子報、メルマガ：
**詞己（しき） http://homepage2.nifty.com/n-bunko/ 介紹各種日本文化的電子報？？

----

*其它：
**MIT http://ocw.mit.edu/index.html 麻省理工線上開放課程啥的
**Multilingual MIT http://www.mitocw.net/ MIT的多國語言版（建構中）
**winiAlienHacker http://home.pchome.com.tw/young/kouyu/winiAlienHacker/ 以全站資料自由使用為目的的站，有些可能是不能隨意使用的，不過大部分都可以自由使用。
**好文版 http://www.andcycle.idv.tw/hauwen/ 好文已死（汗）
**反微軟資訊新聞 http://antims.visualmedia.com.hk/ 讓你可以發洩心中不滿的地方？？沒有啦，只要是能讓你發現到一些MS產品的問題的網站啦，「最好的老師往往是最好的敵人」不是嘛？
**網路村里 http://village.nat.gov.tw/ 台灣區地圖等便民服務。

----

*電腦文件
**The Computer Technology Documentation Project http://www.comptechdoc.org/index.html 總之就是電腦文件
**Study-Area http://www.study-area.org/ 看了就知道是什麼站
**OpenSource自由e天地 http://jsp.dfes.tpc.edu.tw/index.html 謎
**台灣電腦網路危機處理暨協調中心 http://www.cert.org.tw/index.php 謎
**終極邊疆 http://blog.serv.idv.tw/ 謎
**和信超媒體／線上英漢、漢英、英英字典 http://cdict.giga.net.tw/index.php 謎

----

Link

2004-09-24T11:45:11Z

192.192.105.25:

Mozilla: Localization: Security

2004-09-24T11:29:29Z

192.192.105.25: /* Firefox Preview Release / Mozilla 1.7.3 / Thunderbird 0.8 中已修正的 */

----

回到 [[Mozilla]] ‧ 回到 [[Mozilla: Localization]]

----

*編號重要度/危險度 紅＞橙＞黃＞藍
**標題
**類型
**概要
***回報人
***修正日

----

=== Firefox Preview Release / Mozilla 1.7.3 / Thunderbird 0.8 中已修正的 ===

*93 高/中
**「郵寄此頁面(Sned Page)」記憶體堆集滿溢(heap overrun)([http://bugzilla.mozilla.org/show_bug.cgi?id=258005 258005])
**遠端執行
**「郵寄此頁面」功能，在碰上非常長的連結時，會有記憶體堆集滿溢的情況發生。只要一有令人想轉載給所有朋友的極有趣的內容，而打算要將那個頁面（連結）用滑鼠右鍵來郵寄時，就有可能被利用來執行任意的指令。
***Georgi Guninski
***2004-09-07

*92 中/高
**Javascript 剪貼簿(clipboard)連線(access)([http://bugzilla.mozilla.org/show_bug.cgi?id=257523 257523])
**剪貼簿漏洞(leak)
**因為不可信任的 Javascript 指令可以讀寫剪貼簿，所以使用者已複製的機密資料有可能會被竊取。回避手段：讓 Javascript 無效。
***Wladimir Palant
***2004-09-01

*91 中/低
**特權要求的混亂([http://bugzilla.mozilla.org/show_bug.cgi?id=253942 253942])
**遠端執行
**要求強化功能的已簽證 Script ，會提出令人理解困難的許可對話框(dialogue)的要求，雖然該特權要求會讓使用者認為其並非重要的東西，但其實有可能是為得到執行並安裝軟體的明示的許可。回避手段：於不可信賴的 web 站，不管有多少種強化功能都不能許可。
***Jesse Ruderman
***2004-09-01

*編號重要度/危險度 紅＞橙＞黃＞藍
**標題
**遠端執行
**概要
***回報人
***修正日

*編號重要度/危險度 紅＞橙＞黃＞藍
**標題
**遠端執行
**概要
***回報人
***修正日

*編號重要度/危險度 紅＞橙＞黃＞藍
**標題
**遠端執行
**概要
***回報人
***修正日

*編號重要度/危險度 紅＞橙＞黃＞藍
**標題
**遠端執行
**概要
***回報人
***修正日

*編號重要度/危險度 紅＞橙＞黃＞藍
**標題
**遠端執行
**概要
***回報人
***修正日

*編號重要度/危險度 紅＞橙＞黃＞藍
**標題
**遠端執行
**概要
***回報人
***修正日

*編號重要度/危險度 紅＞橙＞黃＞藍
**標題
**遠端執行
**概要
***回報人
***修正日

----

=== Mozilla 1.7.2 / Firefox 0.9.3 / Thunderbird 0.7.3 中已修正的 ===


----

Mozilla: Localization: Security

2004-09-24T11:27:01Z

192.192.105.25:

----

回到 [[Mozilla]] ‧ 回到 [[Mozilla: Localization]]

----

*編號重要度/危險度 紅＞橙＞黃＞藍
**標題
**類型
**概要
***回報人
***修正日

----

=== Firefox Preview Release / Mozilla 1.7.3 / Thunderbird 0.8 中已修正的 ===

*93 高/中
**「郵寄此頁面(Sned Page)」記憶體堆集滿溢(heap overrun)([http://bugzilla.mozilla.org/show_bug.cgi?id=258005 258005])
**遠端執行
**「郵寄此頁面」功能，在碰上非常長的連結時，會有堆集滿溢的情況發生。只要一有令人想轉載給所有朋友的極有趣的內容，而打算要將那個頁面（連結）用滑鼠右鍵來郵寄時，就有可能被利用來執行任意的指令。
***Georgi Guninski
***2004-09-07

*92 中/高
**Javascript 剪貼簿(clipboard)連線(access)([http://bugzilla.mozilla.org/show_bug.cgi?id=257523 257523])
**剪貼簿漏洞(leak)
**因為不可信任的 Javascript 指令可以讀寫剪貼簿，所以使用者已複製的機密資料有可能會被竊取。回避手段：讓 Javascript 無效。
***Wladimir Palant
***2004-09-01

*91 中/低
**特權要求的混亂([http://bugzilla.mozilla.org/show_bug.cgi?id=253942 253942])
**遠端執行
**要求強化功能的已簽證 Script ，會提出令人理解困難的許可對話框(dialogue)的要求，雖然該特權要求會讓使用者認為其並非重要的東西，但其實有可能是為得到執行並安裝軟體的明示的許可。回避手段：於不可信賴的 web 站，不管有多少種強化功能都不能許可。
***Jesse Ruderman
***2004-09-01

----

Mozilla: Localization

2004-09-24T09:57:04Z

192.192.105.25:

Computer: Makeuper

2004-09-24T09:47:45Z

192.192.105.25:

----

回到 [[Computer]]

----

[[Computer: Makeuper: BASIC]] 一切的基礎！

[[Computer: Event: 200408]] 參考網頁

----

[[Computer: Makeuper: CSS]] 好孩子的 CSS 教室

[[Computer: Makeuper: HTML]] 好孩子的 HTML 教室

javascript W3C DOM http://www.w3.org/DOM/

----

Mozilla: Navigator

2004-09-24T08:49:21Z

192.192.105.25:

----

回到 [[Mozilla]]

----

安裝 Mozilla Navigator 時會一併安裝「Composer（設計師）」。

----

「書籤」所存放的檔案名稱： 
$Profiles/bookmarks.html 
直接取代掉原來的就好。 

「Cookies」所存放的檔案名稱： 
cookies.txt 
直接取代掉原來的就好。 

「History」瀏覽記錄所存放的檔案名稱： 
history.dat 
直接取代掉原來的就好。 

設定允許、不允許開啟 pop up 視窗的設定檔名稱： 
hostperm.1 
直接取代掉原來的就好。 

關於不能登入巴哈姆特電玩資訊站的問題： 
請把登入時的那個網址設為接受 Pop-up 廣告就行了。 
login.gamer.com.tw 
工具列 → 編輯 → 個人編好設定 → 個人及安全設定 → Pop-up

自行設定自己的Mozilla的CSS風格 
[http://moztw.org/dlchrome Mozilla@Taiwan]
[http://forum.moztw.org/viewtopic.php?p=11997 Mozilla@Taiwan上的相關討論]
[http://phoenity.com/firefox.html Phoenity for Firefox]
[http://flii.us/myworks/phoenix/default.html]

----

Computer: Makeuper: CSS

2004-09-23T07:17:43Z

192.192.105.25:

----

回到 [[Computer]] ‧ 回到 [[Computer: Makeuper]]

----

注意： id 跟 class 的命名絕對不要用數字開頭，那樣是無法作用的。 
注意： class 可以做到 Tag01.ClassName01 、 Tag02.ClassName01 這種單一 ClassName 對應多重 Tag（標籤）的功能，但是 ID 是沒辦法的。（好像）

*[[Computer: Makeuper: CSS: Outline|CSS簡介]]
*教學站
**[http://www.w3.org/ W3C] 
**[http://www.w3.org/Style/CSS/learning Learning CSS] 
**[http://chinese-school.netfirms.com/css-tutorial-T-Chinese-index.htm 正體中文線上教學？？] 
**[http://jigsaw.w3.org/css-validator/ CSS Validator] 
*實際展現的站
**[http://www.csszengarden.com/ css Zen Garden]
**[http://www.meyerweb.com/ meyerweb.com] （老實說我不知道這是啥）
*本wiki的教學區
**[[Computer: Makeuper: CSS: Ex01|簡易文件編輯區塊的作法]]
**[[Computer: Makeuper: CSS: Ex02|讓瀏覽器選擇不同的樣式表的作法]]
**[[Computer: Makeuper: CSS: Step01|入門第一步？]]

http://forum.moztw.org/viewtopic.php?p=11690

----

Computer: Makeuper: CSS: Ex02

2004-09-23T07:15:26Z

192.192.105.25:

----

回到 [[Computer]] ‧ 回到 [[Computer: Makeuper]] ‧ 回到 [[Computer: Makeuper: CSS]]

----

在文件中書寫可以讓有支援多樣式表選擇功能（是叫 Multi-StyleSheet-Selection 嗎????）的瀏覽器可以去選擇不同樣式表的語法。

如 Mozilla 的選項就位於「檢視 V) → 使用其它CSS樣式表 U)」之中。Firefox的則是狀態列左下的小圖示，要在有碰上這種網頁時才會跳出來。

另外也可以試試看用 Javascript 來切換樣式表。如 [http://blog.cyberjos.idv.tw/space/start CyberJos]的網頁就是。

----

重點在於 link tag ，就是在 <nowiki><HEAD></nowiki> 引入 *.CSS 檔案的那一行標籤。

<nowiki>
<link rel="stylesheet" type="text/css" href="default.css" title="default" >
</nowiki>

rel 代表 relation ，在這邊就是 stylesheet 。 
type 應該不需要解釋了。 
href 當然是你的 CSS URL 位置。 
title 就是幫它取個名稱，在選擇時才能方便辯識。 

當有兩個以上時，第二個之後的 relation 要從 stylesheet 改為 alternate stylesheet 。

<nowiki><link rel="alternate stylesheet" type="text/css" href="second.css" title="second" ></nowiki>

從這邊的例子來看，當別人選 default 就是用第一個 CSS ，選 second 就是第二個 CSS ，差不多就這樣。

不過不是所有的瀏覽器都有這個功能，沒有這個功能的會以 relation 宣告為 stylesheet 為準。

----

HTML

2004-09-23T07:01:08Z

192.192.105.25:

----

回到 [[Computer]] ‧ 回到 [[Computer: Makeuper]]

----

HTML 只要記標籤就好，不必去強記屬性名稱無妨，因為以後學到 CSS 時可以用 CSS 語法來處理。

另外建議換 Mozilla Firefox 來當你的檢側用瀏覽器的原因，是因為 IE 會亂加屬性在你的網頁中，正確說是它的預設值太多事了，會讓你寫出只有 IE 才會顯示該種樣式的網頁來，所以用比較笨不會給你加一堆預設值的 Mozilla Firefox 比較好，這樣才不會偷懶，不過這樣一來你就得學會 CSS 才行了，總之先從認識 HTML 標籤開始吧。

[[Computer: Makeuper: HTML: Ex01|指定圖片某一區域連向某處的語法]]

[[Computer: Makeuper: HTML: Ex02|Alt鍵加英數字鍵等按鍵的快速鍵寫法]]

----

Computer: Makeuper: HTML: Ex02

2004-09-23T06:58:08Z

192.192.105.25:

----

回到 [[Computer]] ‧ 回到 [[Computer: Makeuper]]

回到 [[Computer: Makeuper: HTML]]

----

AccessKey : 可以讓你用 Alt 加該鍵就開啟該連結的語法。寫法如下。 
<nowiki><a href="xxx" AccessKey="1"> xxx </a></nowiki> 
這樣子按 Alt-1 就會開啟該連結了，好像也能用到 Button 上？？ 
另外不建議用英文當熱鍵。 
表單的話則是這樣寫（這是最陽春的寫法這樣）。 
<div style="background-color:#dddddd;padding:2%;">
<nowiki><form></nowiki> 
<nowiki><input type="submit" value="check" AccessKey="1"></nowiki> 
<nowiki></form></nowiki> 
</div>

----

Computer: Makeuper: BASIC

2004-09-23T06:51:11Z

192.192.105.25:

----

回到 [[Computer]] ‧ 回到 [[Computer: Makeuper]]

----

= 前言 =

想寫出理想中的前端瀏覽網頁！ 
請依 HTML -> CSS -> Javascript 的方向漸階式地學習，檢驗網頁請用 Mozilla 或 Firefox 。

想寫出好的後端伺服資料庫！ 
試試 MySQL ，雖然我沒用過啦。

想寫出只有 MS 的產品才能正常閱讀的 MS Only 的資料！ 
請愛用 Frontpage 等 MSOffice 產品，檢驗網頁請用 IE 。（汗）

目前推薦的 HTML 寫法，為使用 HTML 標籤，配合 [[Computer:_Makeuper:_CSS:_Outline|CSS]] 語法的方式，有必要時再用 Javascript 來加強網頁功能，推薦使用的瀏覽器為 [http://www.moztw.org/ Mozilla Firefox] 。

----

= HTML =

最基本的HTML文件範例及說明

最基本的HTML標準模式文件範例及說明

最完整的HTML文件範例及說明

----

= CSS/Javascript =

最基本的CSS文件的範例及說明

最基本的HTML加CSS文件的範例及說明其一

最基本的HTML加CSS文件的範例及說明其二

最基本的HTML加CSS文件的範例及說明其三

最基本的HTML加Javascript文件的範例及說明

----

Mozilla: Firefox

2004-09-22T05:09:47Z

192.192.105.25:

----

回到 [[Mozilla]]

----

Firefox 中各種重要檔案的名稱及用處可在 [[Mozilla: Navigator]] 找到。

----

強烈建議加裝 [http://extensionroom.mozdev.org/more-info/tbe Tabbrowse Extension(TBE)] 這套擴充套件。 
注意，最近的 TBE 不太穩定，建議先別安裝。

----

*由 Mozilla 進入 Firefox 的注意事項。
**可以直接在瀏覽器畫面拖曳書籤進行該書籤的移動。
**個人設定檔 Profile 的管理功能被刪除了。
**多語言套件(XLP，X即該語言頭文字。)不能夠處理的樣子。
**按 Ctrl-b 會跳出管理書籤來的快速鍵，被「檢視 → 資訊方塊列 → 書籤」給取代了。
**Ctrl-d 加書籤的快速鍵會多出一道詢問存放位置的步驟。
**管理書籤的排序方式變成全書籤採同樣方式排序，而非個別資料夾用不同方式。
**Ctrl-1 Ctrl-2 等快速鍵換成切換分頁的功能。

----

*Firefox 的 Profile 手動設定法。
**預設位置（為隱藏資料夾）要完全移除時也是把這兒的 Profiles 的資料夾刪掉就行的樣子。
**2000/XP
***(drive letter):\Documents and Settings\(XP/2000 username)\Application Data\Phoenix\Profiles\Default\xxxxxxx.slt
**9x
***(drive letter):\Windows\Application Data\Phoenix\Profiles\Default\xxxxxxx.slt
**手動設定法
***在網址列輸入 about:config 後…（因為尚未嘗試，所以先不寫了。）
**多帳號設定法
***在命令列模式下輸入「firefox -ProfileManager」

----

Mozilla: News

2004-09-22T05:05:41Z

192.192.105.25:

----

回到 [[Mozilla]]

----

2004.09.22.

10.11.好像是 Firefox 1.0 正式出版的日子的樣子… 
另外 IE核心目前的漏洞有 ActiveX 、 VBScript 、 HELP檔案被下載到本機後，會執行一些惡作劇的 Javascript 的問題。

2004.09.20.

MozBackup 1.4 版要支援擴充套件 Extensions 的備份，以後就可以不必在備份時還花時間安裝 Extensions 了。

2004.09.17.

Firefox 1.0 版預計要在 20040914 日推出，不過這是 Pre 版的啦，另外有人打算寫書這樣。有興趣的可以去幫忙。 
http://forum.moztw.org/viewtopic.php?p=11582

2004.08.25.

Firefox 1.0 Nightly 
加強型搜尋工具列 
RSS 等支援…總之我還沒用啦。 
詳見 [http://moztw.org/forum/viewtopic.php?t=2892 Mozilla@Taiwan] 
（最近越來越懷疑這個 MediaWiki 的用途了呀…快變成個人blog 的用途了…）

----

2004.07.10.

Mozilla發現安全漏洞

該漏洞目前當未明嘹原因為何，Mozilla基金會已在2004.07.08日放出更新檔了，請快速下載。

[http://mozilla.org/security/shell.html 說明及更新檔下載處]

注意：只有Windows作業系統上的需要作此更新而已，該漏洞影響結果，對Mozilla不明（未實驗）、對IE一擊殺（聽說的）、對Opera無效（聽說的）。另外Firefox的更新有問題的樣子，請移除0.9.1版的再安裝0.9.2版的上去。

原因推論：目前只知是因為有IE的關係，才連帶拖累其它的瀏覽器的。

消息來源：Mozilla中文討論區

http://www.csie.ntu.edu.tw/~r91034/mozilla/forum/viewtopic.php?t=2726&sid=cb26e926d388afe9cd875fb6b3fd8632

CENT的相關新聞：請看討論，新聞報的是不能完全信任的東西，而且並沒有說出原因，可說是沒用的報導。（對Mozilla社群來說的確是沒有用啦）

http://taiwan.cnet.com/news/software/0,2000064574,20090746,00.htm

----

Mozilla: News

2004-09-22T05:03:27Z

192.192.105.25:

----

回到 [[Mozilla]]

----

2004.09.22.

10.11.好像是 Firefox 1.0 正式出版的日子的樣子…

2004.09.20.

MozBackup 1.4 版要支援擴充套件 Extensions 的備份，以後就可以不必在備份時還花時間安裝 Extensions 了。

2004.09.17.

Firefox 1.0 版預計要在 20040914 日推出，不過這是 Pre 版的啦，另外有人打算寫書這樣。有興趣的可以去幫忙。 
http://forum.moztw.org/viewtopic.php?p=11582

2004.08.25.

Firefox 1.0 Nightly 
加強型搜尋工具列 
RSS 等支援…總之我還沒用啦。 
詳見 [http://moztw.org/forum/viewtopic.php?t=2892 Mozilla@Taiwan] 
（最近越來越懷疑這個 MediaWiki 的用途了呀…快變成個人blog 的用途了…）

----

2004.07.10.

Mozilla發現安全漏洞

該漏洞目前當未明嘹原因為何，Mozilla基金會已在2004.07.08日放出更新檔了，請快速下載。

[http://mozilla.org/security/shell.html 說明及更新檔下載處]

注意：只有Windows作業系統上的需要作此更新而已，該漏洞影響結果，對Mozilla不明（未實驗）、對IE一擊殺（聽說的）、對Opera無效（聽說的）。另外Firefox的更新有問題的樣子，請移除0.9.1版的再安裝0.9.2版的上去。

原因推論：目前只知是因為有IE的關係，才連帶拖累其它的瀏覽器的。

消息來源：Mozilla中文討論區

http://www.csie.ntu.edu.tw/~r91034/mozilla/forum/viewtopic.php?t=2726&sid=cb26e926d388afe9cd875fb6b3fd8632

CENT的相關新聞：請看討論，新聞報的是不能完全信任的東西，而且並沒有說出原因，可說是沒用的報導。（對Mozilla社群來說的確是沒有用啦）

http://taiwan.cnet.com/news/software/0,2000064574,20090746,00.htm

----

OpenOffice.org

2004-09-21T12:43:09Z

192.192.105.25:

<hr color="#dd7777" width="90%" align="left" size="1px">

代替字型的問題：目前 OOo 最大的問題就在於「各平台的字型不一（十分糟糕的問題，光是不同語言的Windows就會有問題了。）」還有「沒有強勢的資料庫軟體（個人認為是雞肋啦）」以及「需要裝 OOo 才能看（有時會很麻煩）」這三點，

第一點請用 OpenOffice.org補給站所提供的方法來處理。（抱歉直連）

http://ooo.tnc.edu.tw/modules/tadbook2/view.php?book_sn=2&bdsn=139&fullscreen=

另外螢火飛（Firefly）版本的 OOo 我沒用過不清楚，有人想整理資料上來我會很感激的。（客套話而已）

第二點在 2.0 時預計會公布，請慢慢等待吧。

第三點則是請各位直接轉出成 HTML ，雖然我一直都很看不起它的 HTML 排版啦…居然會沒辦法照原文件的樣式來排呀…總之不管這個了，另外還有個方法就是用 soffice2html 這個小軟體來轉換成 HTML 格式，這樣就算沒裝 OOo 也行看得到，轉換結果如何我並不清楚，因為我下載了下來也不知該怎麼用呀，某人提供的線上轉換也呈裝死狀態。

http://freshmeat.net/projects/soffice2html

http://moe.tnc.edu.tw/~ooo2html/

另外建議各位去找並下載 "文鼎新宋體（文鼎ＰＬ新宋）" 這個自由軟體來代替 Windows的細明體等字型這樣。可至此處的「自由軟體下載 → 大豐FTP2 → KNOPPIX_LTH → download → fireflysung.ttf.gz」找到該檔案。

http://jsp.dfes.tpc.edu.tw/index.html

Win32平台下，下載該壓縮檔後直接複製解開的檔，貼到「/WINDOWS/Fonts」底下就好，不過目前我使用上有點問題倒是，打出來的日文漢字會看不到，也許該裝日文IME來測試一下了吧…（待解決中）

OpenOffice.org 
http://www.openoffice.org/

OpenOffice.org 中文 
http://zh.openoffice.org/

OpenOffice.org補給站 
http://ooo.tnc.edu.tw/

http://www.linuxcenter.com.tw/LinuxCenter/ShowLinuxNewsContent.do?newsID=2172&currentPage=1

http://www.go-opensource.co.za/

<hr color="#dd7777" width="90%" align="left" size="1px">

Mozilla

2004-09-21T10:54:28Z

192.192.105.25: /* 重點資源整理 */

----

注意， Mozilla 是使用 [[Computer: Free|GPL]] 授權的軟體，意思是你可以自由使用，但需自行負責。 
備份請用 MozBackup ，想刪除擴充套件請用 Extension Unistaller 。

----

本區以普通的使用者觀點來進行有關於 Mozilla 的相關資料的收集。 
基本上是以最快上手 Mozilla 為目的，所以一些複雜的說明就不說了。 
各位可以多多利用 [http://www.mozilla.org/community/intl/zh.html Mozilla 中文] 或是 [http://moztw.org/ Mozilla Taiwan] 上的中文資料。

----

備份個人設定檔的方法： 
一、程式（建議） 
MozBackup http://backup.jasnapaka.com/ 
MozBackup正體中文版 http://www.inxtyle.com/~mozbackup/ 
二、手動（進階） 
How do I back up my profile data? http://www.mozilla.org/start/1.5/faq/profile.html#backup

----

[[Mozilla: FAQ]] Mozilla 使用上的常見問題

[[Mozilla: Link]] Mozilla 的相關連結

[[Mozilla: News]] 各種當期版本的重大新聞

[[Mozilla: Report]] 暫時性的問題反映及整理用的頁面

[[Mozilla: Localization]] 各個自行中文化 Mozilla 相關資料的工作列表

----

[[Mozilla: Navigator]] Mozilla Suite 的瀏覽器相關的資料，通稱「Mozilla Browser」。

[[Mozilla: Mail]] Mozilla Suite 的郵件及新聞群組相關的資料

[[Mozilla: Firefox]] Mozilla Firefox（純瀏覽器）的相關資料

[[Mozilla: Thunderbird]] Mozilla Thunderbird（純郵件及新聞群組）的相關資料

----

[[Mozilla: Extensions]] 各式擴充套件相關

[[Mozilla: Plugins]] 各式外掛相關

----

= 重點資源整理 =

Firefox http://www.spreadfirefox.com/ 
英文官網 http://www.mozilla.org/ 
中文官網 http://www.mozilla.org/community/intl/zh.html 
繁體中文台灣區官網 http://moztw.org/ 
官方中文討論區 http://www.csie.ntu.edu.tw/~r91034/mozilla/ 

目前的發行版本別： 
Mozilla 1.7.3 
Firefox 1.0PR 
Thunderbird 0.8 
Camino 0.8.1(For MACOS) 

----
<pre>
簡介Mozilla：
這是在網景（Netscape）公司的Mozilla計畫中所誕生出的新一代的瀏覽器，
藉由開放源碼的行為，它可以被世界各地的玩家們不斷地改進，
重點是這個是「自由軟體（Free Software）」而非「廣告軟體（Adware）」，
所以你不必因為是無償使用而被迫看一堆廣告，不過相對來說，
這也成了自由軟體的弱點了，沒有強迫性地金錢交易，
最後一定會拖累計畫的開發進度，總之自由軟體是靠實力贏得使用者的就是了，
反正這一點不重要，所以就不管了，不過也不是說沒有廠商會捐助此開發計畫啦。
</pre>

Windows

2004-09-21T10:32:31Z

192.192.105.25:

----

回到 [[Computer]]

----

[[Computer: Windows: Software: Outpost]]

[[Computer: Windows: Win2000-WinXP]]

----

軟體推薦列表 
http://home.pchome.com.tw/young/kouyu/winiAlienHacker/computer/ms_soft_list.html

----

*看序號的方法：
**我的電腦 → 右鍵 → 內容
**WindowKey-Pause/Break
**AIDA32/Everest → Operating System → Operating System




----

Mozilla

2004-09-21T09:01:48Z

192.192.105.25: /* 重點資源整理 */

----

注意， Mozilla 是使用 [[Computer: Free|GPL]] 授權的軟體，意思是你可以自由使用，但需自行負責。 
備份請用 MozBackup ，想刪除擴充套件請用 Extension Unistaller 。

----

本區以普通的使用者觀點來進行有關於 Mozilla 的相關資料的收集。 
基本上是以最快上手 Mozilla 為目的，所以一些複雜的說明就不說了。 
各位可以多多利用 [http://www.mozilla.org/community/intl/zh.html Mozilla 中文] 或是 [http://moztw.org/ Mozilla Taiwan] 上的中文資料。

----

備份個人設定檔的方法： 
一、程式（建議） 
MozBackup http://backup.jasnapaka.com/ 
MozBackup正體中文版 http://www.inxtyle.com/~mozbackup/ 
二、手動（進階） 
How do I back up my profile data? http://www.mozilla.org/start/1.5/faq/profile.html#backup

----

[[Mozilla: FAQ]] Mozilla 使用上的常見問題

[[Mozilla: Link]] Mozilla 的相關連結

[[Mozilla: News]] 各種當期版本的重大新聞

[[Mozilla: Report]] 暫時性的問題反映及整理用的頁面

[[Mozilla: Localization]] 各個自行中文化 Mozilla 相關資料的工作列表

----

[[Mozilla: Navigator]] Mozilla Suite 的瀏覽器相關的資料，通稱「Mozilla Browser」。

[[Mozilla: Mail]] Mozilla Suite 的郵件及新聞群組相關的資料

[[Mozilla: Firefox]] Mozilla Firefox（純瀏覽器）的相關資料

[[Mozilla: Thunderbird]] Mozilla Thunderbird（純郵件及新聞群組）的相關資料

----

[[Mozilla: Extensions]] 各式擴充套件相關

[[Mozilla: Plugins]] 各式外掛相關

----

= 重點資源整理 =

Firefox http://www.spreadfirefox.com/ 
英文官網 http://www.mozilla.org/ 
中文官網 http://www.mozilla.org/community/intl/zh.html 
繁體中文台灣區官網 http://moztw.org/ 
官方中文討論區 http://www.csie.ntu.edu.tw/~r91034/mozilla/ 

目前的發行版本別： 
Mozilla 1.7.2 
Firefox 1.0PR 
Firefox 0.9.3 
Thunderbird 0.7.3 
Camino 0.8.1(For MACOS) 

----
<pre>
簡介Mozilla：
這是在網景（Netscape）公司的Mozilla計畫中所誕生出的新一代的瀏覽器，
藉由開放源碼的行為，它可以被世界各地的玩家們不斷地改進，
重點是這個是「自由軟體（Free Software）」而非「廣告軟體（Adware）」，
所以你不必因為是無償使用而被迫看一堆廣告，不過相對來說，
這也成了自由軟體的弱點了，沒有強迫性地金錢交易，
最後一定會拖累計畫的開發進度，總之自由軟體是靠實力贏得使用者的就是了，
反正這一點不重要，所以就不管了，不過也不是說沒有廠商會捐助此開發計畫啦。
</pre>

Computer: Makeuper: CSS: Outline

2004-09-20T11:19:58Z

192.192.105.25:

----

回到 [[Computer]] ‧ 回到 [[Computer: Makeuper]]

回到 [[Computer: Makeuper: CSS]]

----

在以往，我們寫一份 HTML 文件時，會這麼寫下面這樣子的玩意。

<div style="background-color:#dddddd;padding:2%;">
<nowiki><html></nowiki> 
<nowiki><head></nowiki> 
<nowiki><meta http-equiv="content-type" content="text/html; charset=big5"></nowiki> 
<nowiki></head></nowiki> 
<nowiki><body></nowiki> 
<nowiki>example_01 </nowiki> 
<nowiki>example_02 </nowiki> 
<nowiki>example_03 </nowiki> 
<nowiki>example_04 </nowiki> 
<nowiki>example_05 </nowiki> 
<nowiki></body></nowiki> 
<nowiki></html></nowiki> 
</div>

這時一定會有人覺得寫得又長又臭又難修改的很煩人吧。CSS的優點之一就在此時發揮功效了。

<div style="background-color:#dddddd;padding:2%;">
<nowiki><html></nowiki> 
<nowiki><head></nowiki> 
<nowiki><meta http-equiv="content-type" content="text/html; charset=big5"></nowiki> 
<div style="background-color:#aadddd;">
<nowiki><style type="text/css"></nowiki> 
<nowiki>div.eg01 div { color:red; size:100%; }</nowiki> 
<nowiki></style></nowiki> 
</div>
<nowiki></head></nowiki> 
<nowiki><body></nowiki> 
<div style="background-color:#ffdddd;">
<nowiki><div class="eg01"></nowiki> 
</div>
<nowiki><div>example_01</div></nowiki> 
<nowiki><div>example_02</div></nowiki> 
<nowiki><div>example_03</div></nowiki> 
<nowiki><div>example_04</div></nowiki> 
<nowiki><div>example_05</div></nowiki> 
<div style="background-color:#ffdddd;">
<nowiki></div></nowiki> 
</div>
<nowiki></body></nowiki> 
<nowiki></html></nowiki> 
</div>

可能有人會覺得好像變長了，不過其實並沒有變多，反而變得更少更好修改了，只要去處理 <nowiki><head></nowiki> 處的 <nowiki><style type="text/css"></nowiki> 處的 CSS 語法，那麼在被宣告 CLASS 為 eg01 的 <nowiki><DIV></nowiki> 底下的所有未被宣告其它 CLASS 與 ID 的 <nowiki><DIV></nowiki> 就通通會依照 <nowiki><head></nowiki> 處的 <nowiki><style type="text/css"></nowiki> 處的 CSS 語法所宣告的內容而變化了，也就是說， CSS 的重點在於把 HTML 標籤中的 HTML 語法給拿出來，而用 CSS 的 CLASS 及 ID 來代替，以達到修改時的便利性。

另外 CSS 的特色還有 2.5D 的視覺效果，可以讓你把一堆區塊給交錯堆疊，並形成一種單純的視覺藝術。（我知道這名詞用的很爛，不過我一時想不出其它寫法來。）

----

Computer: Makeuper: CSS

2004-09-20T11:15:11Z

192.192.105.25:

----

回到 [[Computer]] ‧ 回到 [[Computer: Makeuper]]

----

注意： id 跟 class 的命名絕對不要用數字開頭，那樣是無法作用的。

*[[Computer: Makeuper: CSS: Outline|CSS簡介]]
*教學站
**[http://www.w3.org/ W3C] 
**[http://www.w3.org/Style/CSS/learning Learning CSS] 
**[http://chinese-school.netfirms.com/css-tutorial-T-Chinese-index.htm 正體中文線上教學？？] 
**[http://jigsaw.w3.org/css-validator/ CSS Validator] 
*實際展現的站
**[http://www.csszengarden.com/ css Zen Garden]
**[http://www.meyerweb.com/ meyerweb.com] （老實說我不知道這是啥）
*本wiki的教學區
**[[Computer: Makeuper: CSS: Ex01|簡易文件編輯區塊的作法]]
**[[Computer: Makeuper: CSS: Ex02|讓瀏覽器選擇不同的樣式表的作法]]
**[[Computer: Makeuper: CSS: Step01|入門第一步？]]

http://forum.moztw.org/viewtopic.php?p=11690

----

Computer: Makeuper: CSS: Outline

2004-09-20T11:14:55Z

192.192.105.25:

----

回到 [[Computer]] ‧ 回到 [[Computer: Makeuper]]

回到 [[Computer: Makeuper: CSS]]

----

在以往，我們寫一份 HTML 文件時，會這麼寫下面這樣子的玩意。

<div style="background-color:#dddddd;padding:2%;">
<nowiki><html></nowiki> 
<nowiki><head></nowiki> 
<nowiki><meta http-equiv="content-type" content="text/html; charset=big5"></nowiki> 
<nowiki></head></nowiki> 
<nowiki><body></nowiki> 
<nowiki>example_01 </nowiki> 
<nowiki>example_02 </nowiki> 
<nowiki>example_03 </nowiki> 
<nowiki>example_04 </nowiki> 
<nowiki>example_05 </nowiki> 
<nowiki></body></nowiki> 
<nowiki></html></nowiki> 
</div>

這時一定會有人覺得寫得又長又臭又難修改的很煩人吧。CSS的優點之一就在此時發揮功效了。

<div style="background-color:#dddddd;padding:2%;">
<nowiki><html></nowiki> 
<nowiki><head></nowiki> 
<nowiki><meta http-equiv="content-type" content="text/html; charset=big5"></nowiki> 
<div style="background-color:#aadddd;">
<nowiki><style type="text/css"></nowiki> 
<nowiki>div.eg01 div { color:red; size:100%; }</nowiki> 
<nowiki></style></nowiki> 
</div>
<nowiki></head></nowiki> 
<nowiki><body></nowiki> 
<nowiki><div class="eg01"></nowiki> 
<nowiki><div>example_01</div></nowiki> 
<nowiki><div>example_02</div></nowiki> 
<nowiki><div>example_03</div></nowiki> 
<nowiki><div>example_04</div></nowiki> 
<nowiki><div>example_05</div></nowiki> 
<nowiki></div></nowiki> 
<nowiki></body></nowiki> 
<nowiki></html></nowiki> 
</div>

可能有人會覺得好像變長了，不過其實並沒有變多，反而變得更少更好修改了，只要去處理 <nowiki><head></nowiki> 處的 <nowiki><style type="text/css"></nowiki> 處的 CSS 語法，那麼在被宣告 CLASS 為 eg01 的 <nowiki><DIV></nowiki> 底下的所有未被宣告其它 CLASS 與 ID 的 <nowiki><DIV></nowiki> 就通通會依照 <nowiki><head></nowiki> 處的 <nowiki><style type="text/css"></nowiki> 處的 CSS 語法所宣告的內容而變化了，也就是說， CSS 的重點在於把 HTML 標籤中的 HTML 語法給拿出來，而用 CSS 的 CLASS 及 ID 來代替，以達到修改時的便利性。

另外 CSS 的特色還有 2.5D 的視覺效果，可以讓你把一堆區塊給交錯堆疊，並形成一種單純的視覺藝術。（我知道這名詞用的很爛，不過我一時想不出其它寫法來。）

----

Mozilla: News

2004-09-20T10:36:22Z

192.192.105.25:

----

回到 [[Mozilla]]

----

2004.09.20.

MozBackup 1.4 版要支援擴充套件 Extensions 的備份，以後就可以不必在備份時還花時間安裝 Extensions 了。

2004.09.17.

Firefox 1.0 版預計要在 20040914 日推出，不過這是 Pre 版的啦，另外有人打算寫書這樣。有興趣的可以去幫忙。 
http://forum.moztw.org/viewtopic.php?p=11582

2004.08.25.

Firefox 1.0 Nightly 
加強型搜尋工具列 
RSS 等支援…總之我還沒用啦。 
詳見 [http://moztw.org/forum/viewtopic.php?t=2892 Mozilla@Taiwan] 
（最近越來越懷疑這個 MediaWiki 的用途了呀…快變成個人blog 的用途了…）

----

2004.07.10.

Mozilla發現安全漏洞

該漏洞目前當未明嘹原因為何，Mozilla基金會已在2004.07.08日放出更新檔了，請快速下載。

[http://mozilla.org/security/shell.html 說明及更新檔下載處]

注意：只有Windows作業系統上的需要作此更新而已，該漏洞影響結果，對Mozilla不明（未實驗）、對IE一擊殺（聽說的）、對Opera無效（聽說的）。另外Firefox的更新有問題的樣子，請移除0.9.1版的再安裝0.9.2版的上去。

原因推論：目前只知是因為有IE的關係，才連帶拖累其它的瀏覽器的。

消息來源：Mozilla中文討論區

http://www.csie.ntu.edu.tw/~r91034/mozilla/forum/viewtopic.php?t=2726&sid=cb26e926d388afe9cd875fb6b3fd8632

CENT的相關新聞：請看討論，新聞報的是不能完全信任的東西，而且並沒有說出原因，可說是沒用的報導。（對Mozilla社群來說的確是沒有用啦）

http://taiwan.cnet.com/news/software/0,2000064574,20090746,00.htm

----

Mozilla: Navigator

2004-09-20T10:28:07Z

192.192.105.25:

----

回到 [[Mozilla]]

----

安裝 Mozilla Navigator 時會一併安裝「Composer（設計師）」。

----

「書籤」所存放的檔案名稱： 
$Profiles/bookmarks.html 
直接取代掉原來的就好。 

「Cookies」所存放的檔案名稱： 
cookies.txt 
直接取代掉原來的就好。 

設定允許、不允許開啟 pop up 視窗的設定檔名稱： 
hostperm.1 
直接取代掉原來的就好。 

關於不能登入巴哈姆特電玩資訊站的問題： 
請把登入時的那個網址設為接受 Pop-up 廣告就行了。 
login.gamer.com.tw 
工具列 → 編輯 → 個人編好設定 → 個人及安全設定 → Pop-up

自行設定自己的Mozilla的CSS風格 
[http://moztw.org/dlchrome Mozilla@Taiwan]
[http://forum.moztw.org/viewtopic.php?p=11997 Mozilla@Taiwan上的相關討論]
[http://phoenity.com/firefox.html Phoenity for Firefox]
[http://flii.us/myworks/phoenix/default.html]

----

Mozilla: Navigator

2004-09-20T10:25:04Z

192.192.105.25:

----

回到 [[Mozilla]]

----

安裝 Mozilla Navigator 時會一併安裝「Composer（設計師）」。

----

「書籤」所存放的檔案名稱： 
$Profiles/bookmarks.html 
直接取代掉原來的就好。 

「Cookies」所存放的檔案名稱： 
cookies.txt 
直接取代掉原來的就好。 

設定允許、不允許開啟 pop up 視窗的設定檔名稱： 
hostperm.1 
直接取代掉原來的就好。 

關於不能登入巴哈姆特電玩資訊站的問題： 
請把登入時的那個網址設為接受 Pop-up 廣告就行了。 
login.gamer.com.tw 
工具列 → 編輯 → 個人編好設定 → 個人及安全設定 → Pop-up

自行設定自己的Mozilla的CSS風格 
[http://moztw.org/dlchrome Mozilla@Taiwan]
[http://forum.moztw.org/viewtopic.php?p=11997 Mozilla@Taiwan上的相關討論]
----

Mozilla: Extensions

2004-09-20T10:22:41Z

192.192.105.25: /* 推薦的擴充套件 */

Computer: Event

2004-09-20T10:01:06Z

192.192.105.25:

<hr color="#dd7777" width="90%" align="left" size="1px">

回到 [[Computer]]

[[Computer: Event: 200407]]

[[Computer: Event: 200408]]

[[Computer: Event: 200409]]

民國９３年９月

嗯…本月嗎…自由軟體思想洗腦月？？（主題未定）

----

*簡單說明「自由」的意義：
**假設，人人都是希望過得更好，沒有人想要過不好的日子，而你目前正在為這個目的而撰寫程式，只是你會發覺到，越寫到後面，想要做得更好的慾望就越沒完沒了，此時放棄掉其實是很可惜的，所以你會需要一些有能力的人來幫助你，但是這時你就必需要教導他們，讓他們變得跟你一樣厲害才行，但是這時問題就出現了，「你所教的東西」的使用權是不是有被限制呢？「你所教的東西」可能在你學來時是被要求不能外傳的，所以你其實是沒法教別人的，所以你可能得要自己完成，或者是乾脆放棄。而自由資訊的目的就在這兒，要讓資訊得到自由，那傳播資訊的工具也得要是自由的，大家都有過求助無門的時候，等到自己有能力時，卻又去讓別人求助無門，這樣其實是在阻礙資訊（知識）的傳播，所以單純為了傳播資訊時，最好乾脆點，讓資訊變自由，讓傳播的工具也變自由，亦即是「學習自由」，至於拿資訊去營利倒是沒有特別大的問題，畢竟已經變成自由的資訊，想讓它變回少數人享有的「不自由的資訊」是很難的。（雖然這樣子也許會搞到後來一堆自由的資訊而導致有些資訊被淘汰掉的樣子就是了）

----

暫用此連結進來。 
http://home.pchome.com.tw/young/kouyu/winiAlienHacker/computer/fsoss.html

<hr color="#dd7777" width="90%" align="left" size="1px">

Computer: Makeuper

2004-09-17T13:45:02Z

192.192.105.25:

----

回到 [[Computer]]

----

[[Computer: Makeuper: BASIC]] 一切的基礎！

----

[[Computer: Makeuper: CSS]] 好孩子的 CSS 教室

[[Computer: Makeuper: HTML]] 好孩子的 HTML 教室

javascript W3C DOM http://www.w3.org/DOM/

----

Computer: Makeuper: CSS

2004-09-17T13:41:33Z

192.192.105.25:

----

回到 [[Computer]] ‧ 回到 [[Computer: Makeuper]]

----

注意： id 跟 class 的命名絕對不要用數字開頭，那樣是無法作用的。

*教學站
**[http://www.w3.org/ W3C] 
**[http://www.w3.org/Style/CSS/learning Learning CSS] 
**[http://chinese-school.netfirms.com/css-tutorial-T-Chinese-index.htm 正體中文線上教學？？] 
**[http://jigsaw.w3.org/css-validator/ CSS Validator] 
*實際展現的站
**[http://www.csszengarden.com/ css Zen Garden]
**[http://www.meyerweb.com/ meyerweb.com] （老實說我不知道這是啥）
*本wiki的教學區
**[[Computer: Makeuper: CSS: Ex01|簡易文件編輯區塊的作法]]
**[[Computer: Makeuper: CSS: Ex02|讓瀏覽器選擇不同的樣式表的作法]]
**[[Computer: Makeuper: CSS: Step01|入門第一步？]]

http://forum.moztw.org/viewtopic.php?p=11690

----

Mozilla: News

2004-09-17T13:17:08Z

192.192.105.25:

----

回到 [[Mozilla]]

----

2004.09.17.

Firefox 1.0 版預計要在 20040914 日推出，不過這是 Pre 版的啦，另外有人打算寫書這樣。有興趣的可以去幫忙。 
http://forum.moztw.org/viewtopic.php?p=11582

2004.08.25.

Firefox 1.0 Nightly 
加強型搜尋工具列 
RSS 等支援…總之我還沒用啦。 
詳見 [http://moztw.org/forum/viewtopic.php?t=2892 Mozilla@Taiwan] 
（最近越來越懷疑這個 MediaWiki 的用途了呀…快變成個人blog 的用途了…）

----

2004.07.10.

Mozilla發現安全漏洞

該漏洞目前當未明嘹原因為何，Mozilla基金會已在2004.07.08日放出更新檔了，請快速下載。

[http://mozilla.org/security/shell.html 說明及更新檔下載處]

注意：只有Windows作業系統上的需要作此更新而已，該漏洞影響結果，對Mozilla不明（未實驗）、對IE一擊殺（聽說的）、對Opera無效（聽說的）。另外Firefox的更新有問題的樣子，請移除0.9.1版的再安裝0.9.2版的上去。

原因推論：目前只知是因為有IE的關係，才連帶拖累其它的瀏覽器的。

消息來源：Mozilla中文討論區

http://www.csie.ntu.edu.tw/~r91034/mozilla/forum/viewtopic.php?t=2726&sid=cb26e926d388afe9cd875fb6b3fd8632

CENT的相關新聞：請看討論，新聞報的是不能完全信任的東西，而且並沒有說出原因，可說是沒用的報導。（對Mozilla社群來說的確是沒有用啦）

http://taiwan.cnet.com/news/software/0,2000064574,20090746,00.htm

----

Mozilla: Extensions

2004-09-17T13:07:04Z

192.192.105.25: /* 推薦的擴充套件 */

----

回到 [[Mozilla]]

----

這兒是簡單介紹MOZILLA擴充套件的地方

== 寫在前頭 ==

關於某些套件在正體中文等非英文版本的 Mozilla 系列上無法運作的情形，請參考 [http://moztw.org/forum/viewtopic.php?t=2087 Mozilla@Taiwan] 的這一篇文章。

----

== 套件何處找 ==

Mozilla Update http://update.mozilla.org/ 依你使用的版本為 Mozilla 還是 Firefox 或 Thunderbird 來進到下一步，在 Mozilla 社群中，「擴充套件（Extensions）」就是指可以擴充 Mozilla 功能的一些軟體，點選「Browse extensions」後就能看到有哪些 Extensions 了。

Extension Room 
http://extensionroom.mozdev.org/ 
介紹所有擴充套件的地方（英文）

Mozilla研究站 
http://www.mozdev.org/ 
完全搞不懂在幹嘛的地方，看得懂的人就是看得懂，看不懂的人就是看不懂這樣。

關於擴充套件的中文討論，可至 [http://www.csie.ntu.edu.tw/~r91034/mozilla Mozilla中文討論區] 找找。

----

== 安裝套件 ==

要安裝 Extensions 時， Mozilla 使用者請將「編輯 E) → 個人偏好設定 E) → 進階設定 → 軟體安裝 → 自動安裝新版軟體」給勾取起來，而 Firefox 使用者則請將「工具 T) → 選項 O) → 進階 → 軟體更新 → 允許網站安裝軟體」給勾取起來，接著在網路上左點 *.xpi 的檔案時，就會問你是否要安裝了，當然了，請在你信任的網站安裝，自己去裝了有問題的東西是各位自己的責任，這就是自由軟體界的定律。另外安裝完後通常都要關閉所有 Mozilla 視窗再重新啟動才會生效。

還有一些則是直接執行下載下來的 *.jar 或 *.xpi 檔就會跑出個網頁要求安裝的樣子。

另外擴充套件裝太多對系統造成什麼傷害也是各位自己的責任這樣。強列建議安裝移除新套件時，先用 [http://backup.jasnapaka.com/ MozBackup] 備份一下。

要安裝語言套件「XXX Language Package」的話，上各個語言的官方站看就會有該語言計畫（XLP Projcet，X是指該語言的頭一個字母）的網頁了，請各位自己努力找找吧。不過 Mozilla 使用者其實在「編輯 E) → 個人偏好設定 E) → 外觀設定 → 語言／地區套件」中就有得找了啦，至於 Firefox 的使用者則是要到「工具 T) → 擴充套件 E)」中選取該語言套件，另外 Firefox 的擴充套件設定也都是在此處設定的。

----

== 更新及刪除套件 ==

更新擴充套件只要點選新版的擴充套件就會自動處理了…大概吧？？？（汗） 
Firefox 則是在「工具 T) → 擴充套件 E)」中可以處理。

另外要安裝可能跟之前的擴充套件相衝的新擴充套件時，要先刪除舊版本的套件才行，刪除的方法有兩種。

第一種是使用 Extension Uninstaller 這個擴充套件來進行自動反安裝，雖然我還沒有安裝過就是了啦。

另一種刪除套件的方法，則是在 Extension Room 該套件的介頁頁中，會有教你 Uninstalling 的方法，請詳閱後再進行手動刪除套件的過程，不然可能會讓你的整個 Mozilla 系統受到毀滅等級的危險。

----

== 推薦的擴充套件 ==

<div style="background-color:#aaffff;"> Adblock [Mozilla/Firefox] adblock.jar</div>
http://adblock.mozdev.org/ 
http://extensionroom.mozdev.org/more-info/adblock 
可以擋廣告的東東，分為擋連結、擋物件等的，不過全擋了的話網站也可以不用收廣告費了就是，請自己衡量一下。安裝好重新啟動 Mozilla ，在「工具 T)」中可找到 Adblock 的選項。

<div style="background-color:#aaffff;"> Extension Uninstaller API [Mozilla/Firefox/Thunderbird]</div>
http://jgillick.nettripper.com/ 
可以反安裝擴充套件的玩意，裝好重開，在工具中就能看到「Extension Uninstaller」的選項了。

<div style="background-color:#aaffff;"> IE VIEW [Mozilla/Firefox]</div>
http://ieview.mozdev.org/ 
讓你可以在碰上 Mozilla 打不開的 IE Only 頁面時，按個右鍵，選「Open with IE」就能直接開啟 IE 來看該頁面，而不需再複製貼上連結的好工具，也可以直接在連結上按右鍵再選擇它叫出來用這樣。不過請記得移掉 MyIE2（有裝的話）後再用，據說有人因此碰上過問題的樣子。

<div style="background-color:#aaffff;"> Mouse Gestures [Mozilla/Firefox] $Mozilla/chrome/mozgest.jar</div>
http://update.mozilla.org/ 
讓你用滑鼠的左右移動就能做到上一頁、下一頁之類的指令的擴充套件，有用過 MyIE2 的人應該都知道這玩意吧。不過老實說我只要有上一頁、下一頁就夠了啦。另外新版的似乎有什麼問題的樣子，建議先別安裝比較好。安裝好後，請到「編輯 E) → 個人偏好設定 E) → 進階設定 → Mouse Gestures」中進行設定。在「General → Edit Mappings」中可以自行指定要怎樣用才好，基本上就是押住左鍵再劃方向啦，劃完後再放開左鍵就好了，上一頁預設為「押右鍵再點左鍵」，下一頁則是反過來。其它自己玩。除了八方向外，還有拐直角的這樣子。（據說買滑鼠也會送這類程式的樣子） 
另外也推薦安裝及使用上比較簡單一點的「[http://extensionroom.mozdev.org/ All-in-One Gestures]」。

<div style="background-color:#aaffff;"> PrefButtons [Mozilla/Firefox/Thunderbird]</div>
http://extensionroom.mozdev.org/more-info/prefbuttons 
可以自訂工具列上的小按鈕的擴充套件。因為筆者還沒安裝，所以不清楚會怎樣。



<div style="background-color:#aaffff;"> News & RSS Reader 相關 </div>

<div style="background-color:#ffaaff;"> Sage [Firefox]</div>
http://extensionroom.mozdev.org/more-info/sage 
安裝完後請重開一次 Firefox ，設好其所使用的資料夾後請再重開一次 Firefox 。

<ol type="0" start="0"><li>使用步驟</li>
<li>下載、安裝「中文版RSS閱讀器」，關閉所有 Firefox 視窗並重新開啟 Firefox 。</li>
<li>在有上一頁下一頁的那個工具列上按滑鼠右鍵選「自訂」。然後把「RSS」的圖示拖上工具列上。或者也可以從「View (檢視) > Sidebar (資訊方塊列)」裡找到 "RSS 閱讀器。（註：本句是複製貼上）逃</li>
<li>先在書籤中隨意一處建一個空白資料夾，接著點工具列上的「RSS閱讀器」開它的 Sidebar ，然後選它的「工具 → 設定」來設定它要使用的資料夾。（亦即你所新增的那個）</li>
<li>最後一步就是設定網站的「RSS」網址了，以 Mozilla@Taiwan 來說，網址如下。 
http://moztw.org/forum/rdf.php 
直接把這頁加入到你設的「RSS閱讀器」的資料夾下就行了。</li>
<li>總之重點就是只能看字尾是「rdf」或「xml」或是「php」的網頁，不過這可不是說只要是那些結尾就一定能看，要對方有提供才行。總之說看到 [http://moztw.org/forum/ Mozilla@Taiwan] 上方那類的圖示就點下去，應該就會出現像上面那種頁面了。不過 *.rdf 的網址得要自己手動複製網址來處理才行，這是因為目前版本的 Firefox0.9 還未支援 RSS 的關係，所以沒法處理。</li>
</ol>

關於 RSS 的說明。 
[http://moztw.org/forum/viewtopic.php?t=1216 Mozilla@Taiwan] 
[http://www.xml.com/pub/a/2002/12/18/dive-into-xml.html XML.com] 
[http://tw.news.yahoo.com/rss/ YAHOO!KIMO] 
[http://www.xml.org.tw/Function/Fglossary1.asp?key=RSS XML台灣資訊網] 
[http://e-words.jp/w/rss.html IT用語辞典]

另外要特別說明一下 Mozilla@Taiwan 上的 RSS 。 
http://www.csie.ntu.edu.tw/~r91034/mozilla/forum/rdf.php 
在這其後加入「?count=xx」，xx為你所想要的數字，以後就會列出你所想要的數字的討論串出來了。不然預設只有十筆實在有夠少的呀。 
要判別該站的 RSS 能否用這類方法增訂討論串，應該就是只能用該站是「討論區」還「BLOG」來判別的樣子，這似乎牽扯到該 RSS 文件是否屬於動態的，或者是屬於真實的 RSS 文件的樣子，詳情並不清楚，所以無法說明得更清楚了這樣。

<div style="background-color:#aaffff;"> Tabbrowser Extensions [Mozilla/Firefox]</div>
http://extensionroom.mozdev.org/more-info/tbe 
用來控制「分頁（Tab）」的擴充套件。因為筆者還沒安裝，所以不清楚會怎樣。 
注意，最近的 TBE 不太穩定，建議先別安裝。

<div style="background-color:#aaffff;"> Tabbrowser Preferences [Mozilla/Firefox]</div>
http://extensionroom.mozdev.org/more-info/tabprefs 
跟 TBE 一樣的玩意，設定及使用上比較簡單，基本上讓所有連結的分頁都用單一個 Firefox 視窗開啟才是這類的擴充最終的目的啦。

<div style="background-color:#aaffff;"> TargetAlert [Firefox]</div>
http://extensionroom.mozdev.org/more-info/tabprefs 
[http://sanwangx.brain-c.com/archives/2004_09/08_135/ 中文介紹]，總之就是可以在連結的後面顯示出該連結會連向 *.doc 還 *.pdf 等等的其的 icon 。

<div style="background-color:#aaffff;"> TinyURL Creator [Mozilla/Firefox] tinyurl.jar tinyurl.rdf</div>
http://update.mozilla.org/ 
[http://tinyurl.com/ TinyURL.com] 是個能將冗長的網址給轉成很短的網址的站，裝了這個的話，就可以不必再上 TinyURL ，直接在該頁面的任一空白處按右鍵就可以看到「Creat TinyUrl for this Page」，而在超連結上按右鍵則是「Creat TinyUrl for this Link」。按下去後等個一下子，就會得到該短連結了，該連結會被暫存起來，待會直接就能貼上了，不過要是還沒貼出來就又跑去複製啥東西的話，那也是各位自己的責任啦。（其實在「工具 T)」中就能找到 TinyURL Creator 的選項了啦）

<div style="background-color:#aaffff;"> User Agent Switcher [Mozilla/Firefox]</div>
http://extensionroom.mozdev.org/more-info/useragentswitcher 
可以讓你欺騙某些 IE Only 的網頁用的，這可以讓你偽裝成 IE ，但實際上還是 Mozilla/Firefox 就是了，簡單說就是將自己瀏覽器的版本送出成 IE 的版本，讓某些網頁的判別功能失效而能夠進入到該網頁去。

<div style="background-color:#aaffff;"> weatherfox [Mozilla/Firefox]</div>
http://weatherfox.mozdev.org/ 
簡明的天氣預報軟體，一安裝完重開 Mozilla/Firefox 後，會要你設定查詢何地的城市，直接在一旁的『Find Code』中輸入台灣的城市的英文名就會給你個代碼了，把那輸入 Code 中就行了。不過受限於時差因素，所以請自行取加了 12 小時後的那天來當做今天。（呃…應該沒算錯吧…汗）總之時差的問題我不會算啦（抱頭）反正那也只影響到『今天』而已，自己去看星期的部分就好了。

<div style="background-color:#aaffff;"> 同文堂 [Mozilla/Firefox] tongwen.jar</div>
http://tongwen.mozdev.org 
這是繁簡轉換的工具這樣。安裝好重新啟動後，會多出一個「同文」按鈕這樣，相關的東西都寫在官網上了，簡單說就是在本機上對繁簡字體進行互相對照及轉換啦，至於一些詞句可能只會逐字翻譯，不過基本上是還好啦，另外這是繁簡轉換，不是翻譯軟體這樣。

----

== 放置區 ==

Checky [Mozilla/Firefox] 
http://update.mozilla.org/ 
可以檢測你寫的網頁有沒有不符 [http://www.w3c.org/ W3C] 規定的擴充套件。因為筆者還沒安裝，所以不清楚會怎樣。

Image Zoom [Mozilla/Firefox] imagezoom.jar 
http://update.mozilla.org/ 
可以讓你放大縮小網頁上的圖片的擴充套件。裝好後重新啟動Mozilla，接著滑鼠移到圖片上再按右鍵就會有「Zoom Image」的選項了。不過其實可以用「 Mouse Gestures 」代替就是了。

Launchy [Mozilla/Firefox] 
http://gemal.dk/ 
功能比 IE VIEW 更多這樣。（介紹完畢）

MrPostman [Mozilla/Thunderbird] 
http://2mod2.com/mohot/ 
注意，筆者不確定此擴充套件是否乾淨（？），請詳細閱讀後再使用。 
這是可以用 Mozilla Mail 來接收 Hotmail 的信件的擴充套件，相關討論可上 [http://www.csie.ntu.edu.tw/~r91034/mozilla/ Mozilla@Taiwan] 的 Thunderbird 區找「無法設定HTTP通訊協定」的主題看看。因為筆者還沒安裝，所以不清楚會怎樣。

MultiZilla [Mozilla/Firefox] 
http://update.mozilla.org/ 
可以讓所有的新視窗都在分頁中開啟，不過筆者個人是覺得這東西根本就是系統資源殺手啦，能不裝就別裝比較好。因為筆者還沒安裝，所以不清楚會怎樣。（建議使用 TBE ）

RSS Reader Panel [Firefox] 
http://extensionroom.mozdev.org/more-info/rssreaderpanel 
註：因為 0.9 版的 Firefox 對此擴充支援不佳，所以請換 sage 用。
下面為正體中文版（由 nickexe 所製作及提供）正體中文版 Mozilla 請裝正體中文版的，不然會產生問題。 
http://www.ntut.edu.tw/~s1590021/plugin/rssreader_170_zhtw.xpi

ShellBlock [Mozilla/Firefox/Thunderbird] 
http://update.mozilla.org/ 
這個是 Windows 作業系統上的安全性漏洞，因為會影響到 Mozilla ，所以建議各位去進行更新。不過 Windows 以外的使用者就不必做此更新了。下一個新版的 Windows 版 Mozilla 應該就會自動內含了吧。

----

Computer: Event: 200408

2004-09-17T12:38:59Z

192.192.105.25: /* 寫作重點 */

<hr color="#dd7777" width="90%" align="left" size="1px">

回到 [[Computer]] ‧ 回到 [[Computer: Event]]

----

民國９３年８月

本月是網頁的標記語言（Markup Laguage）相關資料的教學資源

----

= 發佈網頁標記語言的機構 =

World Wide Web Consortium (W3C) 
http://www.w3.org/

= 依循W3C標準的標記語言教學網路資源 =

朱孝國的筆記本 Peter Ju's Notebook 
http://www2.cyut.edu.tw/~s9154610/

周明網頁製作系列 
http://www.tssh.tpc.edu.tw/bcc/BooksExample/HTML401/index.htm

李正國 
http://www.csie.nctu.edu.tw/~jglee/

網頁寫作心得分享 
Hemiola的網頁 http://hemiolapei.free.fr/ 
http://hemiolapei.free.fr/divers/web/web.html

= 含有非依循W3C標準的標記語言教學網路資源 =

傲楓小築網頁教學 
http://htms.cjb.net/

網站建置百寶箱 
http://dob.tnc.edu.tw/

= 最爛網頁實例（笑） =

World's Worst Website 
一看就知道是故意寫的，這個網站會指出許多新手編寫網頁時的錯誤。（註：這是我在某 BLOG 上看到的文章） 
http://www.angelfire.com/super/badwebs/main.htm

winiAlienHacker 
站長長期放置一堆錯誤不管，現在已經變成完全無法維護的網站了，我看可能要從頭重寫才修得好這個網站的問題吧。 
http://home.pchome.com.tw/young/kouyu/winiAlienHacker/

= W3C 提供的驗證器 =

HTML 
http://validator.w3.org/

CSS 
http://jigsaw.w3.org/css-validator/

= -------------------------------- =

一看就知道是分隔線

= CSS樣式表專區 =

W3C 
http://chinese-school.netfirms.com/css-tutorial-T-Chinese-index.htm

meyerweb.com 
http://www.meyerweb.com/

css Zen Garden: The Beauty in CSS Design 
http://www.csszengarden.com/

利用切換 CSS 來改變網頁造型的站。 
outsider reflex - http://white.sakura.ne.jp/~piro/ 
CyberJos is Blogging - http://blog.cyberjos.idv.tw/space/start

CSS 語法參考辭典 
http://www.cis.nctu.edu.tw/~is91056/css.htm 
來源 http://www.cis.nctu.edu.tw/~is91056/index.php

樣式表的 CLASS 與 ID 宣告寫法： 
*CLASS
*Tag:action.ClassName {} -> Ex:) a:hover.list { color:red; }
*.ClassName tag:action {} -> Ex:) td img {display: block;}
**下面那個似乎是指定在該 Tag 底下的 Tag 用的樣子。
*ID
*<nowiki>#IDName {}</nowiki> -> Ex:) #test { color:#ff0000; }
**ID 比 CLASS 缺少的地方就是可以指定 Tag 的功能，另外同一個 <nowiki><TAG></nowiki> 亦即「標籤」之內，可以同時使用 CLASS 和 ID 各一個。

= Javascript =

徵求資料中，徵求能把 MS Javascript 轉成 NetScape/Sun Javascript 的程式中。

javascript 是由 Netscape 和 Sun 公司合作開發出的網頁語法，不過這開放的標準最後被微軟拿去搞了個 MS jscript 的封閉格式了就是。

朱孝國的筆記本 Peter Ju's Notebook 
http://www2.cyut.edu.tw/~s9154610/

Foundamental JavaScript course 
http://www.takka.com.hk/jstutor/index.htm

讓你的網頁會自動導引各家瀏覽器到正確的網頁的方法。（未確認） 
http://webreference.com/tools/browser/javascript.html

= XML和XHTML專區 =

W3C-HTML/XHTML（右上有各版本別） 
http://www.w3.org/MarkUp/

W3C-XML 
http://www.w3.org/XML/

XML台灣資訊網 
http://www.xml.org.tw/Default.asp

= Perl =

傲爾網 
http://www.ourinet.com/

= -------------------------------- =

一看就知道是分隔線

= Unicode Support =

個人覺得文件存在 UTF-8 等的比較保險這樣。

Unicode Home Page 
推廣 Unicode based 的系統的組織？？ 
http://www.unicode.org/

Unicode Support in Your Browser 
一堆英文，看都沒懂。 
http://home.att.net/~jameskass/index.htm

Unicode 補完計畫 
讓中文使用者可以使用 Unicode 這種字庫的對照工具，詳情請看官網。 
http://cpatch.org/unicode/

Unicode 補完計畫問卷調查 
在策劃要開發 3.0 時所做的問卷，好像已經擺一年了，也許已經沒有用了吧？（汗） 
http://ericlin.cabin.idv.tw/~but/cgi-bin/anket/benquete.cgi

Unicode 補完計畫 - 更新字型的方法 
Win9x 使用 2.x 版時更換 2000/XP 字型的白痴用教學。（其實用這個比較簡單啦）也不用進 DOS 就是了 
http://cpatch.org/witchfive/pastepic/newttf/newttf.html

HTML文件外字相容轉換器 
詳細說明如該頁內文這樣。本頁面是由 Unicode補完計畫所提供的頁面，你也可以下載補完計畫，安裝完後也會有這玩意，總之台灣連個標準標碼都沒有呀，只有企業規格的廢廢 BIG5 呀～ 
http://cpatch.org/unicode/tool/converter.html

= 各類編輯器 =

『純文字編輯器』永遠是你最好的朋友。（汗）

Crimson Editor 
很遺憾的是這款似乎不支持 Unicode 呀… 
http://www.crimsoneditor.com/

NOTEPAD.EXE 
Windows 內附的筆記本，適合追求「輕巧便是優勢，只有你看得懂自己在寫啥。」的這種人。

Mozilla Composer 
安裝 Mozilla 的 Browser 時會「強迫」附送的玩意，目前正在找如何單獨使用該套件的方法中。畢竟免費又支援各平台，又支援文件字型編碼的編輯器蠻少的呀。（根本懶得找倒是）

OpenOffice.org 
沒在用它來編輯 HTML 的呀…

DreamWeaver 
頗受好評的編輯器。沒用過不清楚倒是。

= 免費的網頁空間 =

PCHome 
http://www.pchome.com.tw/

FREE ProHosting 
http://free.prohosting.com/ 
http://home.pchome.com.tw/web/kikilala77/kill/tProHosting.htm

= 免費的貼圖區或網路硬碟 =

2cha 
http://2cha.omoe.net/

= 寫作重點 =

字型及字型大小設定技巧： 
font-size 
即字型大小，使用百分比時， 100% 即是你瀏覽器的預設大小。 
font-family 
即字型，各指定如下，不建議使用字型名稱，建議讓系統自己找適合的字型。 
亦即使用「generic-family」的方式指定字型。 
W3C相關資料 http://www.w3.org/TR/REC-CSS2/fonts.html 
以下來源 http://www.cis.nctu.edu.tw/~is91056/css_2.htm 
serif (新細明體或Times等) 
sans-serif (Helvetica等) 
cursive (筆記體的字型) 
fantasy (裝飾為主的字型) 
monospace (等寬的字型) 
另外在 <nowiki><pre> </pre></nowiki> 中間的文字不會有變化倒是。還有表格 table 跟 form 和 input 的也是。 

Mozilla 網站設計常見問題（中譯版） 
詳見 [http://moztw.org/forum/printview.php?start=0&t=1974 Mozilla@Taiwan] （老是用別人的連結真是越用越不好意思了呀…）

利用 CSS 闖過三大難關！（專有名詞請參閱『Mozilla 網站設計常見問題（中譯版）』） 
一、Inline屬性的文字等物件置中 
二、Block屬性的區塊等物件置中 
三、連結的可選取區加大 
源碼如下，請自己複製下來試試。（因為wiki上不接受該標籤的作用的關係） 
<nowiki><a href="index.html" style="display:block;width:100%;text-align:center;margin-left:auto;margin-right:auto;">test一二三四</a></nowiki>

<nowiki> </nowiki> 的中間不要放入 <nowiki><div> </div></nowiki> 。

其它的一些實例可參考 [[Computer: Makeuper]] 。

*續‧字型大小：
*px
**像素(pixel)，亦即螢幕解析度，800x600、1024x768這類的。
**用這個的話會顧人怨這樣，它可以說是絕對大小這樣。（死）
**一般來說設 16px 以上比較好，算是比較不吃力的閱讀大小。
*pt
**不熟。（汗）這是依DPI而變的，在桌面空白處按右鍵，
**到「內容 → 設定值 → 進階」中看看，
**我想應該就是指「Npt x XXDPI = 你看到的字型大小」吧。
**也就是相對大小。
*%
**百分比大小(percent)，依你的瀏覽器而定。
**Mozilla/Firefox 可以設定字型大小，
**所以用 100% 就是該使用者覺得最舒服的大小，
**不過相對來說網頁編寫者會比較難控制顯示結果，
**除非把圖片、框架、區塊等的全跟字型一起用百分比來處理啦。
**至於 IE 的話…完全搞不懂它是怎麼運作的，
**要請教專人才行。縮放時用 80% 120% 這樣子就行了。

<hr color="#dd7777" width="90%" align="left" size="1px">

Mozilla: Extensions

2004-09-17T12:24:26Z

192.192.105.25: /* 推薦的擴充套件 */

----

回到 [[Mozilla]]

----

這兒是簡單介紹MOZILLA擴充套件的地方

== 寫在前頭 ==

關於某些套件在正體中文等非英文版本的 Mozilla 系列上無法運作的情形，請參考 [http://moztw.org/forum/viewtopic.php?t=2087 Mozilla@Taiwan] 的這一篇文章。

----

== 套件何處找 ==

Mozilla Update http://update.mozilla.org/ 依你使用的版本為 Mozilla 還是 Firefox 或 Thunderbird 來進到下一步，在 Mozilla 社群中，「擴充套件（Extensions）」就是指可以擴充 Mozilla 功能的一些軟體，點選「Browse extensions」後就能看到有哪些 Extensions 了。

Extension Room 
http://extensionroom.mozdev.org/ 
介紹所有擴充套件的地方（英文）

Mozilla研究站 
http://www.mozdev.org/ 
完全搞不懂在幹嘛的地方，看得懂的人就是看得懂，看不懂的人就是看不懂這樣。

關於擴充套件的中文討論，可至 [http://www.csie.ntu.edu.tw/~r91034/mozilla Mozilla中文討論區] 找找。

----

== 安裝套件 ==

要安裝 Extensions 時， Mozilla 使用者請將「編輯 E) → 個人偏好設定 E) → 進階設定 → 軟體安裝 → 自動安裝新版軟體」給勾取起來，而 Firefox 使用者則請將「工具 T) → 選項 O) → 進階 → 軟體更新 → 允許網站安裝軟體」給勾取起來，接著在網路上左點 *.xpi 的檔案時，就會問你是否要安裝了，當然了，請在你信任的網站安裝，自己去裝了有問題的東西是各位自己的責任，這就是自由軟體界的定律。另外安裝完後通常都要關閉所有 Mozilla 視窗再重新啟動才會生效。

還有一些則是直接執行下載下來的 *.jar 或 *.xpi 檔就會跑出個網頁要求安裝的樣子。

另外擴充套件裝太多對系統造成什麼傷害也是各位自己的責任這樣。強列建議安裝移除新套件時，先用 [http://backup.jasnapaka.com/ MozBackup] 備份一下。

要安裝語言套件「XXX Language Package」的話，上各個語言的官方站看就會有該語言計畫（XLP Projcet，X是指該語言的頭一個字母）的網頁了，請各位自己努力找找吧。不過 Mozilla 使用者其實在「編輯 E) → 個人偏好設定 E) → 外觀設定 → 語言／地區套件」中就有得找了啦，至於 Firefox 的使用者則是要到「工具 T) → 擴充套件 E)」中選取該語言套件，另外 Firefox 的擴充套件設定也都是在此處設定的。

----

== 更新及刪除套件 ==

更新擴充套件只要點選新版的擴充套件就會自動處理了…大概吧？？？（汗） 
Firefox 則是在「工具 T) → 擴充套件 E)」中可以處理。

另外要安裝可能跟之前的擴充套件相衝的新擴充套件時，要先刪除舊版本的套件才行，刪除的方法有兩種。

第一種是使用 Extension Uninstaller 這個擴充套件來進行自動反安裝，雖然我還沒有安裝過就是了啦。

另一種刪除套件的方法，則是在 Extension Room 該套件的介頁頁中，會有教你 Uninstalling 的方法，請詳閱後再進行手動刪除套件的過程，不然可能會讓你的整個 Mozilla 系統受到毀滅等級的危險。

----

== 推薦的擴充套件 ==

<div style="background-color:#aaffff;"> Adblock [Mozilla/Firefox] adblock.jar</div>
http://adblock.mozdev.org/ 
http://extensionroom.mozdev.org/more-info/adblock 
可以擋廣告的東東，分為擋連結、擋物件等的，不過全擋了的話網站也可以不用收廣告費了就是，請自己衡量一下。安裝好重新啟動 Mozilla ，在「工具 T)」中可找到 Adblock 的選項。

<div style="background-color:#aaffff;"> Extension Uninstaller API [Mozilla/Firefox/Thunderbird]</div>
http://jgillick.nettripper.com/ 
可以反安裝擴充套件的玩意，裝好重開，在工具中就能看到「Extension Uninstaller」的選項了。

<div style="background-color:#aaffff;"> IE VIEW [Mozilla/Firefox]</div>
http://ieview.mozdev.org/ 
讓你可以在碰上 Mozilla 打不開的 IE Only 頁面時，按個右鍵，選「Open with IE」就能直接開啟 IE 來看該頁面，而不需再複製貼上連結的好工具，也可以直接在連結上按右鍵再選擇它叫出來用這樣。不過請記得移掉 MyIE2（有裝的話）後再用，據說有人因此碰上過問題的樣子。

<div style="background-color:#aaffff;"> Mouse Gestures [Mozilla/Firefox] $Mozilla/chrome/mozgest.jar</div>
http://update.mozilla.org/ 
讓你用滑鼠的左右移動就能做到上一頁、下一頁之類的指令的擴充套件，有用過 MyIE2 的人應該都知道這玩意吧。不過老實說我只要有上一頁、下一頁就夠了啦。另外新版的似乎有什麼問題的樣子，建議先別安裝比較好。安裝好後，請到「編輯 E) → 個人偏好設定 E) → 進階設定 → Mouse Gestures」中進行設定。在「General → Edit Mappings」中可以自行指定要怎樣用才好，基本上就是押住左鍵再劃方向啦，劃完後再放開左鍵就好了，上一頁預設為「押右鍵再點左鍵」，下一頁則是反過來。其它自己玩。除了八方向外，還有拐直角的這樣子。（據說買滑鼠也會送這類程式的樣子） 
另外也推薦安裝及使用上比較簡單一點的「[http://extensionroom.mozdev.org/ All-in-One Gestures]」。

<div style="background-color:#aaffff;"> PrefButtons [Mozilla/Firefox/Thunderbird]</div>
http://extensionroom.mozdev.org/more-info/prefbuttons 
可以自訂工具列上的小按鈕的擴充套件。因為筆者還沒安裝，所以不清楚會怎樣。



<div style="background-color:#aaffff;"> News & RSS Reader 相關 </div>

<div style="background-color:#ffaaff;"> Sage [Firefox]</div>
http://extensionroom.mozdev.org/more-info/sage 
安裝完後請重開一次 Firefox ，設好其所使用的資料夾後請再重開一次 Firefox 。

<ol type="0" start="0"><li>使用步驟</li>
<li>下載、安裝「中文版RSS閱讀器」，關閉所有 Firefox 視窗並重新開啟 Firefox 。</li>
<li>在有上一頁下一頁的那個工具列上按滑鼠右鍵選「自訂」。然後把「RSS」的圖示拖上工具列上。或者也可以從「View (檢視) > Sidebar (資訊方塊列)」裡找到 "RSS 閱讀器。（註：本句是複製貼上）逃</li>
<li>先在書籤中隨意一處建一個空白資料夾，接著點工具列上的「RSS閱讀器」開它的 Sidebar ，然後選它的「工具 → 設定」來設定它要使用的資料夾。（亦即你所新增的那個）</li>
<li>最後一步就是設定網站的「RSS」網址了，以 Mozilla@Taiwan 來說，網址如下。 
http://moztw.org/forum/rdf.php 
直接把這頁加入到你設的「RSS閱讀器」的資料夾下就行了。</li>
<li>總之重點就是只能看字尾是「rdf」或「xml」或是「php」的網頁，不過這可不是說只要是那些結尾就一定能看，要對方有提供才行。總之說看到 [http://moztw.org/forum/ Mozilla@Taiwan] 上方那類的圖示就點下去，應該就會出現像上面那種頁面了。不過 *.rdf 的網址得要自己手動複製網址來處理才行，這是因為目前版本的 Firefox0.9 還未支援 RSS 的關係，所以沒法處理。</li>
</ol>

關於 RSS 的說明。 
[http://moztw.org/forum/viewtopic.php?t=1216 Mozilla@Taiwan] 
[http://www.xml.com/pub/a/2002/12/18/dive-into-xml.html XML.com] 
[http://tw.news.yahoo.com/rss/ YAHOO!KIMO] 
[http://www.xml.org.tw/Function/Fglossary1.asp?key=RSS XML台灣資訊網] 
[http://e-words.jp/w/rss.html IT用語辞典]

另外要特別說明一下 Mozilla@Taiwan 上的 RSS 。 
http://www.csie.ntu.edu.tw/~r91034/mozilla/forum/rdf.php 
在這其後加入「?count=xx」，xx為你所想要的數字，以後就會列出你所想要的數字的討論串出來了。不然預設只有十筆實在有夠少的呀。 
要判別該站的 RSS 能否用這類方法增訂討論串，應該就是只能用該站是「討論區」還「BLOG」來判別的樣子，這似乎牽扯到該 RSS 文件是否屬於動態的，或者是屬於真實的 RSS 文件的樣子，詳情並不清楚，所以無法說明得更清楚了這樣。

<div style="background-color:#aaffff;"> Tabbrowser Extensions [Mozilla/Firefox]</div>
http://extensionroom.mozdev.org/more-info/tbe 
用來控制「分頁（Tab）」的擴充套件。因為筆者還沒安裝，所以不清楚會怎樣。 
注意，最近的 TBE 不太穩定，建議先別安裝。

<div style="background-color:#aaffff;"> Tabbrowser Preferences [Mozilla/Firefox]</div>
http://extensionroom.mozdev.org/more-info/tabprefs 
跟 TBE 一樣的玩意，設定及使用上比較簡單，基本上讓所有連結的分頁都用單一個 Firefox 視窗開啟才是這類的擴充最終的目的啦。

<div style="background-color:#aaffff;"> TinyURL Creator [Mozilla/Firefox] tinyurl.jar tinyurl.rdf</div>
http://update.mozilla.org/ 
[http://tinyurl.com/ TinyURL.com] 是個能將冗長的網址給轉成很短的網址的站，裝了這個的話，就可以不必再上 TinyURL ，直接在該頁面的任一空白處按右鍵就可以看到「Creat TinyUrl for this Page」，而在超連結上按右鍵則是「Creat TinyUrl for this Link」。按下去後等個一下子，就會得到該短連結了，該連結會被暫存起來，待會直接就能貼上了，不過要是還沒貼出來就又跑去複製啥東西的話，那也是各位自己的責任啦。（其實在「工具 T)」中就能找到 TinyURL Creator 的選項了啦）

<div style="background-color:#aaffff;"> User Agent Switcher [Mozilla/Firefox]</div>
http://extensionroom.mozdev.org/more-info/useragentswitcher 
可以讓你欺騙某些 IE Only 的網頁用的，這可以讓你偽裝成 IE ，但實際上還是 Mozilla/Firefox 就是了，簡單說就是將自己瀏覽器的版本送出成 IE 的版本，讓某些網頁的判別功能失效而能夠進入到該網頁去。

<div style="background-color:#aaffff;"> weatherfox [Mozilla/Firefox]</div>
http://weatherfox.mozdev.org/ 
簡明的天氣預報軟體，一安裝完重開 Mozilla/Firefox 後，會要你設定查詢何地的城市，直接在一旁的『Find Code』中輸入台灣的城市的英文名就會給你個代碼了，把那輸入 Code 中就行了。不過受限於時差因素，所以請自行取加了 12 小時後的那天來當做今天。（呃…應該沒算錯吧…汗）總之時差的問題我不會算啦（抱頭）反正那也只影響到『今天』而已，自己去看星期的部分就好了。

<div style="background-color:#aaffff;"> 同文堂 [Mozilla/Firefox] tongwen.jar</div>
http://tongwen.mozdev.org 
這是繁簡轉換的工具這樣。安裝好重新啟動後，會多出一個「同文」按鈕這樣，相關的東西都寫在官網上了，簡單說就是在本機上對繁簡字體進行互相對照及轉換啦，至於一些詞句可能只會逐字翻譯，不過基本上是還好啦，另外這是繁簡轉換，不是翻譯軟體這樣。

----

== 放置區 ==

Checky [Mozilla/Firefox] 
http://update.mozilla.org/ 
可以檢測你寫的網頁有沒有不符 [http://www.w3c.org/ W3C] 規定的擴充套件。因為筆者還沒安裝，所以不清楚會怎樣。

Image Zoom [Mozilla/Firefox] imagezoom.jar 
http://update.mozilla.org/ 
可以讓你放大縮小網頁上的圖片的擴充套件。裝好後重新啟動Mozilla，接著滑鼠移到圖片上再按右鍵就會有「Zoom Image」的選項了。不過其實可以用「 Mouse Gestures 」代替就是了。

Launchy [Mozilla/Firefox] 
http://gemal.dk/ 
功能比 IE VIEW 更多這樣。（介紹完畢）

MrPostman [Mozilla/Thunderbird] 
http://2mod2.com/mohot/ 
注意，筆者不確定此擴充套件是否乾淨（？），請詳細閱讀後再使用。 
這是可以用 Mozilla Mail 來接收 Hotmail 的信件的擴充套件，相關討論可上 [http://www.csie.ntu.edu.tw/~r91034/mozilla/ Mozilla@Taiwan] 的 Thunderbird 區找「無法設定HTTP通訊協定」的主題看看。因為筆者還沒安裝，所以不清楚會怎樣。

MultiZilla [Mozilla/Firefox] 
http://update.mozilla.org/ 
可以讓所有的新視窗都在分頁中開啟，不過筆者個人是覺得這東西根本就是系統資源殺手啦，能不裝就別裝比較好。因為筆者還沒安裝，所以不清楚會怎樣。（建議使用 TBE ）

RSS Reader Panel [Firefox] 
http://extensionroom.mozdev.org/more-info/rssreaderpanel 
註：因為 0.9 版的 Firefox 對此擴充支援不佳，所以請換 sage 用。
下面為正體中文版（由 nickexe 所製作及提供）正體中文版 Mozilla 請裝正體中文版的，不然會產生問題。 
http://www.ntut.edu.tw/~s1590021/plugin/rssreader_170_zhtw.xpi

ShellBlock [Mozilla/Firefox/Thunderbird] 
http://update.mozilla.org/ 
這個是 Windows 作業系統上的安全性漏洞，因為會影響到 Mozilla ，所以建議各位去進行更新。不過 Windows 以外的使用者就不必做此更新了。下一個新版的 Windows 版 Mozilla 應該就會自動內含了吧。

----

Mozilla: Extensions

2004-09-17T12:21:55Z

192.192.105.25: /* 放置區 */

----

回到 [[Mozilla]]

----

這兒是簡單介紹MOZILLA擴充套件的地方

== 寫在前頭 ==

關於某些套件在正體中文等非英文版本的 Mozilla 系列上無法運作的情形，請參考 [http://moztw.org/forum/viewtopic.php?t=2087 Mozilla@Taiwan] 的這一篇文章。

----

== 套件何處找 ==

Mozilla Update http://update.mozilla.org/ 依你使用的版本為 Mozilla 還是 Firefox 或 Thunderbird 來進到下一步，在 Mozilla 社群中，「擴充套件（Extensions）」就是指可以擴充 Mozilla 功能的一些軟體，點選「Browse extensions」後就能看到有哪些 Extensions 了。

Extension Room 
http://extensionroom.mozdev.org/ 
介紹所有擴充套件的地方（英文）

Mozilla研究站 
http://www.mozdev.org/ 
完全搞不懂在幹嘛的地方，看得懂的人就是看得懂，看不懂的人就是看不懂這樣。

關於擴充套件的中文討論，可至 [http://www.csie.ntu.edu.tw/~r91034/mozilla Mozilla中文討論區] 找找。

----

== 安裝套件 ==

要安裝 Extensions 時， Mozilla 使用者請將「編輯 E) → 個人偏好設定 E) → 進階設定 → 軟體安裝 → 自動安裝新版軟體」給勾取起來，而 Firefox 使用者則請將「工具 T) → 選項 O) → 進階 → 軟體更新 → 允許網站安裝軟體」給勾取起來，接著在網路上左點 *.xpi 的檔案時，就會問你是否要安裝了，當然了，請在你信任的網站安裝，自己去裝了有問題的東西是各位自己的責任，這就是自由軟體界的定律。另外安裝完後通常都要關閉所有 Mozilla 視窗再重新啟動才會生效。

還有一些則是直接執行下載下來的 *.jar 或 *.xpi 檔就會跑出個網頁要求安裝的樣子。

另外擴充套件裝太多對系統造成什麼傷害也是各位自己的責任這樣。強列建議安裝移除新套件時，先用 [http://backup.jasnapaka.com/ MozBackup] 備份一下。

要安裝語言套件「XXX Language Package」的話，上各個語言的官方站看就會有該語言計畫（XLP Projcet，X是指該語言的頭一個字母）的網頁了，請各位自己努力找找吧。不過 Mozilla 使用者其實在「編輯 E) → 個人偏好設定 E) → 外觀設定 → 語言／地區套件」中就有得找了啦，至於 Firefox 的使用者則是要到「工具 T) → 擴充套件 E)」中選取該語言套件，另外 Firefox 的擴充套件設定也都是在此處設定的。

----

== 更新及刪除套件 ==

更新擴充套件只要點選新版的擴充套件就會自動處理了…大概吧？？？（汗） 
Firefox 則是在「工具 T) → 擴充套件 E)」中可以處理。

另外要安裝可能跟之前的擴充套件相衝的新擴充套件時，要先刪除舊版本的套件才行，刪除的方法有兩種。

第一種是使用 Extension Uninstaller 這個擴充套件來進行自動反安裝，雖然我還沒有安裝過就是了啦。

另一種刪除套件的方法，則是在 Extension Room 該套件的介頁頁中，會有教你 Uninstalling 的方法，請詳閱後再進行手動刪除套件的過程，不然可能會讓你的整個 Mozilla 系統受到毀滅等級的危險。

----

== 推薦的擴充套件 ==

<div style="background-color:#aaffff;"> Adblock [Mozilla/Firefox] adblock.jar</div>
http://adblock.mozdev.org/ 
http://extensionroom.mozdev.org/more-info/adblock 
可以擋廣告的東東，分為擋連結、擋物件等的，不過全擋了的話網站也可以不用收廣告費了就是，請自己衡量一下。安裝好重新啟動 Mozilla ，在「工具 T)」中可找到 Adblock 的選項。

<div style="background-color:#aaffff;"> Extension Uninstaller [Mozilla/Firefox/Thunderbird]</div>
http://jgillick.nettripper.com/ 
可以反安裝擴充套件的玩意…不知道能不能反安裝自己就是了（汗）因為筆者還沒安裝，所以不清楚會怎樣。

<div style="background-color:#aaffff;"> IE VIEW [Mozilla/Firefox]</div>
http://ieview.mozdev.org/ 
讓你可以在碰上 Mozilla 打不開的 IE Only 頁面時，按個右鍵，選「Open with IE」就能直接開啟 IE 來看該頁面，而不需再複製貼上連結的好工具，也可以直接在連結上按右鍵再選擇它叫出來用這樣。不過請記得移掉 MyIE2（有裝的話）後再用，據說有人因此碰上過問題的樣子。

<div style="background-color:#aaffff;"> Mouse Gestures [Mozilla/Firefox] $Mozilla/chrome/mozgest.jar</div>
http://update.mozilla.org/ 
注意，目前的版本似乎不太穩定，建議 Mozilla 1.7 的使用者不要安裝此套件。 
讓你用滑鼠的左右移動就能做到上一頁、下一頁之類的指令的擴充套件，有用過 MyIE2 的人應該都知道這玩意吧。不過老實說我只要有上一頁、下一頁就夠了啦。另外新版的似乎有什麼問題的樣子，建議先別安裝比較好。安裝好後，請到「編輯 E) → 個人偏好設定 E) → 進階設定 → Mouse Gestures」中進行設定。在「General → Edit Mappings」中可以自行指定要怎樣用才好，基本上就是押住左鍵再劃方向啦，劃完後再放開左鍵就好了，上一頁預設為「押右鍵再點左鍵」，下一頁則是反過來。其它自己玩。除了八方向外，還有拐直角的這樣子。（據說買滑鼠也會送這類程式的樣子）

<div style="background-color:#aaffff;"> PrefButtons [Mozilla/Firefox/Thunderbird]</div>
http://extensionroom.mozdev.org/more-info/prefbuttons 
可以自訂工具列上的小按鈕的擴充套件。因為筆者還沒安裝，所以不清楚會怎樣。



<div style="background-color:#aaffff;"> News & RSS Reader 相關 </div>
<div style="background-color:#ffaaff;"> RSS Reader Panel [Firefox]</div>
http://extensionroom.mozdev.org/more-info/rssreaderpanel 
下面為正體中文版（由 nickexe 所製作及提供）正體中文版 Mozilla 請裝正體中文版的，不然會產生問題。 
http://www.ntut.edu.tw/~s1590021/plugin/rssreader_170_zhtw.xpi

<div style="background-color:#ffaaff;"> Sage [Firefox]</div>
http://extensionroom.mozdev.org/more-info/sage

<ol type="0" start="0"><li>使用步驟</li>
<li>下載、安裝「中文版RSS閱讀器」，關閉所有 Firefox 視窗並重新開啟 Firefox 。</li>
<li>在有上一頁下一頁的那個工具列上按滑鼠右鍵選「自訂」。然後把「RSS」的圖示拖上工具列上。或者也可以從「View (檢視) > Sidebar (資訊方塊列)」裡找到 "RSS 閱讀器。（註：本句是複製貼上）逃</li>
<li>先在書籤中隨意一處建一個空白資料夾，接著點工具列上的「RSS閱讀器」開它的 Sidebar ，然後選它的「工具 → 設定」來設定它要使用的資料夾。（亦即你所新增的那個）</li>
<li>最後一步就是設定網站的「RSS」網址了，以 Mozilla@Taiwan 來說，網址如下。 
http://moztw.org/forum/rdf.php 
直接把這頁加入到你設的「RSS閱讀器」的資料夾下就行了。</li>
<li>總之重點就是只能看字尾是「rdf」或「xml」或是「php」的網頁，不過這可不是說只要是那些結尾就一定能看，要對方有提供才行。總之說看到 [http://moztw.org/forum/ Mozilla@Taiwan] 上方那類的圖示就點下去，應該就會出現像上面那種頁面了。不過 *.rdf 的網址得要自己手動複製網址來處理才行，這是因為目前版本的 Firefox0.9 還未支援 RSS 的關係，所以沒法處理。</li>
</ol>

關於 RSS 的說明。 
[http://moztw.org/forum/viewtopic.php?t=1216 Mozilla@Taiwan] 
[http://www.xml.com/pub/a/2002/12/18/dive-into-xml.html XML.com] 
[http://tw.news.yahoo.com/rss/ YAHOO!KIMO] 
[http://www.xml.org.tw/Function/Fglossary1.asp?key=RSS XML台灣資訊網] 
[http://e-words.jp/w/rss.html IT用語辞典]

另外要特別說明一下 Mozilla@Taiwan 上的 RSS 。 
http://www.csie.ntu.edu.tw/~r91034/mozilla/forum/rdf.php 
在這其後加入「?count=xx」，xx為你所想要的數字，以後就會列出你所想要的數字的討論串出來了。不然預設只有十筆實在有夠少的呀。 
要判別該站的 RSS 能否用這類方法增訂討論串，應該就是只能用該站是「討論區」還「BLOG」來判別的樣子，這似乎牽扯到該 RSS 文件是否屬於動態的，或者是屬於真實的 RSS 文件的樣子，詳情並不清楚，所以無法說明得更清楚了這樣。

<div style="background-color:#aaffff;"> Tabbrowser Extensions [Mozilla/Firefox]</div>
http://extensionroom.mozdev.org/more-info/tbe 
用來控制「分頁（Tab）」的擴充套件。因為筆者還沒安裝，所以不清楚會怎樣。 
注意，最近的 TBE 不太穩定，建議先別安裝。

<div style="background-color:#aaffff;"> TinyURL Creator [Mozilla/Firefox] tinyurl.jar tinyurl.rdf</div>
http://update.mozilla.org/ 
[http://tinyurl.com/ TinyURL.com] 是個能將冗長的網址給轉成很短的網址的站，裝了這個的話，就可以不必再上 TinyURL ，直接在該頁面的任一空白處按右鍵就可以看到「Creat TinyUrl for this Page」，而在超連結上按右鍵則是「Creat TinyUrl for this Link」。按下去後等個一下子，就會得到該短連結了，該連結會被暫存起來，待會直接就能貼上了，不過要是還沒貼出來就又跑去複製啥東西的話，那也是各位自己的責任啦。（其實在「工具 T)」中就能找到 TinyURL Creator 的選項了啦）

<div style="background-color:#aaffff;"> User Agent Switcher [Mozilla/Firefox]</div>
http://extensionroom.mozdev.org/more-info/useragentswitcher 
可以讓你欺騙某些 IE Only 的網頁用的，這可以讓你偽裝成 IE ，但實際上還是 Mozilla/Firefox 就是了，簡單說就是將自己瀏覽器的版本送出成 IE 的版本，讓某些網頁的判別功能失效而能夠進入到該網頁去。

<div style="background-color:#aaffff;"> weatherfox [Mozilla/Firefox]</div>
http://weatherfox.mozdev.org/ 
簡明的天氣預報軟體，一安裝完重開 Mozilla/Firefox 後，會要你設定查詢何地的城市，直接在一旁的『Find Code』中輸入台灣的城市的英文名就會給你個代碼了，把那輸入 Code 中就行了。不過受限於時差因素，所以請自行取加了 12 小時後的那天來當做今天。（呃…應該沒算錯吧…汗）總之時差的問題我不會算啦（抱頭）反正那也只影響到『今天』而已，自己去看星期的部分就好了。

<div style="background-color:#aaffff;"> 同文堂 [Mozilla/Firefox] tongwen.jar</div>
http://tongwen.mozdev.org 
這是繁簡轉換的工具這樣。安裝好重新啟動後，會多出一個「同文」按鈕這樣，相關的東西都寫在官網上了，簡單說就是在本機上對繁簡字體進行互相對照及轉換啦，至於一些詞句可能只會逐字翻譯，不過基本上是還好啦，另外這是繁簡轉換，不是翻譯軟體這樣。

----

== 放置區 ==

Checky [Mozilla/Firefox] 
http://update.mozilla.org/ 
可以檢測你寫的網頁有沒有不符 [http://www.w3c.org/ W3C] 規定的擴充套件。因為筆者還沒安裝，所以不清楚會怎樣。

Image Zoom [Mozilla/Firefox] imagezoom.jar 
http://update.mozilla.org/ 
可以讓你放大縮小網頁上的圖片的擴充套件。裝好後重新啟動Mozilla，接著滑鼠移到圖片上再按右鍵就會有「Zoom Image」的選項了。不過其實可以用「 Mouse Gestures 」代替就是了。

Launchy [Mozilla/Firefox] 
http://gemal.dk/ 
功能比 IE VIEW 更多這樣。（介紹完畢）

MrPostman [Mozilla/Thunderbird] 
http://2mod2.com/mohot/ 
注意，筆者不確定此擴充套件是否乾淨（？），請詳細閱讀後再使用。 
這是可以用 Mozilla Mail 來接收 Hotmail 的信件的擴充套件，相關討論可上 [http://www.csie.ntu.edu.tw/~r91034/mozilla/ Mozilla@Taiwan] 的 Thunderbird 區找「無法設定HTTP通訊協定」的主題看看。因為筆者還沒安裝，所以不清楚會怎樣。

MultiZilla [Mozilla/Firefox] 
http://update.mozilla.org/ 
可以讓所有的新視窗都在分頁中開啟，不過筆者個人是覺得這東西根本就是系統資源殺手啦，能不裝就別裝比較好。因為筆者還沒安裝，所以不清楚會怎樣。（建議使用 TBE ）

RSS Reader Panel [Firefox] 
http://extensionroom.mozdev.org/more-info/rssreaderpanel 
註：因為 0.9 版的 Firefox 對此擴充支援不佳，所以請換 sage 用。
下面為正體中文版（由 nickexe 所製作及提供）正體中文版 Mozilla 請裝正體中文版的，不然會產生問題。 
http://www.ntut.edu.tw/~s1590021/plugin/rssreader_170_zhtw.xpi

ShellBlock [Mozilla/Firefox/Thunderbird] 
http://update.mozilla.org/ 
這個是 Windows 作業系統上的安全性漏洞，因為會影響到 Mozilla ，所以建議各位去進行更新。不過 Windows 以外的使用者就不必做此更新了。下一個新版的 Windows 版 Mozilla 應該就會自動內含了吧。

----