<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>B438's home &#187; Web Authoring Tips</title>
	<atom:link href="http://b438.hkbrda.org/blog/category/articles/web-authoring-tips/feed/" rel="self" type="application/rss+xml" />
	<link>http://b438.hkbrda.org/blog</link>
	<description>Serving Commuters on the Tsuen Wan Line</description>
	<lastBuildDate>Sun, 22 Aug 2010 10:35:56 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Web Authoring Tips 之二</title>
		<link>http://b438.hkbrda.org/blog/2008/10/25/web-authoring-tips-2/</link>
		<comments>http://b438.hkbrda.org/blog/2008/10/25/web-authoring-tips-2/#comments</comments>
		<pubDate>Fri, 24 Oct 2008 18:26:48 +0000</pubDate>
		<dc:creator>B438</dc:creator>
				<category><![CDATA[Web Authoring Tips]]></category>
		<category><![CDATA[CMS website]]></category>

		<guid isPermaLink="false">http://b438.hkbrda.org/blog/?p=287</guid>
		<description><![CDATA[（續上集）
筆者找到一個很方便的 Firefox Add-on，它可以協助您快速地察看 HTML 碼的問題，且對於 iFrame 或是利用 JavaScript 輸出的 HTML 碼都同樣有效。

HTML Validator
它常駐在視窗的右下角，可以隨時提醒您正在觀看的網頁能否符合 (X)HTML 格式。 希望大家覺得有用。

網頁的用途
======
首先，網頁編寫員要問一下自己，一個網頁有甚麼用途，是給甚麼人用的？當然，有人會說這是很白痴的問題，「寫給瀏覽者看」。錯。寫網頁的對象不單是瀏覽者，編寫時也要考慮負責更新的同僚 (下稱 updater）的需要。
以下為真人真事，有一個自以為技術了得的人，為組織寫了一個網頁，當時是用 Adobe Photoshop 編成的，用了一個星期時間將網頁寫好。很好，數個月後，他離開了這個組織。自此以後，組織內無人懂得如何「解碼」，表現得束手無策。（要記得：機器編寫出來的 HTML 碼不是常人能看得明白的）
他們面對了一個難題：沒有人懂怎樣去編輯這個網站，也沒有人希望將網站推倒重來，設計新網站。結果，他們用了兩個星期的時間，將整個網頁「拆散」，利用裏面的組件（如圖片、CSS等）重新建立一個網頁。
將網頁弄得美輪美奐固然是好，但是利用軟體為網頁加上很多不同的效果卻可能帶來很多麻煩。一個我的朋友很喜歡用 Flash 製作網頁，他把整個網頁都整合到一個 Flash .swf 檔案裏面。他把工作呈交了給 supervisor ，他也覺得設計得很漂亮。但是，他問了一個問題：「我往後該怎樣修改內容？加入其他頁面是否容易？」，然後，他在其中一頁上面找到一個 spelling mistake，然後叫我朋友去修改。熟悉 Flash 的他當然覺得易如反掌，可是，他該怎樣解答 supervisor 的問題呢？
在編寫網頁的過程中，我們必須要考慮更新的需要。沒有更新的網站並不可以說成是網站－－網站的本質就是包含更新。編寫人員必須將網站設計得容易更新，並教負責 updater 怎樣做。理想的目標，是他可以像平常工作上經常用到的 Word 般方式把網頁更新－－只要懂得如何使用 Word，就應該懂得更新網站。這是十分重要的。
Content Management System (CMS) 可以是一個不錯的選擇。顧名思義，它是管理網站內容的小工具。只需要將網站內容（如文字、圖表等）輸入到網站內，它就可以為每個頁面套用 Header 、 Footer 、 Navigation 等等的功能。同時，它避免了 updater 因為不熟悉網頁設計或格式設定而將頁面整亂。那麼，updater 的工作只是將內容輸入到網站（就像我現在在打 blog 一樣），設計、格式等等一概不用理會。有興趣的讀者可以看一下在 [...]]]></description>
		<wfw:commentRss>http://b438.hkbrda.org/blog/2008/10/25/web-authoring-tips-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Authoring Tips 之一</title>
		<link>http://b438.hkbrda.org/blog/2008/06/12/web-authoring-tips-1/</link>
		<comments>http://b438.hkbrda.org/blog/2008/06/12/web-authoring-tips-1/#comments</comments>
		<pubDate>Thu, 12 Jun 2008 07:47:55 +0000</pubDate>
		<dc:creator>B438</dc:creator>
				<category><![CDATA[Web Authoring Tips]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[web authoring]]></category>

		<guid isPermaLink="false">http://b438.hkbrda.org/blog/?p=144</guid>
		<description><![CDATA[簡介及瀏覽器大比拼
&#8212;&#8212;-
很多人從小就學懂編網頁，但是「能寫出一些東西」跟「能寫出一些好東西」卻差很遠。老師們常說，在電腦裏工作（不論是文書、網頁、還是圖像設計）都是 WYSIWYG（一組很奇怪的詞語，意即 What You See Is What You Get，所見即所得）。在文書世界中，大家有一種共通的文件格式 *.doc ，在大部分的平台上都暢通無礙。如果對於文件格式有更嚴格要求，則 *.pdf 是不二之選。它能將文件分毫不差地表達出來，唯一遺憾之處就是無法容易地修改文字。
網頁編寫上的 WYSIWYG 就難達到得多了。感謝偉大的 Microsoft，寫了「偉大的」排版引擎 Trident ，讓十分多的網頁編寫者感到頭痛萬分。Trident 是 Internet Explorer 家族所使用的排版引擎，所以同樣的網頁（不計算 JS 等互動元素）在 IE5 到 IE7 內顯示出來的相當類似。看下去，IE 是挺好的瀏覽器，於網頁支援上也不錯。可是這是一個錯覺。為何 IE 能夠運行那麼多的動態網頁，但我卻在批評它呢？IE實在太神通廣大了。它被綑綁在所有 Windows 系統上，自然成為了很多人所選的瀏覽器。根據 W3 Consortium 發表的最新報告[^1]，IE 家族仍然穩佔市場佔有率高達 54.8%。所以大部分的網站都是為了 IE 而設計的。但是， IE 的設計卻十分爛，又大量自創網頁標準，導致網頁顯示的結果根本不可以預計。
小弟就曾經有過這樣的經歷。話說「豈有此理」寬頻送了一個月免費的 now.com 服務給我，可以免費觀看電視劇集及新聞資訊節目。我把 Firefox 打開，然後輸入網址、登入、選擇心儀的節目，一按「播放」，做好心理準備去看電視的時候，網頁彈出了一個錯誤畫面：「本功能只支援 Internet Explorer 5.5 或以上」。喔，只支援 IE ，再嘗試用 IE 開一次。「 Internet [...]]]></description>
		<wfw:commentRss>http://b438.hkbrda.org/blog/2008/06/12/web-authoring-tips-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
