Transcript ppt
Chapter 12 網際網路上的熱門 服務與應用 12-1 通訊與檔案傳輸 12-2 社群與自我展現 12-3 商業與其它 12-4 簡易網頁製作 12-1 通訊與檔案傳輸 12-1.1 電子郵件 電子郵件是一種藉由電腦網路來撰寫、傳遞並接收的 郵件。 E-Mail Address E-Mail Address就是電子郵件地址，包含使用者ID與 郵件伺服器二個部份，中間則以@符號隔開。 12-1.1 電子郵件 設定電子郵件帳號 一個完整的電子郵件帳號應該包含下列幾項相關資訊 –E-Mail Address –SMTP與POP3伺服器 –使用者ID與密碼 12-1.1 電子郵件 設定電子郵件帳號 網路上也有許多網站提供免費電子郵件帳號的申請服 務，取得電子郵件帳號後，除了在網頁上收發郵件以 外，我們還可以利用電子郵件軟體來收發電子郵件， 例如Windows內建的Outlook Express。 12-1.1 電子郵件 在Outlook Express中設定電子郵件帳號 欣欣申請取得一組電子郵件帳號資料如下，請協助其 完成相關設定。 帳號：star 密碼：passok E-Mail Address：[email protected] SMTP與POP3伺服器：msa.tomail.com.tw 12-1.1 電子郵件 12-1.1 電子郵件 撰寫新郵件 成功建立電子郵件帳號後，即可使用Outlook Express 來撰寫新郵件並寄給網路上的其他使用者，也可以藉 由附加檔案的方式傳遞檔案（例如圖片檔、視訊檔或 文件檔等），請參考以下範例： 12-1.1 電子郵件 撰寫新郵件並附加檔案 欣欣暑假到聖地牙哥遊學，打算將她在那的生活照寄 給kanekuo欣賞，並寄一份副本給sharon，請協助其完 成相關操作。 12-1.1 電子郵件 12-1.1 電子郵件 傳送與接收 按下工具列上的 鈕即可將【寄件匣】中的郵 件送出，並一併收回郵件伺服器中屬於自己的信件。 郵件撰寫完成後按一下工具列上的 鈕即可將郵 件送出，若是當時沒有連上網路，信件會暫時放在【 寄件匣】中。 12-1.1 電子郵件 閱讀郵件 傳送與接收的工作完成後，所有收到的郵件會被整理 在【收件匣】當中，使用者可以逐封點選並閱讀郵件 內容，符號 則表示已經閱讀過的郵件。另外，若 是在郵件前方有一個 符號，便表示此封信有附加 檔案，開啟該封信後點一下 按鈕 或是將之另存新檔。 即可開啟附加檔 12-1.1 電子郵件 12-1.1 電子郵件 刪除郵件 閱讀完的郵件可以按下 鈕將郵件從【收件匣】 中刪除，這時郵件會被移到【刪除的郵件】資料夾當 中，如果不慎刪錯郵件還可以從中救回。但若是刪除 【刪除的郵件】資料夾中的郵件，被刪除的郵件就會 真正消失而無法救回。 12-1.1 電子郵件 回覆與轉寄 在閱讀信件後按下工具列的 按一下 鈕即可回信，或是 將信件再轉寄給其他朋友。回信時信件 主旨前面會自動加上「Re:」字樣，轉寄的信件主旨 前面會加上「Fw:」字樣，其餘的操作方式則和撰寫 新郵件相同。 12-1.1 電子郵件 12-1.2 即時通訊軟體 所謂「即時通訊」就是透過網路與他人進行立即溝通 的方式，只要雙方電腦安裝相同的即時通訊軟體並且 輸入帳號、密碼即可透過對話視窗交談或互傳檔案， 此外，若再搭配麥克風、喇叭或專屬話機等設備，便 可如同講電話般地透過該軟體進行對談，較著名的有 ICQ、MSN Messenger、Yahoo!即時通、Skype等。 12-1.2 即時通訊軟體 12-1.2 即時通訊軟體 透過MSN Messenger交談並傳送檔案 奇奇透過「MSN Messenger」聯絡上好久不見的蒂蒂 ，並且傳送一張照片，請參閱以下範例。 12-1.2 即時通訊軟體 12-1.3 認識點對點傳輸 P2P的工作原理 某些傳輸軟體如BT、Foxy等之所以可以達到高速下 載的效能，主要就是利用了P2P架構中所有節點能分 擔流量的特性。 12-1.3 認識點對點傳輸 12-1.3 認識點對點傳輸 何謂BitTorrent BitTorrent是由一個名為Bram Cohen的工程師所開發 出來一種P2P型態的檔案分享工具，由於該程式以開 放原始碼的方式散佈，加上傳輸效能相當好並擁有廣 大的使用群，因此已經儼然成為一種標準，許多軟體 都以其為基礎並開發出更多功能，例如BitComet、貪 婪BT等都是常見的例子。 12-2 社群與自我展現 12-2.1 電子佈告欄系統 電子佈告欄(bulletin board system，BBS) 是一個可供 使用者聊天或交流意見的園地，雖然以文字為主，但 由於操作簡易加上資訊流通快速，因此仍然擁有廣大 使用群。目前可用來連上BBS的軟體相當多，例如： –NetTerm –KKMan –Windows內建的telnet指令亦可連上BBS 12-2.1 電子佈告欄系統 12-2.2 網誌 網誌(blog)通常又稱「部落格」，原本只是一個提供 他人在網路上寫日記的簡單服務，然而其易於上手加 上具有互動性的特性，使得後來參與的人數以及提供 網誌服務的網站都愈來愈多，性質也由單純的記事逐 漸發展成一種展現自我的發 表園地。 12-2.3 線上音樂 透過串流(streaming)技術，愈來愈多網站開始提供線 上廣播或音樂的服務，廠商也樂於藉此廣告並增加曝 光率。 12-2.4 線上遊戲 在這個網路發達的時代，一個人玩遊戲怎麼過癮？當 然要號召親朋好友一起到網路上來玩遊戲啦，或是透 過遊戲認識新朋友，這也是線上遊戲(on-line game)蓬 勃發展的主因。 12-3 商業與其他 12-3.1 電子商務 根據美國學者Kalakota所提出的定義，電子商務 (electronic commerce，EC)是一種藉由電腦網路將 購買、銷售、服務等商業行為結合在一起的方式 。 12-3.1 電子商務 企業對企業(B2B) 企業對企業(B2B) 的電子商務模式早期以電子資料交 換(EDI)為核心，目的在於整合上中下游的資訊並提 昇競爭力，後來則演變為企業間工作與交易流程的自 動化處理，例如「台積電」網站。 12-3.1 電子商務 企業對消費者(B2C) 企業對消費者(B2C)的模式是透過網路提供購物、行 銷、查詢等商業服務，對象則為一般使用者，例如「 亞馬遜」網路書店。 12-3.1 電子商務 消費者對消費者(C2C) 消費者對消費者(C2C)的模式中，消費者藉由特定網 站直接與其他消費者互動來達成交易行為，網站經營 者則負責提供交易機制，扮演「市場促進者」的角色 ，例如「Yahoo!奇摩」拍賣網站。 12-3.1 電子商務 消費者對企業(C2B) 在消費者對企業(C2B)」的電子商務模式中，消費者 藉由「社群」群聚影響力，再透過特定網站向供應商 議價或要求服務，網站經營者亦可從中獲得利益。例 如「Priceline.com」網站讓消費者先針對機票、旅館 、車輛租賃、套裝旅遊行程等商品訂出自己能接受的 價位，接著網站再依此價位尋求相關企業與廠商來滿 足消費者的需求，並藉此賺取差價或仲介費。 12-3.1 電子商務 政府對人民(G2C) 在政府對人民(G2C)的模式中，政府機關運用資訊科 技提供各種資訊服務設施，在網路上替人民服務，幫 助民眾節省許多繁雜的手續及時間，例如行政院研究 發展考核委員會的「民眾e管家」網站幫助提醒民眾 電費、水費、電話費、停車費、罰單等繳費通知。 12-3.1 電子商務 政府對企業(G2B) 在政府對企業(G2B)的模式中，政府主動提供資訊， 建立政府與企業間電子公文之便捷管道，改善過去紙 本公文傳送之時效、成本及品質，改革政府服務，政 府從被動式變為主動式的提供服務，例如「企業e幫 手」網站。 12-3.2 Web 2.0 2003年四月，在一場美國出版商歐萊禮(O'Reilly)的腦 力激盪研討會上， Web 2.0一詞正式出現。而Web 2.0 至少意味著三個方面的內容： –一種創新的媒介形式 –一個集中的社群環境 –以及一種全新行銷理念 12-3.2 Web 2.0 舉例來說，過去的知識內容如大英百科全書 (Britannica)是由專家所完成的，一般人無權參與；新 的百科全書如維基百科(Wikipedia)則是任何人都能參 與編寫，僅在短短兩年多的時間，透過眾多網友的努 力，文章總數已經超越了擁有兩百多年歷史的大英百 科全書。另外，維基百科的免費性質更吸引了無數人 的使用，是目前世界上最受歡迎的網路百科全書。 12-3.2 Web 2.0 Web 2.0 時代， 只要用瀏覽器與網路連線， 任何人都 有機會用到雲端運算(cloud computing)技術，當開啟 Gmail信箱、在MSN分享空間編寫心情日記，或是在 線上使用Photshop.com修圖等服務的同時，我們就已 經進入雲端了，雲端運算等於是把應用程式轉移至網 路上使用，採取所謂的「軟體即是服務」策略，對企 業而言不再負擔管理或升級軟體的麻煩，簡化了複雜 的IT問題。 12-3.2 Web 2.0 現在則可使用任何平 台的電腦透過瀏覽器 上網後，直接利用網 站提供文書處理功能 ，不但不需花錢購買 文書處理軟體，完成 的稿件除了可放在自 己的電腦中還可存放在網路上分享給其他的使用者。 12-3.2 Web 2.0 而Web 2.0的行銷觀念是強調個人化、客戶力量及小 利潤大市場，透過客戶主動行銷及廣大的社群環境形 成了「長尾效應」，也就是將分散的小市場集中成為 一個大市場，創造獲利的立基點。 12-3.2 Web 2.0 Web 2.0不是一個技術的標準或規格，但一般認為包 含一些特色或原則： 1.以全球資訊網(WWW)作為平台 2.強調互動性和使用者參與 3.免費、自由、資源分散 12-4 簡易網頁製作 網頁是由HTML語言所寫成的特殊文件，它定義了一 些語法以及不會被瀏覽器顯示出來的特殊標記，這些 標記會告訴瀏覽器應該怎樣顯示文字、圖形、或是其 他可支援的資料型態。此外，這個語言也可以藉由超 連結的方式連結其他文件，或是啟動其它的服務（如 檔案下載、播放音樂等）。 12-4.1 認識HTML HTML文件本身其實是純文字檔，因此只要可以存檔 成純文字型態的文字編輯器都可以用來編寫。 HTML 的指令標籤大多成 對存在以標示作用範圍， 亦即標籤<XYZ>就會有一 對應的 </XYZ> 作結尾， 但部分指令可省略後半部。 12-4.1 認識HTML 常用的HTML指令標籤 12-4.1 認識HTML 常用的HTML指令標籤 12-4.1 認識HTML 利用「記事本」與HTML指令建立網頁 請利用「記事本」建立一個純文字文件，然後在文件 中輸入HTML指令並將之存檔為「index.htm」，完成 後以IE開啟該檔並檢視成果。 12-4.1 認識HTML 12-4.2 Dreamweaver實作 使用FrontPage、Dreamweaver、Namo WebEditor等工 具從事網頁編輯工作，最大特色是「所見即所得」， 使用者只要直接在編 輯區內編排網頁內容 即可，並不需鍵入 HTML指令，編輯器 會自動將文件轉換為 HTML格式的文件。 12-4.2 Dreamweaver實作 以Dreamweaver編輯「奇奇的個人網頁」 建立標題文字與背景顏色 請開啟Dreamweaver並建立一個新網頁index.html，然 後輸入標題文字為「奇奇的個人網頁」並設定背景顏 色為灰色並加入背景圖片「bg.gif」。 12-4.2 Dreamweaver實作 12-4.2 Dreamweaver實作 建立表格並輸入文字 在網頁中加入一表格作為網頁樣式的分割，請參考以 下範例建立表格並輸入奇奇的自我介紹。 12-4.2 Dreamweaver實作 插入圖片 分別在儲存格中插入圖片「banner.gif」、「pig.gif」 、「airplane.gif」、「ship.gif」，並將「bg2.gif」設 定為背景圖片。 12-4.2 Dreamweaver實作 12-4.2 Dreamweaver實作 插入超連結 分別將「airplane . gif」與「ship.gif」圖片連結至「 portfolio.html」與「portfolio2.html」頁面。 12-4.2 Dreamweaver實作 12-4.2 Dreamweaver實作 發佈網頁 許多ISP會提供帳號申請者免費的網頁空間，如果你 選擇的ISP沒有提供這項服務，也可以到章魚網、 Google Page Creator等申請免費的網頁空間。 通常申請網頁空間之後，提供者會一併說明如何將網 頁發佈至申請的空間中，一般都會包括以瀏覽器上傳 和以FTP軟體上傳的方式。 12-1.1 電子郵件 12-1.1 電子郵件 12-1.2 即時通訊軟體 12-1.2 即時通訊軟體 12-1.3 認識點對點傳輸 12-1.3 認識點對點傳輸 12-1.3 認識點對點傳輸 12-4.1 認識HTML 12-4.2 Dreamweaver實作 12-4.2 Dreamweaver實作 12-4.2 Dreamweaver實作 12-4.2 Dreamweaver實作 12-4.2 Dreamweaver實作 12-4.2 Dreamweaver實作 12-4.2 Dreamweaver實作 12-4.2 Dreamweaver實作 12-4.2 Dreamweaver實作 12-4.2 Dreamweaver實作