第第八章八章 Web 2.0Web 2.0 時代的網際網路應時代的網際網路應用用 課前指引Web 2.0 的基本概念，是在於從過去 Web 1.0 時的電視傳播方式，也就是類似全球資訊網由網站發送內容給使用者的單向模式( 如瀏覽詢動作 ) ，轉變成雙向互動的方式，讓使用者可以參與網站這個平臺上內容的產生 ( 如部落格、網頁相簿的編寫 ) 。

章節大綱章節大綱

備註：可依進度點選小節

8-1 WWW 與瀏覽器 8-1 WWW 與瀏覽器

8-2 Internet Explorer 8 快速入門 8-2 Internet Explorer 8 快速入門

8-3 Firefox 與 Google 瀏覽器 8-3 Firefox 與 Google 瀏覽器

8-4 噗浪 (Plurk) 8-4 噗浪 (Plurk)

8-5 建立我的部落格 8-5 建立我的部落格

8-6 P2P 軟體使用 8-6 P2P 軟體使用

8-7 歷久彌新的老朋友－ BBS 8-7 歷久彌新的老朋友－ BBS

8-8 認識 FTP 檔案傳輸協定 8-8 認識 FTP 檔案傳輸協定

8-9 維基－ Wiki 8-9 維基－ Wiki

8-10 Google 搜尋密技 8-10 Google 搜尋密技

3

WWW的運作方式 WWW的原理是透過網路客戶端（ Client）的程式去讀取指定的文件，並將其顯示於您的電腦螢幕上，而這個客戶端（好比我們的電腦）的程式，就稱為「瀏覽器」（ Browser ）。

8-1 WWW 與瀏覽器

4

透過瀏覽器在 WWW上所看到的每一個頁面都可以稱為網頁 (Web Page)，網頁可分為「靜態網頁」與「動態網頁」兩種， HTML文件只能單純定義網頁的文字、圖片與表格所以又稱為靜態網頁：

網頁

5

如果 HTML語法再搭配 Script語法、 CSS語法或是 DHTML語法等等，不僅能讓網頁產生絢麗多變的效果，而且還能與瀏覽者進行互動，因此又稱為動態網頁：

6

進入一個網站時所看到的第一個網頁，通稱為首頁，由於是整個網站的門面，因此網頁設計者通常會在首頁上加入吸引瀏覽者的元素，例如 Flash動畫、網站名稱與最新消息等。

首頁

總統府兒童天地

7

IE是目前網際網路上使用率較高的瀏覽器，最新版本為 Internet Explorer 8為了方便您閱讀，以下內容將 Internet Explorer 8簡稱為 IE 。

8-2 Internet Explorer 8 快速入門

8

1.執行開始功能表的指令，如下所示：

2.快速工具列上的 IE按鈕。

3.執行桌面上的 IE捷徑。

如果要結束 IE，只要在按下視窗右上方的關閉鈕 即可。

IE 的啟動與結束

9

認識 IE 視窗元件

10

常用工具按鈕

11

12

13

14

加速器這是 Internet Explorer 8新增的功能，「加速器」可協助使用者快速執行日常瀏覽網頁的工作，首先反白網頁上您想搜尋的內容或地址，按一下「加速器」 鈕，即可連接至功能選單。

新增功能介紹 (1)

15

快速索引標籤Internet Explorer 8的快速索引標籤當您開啟很多分頁時，只要按左上方的「快速索引標籤」 鈕，或按「 Ctrl+Q」，會在個別的索引標籤上顯示每個網頁，這些索引標籤讓您輕鬆切換開啟的網站，讓您能夠更為快速、輕鬆找到要檢視的網頁。

新增功能介紹 (2)

16

網頁快訊當我們瀏覽有支援網頁快訊的頁面時，瀏覽器工具列上的「網頁快訊」 鈕就會出現，點選此紐即可輕鬆訂閱和新增至您的「我的最愛」列。

新增功能介紹 (3)

17

視覺化搜尋「視覺化搜尋」，記錄使用者的搜尋習慣，對於熱愛拍賣者、遊戲玩家或是部落客等族群，提供更完整的搜尋建議，節省更多時間。首先在右上角搜尋引擎列中輸入要查詢的文字，點選您要搜尋的圖示，並進一步取得建議的內容主題。

新增功能介紹 (4)

18

設定首頁功能

執行此指令

1

19

2

1. 選「一般」標籤

2. 如果要建立首頁索引標籤，請以行為單位輸入各首頁的網址，則可以在不同的標籤中指定不同的首頁

3. 按此鈕

20

3

