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

變有不可者三，有不可不變者三：

能力未至不可變也、學識未敷不得變也、功侯未到不能變也。

學於師已窮其法，不可不變也、友古人已悉其意，不得不變也、師造化已盡其理、不能不變也。

鄭曼青;說說明明與與練練習習

網頁與投影片的製作是一種表達能力的呈現。將一些內容(content)透過文字、影像、網路傳送給觀賞者。這個課程著重兩方面：

電子資訊的表達技術(網頁設計、投影片製作)有效的表達技巧練習

要將自己知道的東西、擁有的資訊表達出來，是需要透過不同的方式或媒體，不斷的練習與嘗試。才能駕輕就熟，不至於言者諄諄，聽者邈邈。唯有練習、練習、再練習。;說說明明與與練練習習

把網站當作遠端的硬碟，視容量大小，儲存短、中期間常用的文件或檔案。瞭解你的使用容量。10MB或20MB或、、、

你知道檔案大小或儲存空間的『單位』嗎？KB？MB？是什麼意思？實質意義？你也可以申請免費的網頁容量！去哪裡申請？如何申請？試試看！

KIMO、Hotmail、Hinet、、、;說說明明與與練練習習

WWW(WorldWideWeb)Server通常簡稱WebServer。負責網頁的存取。

設計網頁是一回事，如何把設計好的網頁供他人瀏覽又是另一回事。必須分辨清楚這些程序。;說說明明與與練練習習

分辨編輯網頁用的電腦及存放網頁供擷取的電腦。在不同的地點編輯同一個網站的網頁：觀念與作法。網頁的也可以放在不同的Webserver，彼此連結。;說說明明與與練練習習

你必須把編輯好的網頁送上WebServer，他人才能從網路上瀏覽到這張網頁。;說說明明與與練練習習

欲修改網站上的網頁時，最好養成習慣，先從網站上下載該網頁，再進行修改。切忌從自己的電腦直接開啟該網頁進行修改。為什麼？;說說明明與與練練習習

『網頁』是一個檔案，通常以「htm」或「html」為附屬檔名。例如：index.html、welcome.htm。Bytheway,你知道什麼是『檔名』，什麼是『副檔名』嗎？

『網頁』是一個純文字檔案，以HTML語言為主體。什麼是『純文字』檔案？那非『純文字』檔案是什麼呢？順便搞清楚一下？

HTML是一種具國際標準的『標籤』語言(MarkupLanguage)。

HTML定義了許多標籤，不同的標???用以展現不同的功能或畫面或特性(property)。;說說明明與與練練習習

HTML所定義的標籤，如字體大小、字型、背景顏色、、等特性，需透過『瀏覽器』(Browser)的解譯，才能呈現在螢幕上。換句話說，瀏覽器是觀賞網頁的工具。而網頁的內容是許多標籤的組合。這個組合透過瀏覽器呈現出作者建構的畫面。

網頁的建置等於『標籤的組合』。例如上圖的HTML、/HTML、HEAD、/HEAD、TITLE、/TITLE、BODY、

/BODY。

『標籤』通常是成對出現，例如TITLE及/TITLE，可以稱為『起始標籤』及『結束標籤』。代表該標籤的作用範圍。標籤的文字定義，如HEAD、BODY，不可改變，但是大小寫可以自由使用。如head，body。

哪裡可以找到HTML的「全套劇本」呢？;說說明明與與練練習習

用什麼工具去組合標籤呢？大致可以分三種方式：

直接在WebServer提供的『網頁』上編輯自己的網頁：如webmail提供的線上網頁編輯功能。

一般的文字編輯器：如Notepad(記事本)、Wordpad(小作家)、Word、、、或其他third-partyeditor。專業的網頁編輯器：如Frontpage、Dreamweaver、Flash、、、或其他third-party產品。

本階段課程使用第一及第二種方式編輯網頁。同學務必學會，不可輕忽，蓋其妙用無窮！以不同的方式編輯網頁，隨後將網頁上傳到WebServer的方式也不同。同學都必須熟練。

編輯好的網頁在上傳至WebSerer前要記得存檔，才能將修改後的網頁呈現出來。這是一般初學者容易疏忽的地方。存檔的位置必須妥善規劃，才不至找不到檔案或傳錯檔案。應該如何規劃檔案的目錄與位置呢？;說說明明與與練練習習

設計網頁前，先瞭解學校提供給學生當WebServer的.tw及.tw的使用規則。

不同的webserver伺服器，在提供網頁登載時都有其規定。使用者必須遵循一定的規則，才能使上傳的網頁順利的供他人瀏覽。否則即使傳上去，也看不到。請上網找到本校關於學生網站設定的規定。

先從Notepad編輯器開始。將編輯好的網頁存成xxx.htm。

建議：編輯時，使用到標籤語法時，盡量用「copy」「paste」的方式完成。甚至可以從改編一個網頁檔案開始。你可以建立一個『樣版』網頁檔(template)，每次新建網頁都根據該檔案進行修改。優點是：、、、

或是找一個已經存在，且與要設計