Ch1.认识全球资讯网.ppt

Ch1.認識全球資訊網 1.1 「網際網路」與「全球資訊網」 1.2 全球資訊網的基礎 – 網頁與超連結 1.3 「網頁」、「首頁」與「網站」 1.4 網頁的幕後推手─HTML 1.5 網頁的藏身之處－伺服器 1.6 打開全球資訊網之窗 1.1 「網際網路」與「全球資訊網」 「網際網路(Internet)」提供多種資源和服務，「全球資訊網 (World Wide Web)」是其中之一。除了全球資訊網WWW之外，還包括E-Mail電子郵件、News網路論壇、BBS電子佈告欄、FTP檔案傳輸協定、以及IRC線上聊天等等，其中以E-Mail電子郵件和WWW全球資訊網的普及率最廣、使用率最高。 1.2 全球資訊網的基礎 – 網頁與超連結 「全球資訊網」中所有的資訊都是寫在「網頁(Webpage)」上。使用瀏覽器連上全球資訊網時，在視窗裡看到的畫面就是所謂的「網頁」，每個畫面代表一張網頁，「全球資訊網」是由千百萬張網頁集合在一起所構成的。 「網頁」除了可以記載文字、呈現靜態影像，還能夠撥放動畫、聲音、視訊影片。而最特殊之處，則在於「網頁」之間可以透過「超連結」彼此相連。我們可以在網頁裡的文字或圖片上建立「超連結」，閱讀網頁的訪客只要使用滑鼠在這些帶有超連結的文字與圖片上點一下，即可連結到另一張提供更多相關資訊的網頁，有時候甚至是圖片、影片、或者聲音。 1.3 「網頁」、「首頁」與「網站」 「網站(Website)」是數張「網頁」相互連結起來形成的網頁集團。全球資訊網上有由數以萬計的「網站」，每一個網站裡都包含數量不一的「網頁」。 「首頁(Homepage)」是進入網站時顯示的第一張網頁，它除了提供網站的簡介之外，還具有索引與導覽的功能。通常讀者看到首頁時，就應該能約略知道可以在此得到什麼樣的資訊，同時首頁就像一本書的目錄，能夠引領讀者閱覽網站中其他網頁的內容。 1.4 網頁的幕後推手─HTML 「網頁」是使用一種名為「HTML(HyperText Markup Language)」的語言所建構而成的，中文叫做「超文字標記語言」，此種語言包含多種定義文件內容的「標籤(Tag)」，「標籤」的長相是一對角括號＜＞，中間夾著英文。比方說Font就是專門用來設定文字樣式的標籤、Table是專門用來設定表格的標籤、IMG SRC則是用來設定圖片的標籤等等，這些「標籤」經過組合後便可架構出網頁的內容。 HTML是網頁資料在網路上流通的標準語言，因此只要是以HTML寫成的文件檔，就成為一頁頁可經由瀏覽器來閱讀的「網頁」。那麼我們要如何辨識網頁檔呢？很簡單，只要看到檔案的副檔名是.htm(Mac系統為.html)就沒錯了。 1.4 網頁的幕後推手─HTML HTML使用多種功能不同的標籤，結合起來架構出我們所看到的網頁內容。每個HTML標籤還可以結合一些屬性值，因此能夠產生更多的變化。以下是一個標籤的例子： ＜BODY TEXT=“#FFFFFF” BGCOLOR=“#339966”＞ 標籤 屬性 屬性值 屬性 屬性值 這是定義網頁內容(BODY)的標籤，表示將網頁中的文字(TEXT)色彩設定為“#FFFFFF”，背景色彩(BGCOLOR)設定為“#339966”。 此外，許多標籤必須由一組起始標籤加終止標籤組合而成，比如：＜BODY TEXT=#FFFFFF BGCOLOR=“#339966”＞...＜/BODY＞ HTML就是由許多上述形態的標籤所架構而成，而每張網頁的HTML基本結構應該如下：HTML-- 宣告本文件為HTML文件HEAD-- 記錄網頁的相關資訊，如標題、編碼。TITLE大頭的秘密基地/TITLEMETA HTTP=EQUIV=“Content-Type” CONTENT=“text/html; charset=big5”/HEADBODY-- 定義網頁的內容與外觀P歡迎光臨大頭的秘密基地！/BODY/HTML 1.5 網頁的藏身之處－伺服器 我們製作好的網站必須放到「Web伺服器」上才有可能讓別人接觸到它。「伺服器(Server)」其實就只是一部電腦主機，就像我們在使用的個人電腦，只是伺服器的功能比較不一樣。「伺服器」一天24小時都連上Internet，它有較大的容量、較快的速度，主要的用途是存放檔案資源讓連上網際網路的使用者取用，而專門提供WWW網頁瀏覽的伺服器又可稱為「Web伺服器」，或者「WWW主機」。 1.6 打開全球資訊網之窗 我們必須透過「瀏覽器(Browser)」才能看到伺服器裡的網頁內容和多媒體效果，目前市面上最受歡迎的兩大主流瀏覽器為網景的「Communicator通訊家」以