開啟瀏覽器後就立刻顯示設定好的首頁，各位可以切換到不同索引標籤，就可以依序開啟所指定的首頁

21

新增與改變搜尋引擎

1

按下「搜尋方塊」右側的下拉式選單鈕，並執行「尋找更多的提供者」指令

22

2

點選要新增的搜尋提供者

23

3

4

1.選擇「使用來自此提供者的搜尋建議」

2.請按「新增」鈕

各位可以按下「搜尋方塊」右側的下拉式選單鈕，就可以看見新增的提供者，如果想使用它進行搜尋，只要用滑鼠直接勾選即可。

24

5

如果您想將新增的提供者更改為預設值，只要在「搜尋方塊」右側的下拉式清單中執行「管理搜尋提供者」指令，會開啟「管理附加元件」對話方塊

25

6

1.點選要設定為預設值的提供者，此處選擇「 Google 」

2. 按下「設為預設值」鈕

26

我的最愛

1

執行此指令

2

按此鈕新增資料夾

27

4

3

1. 輸入資料夾名稱

2. 按此鈕

按此鈕

28

從「我的最愛」功能表可以看到剛加入的連結

29

組織「我的最愛」

1

執行此指令

30

2

3

按此鈕 輸入資料夾名稱

31

4

2. 按此鈕

1. 選取要移動的連結

32

5

1. 點選資料夾

6

2. 按此鈕

原本的連結已經移動到資料夾裡了

設定完成可以按此鈕關閉視窗

33

網頁字型與編碼

1

執行此指令，選擇所需的字型大小

34

2

調整之後，字較大，更容易閱讀了

35

Firefox瀏覽器

8-3 Firefox 與 Google 瀏覽器

http://www.mozilla.com/en-US/products/firefox/

36

第一次執行 Firefox瀏覽器程式時，會啟動「匯入精靈」，這個精靈可以將您的「我的最愛」、設定及個人資料全數匯入，你可以選擇匯入的來源或選擇不要匯入任何東西：

37

同時，也可以選擇你要的首頁，你可以設定「 Firefox Start」作為首頁，或是直接由 Internet Explorer匯入首面：

38

接著就可以開啟瀏覽器，底下為其主畫面視窗：

39

FireFox瀏覽器可以過濾有破壞性的AitiveX控制項，防範惡意的間諜軟體侵入電腦及侵犯隱私：

40

Google 瀏覽器簡介 (1)

http://www.google.com.tw/chrome?hl=zh-TW

41

除了整體介面相當外，由於其獨有的技術，能以相當快的速度執行互動式網頁、網路應用程式以及 JavaScript 指令碼，幾乎可以在瞬間載入網頁：

42

Google 瀏覽器主題庫 https://tools.google.com/chrome/intl/zh-TW/themes/index.html提供各種藝術圖片或圖案裝飾您的瀏覽器，只要選用喜愛的主題，按下「 」：

Google 瀏覽器簡介 (2)

43

要將書籤列固定顯示在網址列下方，只要按下 Ctrl+B 鍵即可，如下圖中筆者所開啟的書籤列，它的位置是固定在網址列下方：

44

如果要搜尋或編輯書籤及書籤資料夾時，只要按下 Ctrl+Shift+B 鍵開啟「書籤管理員」即可：

45

這個瀏覽器也提供同一視窗的分頁瀏覽功能，要要開啟新分頁，請按一下最後一個分頁旁的 + 圖示 ，而按住並拖曳分頁來重新排列分頁的順序，甚至還能把分頁拉到新視窗，或放回原來的視窗。可以試著按下最後一個分頁旁的 + 圖示開啟新分頁，並試著拖曳分頁改變順序或在不同視窗中交換分頁，這種特有的感受，讓瀏覽網頁的工作無比舒暢。

46

47

目前「 Google 瀏覽器」的檔案下載預設的儲存位置為：

Windows XP ： \Documents and Settings\< 使用者名稱 >\My Documents\Downloads

Windows Vista ： \Users\< 使用者名稱 >\Downloads

如果在下載過程中，取消下載，請在下載內容列中按一下檔案按鈕旁的箭頭，然後選取「取消」。

48

在下載內容列右側的「顯示所有下載」，則可以開啟視窗查看目前的下載內容：

49

請連上 http://www.plurk.com/，先註冊自己的噗浪帳號，請按下圖的「免費註冊」鈕。

8-4 噗浪 (Plurk)

50

當完成帳號註冊後，然請請從網站右上角按下「登入」鈕登入網站。

51

要登入 Plurk要記得輸入所申請的電郵地址及密碼，最後再按下「登入」鈕，如下圖所示：

52

