网站与网页.PPT

2-1　網站與網頁 本章中，來說明網頁、網站等基本觀念以及工具，請您先準備好合適的工具，才能動手建置您的網站。想架站的人，應該都曾經連上網際網路，欣賞過其中各式各樣的站台，才會想自己也來動手架站，那麼你知道網站是由哪些東西組合而成的嗎？當然得先搞清楚這些觀念，後面實際動手操@時，才不會霧煞煞。 入門觀念的說明 WWW是由無數個網站和網頁所構築而成，當您在Internet遨遊時，就是在各種不同的網站中穿梭，每個網站都提供不同的資訊，詳盡的文字資料、活潑的動畫展示、炫麗的圖片效果，這些都是設計者心血的呈現。 網站就是網頁的集合 網站其實是許多的網頁根據其特性，分門別類集合而成的，所以網站設計者在架設網站初期就必須先規劃好網站的架構、根據架構來製作網頁，讓網頁之間互相連結，並且具備相關性。當您先架構出網站時，才能將自己所想的內容，一一透過網頁來呈現。 構成網頁的要素 清楚網站的意義之後，底下則來說明網頁的內容。當你進入一個網站時，所看到的畫面就是網頁，網頁是指當我們連上網路時，使用瀏覽器軟體所看到的任何一個畫面，都是一個網頁，其內容主要包含了文字、圖像，還可以加上聲音、動畫等等。和雜誌或圖書不同的是，雜誌是平面性的文r，除了文字和圖片沒有其他，但是網頁就不同了，透過超連結，可以從這一個網頁連到其他的網頁，其他的網頁也會有其他的連結，透過這些龐大的連結，內容可以說是無限大，因為超連結使得資訊的內容可以無遠弗屆，資訊傳達的方式可以由點而線最後到面。 圖形 圖片可說是網頁視覺影響效果中最重要一環，配合適當的圖片，絕對可以讓你的網頁呈現獨特的風格，但相對圖形也佔掉網站中很大的資料量，對瀏覽的速度影響很大。通常網頁可接受的圖檔格式為GIF、JPEG兩種。由於圖片會拖慢網頁的瀏覽速度，所以一般並不會將網頁全部作成圖片，底下是圖片經常使用的地方。 超連結 超連結是Internet中最重要的東西，因為當滑鼠游標點選超連結後，就可以移動到其他的地方，不論是網站、網頁、檔案或是電子郵件，都可以透過超連結將網頁上的各項元素加以連接。如同馬路上的路標，超連結就是網站的路標，來指引您瀏覽正確的頁面，找到想找的資訊。連結的種類大致分為檔案連結、網址連結、電子郵件。而可被作為連結的元件包含了文字、圖形、區域圖形、頁框。當然連結]可以發生在同一個網頁之內。底下就來看看這三種不同的連結。 2-2　網頁程式語言 本書是透過HTML在Dreamweaver的環境下來製作網頁，也就是直接透過網頁程式語言一一輸入內容，再透過瀏覽器轉為網頁內容，底下來認識常見的網頁程式語言。 何謂程式語言 所謂的程式語言，就是設計讓電腦執行特定動作的文字，由於電腦並不認得中文、英文等文字，只認得0和1，當我們要指揮它從事特定動作時，就必須透過程式語言將我們常用的指令轉換為電腦可辨識的語言，才能順利執行。 常見的網頁程式語言 早期製作網頁，一定得慢慢的輸入程式語言的指令來完成網頁內容，而現在透過網頁製作軟體就可以完成這項工作了，不過有時還是有需要輸入程式的地方，底下就來看看常見的網頁程式語言。 HTML HTML(HyperText Markup Language)超文件標記語言，是目前最常見用來撰寫網頁的程式語言，用來表示網頁文件檔案的規範。HTML透過標記來確定網頁顯示的格式。HTML的原始檔案為純文字檔，所以利用記事本等單純的文書編輯軟體就可以輸入程式。 HTML檔案中並不包括圖片、動畫、音樂等多媒體元件，不過透過指標的輸入，就可以指向這些多媒體檔案，讓網頁可以正確的顯示圖片、動畫等多媒體效果。雖然HTML的檔案格式為純文字，不過原始檔案的附檔名為.htm或.html，這樣才能透過瀏覽器來開啟文件。 XML XML(eXtensible Markup Language)可擴展標記語言，用來傳送Internet的資料或資料的處理，XML並不是用來取代HTML的程式語言，而是用以補HTML的不足。其檔案文件同樣是以純文字所組成，其副檔名為.xml。 CSS CSS(Cascading Style Sheets)階層樣式表，用以定義網頁內容的資料樣式。如同Word可以定義樣式來統一文件的格式，網頁也可以透過樣式表來建立文字的樣式，讓網頁的文字可以統一。在本書的第15章會說明如何建立並使用樣式表。 VRML VRML(Virtual Reality Modeling Language)虛擬實境描述模組語言，用以呈現3D物件的效果。不論網頁、圖片都是平面效果，當然透過動畫也可以呈現立體效果。不過目前VRML已經很少使用在網頁上，被Flash所取代了。 Script Script是內嵌在HTML程式碼中的小程式，主要用來顯示動態和即時的資料，例如網頁特效、即時日期、股市資訊等，大多透過Script來