全球資訊網
This presentation is the property of its rightful owner.
Sponsored Links
1 / 18

全球資訊網 ( WWW ) 簡介 PowerPoint PPT Presentation


  • 100 Views
  • Uploaded on
  • Presentation posted in: General

全球資訊網 ( WWW ) 簡介. WWW 概說. 全球資訊網( World Wide Web, WWW )或簡稱 Web 。 發音: WWW , Triple W ,汪汪汪 WWW 的瀏覽器,一般稱為 browsers 或 viewers , 透過網際網路取得各種伺服器 (Servers) 所提供資訊,包括文字、 聲音、 影像的各種資訊。. WWW 特性. 易於操作的圖形化使用者介面。 超文件( hypertext )中的連結( link )。 結合多媒體 (Multimedia) :處理 聲音、 影像、 圖形、 動畫等不同型態的資料。

Download Presentation

全球資訊網 ( WWW ) 簡介

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Www

全球資訊網(WWW)簡介


Www

WWW 概說

  • 全球資訊網(World Wide Web, WWW)或簡稱 Web 。 發音:WWW,Triple W,汪汪汪

  • WWW的瀏覽器,一般稱為 browsers 或 viewers, 透過網際網路取得各種伺服器 (Servers) 所提供資訊,包括文字、 聲音、 影像的各種資訊。


Www

WWW 特性

  • 易於操作的圖形化使用者介面。

  • 超文件(hypertext)中的連結(link)。

  • 結合多媒體(Multimedia) :處理 聲音、 影像、 圖形、 動畫等不同型態的資料。

  • 整合網路資源:利用WWW 瀏覽器即能取得網路上的各種服務,包括Gopher、FTP..等。


Operation of www

Operation of WWW

  • Connect

  • Request

  • Response

  • Disconnect

URL Request

HTML DOC

HTTP

HTTP

WWW Client(Browser)

WWW Server


Www 1

WWW 名詞解釋 (1)

  • Browser:瀏覽器,一種圖形視窗介面的互動式網路應用軟體。如:Netscape, MS Internet Explorer。

  • Homepage:首頁,網頁的第一頁,是瀏覽網頁的起始點(烘焙機)。

  • Web Site:網站,提供網頁存取服務的站台。

  • Web Page:網頁,任何網站上可看到的頁面之總稱。


Www 2

WWW 名詞解釋 (2)

  • HTML (Hypertext Markup Language):

    超文件標籤語言,WWW使用的語言。

  • HTTP(Hypertext Transfer Protocol):超文件通訊協定,伺服器與用戶端的溝通協定。

  • Hyperlink:超連結,簡稱為連結(Link),一般滑鼠指標移到此物件上會由箭頭變成一個手的形狀,點選後可通過此連結連往其他網站、網頁或任意超媒體檔案。


Www 3

WWW 名詞解釋 (3)

  • URL (Uniform Resources Locators):

    資源定位器,運用一種統一的方式對網際網路的資源進行命名,而且所有的資源命名不會重複。利用它可以指向網路上的各種服務,有點類似住址的概念。

    • http://www.w3.org:80/default.html

    • ftp://ftp.nctuccca.nctu.edu.tw

    • gopher://gopher.csie.nctu.edu.tw


Www

填寫 URL

Service Type

Server Name

://

[:Port]

[/Dir/File]

協定

http

gopher

news

ftp

.....

網際網路位址

IP Address

Domain name

埠號

TCP/IP Port

路徑檔名


Www

網站範例

交通大學 http://www.nctu.edu.tw

交通大學圖書館 http://www.lib.nctu.edu.tw

浩然數位圖書館 http://www.infospring.

nctu.edu.tw

交大思源基金會 http://www.spring.org.tw

財政部 http://www.mof.gov.tw

華電信 http://www.hinet.net


Www

搜尋引擎/網站索引

國內

  • 聚寶盆 http://db2serv.cc.nctu.edu.tw/

  • 蕃薯藤 http://www.yam.org.tw

  • 奇摩搜尋 http://www.kimo.com/

    國外

  • Yahoo http://www.yahoo.com

  • 亞洲網路 http://www.asiannet.com/


Html 1

HTML 基本元件 (1)

  • HTML的組成三要件:

    元素、標籤、屬性

  • 元素 (Elements):

    元素由起始標籤和結束標籤包起來。

    <TITLE>這是一份測試文件</TITLE>


Html 11

HTML 基本元件 (1)

  • 標籤(TAG)︰

    1 文件指令的起動,夾在 < 及 >之間,指令的

    結束,夾在 </ 及 > 之間。例:<A>...</A> 。

    2 空格, 定位點, Return 通通忽略。

    3 TAG大小寫為一樣意思、且通常是成對出現。

  • 屬性(Attributes)︰

    屬性寫在標籤內,用以指定元素的屬性,可以改變原先排版的定義。


Html 12

HTML文件架構 (1)

<html>

<head>

<title>我的網頁</title>

</head>

<body>

<p><b>新學期</b><font color="red">新希望</font></p>

<!-- 這是註解 -->

</body>

</html>


Html 2

HTML文件架構 (2)

<HTML>

<HEAD>

<TITLE>文件名稱,出現在視窗上方</TITLE>

</HEAD>

<BODY>

本文區 ( 文、圖、Hyperlink 及 ........ )

<!-- This is a Comment -->

</BODY>

</HTML>


Html 3

HTML文件架構 (3)

  • <HTML>︰HTML文件必須以 <HTML>開頭,以 </HTML>結尾

  • <HEAD>︰用來定義HTML文件的前言

    <TITLE>︰定義文件的標題,會出現在視窗的標題欄

  • <BODY>︰本文必須包在 <BODY> 與 </BODY>間


Home page

製作Home Page 方式

  • 一般文字檔編輯器(如記事本NotePad)編輯HTML語法

  • Word (存成HTML )

  • 運用FrontPage編輯器,製作Home Page

  • Netscape提供之編輯器


Www

編輯HTML參考網頁

  • 交大資工系李正國http://www.csie.nctu.edu.tw/~jglee/teacher/content.htm

  • 交大資工系HyperText Markup Language Specification 3.0http://www.csie.nctu.edu.tw/document/html30/Contents.html


  • Login