當登入網站後，記要先尋找朋友或邀請朋友，請先於下圖中按下「尋找 /邀請朋友」超連結：

尋找 / 邀請朋友

53

54

如果要在噗浪 Plurk發言，只要在網頁下方輸入訊息，再按一下「 Plurk」鈕就會將所發表的訊息放在中間的時間流河道。

發言功能

55

如果要刪除或編輯發言，只要點選在河道中所發言的方框，就可以進行刪除或編輯動作。

例如，按下「編輯」超連結，就可以針對剛才的發言進行修改或增加文字，如下圖所示：

56

如果在 Youtube有看到值得好友分享的影片，也可以在時間流上放上該影片的網址

分享影片

57

接著複製 youtube上欲分享影音的影片網址，並貼入下圖中的「影片網址」的方框中

58

上圖中按下「分享影音」鈕，就可以在Plurk輸入框貼上該 YouTube的影音網址，最後按下「 Plurk」鈕：

接著便可以在時間流河道中看到所分享的影片圖示，如下圖所示：

59

在 Plurk的朋友或粉絲就可以點選所發佈的影片圖示欣賞該分享的影片了。

60

如果看到人家寫的文字是一種超連結，按下去就可以開啟指定的網頁，其作法是先按下圖的「連結」：

為噗浪中的文字加上超連結

61

開啟下圖視窗，只要填上網址及您要顯示的文字：

62

