[專業涵養] 好孩子的網頁設計

想一想,我還是比較喜歡講課,跟自己亂玩些有的沒的。

在我目前的工作中,我主要負責技術部分的諮詢,而我有個同事則是主要負責推廣與一般窗口;這位同事本身對資訊技術沒有特別的專精,因此在她工作的時候,常常會遇到困擾⸺有一些對於我這種人來說很簡單的東西,對她以及對她會接觸到的使用者來說,不會就是不會。例如,她會問我說,「要怎麼把某一段網頁原始碼安插到網頁中?要放在哪裏?」於是,我決定為這位同事規劃一整套的網頁技術課程。

接下來我要說的事情,不是要給這套課程的學員聽的,而是要跟其他已經熟悉網頁的人、甚至是有可能也會需要安排這樣課程的朋友分享。因為我希望學員能在沒有包袱、沒有負擔的情況下,自然學會本來可能會很複雜的東西;所以如果妳對網頁設計全無概念,而想跟著學的話,請跳過接下來的內容,直接跟我聯絡吧!反之,如果妳對網頁已經略有概念了,而想知道我如何安排這樣的課程,甚至是想找人去妳那邊幫忙講課,那麼不妨繼續看下去,看看我的安排是否合妳的口味。

這一系列的課程是準備給對網頁全無概念的人的,所以我把他訂名為「好孩子的網頁設計」,從「純文字」的基本概念開始講起(很多人是祇知道 Word 而不知道純文字的。這是現實,而我得面對現實)。另一方面,我要坦承其實我心懷鬼胎:因為我覺得對於完全沒碰過網頁的人來說,最好就是一開始就學最嚴謹的東西,所以雖然名為「網頁設計」,但是其實我要教的是 XHTML 1.1 (本來也想要教 CSS 的,但是因為時間關係,排入第二期的課程吧);然後我覺得掌握這一切細節的最好方法,就是讓大家徒手寫。所以這門課真正的名稱可能會是「好孩子的硬派 XHTML 1.1 」!不過我可不想嚇壞好孩子們,所以還是稱他為「好孩子的網頁設計」吧。

兩週前,我就開始在辦公室教起同事們了;雖然我的投影片照慣例都放到我的私人投影片典藏區,但是我也一直沒公開的提出來。稍早,布丁日前在他的 blog 上洩漏了這件事(笑),所以我被迫要更認真地看待這件事,於是我花了點時間,把本來懶得寫的課程綱要給寫出來了,給大家參考;每當我完成一次課程的投影片時,我也會把投影片的網址更新在此。

其實我真正的期待是,等這十五堂課都講完之後,我想把每堂課的投影片跟隨堂附上的參考講義整理起來,編排成一本小書之類的(雖然說 2006 年了,應該沒有甚麼出版社要繼續印這種教基本功的東西了吧),這樣應該是挺爽的一件事。

課程綱要

概述

這一系列的課程是為對網頁完全沒概念的人所準備的。每個星期上一次課,每一堂課大約都祇會花去 10 至 15 分鐘,最長絕對不會超過 20 分鐘,目的是要確保每次上課的資訊都不會多過學員所能吸收的份量,同時也確保學員們都能有充裕的時間溫習每次的課程內容。

每一堂課結束的時候,都會有一份小小的練習或作業,讓學員可以實際操作使用課堂所習得的東西,並且親自看看實做出來的成品;這個作業通長不會花去太多時間,但是學員從第一份作業起就已經是在撰寫結構正確的網頁了。隨著課程的循序漸進,學員也將逐漸替這個網頁加入更多細節,到最後一堂課結束時,學員已能寫出繁複、格式正確並且能符合網頁標準的網頁了。

進度表

  1. Plain Text & Text Editor
  2. XHTML Structure Module
  3. XHTML Text Module (1/2)
  4. XHTML Text Module (2/2)
  5. XHTML Edit & Presentation Module
  6. XHTML List Module
  7. XHTML Table Module
  8. XHTML Attribution (1/2) & Comment
  9. XHTML Attribution (2/2): Table
  10. XHTML Hypertext & Image Module
  11. XHTML Bidirectional Text & Ruby Annotation Module
  12. XHTML Base, Metainformation, Stylesheet & Link Module
  13. XHTML Forms Module
  14. XHTML Object, Client-side Image Map & Scripting Module
  15. XHTML Server-side Image Map & Intrinsic Events Module
  16. XHTML DTD & Validator

推薦閱讀

jedi.org: