基本的网页设计 FrontPage HTML .doc

網頁製作的術語 1. 全球資訊網 world wide web, WWW ：指藉由電腦連線而能快速且大量獲取資訊的網絡系統 network of information resources 。主要組成為下列三元件： 能讀取資料的通訊協定 protocol ：如 HTTP、mailto、 FTP等。制式的網域命名系統： 如URI Universal Resource Identifier 是網路資料的位址 address ，其寫法包含使用的通訊協定、伺服器 server 、路徑三部份。如我的個人網頁的位址為 .tw/hmchai 其中http是使用通訊協定的名稱，.tw是台大物理治療學系伺服器的名稱， hmchai是本系伺服器中有關我個人網頁儲存之資料夾路徑的名稱。整句話的意思可解讀為「透過http 的通訊協定，在.tw的伺服器中，依循的hmchai路徑，可獲得的個人網頁」。 能迅速連結的超文件 hypertext ：如HTML、JavaScript、ASP 等檔案。 ?網頁 web page ：可以被網路瀏覽器讀取的一種超文件檔案，通常以HTML標記編寫。 例如：將一般純文字檔 .txt 的頁首，加上 ，而於頁尾，加上 ，就可以變成一個超文件。而此超文件內的 就是一組標記，標出該文件是一個可以由網際網路自由讀取的檔案。網站 web site ： 由許多網頁組成有相關內容的主題單元。 首頁 home page ： 網站的入門頁，因此首頁的內容常針對該網站的性質與內容做說明與導引， 要引發使人想繼續瀏覽的意願。 3. 網路瀏覽器 browser ：瀏覽網頁或網站的軟體。由於並非完全互通，故撰寫網頁程式時，儘量不要使用只有部份瀏覽器可以支援的程式技巧。HTML 標記語言：全名為HyperText MarkUp Language 超文件標記語言 ，是一種以標記描述的語言，介於網頁排版與幕後排版之間的一種語言，是最簡單的網頁編輯語言。標記 tag ：是用來控制網頁元件 element 的標記必須是寫在 之間，以與本文區隔共用樣式表早期的 HTML 功能薄弱， 無法滿足大眾對文字控制及版面編輯的需求。W3C world wide web consortium 遂公佈「共用樣式表 cascading style sheets, CSS 」，以擴充 HTML 的功能。JavaScript：又名 LiveScript，是 NetScape 公司開發出來的物件導向 object-based 程式語言，可以嵌入 HTML 文件之中，以增加網頁的變化。注意：JavaScript 並非 Java 程式語言。 網頁製作的基本原則網路資訊的三大特色是即時、豐富、互動。 考量網路會塞車，且仍有瀏覽者的連線方式是透過電話連線，故每個網頁的檔案盡量維持小於 30kb，而長度不要超過 2 頁；且不要放置太大的圖檔或者設計讓瀏覽者有選擇不同大小圖檔的機會。完成網頁後，最好透過撥接上網的方式親自測試下載的速度。 網頁寬度雖不無限制，且瀏覽者可使用橫向捲軸來左右移動；但是最好將網頁寬度控制在以內，以減輕瀏覽者的負擔。某些標記語言只能在特定的瀏覽器呈現， 應儘量避免使用這類標記語言。網頁的著作權問題，一直是爭議不休的話題，但基本上網頁內容仍然受到著作權法的保障， 因此盡量不要使用他人的網頁內容。如果一定要使用，則最好取得該網站負責人的同意函。 使用超連結 hyperlink 時，不可將別人的網頁框到自己網頁的框架 frame 內，須多加一個 target _blank 的參數，使之連結到新開啟的視窗。 成品：陽春型的靜態網頁文字敘述、相關照片、以及超連結 下載純文字檔至資料夾： 在網頁的「NTUPT.txt」上，按左鍵 選檔案/ 另存新檔，再選存檔類型/ 文字檔再儲存於自訂的資料夾內 使用電腦教室，請於自訂資料夾，並記得練習後予以刪除 下載影像檔至至資料夾在網頁的「PTschool4E317.JPG」上，按左鍵 選檔案/ 另存新檔再選存檔類型/ JPEG，再儲存於自訂的資料夾內 使用電腦教室，請於自訂資料夾，並記得練習後予以刪除 編寫 HTML 文件1. 使用記事本程式 開啟：開始/ 程式集/ 附屬應用程式/ 記事本 儲存：檔案 / 另存新檔，記得將副檔名改為.htm或.html 修改：使用瀏覽器開啟網頁後，檢視/ 原始檔，即可進入記事本程式視窗，修改、儲存後，再檢視/ 重新整理，即可瀏覽修改後的網頁。 2. HTML文件的宣告 用網路瀏覽器閱讀的文件 3. 文件主體的設定 控制網頁上方、下方、或兩邊灰色或藍色部分 網頁上方藍色部分的文字 用網路瀏覽器閱讀的文件 使用商業軟體編寫網頁 1. 使用 Microsoft W