<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://www.andcycle.idv.tw/mediawiki/index.php?action=history&amp;feed=atom&amp;title=Howto%3AHTML</id>
	<title>Howto:HTML - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://www.andcycle.idv.tw/mediawiki/index.php?action=history&amp;feed=atom&amp;title=Howto%3AHTML"/>
	<link rel="alternate" type="text/html" href="https://www.andcycle.idv.tw/mediawiki/index.php?title=Howto:HTML&amp;action=history"/>
	<updated>2026-05-02T08:10:10Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.43.3</generator>
	<entry>
		<id>https://www.andcycle.idv.tw/mediawiki/index.php?title=Howto:HTML&amp;diff=10013&amp;oldid=prev</id>
		<title>Wini: /* 學習 */</title>
		<link rel="alternate" type="text/html" href="https://www.andcycle.idv.tw/mediawiki/index.php?title=Howto:HTML&amp;diff=10013&amp;oldid=prev"/>
		<updated>2006-04-03T19:59:59Z</updated>

		<summary type="html">&lt;p&gt;&lt;span class=&quot;autocomment&quot;&gt;學習&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 19:59, 3 April 2006&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l14&quot;&gt;Line 14:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 14:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* 將自己編寫好的網頁丟給 [http://www.w3.org/ W3C] 的 [http://validator.w3.org/ HTML Validator] 檢驗以學習編寫合乎開放標準的網頁&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* 將自己編寫好的網頁丟給 [http://www.w3.org/ W3C] 的 [http://validator.w3.org/ HTML Validator] 檢驗以學習編寫合乎開放標準的網頁&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* 用各種不同網頁[http://zh.wikipedia.org/wiki/%E6%8E%92%E7%89%88%E5%BC%95%E6%93%8E 排版引擎]的瀏覽器來檢驗網頁是否有照你希望的方式來顯示&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* 用各種不同網頁[http://zh.wikipedia.org/wiki/%E6%8E%92%E7%89%88%E5%BC%95%E6%93%8E 排版引擎]的瀏覽器來檢驗網頁是否有照你希望的方式來顯示&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* 多瀏覽各種不同族群的人所寫的網頁&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* 學習 [[CSS]]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* 學習 [[CSS]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* 學習親和力網頁的概念及實作&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* 學習親和力網頁的概念及實作&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l20&quot;&gt;Line 20:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 21:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* 學習如何讓網頁更容易為搜尋引擎服務網頁所閱讀&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* 學習如何讓網頁更容易為搜尋引擎服務網頁所閱讀&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* 學習提供網頁的簡要資訊及盡可能地縮小檔案大小&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* 學習提供網頁的簡要資訊及盡可能地縮小檔案大小&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* 學習 JavaScript 或 Perl 或 CGI... 等任何你想讓網頁更充實的技術和概念&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* 學習 JavaScript 或 Perl 或 CGI &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;、 PHP 、 JSP 、 Flash 、 JAVA&lt;/ins&gt;... 等任何你想讓網頁更充實的技術和概念&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;===網頁編輯器===&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;===網頁編輯器===&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Wini</name></author>
	</entry>
	<entry>
		<id>https://www.andcycle.idv.tw/mediawiki/index.php?title=Howto:HTML&amp;diff=10004&amp;oldid=prev</id>
		<title>Wini at 14:00, 2 April 2006</title>
		<link rel="alternate" type="text/html" href="https://www.andcycle.idv.tw/mediawiki/index.php?title=Howto:HTML&amp;diff=10004&amp;oldid=prev"/>
		<updated>2006-04-02T14:00:58Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;==概述==&lt;br /&gt;
說明在編寫 HTML 過程中，所需要知道的一些觀念和技術。&lt;br /&gt;
&lt;br /&gt;
----&lt;br /&gt;
&lt;br /&gt;
__TOC__&lt;br /&gt;
&lt;br /&gt;
==學習==&lt;br /&gt;
&lt;br /&gt;
* 學習 HTML 語法的基本觀念&lt;br /&gt;
* 學習著作權的使用意義及可利用的著作授權條款&lt;br /&gt;
* 學習閱讀一份 HTML 文件的方法及工具&lt;br /&gt;
* 學習編寫一份 HTML 文件的方法及工具&lt;br /&gt;
* 將自己編寫好的網頁丟給 [http://www.w3.org/ W3C] 的 [http://validator.w3.org/ HTML Validator] 檢驗以學習編寫合乎開放標準的網頁&lt;br /&gt;
* 用各種不同網頁[http://zh.wikipedia.org/wiki/%E6%8E%92%E7%89%88%E5%BC%95%E6%93%8E 排版引擎]的瀏覽器來檢驗網頁是否有照你希望的方式來顯示&lt;br /&gt;
* 學習 [[CSS]]&lt;br /&gt;
* 學習親和力網頁的概念及實作&lt;br /&gt;
* 學習如何利用 CSS Hack 手法來讓版面不會在不同瀏覽器中排版亂掉&lt;br /&gt;
* 重新學習編寫一份好維護的文件所需要技巧及工具&lt;br /&gt;
* 學習如何讓網頁更容易為搜尋引擎服務網頁所閱讀&lt;br /&gt;
* 學習提供網頁的簡要資訊及盡可能地縮小檔案大小&lt;br /&gt;
* 學習 JavaScript 或 Perl 或 CGI... 等任何你想讓網頁更充實的技術和概念&lt;br /&gt;
&lt;br /&gt;
===網頁編輯器===&lt;br /&gt;
&lt;br /&gt;
====多功能的純文字編輯器====&lt;br /&gt;
&lt;br /&gt;
* EmEditor&lt;br /&gt;
* Notepad++&lt;br /&gt;
* SuperEdi&lt;br /&gt;
* Vi&lt;br /&gt;
&lt;br /&gt;
====所見即所得式的網頁編輯器====&lt;br /&gt;
&lt;br /&gt;
* DreamWeaver&lt;br /&gt;
* [http://moztw.org/nvu/ Nvu]&lt;br /&gt;
* Microsoft Office Frontpage&lt;br /&gt;
&lt;br /&gt;
===網頁瀏覽器===&lt;br /&gt;
&lt;br /&gt;
* [http://moztw.org/ Mozilla Firefox]&lt;br /&gt;
* Opera&lt;br /&gt;
* Safari&lt;br /&gt;
* Lynx&lt;br /&gt;
* Microsoft Windows 32/64 Internet Explorer 7&lt;br /&gt;
* Microsoft Mac OSx Internet Explorer 5&lt;br /&gt;
* Microsoft Windows 32 Internet Explorer 6 ( or lower )&lt;br /&gt;
* Win32/IE like ( Sleipnir, Maxthon, PCMan... )&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;
===製作網頁時所要溝通的項目===&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;
純參考。&lt;br /&gt;
&lt;br /&gt;
* 有資料庫(Orcale, SQL, PostgreSQL, SQLite, Microsoft Office Access, OpenOffice.org Base...)及互動式網頁(php,aspx...)的 - &amp;#039;&amp;#039;&amp;#039;新台幣六萬上下&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
* 純 HTML 及 CSS 搭配簡單的圖片或音樂的 - &amp;#039;&amp;#039;&amp;#039;新台幣兩千上下？&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
* HTML/CSS/JavaScript - &amp;#039;&amp;#039;&amp;#039;新台幣三千上下？&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
* FLASH - &amp;#039;&amp;#039;&amp;#039;新台幣四千上下？&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
* HTML/CSS/JavaScript/FLASH - &amp;#039;&amp;#039;&amp;#039;新台幣六千上下？&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
{{Menu:Category|HTML|Howto|Wini}}&lt;/div&gt;</summary>
		<author><name>Wini</name></author>
	</entry>
</feed>