基本觀念 王文彥 老師.

Slides:



Advertisements
Similar presentations
Excel - 九十七年度教職員工資訊教育訓練 董建弘.
Advertisements

大学计算机基础 主讲:张建国 电话: 实验及交作业网址:
Chapter 5 全球資訊網 5-1 World Wide Web 的誕生 5-2 使用Internet Explorer
Week 1 Date: 19/September/2007 Instructor: 丁一賢 I-Hsien Ting
無線寬頻分享器設定範例 銜接硬體線路 推斷無線基地台的IP 設定無線基地台 相關觀念解釋.
TQC+ JAVA全國教師研習會 PLWeb 程式設計練習平台 簡介.
Chapter 1 網頁程式與 ASP.NET 概論.
第 1 章 使用 APP INVENTOR 2 開發 ANDROID APP
Chapter14 HTML簡介與簡易網頁製作
程式設計概論 1.1 程式設計概論 程式語言的演進 物件導向程式 程式開發流程 1.2 C++開發工具
主講人:資通中心李威頤 校內分機:6111 講義下載: 資料下載
Java簡介.
第一篇 Unix/Linux 操作介面 第 1 章 Unix/Linux 系統概論 第 2 章 開始使用 Unix/Linux
客戶端的檔案上傳 HtmlInputFile檔案控制項 上傳單一檔案 同時上傳多個檔案.
Working with Databases (II) 靜宜大學資管系 楊子青
使用VHDL設計—4位元位移器 通訊一甲 B 楊穎穆.
運用雲端工具提升教學及研究的效率 Victor Gau 5/31/2014.
R教學 安裝RStudio 羅琪老師.
What’s New in HTML5.
Ch01網際網路、HTML 、 Script 、 ASP.NET簡介
網頁切換移轉 JS vs. ASP.NET.
連結資料庫管理系統.
Android App簡介及 App Inventor 2體驗 靜宜大學資管系 楊子青
檔案與磁碟的基本介紹.
系統設定 IE8相容性檢視
Java 程式設計 講師:FrankLin.
檔案傳輸協定(FTP) 9.1 什麼是檔案傳輸協定 9.2 常用的FTP指令 9.3 Windows內建的FTP 9.4 瀏覽器的FTP功能
FTP檔案上傳下載 實務與運用.
網際網路與電腦應用 林偉川 2001/11/08.
指導老師:黃貞芬 老師 專題組員:B 黃育宇 B 魏志軒 B 平震宇
網頁切換移轉 JS vs. ASP.NET.
DHCP for W2K.
多媒體呈現方式的演進 Multimedia Authoring → standalone (movie)
表單(Form).
Topic Introduction—RMI
網頁程式設計 本章投影片錄自HTML5、CSS3、RWD、jQuery Mobile跨裝網頁設計 陳惠貞 著 碁峰資訊股份有限公司出版
圖片格式簡介 張啟中.
App Inventor 2初體驗 靜宜大學資管系 楊子青
(ex. 博客來 Internet上有功能的網站 (ex. 博客來
HTML 5與課程簡介 靜宜大學 資管系 楊子青.
Dreamweaver 8 潘雅真老師.
PowerPoint 2019/4/9.
HTML – 超連結與圖片 資訊教育.
表單(Form).
網頁程式概論 建國科技大學資管系 饒瑞佶 2015/9 V1 2016/4 V2 2016/9 V3.
講師:陳永芳 網際網路資源運用 講師:陳永芳
表格(HTML – FORM).
網際網路與電腦應用 林偉川 2001/10/11.
講師:陳永芳 網際網路與電子郵件應用 講師:陳永芳
Google協作平台+檔案分享(FileZilla+網路芳鄰)
期末考.
教學媒體作業 歷史系99級 楊琇媚. 教學媒體作業 歷史系99級 楊琇媚.
全球資訊網(WWW) 6.1 什麼是WWW 6.2 WWW 伺服器與瀏覽器 6.3 WWW資源的存取
探測工具:NetCat.
(Mobile User music–Sharing Innovation Center)
表格(HTML – FORM)
Video 影像 (VideoPlayer 影像播放器、Camcorder 錄影機) 靜宜大學資管系 楊子青
編輯網頁可用那些應用程式? 記事本 Word FrontPage Dreamweaver.
網站的設計 HTML 超文本標記語言( Hyper Text Markup Language)
從HTML表格到CSS 靜宜大學 資管系 楊子青.
Dreamweaver 進階網頁製作 B 許天彰.
Welcome to my badminton world
使用VHDL設計-8x3編碼電路 通訊一甲 B 楊穎穆.
Brief Guide of FrontPage
國立台灣大學 關懷弱勢族群電腦課程 By 資訊工程 黃振修
第四章 通訊與網路管理 授課老師:褚麗絹.
6.1 動畫檔案的格式 6.2 建立合適的動畫元素.
指導教師:張慶寶 老師 組長:劉明哲 組員:蔡維庭、葉聖鴻、康有成
多站台網路預約系統之 AJAX即時資料更新機制
電腦網絡與教學.
Presentation transcript:

基本觀念 王文彥 老師

WWW 的基礎 「WWW」 ( World Wide Web, 簡稱 Web ) 全球資訊網 簡介 「WWW」 ( World Wide Web, 簡稱 Web ) 全球資訊網 1.在1989 年由歐洲高能粒子協會的研究小組開發 Internet 服務 2.Web 之所以能在網路上傳送圖片、文字、影像和聲音 等多媒體資料, 是由 Tim Berners Lee 領導的小組 開發的主從架構、分散式網路服務系統

WWW 的架構 WWW 全球資訊網是一種主從架構的系統 HTTP請求 客戶端(瀏覽程式) 伺服端(Web 伺服器) HTTP傳回HTML

網頁的資料內容與顯示方式 當我們瀏覽 WWW 網站時, 伺服器傳送給用戶端的網頁是『純文字的 HTML 文件』, HTML 標準定義了許多文字與排版的效果。 而瀏覽器收到網頁後, 即會解析其中的 HTML 標籤, 並將網頁依 HTML 標籤指示的效果顯示出來。 簡單的說, 網頁是以純文字格式的 HTML 語法來定義網頁中的內容及所要使用的物件, 而瀏覽器收到之後, 會進行解析, 然後依照 HTML 所定義的效果, 將內容展示出來。 4

網頁的資料內容與顯示方式

動態網頁技術 瀏覽器解析網頁內的 HTML 語法之後, 即可將豐富的多媒體效果 (圖形、聲音) 顯示於用戶, 所以早期 WWW 網站的製作技術著重於如何撰寫 HTML 語法以展現各種效果。 但隨著 WWW 的應用日漸廣泛, 靜態的效果已無法滿足人們的需求。 雖然 HTTP 傳遞資料的功能仍然不變, 大家開始希望網頁的效果更豐富多樣;或是想要讓網頁依照不同狀況, 顯示不同的訊息;甚至希望網站可以和使用者產生互動的效果。

動態網頁技術

動態網頁技術 因此便陸續出現許多技術以提供動態網頁的效果, 這些技術依照程式執行的位置, 主要可以區分為用戶端與伺服器端兩大類: 用戶端動態網頁技術 (例如:Java Applet、JavaScript):在用戶的瀏覽器執行程式來產生動態網頁。 8

動態網頁技術

動態網頁技術 伺服器端動態網頁技術 (例如:ASP.NET、PHP、JSP):由伺服器執行程式, 產生不同內容的網頁, 再傳送給瀏覽器。 10

動態網頁技術 一般來說, 用戶端動態網頁技術因為是在瀏覽器上執行程式, 所以使用者可以立即得到程式執行結果, 也可減輕伺服器的負擔。 不過因為整個程式需透過網路傳送到用戶端執行, 為避免傳送耗時, 通常程式不會設計得太大, 故功能上大多只用來顯示即時資訊、產生特效等。 而伺服器端動態網頁技術將程式放置於伺服器上執行, 程式設計的彈性相當大, 還可以搭配資料庫系統, 設計出複雜的架構, 例如會員機制、留言板 / 論壇...等。 動態網頁技術雖分為兩大類, 但應用時會依照各種狀況與需求互相搭配使用。 11

什麼是客戶端? 什麼是伺服端? 什麼是 Browser? 什麼是 Web Server? 什麼是客戶端程式? 什麼是伺服端程式?