<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://www.andcycle.idv.tw/mediawiki/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=218.165.193.250</id>
	<title>TestingMediawiki - User contributions [en]</title>
	<link rel="self" type="application/atom+xml" href="https://www.andcycle.idv.tw/mediawiki/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=218.165.193.250"/>
	<link rel="alternate" type="text/html" href="https://www.andcycle.idv.tw/mediawiki/index.php?title=Special:Contributions/218.165.193.250"/>
	<updated>2026-06-16T06:17:19Z</updated>
	<subtitle>User contributions</subtitle>
	<generator>MediaWiki 1.43.3</generator>
	<entry>
		<id>https://www.andcycle.idv.tw/mediawiki/index.php?title=Computer:_Event&amp;diff=1516</id>
		<title>Computer: Event</title>
		<link rel="alternate" type="text/html" href="https://www.andcycle.idv.tw/mediawiki/index.php?title=Computer:_Event&amp;diff=1516"/>
		<updated>2004-08-26T16:52:04Z</updated>

		<summary type="html">&lt;p&gt;218.165.193.250: /* CSS樣式表專區 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;hr color=&amp;quot;#dd7777&amp;quot; width=&amp;quot;90%&amp;quot; align=&amp;quot;left&amp;quot; size=&amp;quot;1px&amp;quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
回到 [[Computer]]&lt;br /&gt;
&lt;br /&gt;
[[Computer: Event: 200407]]&lt;br /&gt;
&lt;br /&gt;
[[Computer: Event: 200408]]&lt;br /&gt;
&lt;br /&gt;
民國９３年８月&lt;br /&gt;
&lt;br /&gt;
本月是網頁的標記語言（Markup Laguage）相關資料的教學資源&lt;br /&gt;
&lt;br /&gt;
----&lt;br /&gt;
&lt;br /&gt;
= 發佈網頁標記語言的機構 =&lt;br /&gt;
&lt;br /&gt;
World Wide Web Consortium (W3C)&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.w3.org/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= 依循W3C標準的標記語言教學網路資源 =&lt;br /&gt;
&lt;br /&gt;
朱孝國的筆記本 Peter Ju&#039;s Notebook&amp;lt;br&amp;gt;&lt;br /&gt;
http://www2.cyut.edu.tw/~s9154610/&lt;br /&gt;
&lt;br /&gt;
周明網頁製作系列&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.tssh.tpc.edu.tw/bcc/BooksExample/HTML401/index.htm&lt;br /&gt;
&lt;br /&gt;
李正國&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.csie.nctu.edu.tw/~jglee/&lt;br /&gt;
&lt;br /&gt;
網頁寫作心得分享&amp;lt;br&amp;gt;&lt;br /&gt;
Hemiola的網頁 http://hemiolapei.free.fr/&amp;lt;br&amp;gt;&lt;br /&gt;
http://hemiolapei.free.fr/divers/web/web.html&lt;br /&gt;
&lt;br /&gt;
= 含有非依循W3C標準的標記語言教學網路資源 =&lt;br /&gt;
&lt;br /&gt;
傲楓小築網頁教學&amp;lt;br&amp;gt;&lt;br /&gt;
http://htms.cjb.net/&lt;br /&gt;
&lt;br /&gt;
網站建置百寶箱&amp;lt;br&amp;gt;&lt;br /&gt;
http://dob.tnc.edu.tw/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= 最爛網頁實例（笑） =&lt;br /&gt;
&lt;br /&gt;
World&#039;s Worst Website&amp;lt;br&amp;gt;&lt;br /&gt;
一看就知道是故意寫的，這個網站會指出許多新手編寫網頁時的錯誤。（註：這是我在某 BLOG 上看到的文章）&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.angelfire.com/super/badwebs/main.htm&lt;br /&gt;
&lt;br /&gt;
winiAlienHacker&amp;lt;br&amp;gt;&lt;br /&gt;
站長長期放置一堆錯誤不管，現在已經變成完全無法維護的網站了，我看可能要從頭重寫才修得好這個網站的問題吧。&amp;lt;br&amp;gt;&lt;br /&gt;
http://home.pchome.com.tw/young/kouyu/winiAlienHacker/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= W3C 提供的驗證器 =&lt;br /&gt;
&lt;br /&gt;
HTML&amp;lt;br&amp;gt;&lt;br /&gt;
http://validator.w3.org/&lt;br /&gt;
&lt;br /&gt;
CSS&amp;lt;br&amp;gt;&lt;br /&gt;
http://jigsaw.w3.org/css-validator/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= -------------------------------- =&lt;br /&gt;
&lt;br /&gt;
一看就知道是分隔線&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= CSS樣式表專區 =&lt;br /&gt;
&lt;br /&gt;
W3C&amp;lt;br&amp;gt;&lt;br /&gt;
http://chinese-school.netfirms.com/css-tutorial-T-Chinese-index.htm &lt;br /&gt;
&lt;br /&gt;
meyerweb.com&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.meyerweb.com/&lt;br /&gt;
&lt;br /&gt;
css Zen Garden: The Beauty in CSS Design&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.csszengarden.com/&lt;br /&gt;
&lt;br /&gt;
利用切換 CSS 來改變網頁造型的站。&amp;lt;br&amp;gt;&lt;br /&gt;
outsider reflex - http://white.sakura.ne.jp/~piro/&amp;lt;br&amp;gt;&lt;br /&gt;
CyberJos is Blogging - http://blog.cyberjos.idv.tw/space/start&lt;br /&gt;
&lt;br /&gt;
CSS 語法參考辭典&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.cis.nctu.edu.tw/~is91056/css.htm&amp;lt;br&amp;gt;&lt;br /&gt;
來源 http://www.cis.nctu.edu.tw/~is91056/index.php&lt;br /&gt;
&lt;br /&gt;
樣式表的 CLASS 與 ID 宣告寫法：&amp;lt;br&amp;gt;&lt;br /&gt;
*CLASS&lt;br /&gt;
*Tag:action.ClassName {} -&amp;gt; Ex:) a:hover.list { color:red; }&lt;br /&gt;
*.ClassName tag:action {} -&amp;gt; Ex:) td img {display: block;}&lt;br /&gt;
**下面那個似乎是指定在該 Tag 底下的 Tag 用的樣子。&lt;br /&gt;
*ID&lt;br /&gt;
*&amp;lt;nowiki&amp;gt;#IDName {}&amp;lt;/nowiki&amp;gt; -&amp;gt; Ex:) #test { color:#ff0000; }&lt;br /&gt;
**ID 比 CLASS 缺少的地方就是可以指定 Tag 的功能，另外同一個 &amp;lt;nowiki&amp;gt;&amp;lt;TAG&amp;gt;&amp;lt;/nowiki&amp;gt; 亦即「標籤」之內，可以同時使用 CLASS 和 ID 各一個。&lt;br /&gt;
&lt;br /&gt;
= Javascript =&lt;br /&gt;
&lt;br /&gt;
徵求資料中，徵求能把 MS Javascript 轉成 NetScape/Sun Javascript 的程式中。&lt;br /&gt;
&lt;br /&gt;
朱孝國的筆記本 Peter Ju&#039;s Notebook&amp;lt;br&amp;gt;&lt;br /&gt;
http://www2.cyut.edu.tw/~s9154610/&lt;br /&gt;
&lt;br /&gt;
Foundamental JavaScript course&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.takka.com.hk/jstutor/index.htm&lt;br /&gt;
&lt;br /&gt;
= XML和XHTML專區 =&lt;br /&gt;
&lt;br /&gt;
W3C-HTML/XHTML（右上有各版本別）&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.w3.org/MarkUp/&lt;br /&gt;
&lt;br /&gt;
W3C-XML&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.w3.org/XML/&lt;br /&gt;
&lt;br /&gt;
XML台灣資訊網&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.xml.org.tw/Default.asp&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= -------------------------------- =&lt;br /&gt;
&lt;br /&gt;
一看就知道是分隔線&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= Unicode Support =&lt;br /&gt;
&lt;br /&gt;
個人覺得文件存在 UTF-8 等的比較保險這樣。&lt;br /&gt;
&lt;br /&gt;
Unicode Home Page&amp;lt;br&amp;gt;&lt;br /&gt;
推廣 Unicode based 的系統的組織？？&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.unicode.org/&lt;br /&gt;
&lt;br /&gt;
Unicode Support in Your Browser&amp;lt;br&amp;gt;&lt;br /&gt;
一堆英文，看都沒懂。&amp;lt;br&amp;gt;&lt;br /&gt;
http://home.att.net/~jameskass/index.htm&lt;br /&gt;
&lt;br /&gt;
Unicode 補完計畫&amp;lt;br&amp;gt;&lt;br /&gt;
讓中文使用者可以使用 Unicode 這種字庫的對照工具，詳情請看官網。&amp;lt;br&amp;gt;&lt;br /&gt;
http://cpatch.org/unicode/&lt;br /&gt;
&lt;br /&gt;
Unicode 補完計畫問卷調查&amp;lt;br&amp;gt;&lt;br /&gt;
在策劃要開發 3.0 時所做的問卷，好像已經擺一年了，也許已經沒有用了吧？（汗）&amp;lt;br&amp;gt;&lt;br /&gt;
http://ericlin.cabin.idv.tw/~but/cgi-bin/anket/benquete.cgi&lt;br /&gt;
&lt;br /&gt;
Unicode 補完計畫 - 更新字型的方法&amp;lt;br&amp;gt;&lt;br /&gt;
Win9x 使用 2.x 版時更換 2000/XP 字型的白痴用教學。（其實用這個比較簡單啦）也不用進 DOS 就是了&amp;lt;br&amp;gt;&lt;br /&gt;
http://cpatch.org/witchfive/pastepic/newttf/newttf.html&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= 各類編輯器 =&lt;br /&gt;
&lt;br /&gt;
『純文字編輯器』永遠是你最好的朋友。（汗）&lt;br /&gt;
&lt;br /&gt;
Crimson Editor&amp;lt;br&amp;gt;&lt;br /&gt;
很遺憾的是這款似乎不支持 Unicode 呀…&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.crimsoneditor.com/&lt;br /&gt;
&lt;br /&gt;
NOTEPAD.EXE&amp;lt;br&amp;gt;&lt;br /&gt;
Windows 內附的筆記本，適合追求「輕巧便是優勢，只有你看得懂自己在寫啥。」的這種人。&lt;br /&gt;
&lt;br /&gt;
Mozilla Composer&amp;lt;br&amp;gt;&lt;br /&gt;
安裝 Mozilla 的 Browser 時會「強迫」附送的玩意，目前正在找如何單獨使用該套件的方法中。畢竟免費又支援各平台，又支援文件字型編碼的編輯器蠻少的呀。（根本懶得找倒是）&lt;br /&gt;
&lt;br /&gt;
OpenOffice.org&amp;lt;br&amp;gt;&lt;br /&gt;
沒在用它來編輯 HTML 的呀…&lt;br /&gt;
&lt;br /&gt;
DreamWeaver&amp;lt;br&amp;gt;&lt;br /&gt;
頗受好評的編輯器。沒用過不清楚倒是。&lt;br /&gt;
&lt;br /&gt;
= 免費的網頁空間 =&lt;br /&gt;
&lt;br /&gt;
PCHome&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.pchome.com.tw/&lt;br /&gt;
&lt;br /&gt;
FREE ProHosting&amp;lt;br&amp;gt;&lt;br /&gt;
http://free.prohosting.com/&amp;lt;br&amp;gt;&lt;br /&gt;
http://home.pchome.com.tw/web/kikilala77/kill/tProHosting.htm&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= 免費的貼圖區或網路硬碟 =&lt;br /&gt;
&lt;br /&gt;
2cha&amp;lt;br&amp;gt;&lt;br /&gt;
http://2cha.omoe.net/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= 寫作重點 =&lt;br /&gt;
&lt;br /&gt;
字型及字體大小設定技巧：&amp;lt;br&amp;gt;&lt;br /&gt;
font-size&amp;lt;br&amp;gt;&lt;br /&gt;
即字體大小，使用百分比時， 100% 即是你瀏覽器的預設大小。&amp;lt;br&amp;gt;&lt;br /&gt;
font-family&amp;lt;br&amp;gt;&lt;br /&gt;
即字型，各指定如下，不建議使用字型名稱，建議讓系統自己找適合的字型。&amp;lt;br&amp;gt;&lt;br /&gt;
亦即使用「generic-family」的方式指定字型。&amp;lt;br&amp;gt;&lt;br /&gt;
W3C相關資料 http://www.w3.org/TR/REC-CSS2/fonts.html&amp;lt;br&amp;gt;&lt;br /&gt;
以下來源 http://www.cis.nctu.edu.tw/~is91056/css_2.htm&amp;lt;br&amp;gt;&lt;br /&gt;
serif (新細明體或Times等)&amp;lt;br&amp;gt;&lt;br /&gt;
sans-serif (Helvetica等)&amp;lt;br&amp;gt;&lt;br /&gt;
cursive (筆記體的字型)&amp;lt;br&amp;gt;&lt;br /&gt;
fantasy (裝飾為主的字型)&amp;lt;br&amp;gt;&lt;br /&gt;
monospace (等寬的字型)&amp;lt;br&amp;gt;&lt;br /&gt;
另外在 &amp;lt;nowiki&amp;gt;&amp;lt;pre&amp;gt; &amp;lt;/pre&amp;gt;&amp;lt;/nowiki&amp;gt; 中間的文字不會有變化倒是。還有表格 table 也是。&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Mozilla 網站設計常見問題（中譯版）&amp;lt;br&amp;gt;&lt;br /&gt;
詳見 [http://moztw.org/forum/printview.php?start=0&amp;amp;t=1974 Mozilla@Taiwan] （老是用別人的連結真是越用越不好意思了呀…）&lt;br /&gt;
&lt;br /&gt;
利用 CSS 闖過三大難關！（專有名詞請參閱『Mozilla 網站設計常見問題（中譯版）』）&amp;lt;br&amp;gt;&lt;br /&gt;
一、Inline屬性的文字等物件置中&amp;lt;br&amp;gt;&lt;br /&gt;
二、Block屬性的區塊等物件置中&amp;lt;br&amp;gt;&lt;br /&gt;
三、連結的可選取區加大&amp;lt;br&amp;gt;&lt;br /&gt;
源碼如下，請自己複製下來試試。（因為wiki上不接受該標籤的作用的關係）&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;font color=&amp;quot;green&amp;quot;&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;a href=&amp;quot;index.html&amp;quot; style=&amp;quot;display:block;width:100%;text-align:center;margin-left:auto;margin-right:auto;&amp;quot;&amp;gt;test一二三四&amp;lt;/a&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/font&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;nowiki&amp;gt;&amp;lt;p&amp;gt; &amp;lt;/p&amp;gt;&amp;lt;/nowiki&amp;gt; 的中間不要放入 &amp;lt;nowiki&amp;gt;&amp;lt;div&amp;gt; &amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt; 。&lt;br /&gt;
&lt;br /&gt;
&amp;lt;hr color=&amp;quot;#dd7777&amp;quot; width=&amp;quot;90%&amp;quot; align=&amp;quot;left&amp;quot; size=&amp;quot;1px&amp;quot;&amp;gt;&lt;/div&gt;</summary>
		<author><name>218.165.193.250</name></author>
	</entry>
	<entry>
		<id>https://www.andcycle.idv.tw/mediawiki/index.php?title=Computer:_Event&amp;diff=1448</id>
		<title>Computer: Event</title>
		<link rel="alternate" type="text/html" href="https://www.andcycle.idv.tw/mediawiki/index.php?title=Computer:_Event&amp;diff=1448"/>
		<updated>2004-08-26T16:03:13Z</updated>

		<summary type="html">&lt;p&gt;218.165.193.250: /* CSS樣式表專區 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;hr color=&amp;quot;#dd7777&amp;quot; width=&amp;quot;90%&amp;quot; align=&amp;quot;left&amp;quot; size=&amp;quot;1px&amp;quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
回到 [[Computer]]&lt;br /&gt;
&lt;br /&gt;
[[Computer: Event: 200407]]&lt;br /&gt;
&lt;br /&gt;
[[Computer: Event: 200408]]&lt;br /&gt;
&lt;br /&gt;
民國９３年８月&lt;br /&gt;
&lt;br /&gt;
本月是網頁的標記語言（Markup Laguage）相關資料的教學資源&lt;br /&gt;
&lt;br /&gt;
----&lt;br /&gt;
&lt;br /&gt;
= 發佈網頁標記語言的機構 =&lt;br /&gt;
&lt;br /&gt;
World Wide Web Consortium (W3C)&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.w3.org/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= 依循W3C標準的標記語言教學網路資源 =&lt;br /&gt;
&lt;br /&gt;
朱孝國的筆記本 Peter Ju&#039;s Notebook&amp;lt;br&amp;gt;&lt;br /&gt;
http://www2.cyut.edu.tw/~s9154610/&lt;br /&gt;
&lt;br /&gt;
周明網頁製作系列&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.tssh.tpc.edu.tw/bcc/BooksExample/HTML401/index.htm&lt;br /&gt;
&lt;br /&gt;
李正國&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.csie.nctu.edu.tw/~jglee/&lt;br /&gt;
&lt;br /&gt;
網頁寫作心得分享&amp;lt;br&amp;gt;&lt;br /&gt;
Hemiola的網頁 http://hemiolapei.free.fr/&amp;lt;br&amp;gt;&lt;br /&gt;
http://hemiolapei.free.fr/divers/web/web.html&lt;br /&gt;
&lt;br /&gt;
= 含有非依循W3C標準的標記語言教學網路資源 =&lt;br /&gt;
&lt;br /&gt;
傲楓小築網頁教學&amp;lt;br&amp;gt;&lt;br /&gt;
http://htms.cjb.net/&lt;br /&gt;
&lt;br /&gt;
網站建置百寶箱&amp;lt;br&amp;gt;&lt;br /&gt;
http://dob.tnc.edu.tw/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= 最爛網頁實例（笑） =&lt;br /&gt;
&lt;br /&gt;
World&#039;s Worst Website&amp;lt;br&amp;gt;&lt;br /&gt;
一看就知道是故意寫的，這個網站會指出許多新手編寫網頁時的錯誤。（註：這是我在某 BLOG 上看到的文章）&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.angelfire.com/super/badwebs/main.htm&lt;br /&gt;
&lt;br /&gt;
winiAlienHacker&amp;lt;br&amp;gt;&lt;br /&gt;
站長長期放置一堆錯誤不管，現在已經變成完全無法維護的網站了，我看可能要從頭重寫才修得好這個網站的問題吧。&amp;lt;br&amp;gt;&lt;br /&gt;
http://home.pchome.com.tw/young/kouyu/winiAlienHacker/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= W3C 提供的驗證器 =&lt;br /&gt;
&lt;br /&gt;
HTML&amp;lt;br&amp;gt;&lt;br /&gt;
http://validator.w3.org/&lt;br /&gt;
&lt;br /&gt;
CSS&amp;lt;br&amp;gt;&lt;br /&gt;
http://jigsaw.w3.org/css-validator/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= -------------------------------- =&lt;br /&gt;
&lt;br /&gt;
一看就知道是分隔線&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= CSS樣式表專區 =&lt;br /&gt;
&lt;br /&gt;
W3C&amp;lt;br&amp;gt;&lt;br /&gt;
[http://chinese-school.netfirms.com/css-tutorial-T-Chinese-index.htm abridged]&lt;br /&gt;
&lt;br /&gt;
meyerweb.com&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.meyerweb.com/&lt;br /&gt;
&lt;br /&gt;
css Zen Garden: The Beauty in CSS Design&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.csszengarden.com/&lt;br /&gt;
&lt;br /&gt;
利用切換 CSS 來改變網頁造型的站。&amp;lt;br&amp;gt;&lt;br /&gt;
outsider reflex - http://white.sakura.ne.jp/~piro/&amp;lt;br&amp;gt;&lt;br /&gt;
CyberJos is Blogging - http://blog.cyberjos.idv.tw/space/start&lt;br /&gt;
&lt;br /&gt;
CSS 語法參考辭典&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.cis.nctu.edu.tw/~is91056/css.htm&amp;lt;br&amp;gt;&lt;br /&gt;
來源 http://www.cis.nctu.edu.tw/~is91056/index.php&lt;br /&gt;
&lt;br /&gt;
樣式表的 CLASS 與 ID 宣告寫法：&amp;lt;br&amp;gt;&lt;br /&gt;
*CLASS&lt;br /&gt;
*Tag:action.ClassName {} -&amp;gt; Ex:) a:hover.list { color:red; }&lt;br /&gt;
*.ClassName tag:action {} -&amp;gt; Ex:) td img {display: block;}&lt;br /&gt;
**下面那個似乎是指定在該 Tag 底下的 Tag 用的樣子。&lt;br /&gt;
*ID&lt;br /&gt;
*&amp;lt;nowiki&amp;gt;#IDName {}&amp;lt;/nowiki&amp;gt; -&amp;gt; Ex:) #test { color:#ff0000; }&lt;br /&gt;
**ID 比 CLASS 缺少的地方就是可以指定 Tag 的功能，另外同一個 &amp;lt;nowiki&amp;gt;&amp;lt;TAG&amp;gt;&amp;lt;/nowiki&amp;gt; 亦即「標籤」之內，可以同時使用 CLASS 和 ID 各一個。&lt;br /&gt;
&lt;br /&gt;
= Javascript =&lt;br /&gt;
&lt;br /&gt;
徵求資料中，徵求能把 MS Javascript 轉成 NetScape/Sun Javascript 的程式中。&lt;br /&gt;
&lt;br /&gt;
朱孝國的筆記本 Peter Ju&#039;s Notebook&amp;lt;br&amp;gt;&lt;br /&gt;
http://www2.cyut.edu.tw/~s9154610/&lt;br /&gt;
&lt;br /&gt;
Foundamental JavaScript course&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.takka.com.hk/jstutor/index.htm&lt;br /&gt;
&lt;br /&gt;
= XML和XHTML專區 =&lt;br /&gt;
&lt;br /&gt;
W3C-HTML/XHTML（右上有各版本別）&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.w3.org/MarkUp/&lt;br /&gt;
&lt;br /&gt;
W3C-XML&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.w3.org/XML/&lt;br /&gt;
&lt;br /&gt;
XML台灣資訊網&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.xml.org.tw/Default.asp&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= -------------------------------- =&lt;br /&gt;
&lt;br /&gt;
一看就知道是分隔線&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= Unicode Support =&lt;br /&gt;
&lt;br /&gt;
個人覺得文件存在 UTF-8 等的比較保險這樣。&lt;br /&gt;
&lt;br /&gt;
Unicode Home Page&amp;lt;br&amp;gt;&lt;br /&gt;
推廣 Unicode based 的系統的組織？？&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.unicode.org/&lt;br /&gt;
&lt;br /&gt;
Unicode Support in Your Browser&amp;lt;br&amp;gt;&lt;br /&gt;
一堆英文，看都沒懂。&amp;lt;br&amp;gt;&lt;br /&gt;
http://home.att.net/~jameskass/index.htm&lt;br /&gt;
&lt;br /&gt;
Unicode 補完計畫&amp;lt;br&amp;gt;&lt;br /&gt;
讓中文使用者可以使用 Unicode 這種字庫的對照工具，詳情請看官網。&amp;lt;br&amp;gt;&lt;br /&gt;
http://cpatch.org/unicode/&lt;br /&gt;
&lt;br /&gt;
Unicode 補完計畫問卷調查&amp;lt;br&amp;gt;&lt;br /&gt;
在策劃要開發 3.0 時所做的問卷，好像已經擺一年了，也許已經沒有用了吧？（汗）&amp;lt;br&amp;gt;&lt;br /&gt;
http://ericlin.cabin.idv.tw/~but/cgi-bin/anket/benquete.cgi&lt;br /&gt;
&lt;br /&gt;
Unicode 補完計畫 - 更新字型的方法&amp;lt;br&amp;gt;&lt;br /&gt;
Win9x 使用 2.x 版時更換 2000/XP 字型的白痴用教學。（其實用這個比較簡單啦）也不用進 DOS 就是了&amp;lt;br&amp;gt;&lt;br /&gt;
http://cpatch.org/witchfive/pastepic/newttf/newttf.html&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= 各類編輯器 =&lt;br /&gt;
&lt;br /&gt;
『純文字編輯器』永遠是你最好的朋友。（汗）&lt;br /&gt;
&lt;br /&gt;
Crimson Editor&amp;lt;br&amp;gt;&lt;br /&gt;
很遺憾的是這款似乎不支持 Unicode 呀…&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.crimsoneditor.com/&lt;br /&gt;
&lt;br /&gt;
NOTEPAD.EXE&amp;lt;br&amp;gt;&lt;br /&gt;
Windows 內附的筆記本，適合追求「輕巧便是優勢，只有你看得懂自己在寫啥。」的這種人。&lt;br /&gt;
&lt;br /&gt;
Mozilla Composer&amp;lt;br&amp;gt;&lt;br /&gt;
安裝 Mozilla 的 Browser 時會「強迫」附送的玩意，目前正在找如何單獨使用該套件的方法中。畢竟免費又支援各平台，又支援文件字型編碼的編輯器蠻少的呀。（根本懶得找倒是）&lt;br /&gt;
&lt;br /&gt;
OpenOffice.org&amp;lt;br&amp;gt;&lt;br /&gt;
沒在用它來編輯 HTML 的呀…&lt;br /&gt;
&lt;br /&gt;
DreamWeaver&amp;lt;br&amp;gt;&lt;br /&gt;
頗受好評的編輯器。沒用過不清楚倒是。&lt;br /&gt;
&lt;br /&gt;
= 免費的網頁空間 =&lt;br /&gt;
&lt;br /&gt;
PCHome&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.pchome.com.tw/&lt;br /&gt;
&lt;br /&gt;
FREE ProHosting&amp;lt;br&amp;gt;&lt;br /&gt;
http://free.prohosting.com/&amp;lt;br&amp;gt;&lt;br /&gt;
http://home.pchome.com.tw/web/kikilala77/kill/tProHosting.htm&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= 免費的貼圖區或網路硬碟 =&lt;br /&gt;
&lt;br /&gt;
2cha&amp;lt;br&amp;gt;&lt;br /&gt;
http://2cha.omoe.net/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= 寫作重點 =&lt;br /&gt;
&lt;br /&gt;
字型及字體大小設定技巧：&amp;lt;br&amp;gt;&lt;br /&gt;
font-size&amp;lt;br&amp;gt;&lt;br /&gt;
即字體大小，使用百分比時， 100% 即是你瀏覽器的預設大小。&amp;lt;br&amp;gt;&lt;br /&gt;
font-family&amp;lt;br&amp;gt;&lt;br /&gt;
即字型，各指定如下，不建議使用字型名稱，建議讓系統自己找適合的字型。&amp;lt;br&amp;gt;&lt;br /&gt;
亦即使用「generic-family」的方式指定字型。&amp;lt;br&amp;gt;&lt;br /&gt;
W3C相關資料 http://www.w3.org/TR/REC-CSS2/fonts.html&amp;lt;br&amp;gt;&lt;br /&gt;
以下來源 http://www.cis.nctu.edu.tw/~is91056/css_2.htm&amp;lt;br&amp;gt;&lt;br /&gt;
serif (新細明體或Times等)&amp;lt;br&amp;gt;&lt;br /&gt;
sans-serif (Helvetica等)&amp;lt;br&amp;gt;&lt;br /&gt;
cursive (筆記體的字型)&amp;lt;br&amp;gt;&lt;br /&gt;
fantasy (裝飾為主的字型)&amp;lt;br&amp;gt;&lt;br /&gt;
monospace (等寬的字型)&amp;lt;br&amp;gt;&lt;br /&gt;
另外在 &amp;lt;nowiki&amp;gt;&amp;lt;pre&amp;gt; &amp;lt;/pre&amp;gt;&amp;lt;/nowiki&amp;gt; 中間的文字不會有變化倒是。還有表格 table 也是。&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Mozilla 網站設計常見問題（中譯版）&amp;lt;br&amp;gt;&lt;br /&gt;
詳見 [http://moztw.org/forum/printview.php?start=0&amp;amp;t=1974 Mozilla@Taiwan] （老是用別人的連結真是越用越不好意思了呀…）&lt;br /&gt;
&lt;br /&gt;
利用 CSS 闖過三大難關！（專有名詞請參閱『Mozilla 網站設計常見問題（中譯版）』）&amp;lt;br&amp;gt;&lt;br /&gt;
一、Inline屬性的文字等物件置中&amp;lt;br&amp;gt;&lt;br /&gt;
二、Block屬性的區塊等物件置中&amp;lt;br&amp;gt;&lt;br /&gt;
三、連結的可選取區加大&amp;lt;br&amp;gt;&lt;br /&gt;
源碼如下，請自己複製下來試試。（因為wiki上不接受該標籤的作用的關係）&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;font color=&amp;quot;green&amp;quot;&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;a href=&amp;quot;index.html&amp;quot; style=&amp;quot;display:block;width:100%;text-align:center;margin-left:auto;margin-right:auto;&amp;quot;&amp;gt;test一二三四&amp;lt;/a&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/font&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;nowiki&amp;gt;&amp;lt;p&amp;gt; &amp;lt;/p&amp;gt;&amp;lt;/nowiki&amp;gt; 的中間不要放入 &amp;lt;nowiki&amp;gt;&amp;lt;div&amp;gt; &amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt; 。&lt;br /&gt;
&lt;br /&gt;
&amp;lt;hr color=&amp;quot;#dd7777&amp;quot; width=&amp;quot;90%&amp;quot; align=&amp;quot;left&amp;quot; size=&amp;quot;1px&amp;quot;&amp;gt;&lt;/div&gt;</summary>
		<author><name>218.165.193.250</name></author>
	</entry>
	<entry>
		<id>https://www.andcycle.idv.tw/mediawiki/index.php?title=Computer:_Event&amp;diff=1447</id>
		<title>Computer: Event</title>
		<link rel="alternate" type="text/html" href="https://www.andcycle.idv.tw/mediawiki/index.php?title=Computer:_Event&amp;diff=1447"/>
		<updated>2004-08-26T15:29:30Z</updated>

		<summary type="html">&lt;p&gt;218.165.193.250: /* 寫作重點 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;hr color=&amp;quot;#dd7777&amp;quot; width=&amp;quot;90%&amp;quot; align=&amp;quot;left&amp;quot; size=&amp;quot;1px&amp;quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
回到 [[Computer]]&lt;br /&gt;
&lt;br /&gt;
[[Computer: Event: 200407]]&lt;br /&gt;
&lt;br /&gt;
[[Computer: Event: 200408]]&lt;br /&gt;
&lt;br /&gt;
民國９３年８月&lt;br /&gt;
&lt;br /&gt;
本月是網頁的標記語言（Markup Laguage）相關資料的教學資源&lt;br /&gt;
&lt;br /&gt;
----&lt;br /&gt;
&lt;br /&gt;
= 發佈網頁標記語言的機構 =&lt;br /&gt;
&lt;br /&gt;
World Wide Web Consortium (W3C)&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.w3.org/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= 依循W3C標準的標記語言教學網路資源 =&lt;br /&gt;
&lt;br /&gt;
朱孝國的筆記本 Peter Ju&#039;s Notebook&amp;lt;br&amp;gt;&lt;br /&gt;
http://www2.cyut.edu.tw/~s9154610/&lt;br /&gt;
&lt;br /&gt;
周明網頁製作系列&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.tssh.tpc.edu.tw/bcc/BooksExample/HTML401/index.htm&lt;br /&gt;
&lt;br /&gt;
李正國&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.csie.nctu.edu.tw/~jglee/&lt;br /&gt;
&lt;br /&gt;
網頁寫作心得分享&amp;lt;br&amp;gt;&lt;br /&gt;
Hemiola的網頁 http://hemiolapei.free.fr/&amp;lt;br&amp;gt;&lt;br /&gt;
http://hemiolapei.free.fr/divers/web/web.html&lt;br /&gt;
&lt;br /&gt;
= 含有非依循W3C標準的標記語言教學網路資源 =&lt;br /&gt;
&lt;br /&gt;
傲楓小築網頁教學&amp;lt;br&amp;gt;&lt;br /&gt;
http://htms.cjb.net/&lt;br /&gt;
&lt;br /&gt;
網站建置百寶箱&amp;lt;br&amp;gt;&lt;br /&gt;
http://dob.tnc.edu.tw/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= 最爛網頁實例（笑） =&lt;br /&gt;
&lt;br /&gt;
World&#039;s Worst Website&amp;lt;br&amp;gt;&lt;br /&gt;
一看就知道是故意寫的，這個網站會指出許多新手編寫網頁時的錯誤。（註：這是我在某 BLOG 上看到的文章）&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.angelfire.com/super/badwebs/main.htm&lt;br /&gt;
&lt;br /&gt;
winiAlienHacker&amp;lt;br&amp;gt;&lt;br /&gt;
站長長期放置一堆錯誤不管，現在已經變成完全無法維護的網站了，我看可能要從頭重寫才修得好這個網站的問題吧。&amp;lt;br&amp;gt;&lt;br /&gt;
http://home.pchome.com.tw/young/kouyu/winiAlienHacker/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= W3C 提供的驗證器 =&lt;br /&gt;
&lt;br /&gt;
HTML&amp;lt;br&amp;gt;&lt;br /&gt;
http://validator.w3.org/&lt;br /&gt;
&lt;br /&gt;
CSS&amp;lt;br&amp;gt;&lt;br /&gt;
http://jigsaw.w3.org/css-validator/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= -------------------------------- =&lt;br /&gt;
&lt;br /&gt;
一看就知道是分隔線&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= CSS樣式表專區 =&lt;br /&gt;
&lt;br /&gt;
W3C&amp;lt;br&amp;gt;&lt;br /&gt;
[http://chinese-school.netfirms.com/css-tutorial-T-Chinese-index.htm abridged]&lt;br /&gt;
&lt;br /&gt;
meyerweb.com&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.meyerweb.com/&lt;br /&gt;
&lt;br /&gt;
css Zen Garden: The Beauty in CSS Design&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.csszengarden.com/&lt;br /&gt;
&lt;br /&gt;
CSS 語法參考辭典&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.cis.nctu.edu.tw/~is91056/css.htm&amp;lt;br&amp;gt;&lt;br /&gt;
來源 http://www.cis.nctu.edu.tw/~is91056/index.php&lt;br /&gt;
&lt;br /&gt;
樣式表的 CLASS 與 ID 宣告寫法：&amp;lt;br&amp;gt;&lt;br /&gt;
*CLASS&lt;br /&gt;
*Tag:action.ClassName {} -&amp;gt; Ex:) a:hover.list { color:red; }&lt;br /&gt;
*.ClassName tag:action {} -&amp;gt; Ex:) td img {display: block;}&lt;br /&gt;
**下面那個似乎是指定在該 Tag 底下的 Tag 用的樣子。&lt;br /&gt;
*ID&lt;br /&gt;
*&amp;lt;nowiki&amp;gt;#IDName {}&amp;lt;/nowiki&amp;gt; -&amp;gt; Ex:) #test { color:#ff0000; }&lt;br /&gt;
**ID 比 CLASS 缺少的地方就是可以指定 Tag 的功能，另外同一個 &amp;lt;nowiki&amp;gt;&amp;lt;TAG&amp;gt;&amp;lt;/nowiki&amp;gt; 亦即「標籤」之內，可以同時使用 CLASS 和 ID 各一個。&lt;br /&gt;
&lt;br /&gt;
= Javascript =&lt;br /&gt;
&lt;br /&gt;
徵求資料中，徵求能把 MS Javascript 轉成 NetScape/Sun Javascript 的程式中。&lt;br /&gt;
&lt;br /&gt;
朱孝國的筆記本 Peter Ju&#039;s Notebook&amp;lt;br&amp;gt;&lt;br /&gt;
http://www2.cyut.edu.tw/~s9154610/&lt;br /&gt;
&lt;br /&gt;
Foundamental JavaScript course&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.takka.com.hk/jstutor/index.htm&lt;br /&gt;
&lt;br /&gt;
= XML和XHTML專區 =&lt;br /&gt;
&lt;br /&gt;
W3C-HTML/XHTML（右上有各版本別）&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.w3.org/MarkUp/&lt;br /&gt;
&lt;br /&gt;
W3C-XML&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.w3.org/XML/&lt;br /&gt;
&lt;br /&gt;
XML台灣資訊網&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.xml.org.tw/Default.asp&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= -------------------------------- =&lt;br /&gt;
&lt;br /&gt;
一看就知道是分隔線&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= Unicode Support =&lt;br /&gt;
&lt;br /&gt;
個人覺得文件存在 UTF-8 等的比較保險這樣。&lt;br /&gt;
&lt;br /&gt;
Unicode Home Page&amp;lt;br&amp;gt;&lt;br /&gt;
推廣 Unicode based 的系統的組織？？&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.unicode.org/&lt;br /&gt;
&lt;br /&gt;
Unicode Support in Your Browser&amp;lt;br&amp;gt;&lt;br /&gt;
一堆英文，看都沒懂。&amp;lt;br&amp;gt;&lt;br /&gt;
http://home.att.net/~jameskass/index.htm&lt;br /&gt;
&lt;br /&gt;
Unicode 補完計畫&amp;lt;br&amp;gt;&lt;br /&gt;
讓中文使用者可以使用 Unicode 這種字庫的對照工具，詳情請看官網。&amp;lt;br&amp;gt;&lt;br /&gt;
http://cpatch.org/unicode/&lt;br /&gt;
&lt;br /&gt;
Unicode 補完計畫問卷調查&amp;lt;br&amp;gt;&lt;br /&gt;
在策劃要開發 3.0 時所做的問卷，好像已經擺一年了，也許已經沒有用了吧？（汗）&amp;lt;br&amp;gt;&lt;br /&gt;
http://ericlin.cabin.idv.tw/~but/cgi-bin/anket/benquete.cgi&lt;br /&gt;
&lt;br /&gt;
Unicode 補完計畫 - 更新字型的方法&amp;lt;br&amp;gt;&lt;br /&gt;
Win9x 使用 2.x 版時更換 2000/XP 字型的白痴用教學。（其實用這個比較簡單啦）也不用進 DOS 就是了&amp;lt;br&amp;gt;&lt;br /&gt;
http://cpatch.org/witchfive/pastepic/newttf/newttf.html&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= 各類編輯器 =&lt;br /&gt;
&lt;br /&gt;
『純文字編輯器』永遠是你最好的朋友。（汗）&lt;br /&gt;
&lt;br /&gt;
Crimson Editor&amp;lt;br&amp;gt;&lt;br /&gt;
很遺憾的是這款似乎不支持 Unicode 呀…&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.crimsoneditor.com/&lt;br /&gt;
&lt;br /&gt;
NOTEPAD.EXE&amp;lt;br&amp;gt;&lt;br /&gt;
Windows 內附的筆記本，適合追求「輕巧便是優勢，只有你看得懂自己在寫啥。」的這種人。&lt;br /&gt;
&lt;br /&gt;
Mozilla Composer&amp;lt;br&amp;gt;&lt;br /&gt;
安裝 Mozilla 的 Browser 時會「強迫」附送的玩意，目前正在找如何單獨使用該套件的方法中。畢竟免費又支援各平台，又支援文件字型編碼的編輯器蠻少的呀。（根本懶得找倒是）&lt;br /&gt;
&lt;br /&gt;
OpenOffice.org&amp;lt;br&amp;gt;&lt;br /&gt;
沒在用它來編輯 HTML 的呀…&lt;br /&gt;
&lt;br /&gt;
DreamWeaver&amp;lt;br&amp;gt;&lt;br /&gt;
頗受好評的編輯器。沒用過不清楚倒是。&lt;br /&gt;
&lt;br /&gt;
= 免費的網頁空間 =&lt;br /&gt;
&lt;br /&gt;
PCHome&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.pchome.com.tw/&lt;br /&gt;
&lt;br /&gt;
FREE ProHosting&amp;lt;br&amp;gt;&lt;br /&gt;
http://free.prohosting.com/&amp;lt;br&amp;gt;&lt;br /&gt;
http://home.pchome.com.tw/web/kikilala77/kill/tProHosting.htm&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= 免費的貼圖區或網路硬碟 =&lt;br /&gt;
&lt;br /&gt;
2cha&amp;lt;br&amp;gt;&lt;br /&gt;
http://2cha.omoe.net/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= 寫作重點 =&lt;br /&gt;
&lt;br /&gt;
字型及字體大小設定技巧：&amp;lt;br&amp;gt;&lt;br /&gt;
font-size&amp;lt;br&amp;gt;&lt;br /&gt;
即字體大小，使用百分比時， 100% 即是你瀏覽器的預設大小。&amp;lt;br&amp;gt;&lt;br /&gt;
font-family&amp;lt;br&amp;gt;&lt;br /&gt;
即字型，各指定如下，不建議使用字型名稱，建議讓系統自己找適合的字型。&amp;lt;br&amp;gt;&lt;br /&gt;
亦即使用「generic-family」的方式指定字型。&amp;lt;br&amp;gt;&lt;br /&gt;
W3C相關資料 http://www.w3.org/TR/REC-CSS2/fonts.html&amp;lt;br&amp;gt;&lt;br /&gt;
以下來源 http://www.cis.nctu.edu.tw/~is91056/css_2.htm&amp;lt;br&amp;gt;&lt;br /&gt;
serif (新細明體或Times等)&amp;lt;br&amp;gt;&lt;br /&gt;
sans-serif (Helvetica等)&amp;lt;br&amp;gt;&lt;br /&gt;
cursive (筆記體的字型)&amp;lt;br&amp;gt;&lt;br /&gt;
fantasy (裝飾為主的字型)&amp;lt;br&amp;gt;&lt;br /&gt;
monospace (等寬的字型)&amp;lt;br&amp;gt;&lt;br /&gt;
另外在 &amp;lt;nowiki&amp;gt;&amp;lt;pre&amp;gt; &amp;lt;/pre&amp;gt;&amp;lt;/nowiki&amp;gt; 中間的文字不會有變化倒是。還有表格 table 也是。&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Mozilla 網站設計常見問題（中譯版）&amp;lt;br&amp;gt;&lt;br /&gt;
詳見 [http://moztw.org/forum/printview.php?start=0&amp;amp;t=1974 Mozilla@Taiwan] （老是用別人的連結真是越用越不好意思了呀…）&lt;br /&gt;
&lt;br /&gt;
利用 CSS 闖過三大難關！（專有名詞請參閱『Mozilla 網站設計常見問題（中譯版）』）&amp;lt;br&amp;gt;&lt;br /&gt;
一、Inline屬性的文字等物件置中&amp;lt;br&amp;gt;&lt;br /&gt;
二、Block屬性的區塊等物件置中&amp;lt;br&amp;gt;&lt;br /&gt;
三、連結的可選取區加大&amp;lt;br&amp;gt;&lt;br /&gt;
源碼如下，請自己複製下來試試。（因為wiki上不接受該標籤的作用的關係）&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;font color=&amp;quot;green&amp;quot;&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;a href=&amp;quot;index.html&amp;quot; style=&amp;quot;display:block;width:100%;text-align:center;margin-left:auto;margin-right:auto;&amp;quot;&amp;gt;test一二三四&amp;lt;/a&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/font&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;nowiki&amp;gt;&amp;lt;p&amp;gt; &amp;lt;/p&amp;gt;&amp;lt;/nowiki&amp;gt; 的中間不要放入 &amp;lt;nowiki&amp;gt;&amp;lt;div&amp;gt; &amp;lt;/div&amp;gt;&amp;lt;/nowiki&amp;gt; 。&lt;br /&gt;
&lt;br /&gt;
&amp;lt;hr color=&amp;quot;#dd7777&amp;quot; width=&amp;quot;90%&amp;quot; align=&amp;quot;left&amp;quot; size=&amp;quot;1px&amp;quot;&amp;gt;&lt;/div&gt;</summary>
		<author><name>218.165.193.250</name></author>
	</entry>
	<entry>
		<id>https://www.andcycle.idv.tw/mediawiki/index.php?title=Computer:_Event&amp;diff=1446</id>
		<title>Computer: Event</title>
		<link rel="alternate" type="text/html" href="https://www.andcycle.idv.tw/mediawiki/index.php?title=Computer:_Event&amp;diff=1446"/>
		<updated>2004-08-26T14:41:43Z</updated>

		<summary type="html">&lt;p&gt;218.165.193.250: /* 各類編輯器 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;hr color=&amp;quot;#dd7777&amp;quot; width=&amp;quot;90%&amp;quot; align=&amp;quot;left&amp;quot; size=&amp;quot;1px&amp;quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
回到 [[Computer]]&lt;br /&gt;
&lt;br /&gt;
[[Computer: Event: 200407]]&lt;br /&gt;
&lt;br /&gt;
[[Computer: Event: 200408]]&lt;br /&gt;
&lt;br /&gt;
民國９３年８月&lt;br /&gt;
&lt;br /&gt;
本月是網頁的標記語言（Markup Laguage）相關資料的教學資源&lt;br /&gt;
&lt;br /&gt;
----&lt;br /&gt;
&lt;br /&gt;
= 發佈網頁標記語言的機構 =&lt;br /&gt;
&lt;br /&gt;
World Wide Web Consortium (W3C)&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.w3.org/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= 依循W3C標準的標記語言教學網路資源 =&lt;br /&gt;
&lt;br /&gt;
朱孝國的筆記本 Peter Ju&#039;s Notebook&amp;lt;br&amp;gt;&lt;br /&gt;
http://www2.cyut.edu.tw/~s9154610/&lt;br /&gt;
&lt;br /&gt;
周明網頁製作系列&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.tssh.tpc.edu.tw/bcc/BooksExample/HTML401/index.htm&lt;br /&gt;
&lt;br /&gt;
李正國&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.csie.nctu.edu.tw/~jglee/&lt;br /&gt;
&lt;br /&gt;
網頁寫作心得分享&amp;lt;br&amp;gt;&lt;br /&gt;
Hemiola的網頁 http://hemiolapei.free.fr/&amp;lt;br&amp;gt;&lt;br /&gt;
http://hemiolapei.free.fr/divers/web/web.html&lt;br /&gt;
&lt;br /&gt;
= 含有非依循W3C標準的標記語言教學網路資源 =&lt;br /&gt;
&lt;br /&gt;
傲楓小築網頁教學&amp;lt;br&amp;gt;&lt;br /&gt;
http://htms.cjb.net/&lt;br /&gt;
&lt;br /&gt;
網站建置百寶箱&amp;lt;br&amp;gt;&lt;br /&gt;
http://dob.tnc.edu.tw/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= 最爛網頁實例（笑） =&lt;br /&gt;
&lt;br /&gt;
World&#039;s Worst Website&amp;lt;br&amp;gt;&lt;br /&gt;
一看就知道是故意寫的，這個網站會指出許多新手編寫網頁時的錯誤。（註：這是我在某 BLOG 上看到的文章）&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.angelfire.com/super/badwebs/main.htm&lt;br /&gt;
&lt;br /&gt;
winiAlienHacker&amp;lt;br&amp;gt;&lt;br /&gt;
站長長期放置一堆錯誤不管，現在已經變成完全無法維護的網站了，我看可能要從頭重寫才修得好這個網站的問題吧。&amp;lt;br&amp;gt;&lt;br /&gt;
http://home.pchome.com.tw/young/kouyu/winiAlienHacker/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= W3C 提供的驗證器 =&lt;br /&gt;
&lt;br /&gt;
HTML&amp;lt;br&amp;gt;&lt;br /&gt;
http://validator.w3.org/&lt;br /&gt;
&lt;br /&gt;
CSS&amp;lt;br&amp;gt;&lt;br /&gt;
http://jigsaw.w3.org/css-validator/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= -------------------------------- =&lt;br /&gt;
&lt;br /&gt;
一看就知道是分隔線&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= CSS樣式表專區 =&lt;br /&gt;
&lt;br /&gt;
W3C&amp;lt;br&amp;gt;&lt;br /&gt;
[http://chinese-school.netfirms.com/css-tutorial-T-Chinese-index.htm abridged]&lt;br /&gt;
&lt;br /&gt;
meyerweb.com&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.meyerweb.com/&lt;br /&gt;
&lt;br /&gt;
css Zen Garden: The Beauty in CSS Design&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.csszengarden.com/&lt;br /&gt;
&lt;br /&gt;
CSS 語法參考辭典&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.cis.nctu.edu.tw/~is91056/css.htm&amp;lt;br&amp;gt;&lt;br /&gt;
來源 http://www.cis.nctu.edu.tw/~is91056/index.php&lt;br /&gt;
&lt;br /&gt;
樣式表的 CLASS 與 ID 宣告寫法：&amp;lt;br&amp;gt;&lt;br /&gt;
*CLASS&lt;br /&gt;
*Tag:action.ClassName {} -&amp;gt; Ex:) a:hover.list { color:red; }&lt;br /&gt;
*.ClassName tag:action {} -&amp;gt; Ex:) td img {display: block;}&lt;br /&gt;
**下面那個似乎是指定在該 Tag 底下的 Tag 用的樣子。&lt;br /&gt;
*ID&lt;br /&gt;
*&amp;lt;nowiki&amp;gt;#IDName {}&amp;lt;/nowiki&amp;gt; -&amp;gt; Ex:) #test { color:#ff0000; }&lt;br /&gt;
**ID 比 CLASS 缺少的地方就是可以指定 Tag 的功能，另外同一個 &amp;lt;nowiki&amp;gt;&amp;lt;TAG&amp;gt;&amp;lt;/nowiki&amp;gt; 亦即「標籤」之內，可以同時使用 CLASS 和 ID 各一個。&lt;br /&gt;
&lt;br /&gt;
= Javascript =&lt;br /&gt;
&lt;br /&gt;
徵求資料中，徵求能把 MS Javascript 轉成 NetScape/Sun Javascript 的程式中。&lt;br /&gt;
&lt;br /&gt;
朱孝國的筆記本 Peter Ju&#039;s Notebook&amp;lt;br&amp;gt;&lt;br /&gt;
http://www2.cyut.edu.tw/~s9154610/&lt;br /&gt;
&lt;br /&gt;
Foundamental JavaScript course&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.takka.com.hk/jstutor/index.htm&lt;br /&gt;
&lt;br /&gt;
= XML和XHTML專區 =&lt;br /&gt;
&lt;br /&gt;
W3C-HTML/XHTML（右上有各版本別）&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.w3.org/MarkUp/&lt;br /&gt;
&lt;br /&gt;
W3C-XML&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.w3.org/XML/&lt;br /&gt;
&lt;br /&gt;
XML台灣資訊網&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.xml.org.tw/Default.asp&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= -------------------------------- =&lt;br /&gt;
&lt;br /&gt;
一看就知道是分隔線&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= Unicode Support =&lt;br /&gt;
&lt;br /&gt;
個人覺得文件存在 UTF-8 等的比較保險這樣。&lt;br /&gt;
&lt;br /&gt;
Unicode Home Page&amp;lt;br&amp;gt;&lt;br /&gt;
推廣 Unicode based 的系統的組織？？&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.unicode.org/&lt;br /&gt;
&lt;br /&gt;
Unicode Support in Your Browser&amp;lt;br&amp;gt;&lt;br /&gt;
一堆英文，看都沒懂。&amp;lt;br&amp;gt;&lt;br /&gt;
http://home.att.net/~jameskass/index.htm&lt;br /&gt;
&lt;br /&gt;
Unicode 補完計畫&amp;lt;br&amp;gt;&lt;br /&gt;
讓中文使用者可以使用 Unicode 這種字庫的對照工具，詳情請看官網。&amp;lt;br&amp;gt;&lt;br /&gt;
http://cpatch.org/unicode/&lt;br /&gt;
&lt;br /&gt;
Unicode 補完計畫問卷調查&amp;lt;br&amp;gt;&lt;br /&gt;
在策劃要開發 3.0 時所做的問卷，好像已經擺一年了，也許已經沒有用了吧？（汗）&amp;lt;br&amp;gt;&lt;br /&gt;
http://ericlin.cabin.idv.tw/~but/cgi-bin/anket/benquete.cgi&lt;br /&gt;
&lt;br /&gt;
Unicode 補完計畫 - 更新字型的方法&amp;lt;br&amp;gt;&lt;br /&gt;
Win9x 使用 2.x 版時更換 2000/XP 字型的白痴用教學。（其實用這個比較簡單啦）也不用進 DOS 就是了&amp;lt;br&amp;gt;&lt;br /&gt;
http://cpatch.org/witchfive/pastepic/newttf/newttf.html&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= 各類編輯器 =&lt;br /&gt;
&lt;br /&gt;
『純文字編輯器』永遠是你最好的朋友。（汗）&lt;br /&gt;
&lt;br /&gt;
Crimson Editor&amp;lt;br&amp;gt;&lt;br /&gt;
很遺憾的是這款似乎不支持 Unicode 呀…&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.crimsoneditor.com/&lt;br /&gt;
&lt;br /&gt;
NOTEPAD.EXE&amp;lt;br&amp;gt;&lt;br /&gt;
Windows 內附的筆記本，適合追求「輕巧便是優勢，只有你看得懂自己在寫啥。」的這種人。&lt;br /&gt;
&lt;br /&gt;
Mozilla Composer&amp;lt;br&amp;gt;&lt;br /&gt;
安裝 Mozilla 的 Browser 時會「強迫」附送的玩意，目前正在找如何單獨使用該套件的方法中。畢竟免費又支援各平台，又支援文件字型編碼的編輯器蠻少的呀。（根本懶得找倒是）&lt;br /&gt;
&lt;br /&gt;
OpenOffice.org&amp;lt;br&amp;gt;&lt;br /&gt;
沒在用它來編輯 HTML 的呀…&lt;br /&gt;
&lt;br /&gt;
DreamWeaver&amp;lt;br&amp;gt;&lt;br /&gt;
頗受好評的編輯器。沒用過不清楚倒是。&lt;br /&gt;
&lt;br /&gt;
= 免費的網頁空間 =&lt;br /&gt;
&lt;br /&gt;
PCHome&amp;lt;br&amp;gt;&lt;br /&gt;
http://www.pchome.com.tw/&lt;br /&gt;
&lt;br /&gt;
FREE ProHosting&amp;lt;br&amp;gt;&lt;br /&gt;
http://free.prohosting.com/&amp;lt;br&amp;gt;&lt;br /&gt;
http://home.pchome.com.tw/web/kikilala77/kill/tProHosting.htm&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= 免費的貼圖區或網路硬碟 =&lt;br /&gt;
&lt;br /&gt;
2cha&amp;lt;br&amp;gt;&lt;br /&gt;
http://2cha.omoe.net/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= 寫作重點 =&lt;br /&gt;
&lt;br /&gt;
字型及字體大小設定技巧：&amp;lt;br&amp;gt;&lt;br /&gt;
font-size&amp;lt;br&amp;gt;&lt;br /&gt;
即字體大小，使用百分比時， 100% 即是你瀏覽器的預設大小。&amp;lt;br&amp;gt;&lt;br /&gt;
font-family&amp;lt;br&amp;gt;&lt;br /&gt;
即字型，各指定如下，不建議使用字型名稱，建議讓系統自己找適合的字型。&amp;lt;br&amp;gt;&lt;br /&gt;
亦即使用「generic-family」的方式指定字型。&amp;lt;br&amp;gt;&lt;br /&gt;
W3C相關資料 http://www.w3.org/TR/REC-CSS2/fonts.html&amp;lt;br&amp;gt;&lt;br /&gt;
以下來源 http://www.cis.nctu.edu.tw/~is91056/css_2.htm&amp;lt;br&amp;gt;&lt;br /&gt;
serif (新細明體或Times等)&amp;lt;br&amp;gt;&lt;br /&gt;
sans-serif (Helvetica等)&amp;lt;br&amp;gt;&lt;br /&gt;
cursive (筆記體的字型)&amp;lt;br&amp;gt;&lt;br /&gt;
fantasy (裝飾為主的字型)&amp;lt;br&amp;gt;&lt;br /&gt;
monospace (等寬的字型)&amp;lt;br&amp;gt;&lt;br /&gt;
另外在 &amp;lt;nowiki&amp;gt;&amp;lt;pre&amp;gt; &amp;lt;/pre&amp;gt;&amp;lt;/nowiki&amp;gt; 中間的文字不會有變化倒是。還有表格 table 也是。&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Mozilla 網站設計常見問題（中譯版）&amp;lt;br&amp;gt;&lt;br /&gt;
詳見 [http://moztw.org/forum/printview.php?start=0&amp;amp;t=1974 Mozilla@Taiwan] （老是用別人的連結真是越用越不好意思了呀…）&lt;br /&gt;
&lt;br /&gt;
利用 CSS 闖過三大難關！（專有名詞請參閱『Mozilla 網站設計常見問題（中譯版）』）&amp;lt;br&amp;gt;&lt;br /&gt;
一、Inline屬性的文字等物件置中&amp;lt;br&amp;gt;&lt;br /&gt;
二、Block屬性的區塊等物件置中&amp;lt;br&amp;gt;&lt;br /&gt;
三、連結的可選取區加大&amp;lt;br&amp;gt;&lt;br /&gt;
源碼如下，請自己複製下來試試。（因為wiki上不接受該標籤的作用的關係）&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;font color=&amp;quot;green&amp;quot;&amp;gt;&amp;lt;nowiki&amp;gt;&amp;lt;a href=&amp;quot;index.html&amp;quot; style=&amp;quot;display:block;width:100%;text-align:center;margin-left:auto;margin-right:auto;&amp;quot;&amp;gt;test一二三四&amp;lt;/a&amp;gt;&amp;lt;/nowiki&amp;gt;&amp;lt;/font&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;hr color=&amp;quot;#dd7777&amp;quot; width=&amp;quot;90%&amp;quot; align=&amp;quot;left&amp;quot; size=&amp;quot;1px&amp;quot;&amp;gt;&lt;/div&gt;</summary>
		<author><name>218.165.193.250</name></author>
	</entry>
</feed>