第10章在網頁加入音效與影片.pptVIP

網站架構與網頁設計基礎 網站架構 何謂三層式架構?Web-based System? Web-based System的特色為何? 試想網際網路的精神? 網路重要的TCP/IP 網路協定 TCP/IP 網路協定 TCP/IP 網路協定 什麼是 IP 位址? 何謂DNS 網域名稱? 認識全球資訊網 什麼是 WWW?WWW (World Wide Web)是一個執行於 Internet 上的全球性的、互動的、動態的、跨平台的、分散的圖形超連結資訊系統 起緣於歐能物理實理室(CERN)，由二位研究員所建立的通訊協定：超文字傳輸協定(HTTP：HyperText Transfer Protocol)，以用來與世界各國的研究學者交換研究計畫中的多媒體資訊 認識全球資訊網 全球資訊網的概念 三層式架構與Web-Based System 超連結 超連結是一個連接至其他網頁或檔案的指標 URL:Uniform Resource Locators URL指定檔案的位置及所要求的服務 http 例: .tw ftp 例: .tw/drivers/hplj2000.zip mailto 例: mailto:tung@.tw telnet 例: telnet://.tw file 例: file:///c:/drivers/accon/en2209.zip 網頁的概念 全球資訊網中的基本文件稱為網頁 網頁是以一種稱為 HTML (HyperText Markup Language)的語言所寫成的 HTML 文件中包含文字及一些標籤(tags)， 以提供有關文件的結構、外觀及內容等資訊 是否必須學習 HTML 才能設計網頁? 什麼是首頁(Home Page)? 網站目錄與檔案架構 目錄如何有組織地建立? 檔案如何正確地擺放? Web Presentation 剖析 Step 1 先想想你要在Web上提供什麼資料? Personal Information Hobbies or Special Interests Publications Company Profiles Online Documentation Shopping Catalogs Polling and Opinion Gathering Anything Else… Step 2 and Step 3 設定目標：想讓人家從你網頁上得到什麼資訊？ 將內容切割成主要單元 Example: 恰克與飛鳥歌迷站 歷史 成員介紹 曾發行的唱片 詞曲集錦 唱片封面 最新資訊 ... Step 4 Step 5 Structure and Navigation(組織與導覽) Hierarchies Linear Linear with Alternatives Combination of Linear and Hierarchical Web Make a Storyboard (寫分鏡劇本) Hierarchical 適合的網站 百科全書 個人網站 有階層性概念的網站 建議提供的導覽方式 上一層 下一層 第一層 2 Level to 3 Level Linear 適合的網站 Online Material with a very linear structure offline 食譜 DIY組裝手冊 建議提供的導覽方式 上一頁 下一頁 Home Linear with Alternatives 適合的網站 軟體安裝手冊（隨作業系統不同而有小差別） 建議提供的導覽方式 Linear 原有的方式 Skip forward or back in the chain Combination of Linear and Hierarchical 適合的網站 FAQ 劇本 建議提供的導覽方式 上一頁 下一頁 上一層 回首頁 Allow crossing hierarchical boundaries? Web 建議提供的導覽方式 回首頁 提供Sitemap * 清雲科技大學資管系 歐陽芳泉 連線前 連線後 樹人路 56 58 60 20 0 00 05 Gateway 54 Gateway 54 Net Mask ● TW JP COM GOV ... ... GOV ORG EDU COM NCU NTU 104 YAM 網頁連結、影片、聲音、或程式 /download/default.asp how where what Web Presentation Web Pages/Documents (A single file on a Web server) Home Page (top of a web presentation) General S