卷二之一记录过程、展现成果.pptVIP

汪群超 卷二之一 記錄過程，展現成果 上完這段課程，你將學會 為什麼要上這段課程。 製作簡易網頁(Homepage)。 製作PowerPoint投影片。 投影片製作的觀念與技巧。 如何有效的呈現你的作品。 把作品上網。 為什麼要學網頁製作 網頁可以從網際網路中擷取，機動性強。 網頁可以做為資料(文件)的索引與呈現。 經由Office軟體製作的文件都可以輕易放上網頁。 網頁逐漸成為資料擷取的標準介面。 製作簡易網頁：了解環境 你所屬的Web Server 在哪裡？ 你設計網頁的電腦在哪裡？ 設計好的網頁放哪裡？ 如何將設計好的網頁放置到網站？ 如何查看網頁？ 製作簡易網頁：網頁製作三部曲 新製作或編輯網頁的工具 使用Notepad、Frontpage、Dreamweaver、Word、、 或使用Webmail提供的線上編輯方式。 若是修改舊的網頁，需先下載網站上的網頁。 上傳編輯好的網頁到Web Server 使用FTP軟體，如ws_ftp、cute_ftp、、、 或使用webmail的網頁上傳方式。 瀏覽網頁，確定網頁的呈現與構想無誤 使用IE(Internet Explorer)、Netscape、KKMan、、、 製作簡易網頁：製作與編輯網頁 什麼是網頁(Homepage)？ 製作與編輯的方式： 純文件模式(編輯HTML文件) 圖形介面模式。(What you see is what you get.) 觀看網頁的方式與工具。 Internet Explorer Netscape Comminicator Kkman …….. 製作簡易網頁：從編輯HTML文件開始 為何不從編輯軟體(FrontPage)學起？ 瞭解 HTML的結構。 需要背HTML的語法嗎？ 小兵力大功：Notepad 嘛ㄟ通。 製作簡易網頁：你的第一張網頁 瞭解學校提供網頁服務的規定。 你個人的網址(URL) .tw:8080/~s491????? .tw/~s490????? 從模仿別人的網頁開始。 模仿誰的？怎麼模仿？ 製作簡易網頁：美化網頁、強化功能 從文字的變化開始。 大小、顏色、字型、粗體、斜體、、的控制 簡單的排版 跳行、位置、、、 超連結(Hyperlink) 網頁的骨幹。 頁頁相連、網網相牽的「元件」。 有關 tpnet 與 CCC 的規定 每個網站有其管理私人網頁的規定。 使用者必須遵守規定，才能順利讓他人從Internet看到自己的網頁。 tpnet與 CCC 的規定不同。網址的結構也不同。 網頁編輯軟體：FrontPage 使用FrontPage的優點 What You See Is What You Get(WYSIWYG) 自動產生HTML標籤。不需要懂HTML。 就像編輯一般文件一樣。 使用FrontPage的缺點 自動產生的HTML標籤非常複雜，不易辨識。 比較不容易複製他人的作品中的一部份。 上完這段課程，你是不是已經熟悉 遠端檔案的管理。 FTP的操作。 簡單網頁的製作。 網頁的存取及網站的架構。 藉由模仿他人的網頁，學習進一步的製作技巧。 說明與練習 WWW(World Wide Web) Server 通常簡稱 Web Server。負責網頁的存取。 設計網頁是一回事，如何把設計好的網頁供他人瀏覽又是另一回事。必須分辨清楚這些程序。 說明與練習 HTML所定義的標籤，如字體大小、字型、背景顏色、、等特性，需透過『瀏覽器』(Browser)的解譯，才能呈現在螢幕上。 換句話說，瀏覽器是觀賞網頁的工具。而網頁的內容是許多標籤的組合。這個組合透過瀏覽器呈現出作者建構的畫面。 網頁的建置等於『標籤的組合』。例如上圖的HTML、/HTML、HEAD、/HEAD、TITLE、/TITLE、BODY、/BODY。 『標籤』通常是成對出現，例如TITLE 及/TITLE，可以稱為『起始標籤』及『結束標籤』。代表該標籤的作用範圍。 標籤的文字定義，如HEAD、BODY，不可改變，但是大小寫可以自由使用。如 head，body。 哪裡可以找到HTML的「全套劇本」呢？ 說明與練習 『網頁』是一個檔案，通常以「htm」或「html」為附屬檔名。例如：index.html、welcome.htm。By the way, 你知道什麼是『檔名』，什麼是『副檔名』嗎？ 『網頁』是一個純文字檔案，以HTML語言為主體。什麼是『純文字』檔案？那非『純文字』檔案是什麼呢？順便搞清楚一下？ HTML是一種具國際標準的『標籤』語言(Markup Language)。 HTML定義了許多標籤，不同的標籤用以展現不同的功能或畫面或特性(property)。 說明與練習 如果要修改網頁，最好將該網頁從網站上下載下來，修改後再上傳回