[記事]網頁寫作入門要點
作者 wini (外星駭客) 看板 Talk 標題 Re: 請問哪裡可以查到html標籤的的參數呢? 時間 Sun Dec 25 03:29:34 2005如果是才剛開始用純文字編輯器的話， 建議寫無樣式的網頁，先認識重要的 HTML 元素， 還有練習 XHTML 標準模式下， 任何元素的標籤都要有始有終的觀念。（ DOCTYPE 例外） 習慣了各元素的特性後，再利用 CSS 來佈置你的網頁樣式。 第一課：先練習簡單的網頁 -------------------------- <html> <head> <!-- 網頁的字元編碼 --> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>網頁標題</title> </head> <body> <h1>等級一(?)的標題</h1> <p> 這是一個段落，按<a href="./aboutme.html" title="關於我">這兒</a> 可以看我的資料。<br /><!-- ← 這是本身帶有結束標籤意思的換行語法 --> <strong><a href="mailto:me@thisismymailaddress.net">寄信給我</a></strong> </p> <h2>第級二(?)的標題</h2> <p>以下引用某人的話。</p> <blockquote cite="bagamut"> <p>maidsanhaahaa</p> </blockquote> </body> </html> 第二課：讓網頁以標準模式來顯示 -------------------------------- 請參考 moztw.org 的文件。 http://moztw.org/docs/gecko/webdevfaq/ 第三課：練習 CSS 的規則 ( Rule ) 及選取符 ( Selector ) -------------------------------------------------------- 請參考 CSS Tutorial Traditional Chinese 的文件。 http://chinese-school.netfirms.com/css-tutorial-T-Chinese-index.htm 第四課： CSS 更上層樓 ----------------------- 去找 Eric Meyer 的書或網站來看， http://www.ericmeyeroncss.com/ http://more.ericmeyeroncss.com/ 或是在 moztw.org 的網站或討論區找文章看， http://moztw.org/ 或是看看這個 CSS 實務排版技巧。 http://ccca.nctu.edu.tw/~hlb/trans/practicalcss/ 第五課：網頁親和力 -------------------- 各瀏覽器對 HTML 跟 CSS 和 JavaScript 還有專利技術的支援程度都不同， 所以該怎麼做？你需要隨時檢查自己的網頁有沒有替代方案！ 沒有 ActiveX 時要提供替代方案， （延伸閱讀: Mozilla Taiwan 討論區: IE專屬技術在Gecko引擎中的對等實現探討 ( http://forum.moztw.org/viewtopic.php?t=5364 ) ） 丟了 MS Office 或 OOo 的文件時要記得同時提供 PDF 或 HTML 或純文字版本， 沒有 JavaScript 時要記得吐出 HTML 的資料， 沒有 CSS 時必須依舊能看得出文章的結構， 為了使用電話撥接上網的人所以要盡量減少網頁大小， 給色盲跟全盲人跟不清楚某些縮寫和頭字語意思的人的親和力方案， 建立替代樣式，給不同的閱覽者及各種媒體（如印表機）他們會需要的樣式， 給搜尋引擎建立索引用的 meta 資料， 給 lynx 瀏覽器用的 link 網頁關聯資訊， 其它可以稍微參考 Dive Into Accessibility 繁/正體中文版， http://dia.z6i.org/ 不過建議各位直接找相關的人和器材實際體驗一下比較實在。 第六課：其它 -------------- W3C 的網站隨時都會有你想要的資料，快點在搜尋字框中打些什麼字進去吧！ http://www.w3.org/ 想要個設計網頁時比較方便的瀏覽器？ Firefox 的擴充套件隨時都會讓你驚喜！ 來看看「 Firefox 與網頁設計 | Jedi's BLOG | Jedi.org 」這篇文吧！ http://jedi.org/blog/archives/005292.html ---- 本文的使用是完全自由的，可以修改，可以散佈，完全不帶任何限制。 -- ※ Origin: 巴哈姆特
