輔仁大學社會學系課程教學大綱
開設學年度 / 學
期 98 學年度 第 二 學期 課程名稱(中文) 多媒體網頁設計
課程名稱(英文) Multi-media webpage designing 課 碼
學分數 2
授 課 方 式 ■課堂上課 ■網路教學 □其他
教學目標及範圍
目標：
製作一個網站導入實用性、美感與親近性等，並以簡易的Imageready 基本動畫 製作或是幻燈片簡報之搭配應用，並依學生實際學習進度輔以Flash 動畫處理。
範圍：
1．課程主旨在製作一個網站，除了外觀外，還必須注意設計、製作階段與營運 的考量，並讓學生嘗試以(使用者)為中心的觀點思考，然而，技術層面上，會使 用到Photoshop 與 Indesign 來完成最有效率且具有效果的編排設計。
2‧將範例適時運用於課程中，配合實際教學學生可學習將網頁製作軟體結合影像 處理，完成多媒體的實作作品。
授 課 大 綱
1. Dreamweaver 初探（學習網際網路基本知識、網站架設概念、設計簡易網站內 容，專業網頁設計工具的使用，以 Dreamweave 為主）。 (二週)
2.基本操作（學習網頁文字、圖片、超鏈結、表格、頁框與網頁小元素）
(四週)
3. 網站內容管理系統（學習網站內容管理系統的架設。）(一週)
4. 網頁風格與色彩規劃（學習網站配色原理與網站風格設計「標題、版面樣式與 圖片配置」。）(五週)
5. 影像處理、GIF 動畫設計（學習網頁配色與風格設計，以及影像與動畫圖片設 計工具的使用，以Imageready 基本動畫製作的搭配為主。） (二週)
6.動畫式網頁設計（學習動畫式網頁設計工具的觀念與基本操作，依學生實際學 習進度輔以 Flash 動畫介紹。
(二
週)7. 專題製作（學習網站的整體策略規劃與設計，以進行視覺網頁排版。）(二週)
教科書及參考書
1．
參考用書：蘇菀鳳。《Photoshop.Dreamweaver.Flash 網頁設計學範例︰從入 門到精通》。台北︰文魁資訊股份有限公司。評 量 方 式
備註：
1.成績評分方式
a.平時成績：佔 40% 〔出席（ 10% ）、上課狀況（10%）、個人小作品
（20%）〕，b.期中成績：佔 30% 〔期中報告（30%）， c.期末成績：佔 30%。
2.授課方式：
1．理論、創作整合（知識陳述、作品案例分析）。
2．PP 講解，網路教學。
授 課 教 師
學系：姓名：李景熙 □專任 ■兼任
□教授 □副教授 □助理教授 ■講師 簡單學、經歷及研究領域：
學：
學士–明志科技大學視覺傳達設計系。4.碩士–臺北市立教育大學視覺藝術 研究所。5.博士–國立雲林科技大學設計學研究所博士班（在學中）。經：1.
飯店服務(晶華、亞太、華泰王子、圓山)飯店/外場服務員。2.交牛道西餐廳 /店長。3.地球人主題餐廳/外場服務員。4.一茶一座主題餐廳/外場服務員。5.夜市 飾品經營販售。6..台新銀行(行銷部)/信用卡行銷專員。3.台北市觀光協會-廣告企 劃部/廣告設計/企劃。4.德育藝術教育機構/設計術科教學。5.渥華建築廣告公司 (廣告部)/廣告設計與企劃。6.裝潢世界有限公司(編輯部)/編輯設計。研究領域：
1.影視傳播實務製作 2.視覺設計 3.視覺藝術創作 4.電影設計 美學備 註
1.本課程有跨領域整合：
說明：
本課程除了可從（社會）、（文化）、（哲學）與（設計）等領域切入網頁設 計的核心，特別之處在於(網頁設計)本身即是一種跨界的整合，其中可包含生活 型態、社會脈動、作者思想、設計專長、美感訓練、文字精練、視覺規劃、等領域，
如果將從(社會、文化)脈絡裡找尋形式背後隱藏的意涵，其意義是多元，所以，
符合(跨)界的整合，並試圖搭起相異兩端融合並詮釋的可能性。
2.本課程啟發學生對其科系專業領域進行省思或開創多元思考：
說明：
以（多媒體網頁設計）本身富含的社會特質與多元特性，學生本身的（專 業）勢必可透過(網頁設計)展現，並在社會脈絡中逐漸形成能反映時代的時尚潮 流以及多元化的思考能力。
