1 / 130

CH03 全球資訊網

CH03 全球資訊網. 認識 全球資訊網 認識 Web 商務 認識 HTML 網頁設計. 3-1 認識全球資訊網. WWW. WWW(World Wide Web) 念為 triple W 、 W3 或 3W 採用 HTTP( HyperText Transfer Protocol) 通訊協定 包含了聲音、文字、影像、圖片等多樣化的介面。由全球大大小小的網站 (Web Site) 組成. ISP. 要連接上網際網路，都必須向 ISP(Internet Service Provider) 業者申請網路服務。

asher-jacobson
Download Presentation

CH03 全球資訊網

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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. CH03全球資訊網 認識全球資訊網 認識Web 商務 認識HTML網頁設計

  2. 3-1認識全球資訊網

  3. WWW • WWW(World Wide Web) • 念為triple W、W3 或3W • 採用HTTP(HyperText Transfer Protocol) 通訊協定 • 包含了聲音、文字、影像、圖片等多樣化的介面。由全球大大小小的網站(Web Site) 組成

  4. ISP 要連接上網際網路，都必須向ISP(Internet Service Provider) 業者申請網路服務。 ISP 業者，主要分為以電信電路的ADSL 系統和有線電視為主的Cable 系統兩類。台灣最大的ISP服務業者為Hinet

  5. URL • URL( 全球資源定位器) • 就是一般所稱的網址 • 用來指出一個網頁所在的WWW 伺服器主機位置和存取的方式。 • 由四個部分組成 • 通訊協定 • 網頁所在主機名稱 • 存放路徑 • 網頁名稱

  6. URL

  7. 常見的通訊協定

  8. DNS • Domian Name System(DNS, 網域名稱系統) • 主要用來做網址和IP位置之間的轉換動作 • DNS被提出前，使用Host File( 主機檔案)做為網址和IP的對應

  9. DNS架構 • IP位址和網址的對應使用多台DNS伺服器處理 • DNS 系統採用樹狀階層式的架構來管理完整網域名稱。可分為四層: • 根網域 • 頂層網域 • 第二層網域 • 主機

  10. 頂層網域 共有兩種命名方式: • ccTLD(Country Code Top Level Domain) • gTLD(Generic Top Level Domain) • 根網域 • DNS 架構的最上層 • 其下任何一層網域(頂層網域、第二層網域、主機)皆可向其要求資源

  11. gTLD • 以組織性質為命名方式 • 例:com表示公司行號 、 edu表示教育單位 • ccTLD • 以[國碼]為命名方式 • 美國以外的國家通常採用此方式命名 • 依ISO 3116 所制訂的[ 國碼](country code) 作為區分，例： tw表示台灣、jp表是日本、cn表示中國、ca 表示加

  12. 命名方式之種類

  13. 第二層網域 通常第二層網域會開放給一般大眾自由申請，而名稱則由申請者自訂 此層網域名稱必須是唯一，不能重複 [.com.tw]、[.edu.tw]、[.tku.edu.tw] 等皆屬於第二層網域

  14. 主機 DNS架構最底層 由各網域的管理員自行建立，不需向管理機構註冊。

  15. Proxy Proxy( 代理伺服器)為一種網路服務 允許用戶端透過它與另一個網路服務進行非直接的連線，也稱「網路代理」 提供Proxy 服務的電腦稱為代理伺服器(Proxy Server)

  16. Proxy之運作方式 Proxy的優點 • 由於在代理伺服器中會留有之前使用者對網站所要求的資料的備份，因此使用Proxy服務，在所要求的目標網頁有其他使用者瀏覽過時，可加快網頁瀏覽速度 與代理伺服器建立連線 向伺服器發出請求，要求目標網頁的檔案資源 伺服器回傳資料

  17. 瀏覽器 用來瀏覽WWW上各類網站的軟體 最早的瀏覽器是Netscape，之後各式各樣的瀏覽器便紛紛出現 微軟的Internet Explore(IE)瀏覽器於1995年發表

  18. 各瀏覽器全球市佔率 各大瀏覽器全球市佔率圓餅圖( 資料來源：StatCounter)

  19. Google Chrome 又稱Google 瀏覽器 Google公司基於其他開放原始碼(OpenSource) 的軟體所開發的網頁瀏覽器。 以穩定性、速度和安全性 做為Google Chrome 開發目標

  20. Apple Safari 蘋果公司所開發的網頁瀏覽器 特色: 以自行研發的WebKit技術來進行 網頁排版及執行JavaScript iPhone、iPad等蘋果公司系列產品指定瀏覽器

  21. Apple Safari Apple Safari瀏覽器畫面

  22. Microsoft Internet Explore • 從Inter Explore 4.0 開始，與微軟所開發的作業系統綁定販售 • 由於和微軟所開發的作業系統綁定，目前仍是全球市佔率最高的瀏覽器 Microsoft Internet Explorer，簡稱IE。 微軟公司所開發的網頁瀏覽器 由一款商業性的專利網頁瀏覽器Spyglass Mosaic 衍生出來。

  23. Firefox 一般稱做火狐瀏覽器，最初叫做Phoenix。 目前全球市場占有率第二高的瀏覽器 由Mozilla 基金會從MozillaApplication Suite 獨立出來，採用開放原始碼

  24. Opera • 在手機平台上，是目前市場佔有率最大的行動瀏覽器之一。 • 在個人電腦上的市佔率，則不及IE、Firefox、Chrome 三大主流瀏覽器。 為Opera Software ASA 公司所開發 Opera 瀏覽器能適用於各種平台與作業系統 包含Mac、PC、Linux、PDA、手機 甚至在遊戲機上

  25. Google Search • 目前搜尋引擎的龍頭 • 由史丹佛大學的兩位博士生於1998創立 • 除了一般輸入關鍵字搜尋外，還有多種進階搜尋方法 CH09 全球資訊網

  26. Google Search 進階搜尋 AND或+ 或 空格 搜尋同時擁有關鍵字A和關鍵字B的資料 例:關鍵字A+關鍵字B 關鍵字A[空格]關鍵字B 關鍵字AAND關鍵字B 注意: AND一定要是大寫，輸入小寫會被google視為一般關鍵字 CH09 全球資訊網

  27. Google Search 進階搜尋 OR 搜尋擁有關鍵字A或關鍵字B的資料 例:關鍵字AOR關鍵字B 注意: OR一定要是大寫，輸入小寫會被google視為一般關鍵字 CH09 全球資訊網

  28. Google Search 進階搜尋 - (減號) 搜尋擁有關鍵字A但排除關鍵字B的資料 例:關鍵字A-關鍵字B 注意: 減號”-”和關鍵字B之間不能有空格 減號“-”為英文字半型符號 CH09 全球資訊網

  29. Google Search 進階搜尋 site: 網址 針對某網站的資源進行進行搜尋 例:關鍵字Asite:tku.edu.tw 注意: OR一定要是大寫，輸入小寫會被google視為一般關鍵字 關鍵字和site之間可不需空格 冒號”:”之後不能有空格，不然site會被視為一般關鍵字 CH09 全球資訊網

  30. Google Search 進階搜尋 filetype: 限制搜尋特定檔案類型 例:關鍵字Afiletype:pdf 注意: 關鍵字和filetype之間可不需空格 冒號”:”之後不能有空格，不然filetype會被視為一般關鍵字 CH09 全球資訊網

  31. Google Search 進階搜尋 .. (兩個點) 搜尋數字範圍 例: 想要找iphone，且價格在18000~22000之間。 可輸入 iphone[空格]$18000..$23000 注意: 必須指定數字範圍所代表的單位，如:$、kg CH09 全球資訊網

  32. Google Search 進階搜尋 “ ” (雙引號) 查詢專有名詞或片語 例: 想找出包含Well begun is half done完整句子的網頁 可輸入 “Well begun is half done” 注意: 雖然一般搜尋也會將整句關鍵字列於搜尋結果中，但有時由於字與字之間的空格。所以可能會被google是為好幾個分開的字詞。而無法搜出完整句子。因此可用此語法搜尋 CH09 全球資訊網

  33. 電子郵件 電子郵件(Electronic Mail,e-mail)，利用電子通訊的技術，來達到傳遞信件的目的。 可利用各種的電子郵件軟體( 例:Outlook Express、Eudora⋯) 或使用各家業者所提供的Web mail 服務，寄送email 。 CH09 全球資訊網

  34. 電子郵件格式 • 電子郵件地址的標準格式為: username@hostname • username為使用者帳號 • hostname為郵件伺服器位址 • @，英文上為at的意思，通常念為at或小老鼠 CH09 全球資訊網

  35. 電子郵件通訊協定 使用電子郵件作收信和送信的動作各會使用到不同的通訊協定 CH09 全球資訊網

  36. Email運作流程圖 SMTP SMTP Access Protocol A的電腦 A的Mail Server B的Mail Server B的電腦 • SMTP: delivery/storage to receiver’s server • Mail access protocol: retrieval from server • POP: Post Office Protocol [RFC 1939] • authorization (agent <-->server) and download • IMAP: Internet Mail Access Protocol [RFC 1730] • more features (more complex) • manipulation of stored msgs on server • HTTP: gmail, Hotmail, Yahoo! Mail, etc. CH09 全球資訊網

  37. Web Mail • 傳統一般使用Outlook等Email軟體收發電子郵件 • 郵件必須下載至本機電腦才可瀏覽內容，長時間累積將造成儲存空間的浪費 • 目前一般使用WWW上的Web mail服務 • 使用瀏覽器即可直接在網頁上瀏覽郵件內容 CH09 全球資訊網

  38. 常見WWW上WebMail服務 CH09 全球資訊網

  39. 3-2Web商務

  40. Web2.0 Web 也就是我們平常所稱的WWW(World Wide Web，全球資訊網) 一般依照網頁類型和網頁內容的提供者，可分為Web1.0和Web2.0

  41. Web2.0 • Web 1.0 1.靜態網頁，與網頁內容提供者或其他瀏覽網頁的訪客叫無互動。 2.網頁內容為網站經營者所提供。 • Web 2.0 1.動態網頁，網路使用者之間互動頻繁 2.所有使用者成為網路內容的提供者，以使用者為中心。

  42. Web2.0 • 目前常見的各種社群網站皆為Web2.0的典型應用 ex:Wiki、Blog、Facebook、Google+、Plurk、Twitter...等。

  43. 維基百科Wikipedia • Wiki 是一種在網路上開放、可供多人協同創作的文字系統。 • 使用Wiki系統的網站稱為Wiki網站 例: 維基百科 • 維基百科是一個動態的、可自由存取和編輯的線上百科全書 • 世界網站流量排名第七大網站與第一大無廣告網站。

  44. 維基百科Wikipedia • 特色: 1.大部分頁面都可以由任何人使用瀏覽器進行閱讀和修改 2.由於內容修改自由度高，使用者對於其內容之準確性產生質疑 維基百科有管理員負責對使用者 發佈的內容進行審核

  45. 部落格 • 已成為一種社會媒體，具一定影響力 • RSS(Really Simple Syndication 或 Rich Site Summary) 1.部落格使用的一種技術 2.訂閱該部落格的RSS，可取得部落格的更新訊息 部落格，由英文Blog而來 是web log 的組合字 使用者可在其部落格上發表文章、相片、影音... 等內容 利用留言、回應等各種方式與部落格的訪客互動 部落格撰寫者稱為部落客(blogger)

  46. 部落格 於目前網路上有許多網站都有提供免費申請個人部落格的服務 例:無名小站、Google 的Blogger、痞客邦PIXNET、yam 天空部落...等

  47. 常見部落格服務提供網站

  48. Twitter • Twitter，中文稱為推特。是國外的一個微網誌服務 • Twitter，英文表示「很弱的脈衝訊號」與「小鳥的啁啾」 • 多平台閱讀與發文 • 可透過即時通訊、SMS、RSS、電子郵件等各種方式來發佈訊息

  49. Plurk • Plurk提供時間軸、背景的主題，供使用者套用，也支持使用CSS 來修改背景主題。 • Karma值 • Plurk使用者的使用率和發言頻率的指標 • Plurk，中文稱為噗浪。 • 與Twitter同為一種微網誌服務 • Plurk目前在臺灣較為流行，市場佔有率遠高於Twitter • 特色: plurk使用時間軸的方式在一條時間軸上顯示了 自己和朋友的所有訊息。

More Related