:::

[記事]網頁寫作入門要點

作者 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: 巴哈姆特 ◆ From: 61-223-65-99.dynamic.hinet.net ※ 修改: 2005/12/25 3:35:57 [61-223-65-99.dynamic.hinet.net]

0 意見:

留言工具: