Re: [問題] 高中社團 網頁設計教學 如何教？

[Kelunyang (可倫)]

小弟小小的給個建議好了

因為小弟在兩年前曾經被學弟拉去當小弟高中母校台北市立中崙高中的資訊社團老師，
小弟自己也是中崙高中創校到兩年前該校網站的制作人員（小弟在的那時候該校網站還
有通過無障礙網頁A+等級，就不知道為什麼該校花了數萬元買了一套CMS之後，連無障礙
網頁都過不了，因此小弟得否認一下與現在該校網站的任何關係）

兩年前那時候呢，部落格剛剛興起

所以這時候出現一個問題，學生問我說為什麼要學HTML，一堂社課才50分鐘，一學期九堂
左右，學了HTML可以幹嘛呢？一般要學網頁設計的話，大家都知道單單會HTML／XHTML並
不能夠做出精美的網頁，還得學CSS、JavaScript，甚至PHP，HTTP Server架設

但是學生想到要學HTML，就希望能夠做出很炫的網頁，那代表他們至少得會玩一點
JavaScript，但是更有趣的事情是，高中資訊課程（至少在敝校）根本沒讓學生接觸程式
語言，那一學期九節課，實際上課等學生到齊剩40分鐘，談什麼JavaScript？

講更實際一點，如果今天希望作一個完全的靜態網頁，那對於一般人而言拿Dreamweaver還
太複雜了，乾脆拿Word、Publisher、甚至部落格的編輯器（如TinyMCE）都可以作（還更
漂亮），這時候還會有學生想Key-in HTML碼嗎？有，但是非常少，而且高中社團不是大
學資訊科系，也不能逼他們一定要用什麼工具，也就是說如果我們希望學生「會作」網頁
，那對學生來說太簡單了，我們實在找不到理由反擊學生說用無名小站編輯器打出來的東
西不是網頁，而且網頁的根本就是內容不是嗎？
（另外一個很有趣的是以前高中生都會報名什麼網路博覽會，那個比賽就是看內容，
網頁設計能力幾乎可以說用Word會另存新檔就好了）

所以那一年下學期我作了一個嘗試，小弟挑了幾個人專門教他們Flash，結果效果非常好，
因為Flash裡面有ActionScript可以讓他們練習一些基本的程式語言，然後Flash完全符合
高中生想玩很炫的效果的心理，唯一的問題是敝校的電腦到今年九月前都只有DDR 333
256MB，所以只有部分幾台升級到768MB可以跑，不過看得出來學生學習Flash的興致比
HTML高很多，對於資訊非常有興趣的學生，剛好小弟那一年手上有一點資金可以運用
，直接寒假把他們送去台大學C語言，也讓他們學得不亦樂乎，都說比網頁設計有趣多了

因此小弟這學期大四時間多一些，又被學弟抓回去教的時候，就不教網頁設計了

乾脆教C#，畢竟單一的程式語言作業環境比網頁設計那種要跨程式語言的環境友善一些
而且如果有作業，學生也不能拿Word打混了事，對於那些可能對於資訊有興趣的學生還
可以開啟他們對於程式設計的一絲興趣

一點小小的建議就給您參考了，我只是覺得教網頁設計，單教Dreamweaver不如不要教，
因為DW取得難度高，而且DW的目的也是要作HTML，這一點在部落格等CMS系統大行其道
的今天，在最基本的網頁設計上，DW幾乎是可以被取代的，不是嗎？
（而實際上您也應該知道教學生用手工刻網頁，那多數人應該都開始發呆才對，這和他們
認知的網頁差異太大了）

如果有冒犯就請您多多包涵了


※ 引述《GALINE (我是CQD，不是cqd)》之銘言：
: : 方案A 採用 Dreamweaver 8 教所視即所得編網頁 & Dreamweaver 8 裡面的 CSS 編輯工具
: : 方案B 直接從 Dreamweaver 8 原始碼編輯教各種標籤與屬性 & 手動打 CSS
: 建議B為主，A輔助
: 就是實際的網頁編輯都用圖型介面來做，但是一開始教功能的時候一個TAG一個TAG告訴
: 大家每個功能對應到哪個HTML TAG。有興趣的會記起來，沒興趣的…反正畫面上可以選
: 不知道你們的教學要到哪種深度。這會影響到你應該多積極
: 如果只是要「會做」的話，其實全Dreamweaver就很夠，CSS排版之類的技術帶過就好
: 另外我會建議對template功能多著墨一些。以你的學員陣容如果要架一個看起來比較
: 像一回事的網站，template（甚至是巢狀樣板）會相當好用。
: :   (依然使用 Dreamweaver 的原因是要程式碼提示，不然學員似乎也無法記下一大堆英文)
: : 方案C 記事本      (喂！有人英打會掛掉！)
: 至少也開個Notepad++或emeditor
: 原始碼不上色的文字編輯器拿來實戰做網頁，太辛苦了 <O>
: 純手工做網頁看興趣跟天份的。我覺得不太適合作為推廣性的教學

--
新的Blog歡迎大家多多參觀喔~

http://kelunyang.wordpress.com

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.132.156.65
※ 編輯: Kelunyang       來自: 220.132.156.65       (10/26 19:06)
推 fotofolio:那這樣教如何修改無名小站就可以名正言順教css了！
推 ateclean:無冥小站會偷改使用者的CSS >"<
推 willy69wu31:正好我們的社團有天空部落格...
→ Kelunyang:嗯嗯CSS是一個蠻實用的功能，還蠻多高中生有興趣的
推 willy69wu31:倒是，用CSS還是要知道HTML結構，我覺得還是需要教
→ willy69wu31:一些HTML
→ TonyQ:時間太短 ,已經不是要教什麼的問題 , 而是哪個優先的問題.:p
→ TonyQ:我敢說原PO設定的目標在80分鐘內絕對達不到. -.-a
→ TonyQ:在這個前提下 , 倒不如是以滿足學生的求知慾較佳.
→ TonyQ:上面的原po是講這串首發的原po , 剛打太快. :p
→ TonyQ:承前述滿足求知慾 , 重點就不在html or css , 而是學生意願.
→ TonyQ:八十分鐘真的 真的 非常的短 , 如果學生拒絕吸收,什麼都免談
→ TonyQ:我曾經去帶過3-4堂 java的課 , 每次都120分鐘 , 學生如果
→ TonyQ:心理排斥或抗拒 , 你講再多對他們來講也是隔層山...