卷二之一 記錄過程，展現成果

2 上完這段課程，你將學會 為什麼要上這段課程。 製作簡易網頁 (Homepage) 。 製作 PowerPoint 投影片。 投影片製作的觀念與技巧。 如何有效的呈現你的作品。 把作品上網。

3 為什麼要學網頁製作 網頁可以從網際網路中擷取，機動性強。 網頁可以做為資料 ( 文件 ) 的索引與呈現。 經由 Office 軟體製作的文件都可以輕易放上 網頁。 網頁逐漸成為資料擷取的標準介面。

4 製作簡易網頁： 了解環境 你所屬的 Web Server 在哪裡？ 你設計網頁的電腦在哪裡？ 設計好的網頁放哪裡？ 如何將設計好的網頁放置到網站？ 如何查看網頁？

5 製作簡易網頁：了解環境 INTERNET At School 台北大學學生網站 個人網頁 (Homepages) At Home At Airport 其他網站

6 INTERNET 上傳檔案 ( 網頁 ) 或 下載檔案 台北大學學生網站 tpnet.ntpu.edu.tw 你 -- 編輯網頁 Web Server 網頁存放處 別人 -- 觀賞網頁

7 製作簡易網頁： 網頁製作三部曲 新製作或編輯網頁的工具 使用 Notepad 、 Frontpage 、 Dreamweaver 、 Word 、、 或使用 Webmail 提供的線上編輯方式。 若是修改舊的網頁，需先下載網站上的網頁。 上傳編輯好的網頁到 Web Server 使用 FTP 軟體，如 ws_ftp 、 cute_ftp 、、、 或使用 webmail 的網頁上傳方式。 瀏覽網頁，確定網頁的呈現與構想無誤 使用 IE(Internet Explorer) 、 Netscape 、 KKMan 、、、

8 什麼是網頁 (Homepage) ？ 製作與編輯的方式： 純文件模式 ( 編輯 HTML 文件 ) 圖形介面模式。 (What you see is what you get.) 觀看網頁的方式與工具。 Internet Explorer Netscape Comminicator Kkman …….. 製作簡易網頁： 製作與編輯網頁

9 這是標題 這裡是本文區 網頁語法： HTML(Hyper Text Markup Language) 初識

10 製作簡易網頁： 從編輯 HTML 文件開始 為何不從編輯軟體 (FrontPage) 學起？ 瞭解 HTML 的結構。 需要背 HTML 的語法嗎？ 小兵力大功： Notepad 嘛ㄟ通。

11 製作簡易網頁： 你的第一張網頁 瞭解學校提供網頁服務的規定。 你個人的網址 (URL) 從模仿別人的網頁開始。 模仿誰的？怎麼模仿？

12

14

16 製作簡易網頁：網頁、 HTML 與瀏覽器 網頁內容的呈現 瀏覽器 (Browser) 網頁內容的形成 (HTML)

17 Your URL Here you are What is this?

18

19

20

21 製作簡易網頁： 美化網頁、強化功能 從文字的變化開始。 大小、顏色、字型、粗體、斜體、、的控制 簡單的排版 跳行、位置、、、 超連結 (Hyperlink) 網頁的骨幹。 頁頁相連、網網相牽的「元件」。

22

23

24

25 有關 tpnet 與 CCC 的規定 每個網站有其管理私人網頁的規定。 使用者必須遵守規定，才能順利讓他人從 Internet 看到自己的網頁。 tpnet 與 CCC 的規定不同。網址的結構也 不同。

26 網頁編輯軟體： FrontPage 使用 FrontPage 的優點 What You See Is What You Get(WYSIWYG) 自動產生 HTML 標籤。不需要懂 HTML 。 就像編輯一般文件一樣。 使用 FrontPage 的缺點 自動產生的 HTML 標籤非常複雜，不易辨識。 比較不容易複製他人的作品中的一部份。

27 上完這段課程，你是不是已經熟悉 遠端檔案的管理。 FTP 的操作。 簡單網頁的製作。 網頁的存取及網站的架構。 藉由模仿他人的網頁，學習進一步的製作 技巧。