按下「分享出去」鈕，就可以在噗浪中的文字加上超連結，您的噗友只要按下去 (例如本例的 ，就可以開啟新的網頁。

63

申請與登錄 Blog服務底下我們以無名小站 http://www.wretch.cc/作說明，只要各位有 yahoo奇摩的帳號，就可以進行會員的登錄；如果沒有也沒關係，透過「免費註冊」鈕，也可以進行yahoo帳號的申請：

8-5 建立我的部落格

64

個人相簿的上傳

65

66

67

68

69

70

71

網誌文章發表

72

73

74

75

76

77

早期各位在網路上下載資料時都是連結到伺服器來進行下載，也由於檔案資料都是存放在伺服器的主機上，若是下載的使用者太多或是伺服器故障，就會造成連線速度太慢與無法下載的問題：

8-6 P2P 軟體使用

78

伺服器本身只提供使用者連線的檔案資訊，並不提供檔案下載的服務：

79

下載及安裝

Emule 電騾子 (1)

點取此文字下載

80

初次啟動時會跳出一個名為「 eMule第一次執行精靈」的視窗，它是用來引導使用者一步步的對軟體進行調校與設定。

81

可以先取消以進入 Emule的操作介面，往後若有需要再執行時請從畫面上方的按鈕點取啟動。

82

搜尋與下載資料

Emule 電騾子 (2)

83

Telnet登入方式Windows 作業系統裡內建有簡易的 Telnet 程式，可以使用它來登入 BBS ，只要執行「開始功能表/ 執行」指令，依照底下格式輸入就可以登入 BBS站：Telnet指令如下：

8-7 歷久彌新的老朋友－ BBS

telnet BBS主機名稱或 IP Address

84

與 BBS站台連線成功之後，會出現歡迎登入的畫面，畫面上會顯示目前 BBS站上人數與請您輸入帳號、密碼的訊息：

BBS 的基本操作

85

如果想要使用 BBS站台所提供的正式服務的話，就必須註冊新帳號，請輸入「 new」，並依照指示輸入自訂的帳號與密碼，就可以進入BBS站台，日後只要使用自己的帳號進入就可以了。進站之後映入眼簾的是 BBS公告，告訴您關於此站的最新消息，進到了這裡，您的滑鼠就可以先暫擱一旁， BBS裡是純文字的介面，只需要用到鍵盤按鍵，滑鼠在這裡可是完全無用武之地。

86

Web下的 FTP(1)

8-8 認識 FTP 檔案傳輸協定

87

下圖為中山大學檔案伺服器的 http搜尋介面，網址為 http://ftp.nsysu.edu.tw/ ：

Web 下的 FTP(2)

88

CuteFTP CuteFTP 的特色包括內建 HTML編輯工具、排程傳輸、同時下載多個檔案、支援連線加密保護功能、即時同步功能等。您可以到該公司網站(http://www.globalscape.com/) ：

FTP 軟體傳輸 (1)

89

緊接著出現的是 CuteFTP的連線精靈，如下圖，您可以利用精靈設定好 FTP站台資訊，或是按下「取消」鈕，等到要使用時再開啟 CuteFTP進行設定。

90

執行「 File/Connect/Connect」指令進行FTP站台資訊的設定，連線成功後，就可以進入FTP站台內存取檔案了：

91

如果要下載檔案，可以在遠端 FTP檔案目錄先選好檔案與資料夾，再拖曳到本地端檔案目錄；上傳檔案時，只要在本地端檔案目錄選擇好檔案與資料夾，再拖曳到遠端 FTP檔案目錄裡就可以了：

92

Wiki概念簡介 維基百科 (Wikipedia)就是使用 WiKi系統的一個非常有名的例子，它讓全世界的使用者共同建立起一個屬於全人類知識的百科全書，在維基百科中提供了超過二百五十種語言的版本，也無限定編輯者的身份資格，任何人都可針對其本身的專業知識來將其加入到網站中，讓這個知識百科隨時都可以維持在最新的狀態。 除了維基百科，網路上還有許許多多使用 Wiki系統建立的網站，各位只要使用搜尋引擎 (如 google)，輸入「 Wiki」進行搜尋就可以找到一些專業知識或領域的Wiki系統網站。

8-9 維基－ Wiki

93

Wiki 資料搜尋

94

95

96

Google基本搜尋技巧Google的布林運算搜尋語法包含「 +」、「 -」和「 OR」等運算子，也是一般使用者經常會使用的基本功能。如果想讓搜尋範圍更加廣泛，可以使用「 +」或「空格」語法連結多個關鍵字。如果想要篩選或過濾搜尋結果，只要加上「 -」語法即可。例如：只想搜尋單純「電話」而不含「行動電話」的資料。使用「 OR」語法可以搜尋到每個關鍵字個別所屬的網頁，是一種類似聯集觀念的應用。

8-10 Google 搜尋密技

97

使用「 intitle」語法可以搜尋包含關鍵字中指定網頁標題的網站或網頁。其語法格式如下：

如果只想搜尋符合關鍵字且不包含網頁標題和連結文字的網頁內容，可以使用「 intext」語法。其語法格式如下：

特定條件搜尋 (1)

「 intitle 」「：」「關鍵字 1 」「空格」「關鍵字 2 」…（注意：「關鍵字」之間須有一個空格。）

「 intext 」「：」「關鍵字」

98

通常網站管理者會將網頁中使用的元件放置在依其性質命名的資料夾內，例如：音樂檔存放在「 music」或「 mp3」的資料夾、圖片檔存放在「 pic」資料夾以及文字檔存放在「 doc」資料夾等。使用「 inurl」可以搜尋這些資料夾內的檔案。其語法格式如下：

特定條件搜尋 (2)

「 inurl 」「：」「資料夾名稱」「空格」「關鍵字」（注意：「資料夾名稱」和「關鍵字」之間須有一個空格。）

99

如果想要搜尋特定網站內的特定資料，可以使用「 site」語法。例如：搜尋博客來網路書店（ www.books.com.tw）中，與「哈利波特」相關的資料。

「 site」語法除了可以搜尋指定網站內的資料，還可以搜尋指定網域內的特定資料。其語法格式如下：

特定條件搜尋 (3)

「關鍵字」「空格」「 site 」「：」「網址」（注意：「關鍵字」和「 site 」之間須有一個空格。）

「關鍵字」「空格」「 site 」「：」「網域名稱」（注意：「關鍵字」和「 site 」之間須有一個空格。）

100

使用「 filetype」語法可以快速地搜尋到PDF檔。除了 PDF檔之外，「 filetype」語法支援的常見檔案格式另有：DOC、 PPT、 PS、 RTF、 SWF、 TXT和XLS等。其語法格式如下：

如果想參考更多相同類型網站的資料內容，可以使用「 related」語法。其語法格式如下：

特定條件搜尋 (4)

「 filetype 」「：」「檔案格式」「空格」「關鍵字」（注意：「檔案格式」和「關鍵字」之間須有一個空格。）

「 link 」「：」「網址」

101

除了基本的搜尋技巧，還能搜尋本節將進一步介紹 Google的進階搜尋用法，滿足您對各種資料的搜尋要求：

其它進階功能 (1)

102

在網際網路上有許多有心人把精心繪製的圖放在網站上供人使用。其中 Google收錄了數億張的索引圖片可供搜尋。

其它進階功能 (2)

103

Google的新聞內容來自全球超過四千個新聞網站，並且每 15分鐘更新一次，隨時提供最新的新聞資訊。

其它進階功能 (3)

104

底下是 iGoogle：台灣首頁的網址為http://www.google.com.tw/ig，下圖就是個人化 Google 網頁的一種外觀：

其它進階功能 (4)

105

Q&A討論時間

本章結束