slide1
Download
Skip this Video
Download Presentation
全球資訊網 ( WWW ) 簡介

Loading in 2 Seconds...

play fullscreen
1 / 18

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


  • 125 Views
  • Uploaded on

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

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' 全球資訊網 ( WWW ) 簡介' - julius


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
slide2
WWW 概說
  • 全球資訊網(World Wide Web, WWW)或簡稱 Web 。 發音:WWW,Triple W,汪汪汪
  • WWW的瀏覽器,一般稱為 browsers 或 viewers, 透過網際網路取得各種伺服器 (Servers) 所提供資訊,包括文字、 聲音、 影像的各種資訊。
slide3
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
slide8
填寫 URL

Service Type

Server Name

://

[:Port]

[/Dir/File]

協定

http

gopher

news

ftp

.....

網際網路位址

IP Address

Domain name

埠號

TCP/IP Port

路徑檔名

slide9
網站範例

交通大學 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

slide10
搜尋引擎/網站索引

國內

  • 聚寶盆 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提供之編輯器
slide18
編輯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
ad