國立臺灣大學國立臺灣大學國立臺灣大學 教學發展中心教學發展中心教學發展中心

課程網頁快捷製作課程網頁快捷製作

莊 榮 輝臺灣大學生化科技學系 教授

TLDC

網頁製作四大階段

1 擬定大綱1 擬定大綱

2 編輯網頁2 編輯網頁

3 上網測試3 上網測試

4 更新維護4 更新維護

1.1 課程大綱

2.1 編輯軟體(MS FrontPage)

1.2 網頁架構(組織圖)

2.2 網頁基本格式

3.1 上傳軟體(SmartFTP)

3.2 學校網管(取得網域名稱)

3.3 網頁上傳測試連結等

4.1 重複 2~3 修改並上傳

2.3 編輯每一網頁

1.3 網站整體基本風格

2.4 作好連結

2

上課方式

教學助理

課程進度表

資料來源

有用連結

自我學習

上課投影片

相關連結

報告寫法

繳交及批改

後續作業

隨堂筆記

網頁架構

Index

課程主體

Introduction上課講義

Slides心得報告

Report問 題 集

Exam年度布告欄

Bulletin報告觀摩

Articles

影像檔案夾

Images

布告欄

96-1

布告欄

95-2

尚無線上討論、繳交作業等互動功能 3

講義檔案夾

Documents

使用表格編輯網頁

720 px 寬 (置中)

長度無限↓

每一儲存格

可插入任何

文字或圖片

分割或合併

每頁必要元素：

(1) Web site logo(2) Update 日期(3) 連結網路地圖

善用超連結

檢查超連結

小心使用動畫

標題：中黑體

內文：細明體

英文：Times New Roman

4

5

網站首頁

開課主旨

網頁大綱

布告欄課程大綱心得報告問題集

6

課程進度表

C1 生命源起

C2 人物

C3 微生物及免疫

C4 真核生物

C5 生物科技

C6 意識

細胞、分子與人類細胞、分子與人類

細胞、分子與生命細胞、分子與生命

主題、紀錄片、參考資料

課程主體

7

上課時間表

每週進度

注意事項

成績統計表

課程主體

8

上課講義

說明投影片

參考網頁

單元摘要

紀錄片 投影片

928’ 363兩學期總計：601’ 183細胞、分子與人類327’ 180細胞、分子與生命

9

投影片完全下載

1) 神經細胞與突觸2) 神經傳導物質3) 賭徒的神經傳導4) 面對恐懼5) 巧克力魔力的來源6) 腦啡的麻醉作用7) 壓力誘生皮質酮8) 嗑藥的可怕後果9) 可口可樂10) 咖啡抑制休息信號11) 細胞受體接受信號12)『流動』的快感

灰色部份為補充材料

10

年度布告欄

考試消息

成績公佈

催交報告

意見調查

回應評鑑

助教聯繫

網頁製作原則

(1) 以表格來編輯網頁，在空格內填入文字或圖片。

(2) 每張網頁有共同橫眉，並在其間做好順暢連結。

(3) 文字、圖片、資料、版面等編排與幻燈片相同。

(4) 內文字型用細明體，英文用 Times New Roman。

(5) 行與行之間，一定要有行距，中英文間空半格。

(6) 超連結是網頁的靈魂，插入適當而有效的連結。

(7) 經常檢查超連結是否有效，否則要去除或修改。

(8) 不要放太多動畫，與內容無關的動畫絕對禁止。

(9) 把各網頁間的關係架構好，並以網站地圖呈現。

(10)每次更新網頁上傳後，定要上網測試是否正確。11

有關教材的版權問題

12

著作權法的『合理使用』台灣著作權法裡有很多規定，其中有關合理使用的一條：

第 55 條 非以營利為目的，未對觀眾或聽眾直接或間接收取任何費用，且未對表演人支付報酬者，得於活動中公開口述、公開播送、公開上映或公開演出他人已公開發

表之著作。

美國著作權法的相關規定是：

107 條 對一受著作權保護作品的合理使用，無論是通過複製、錄音或其他任何上述規定中所提到的手段，以用作批評、評論、新聞報導、教學 (包括在課堂上分發多份拷貝)、學術交流或研究之目的，不屬於侵權。

那麼，影片或圖片可以在課堂上使用嗎？看起來好像可以，但是在使用各種影片及圖表時，當謹記以下各點：

1) 不要把整個作品全盤照收使用。2) 不要有收費等營利操作。3) 要附註原作的出處或發行人。4) 放到網頁時，要更小心評估侵權的可能 (因為網路會大量散播)。