網頁設計

• 工具軟體下載
  • Dreamweaver ： 試用版下載 (下載後，解壓縮，安裝其中的DreamweaverMX2004)
    
• 教學資源
  • HTML4.0語法教學 http://chinese.allproducts.com.tw/html/#t1(下載PDF講義)
    
  • 網頁教學/素材資源 OECSPACE
    
  • CSS 教學：網站建置百寶箱的CSS教學
    
  • 網頁建置百寶箱(so GOOD)-- http://dob.tnc.edu.tw/
    
  • PHP 基本語法 (引用自：王勝雄，台中市網【PHP程式語言編寫】研習課程)
    
  • PhotoImpact 教學參考網址： http://tr.ilvs.ilc.edu.tw/~jspan/pi/pi.htm
    
  • Swish 動態影音教學參考網站：
    http://enews.tpc.edu.tw/document/2002center/張原禎老師「Swish動態影音教學」.htm
    
  • 做網頁必須注意的十大要領(Top Ten Guidelines for Homepage Usability)：
    PDF(取自Dykstra老師教學網站)
    
  • 網頁配色(取自Web配色事典)
    
  • 日本素材網：http://halzion.fem.jp/fuwa2li/
  • Natural Breeze：Flash素材-寫真素材(日青推薦)
    
    
• 活動一：網站作品欣賞
  
  • 個人網頁Nice Job：
    <個人> 風景、 36.5度C、原點、Novel Pictures、以什麼的形式存在著的那些
    <旅遊記事> Explore the beauty of Arizona 、我的心遺留在愛琴海
    
  • 專業網站：以主色調呈現
    Zen Garden Design List
    
  • 社團網頁Nice Job:
    校刊社、滑板社、戲劇社
    
  • 班級網頁Nice Job:
    二平、二孝、二書、三書
    
  • 網界博覽會：歷屆作品一覽
    
    
• 活動二：網站企劃書
  • 主題式網站企劃書範例(下載)
    
    
• 活動三：網頁初步
  • Dreamweaver 網站定義--環境介紹--參自Dykstra老師網站(PDF講義下載)
  • iframe
  • 使用iframe步驟說明(by Apric)
  • iframe 範例
  • CSS
    • 教學講義(by Apric)
    • 練習範例檔案一(排版前/排版後)、範例檔案二(好男人都跑到那裏去了)