【正文】 件傳輸 FTP 電子公告牌 BBS 萬維網(wǎng) WWW 電子郵件 Email 遠程登錄 Tel 中文名 英文名 Inter的基本實現(xiàn)技術 ? 分組交換原理 ? 信息在 Inter上被分成許多小數(shù)據(jù)包（分組）進行傳輸，到達目的地后將數(shù)據(jù)包重組為信息 ? TCP/IP協(xié)議簇 ? Inter是工作在一個分層協(xié)議 TCP/IP協(xié)議簇上的 ? IP協(xié)議規(guī)定 Inter中的每一臺計算機有一個標識 ——IP地址（ ） TCP／ IP協(xié)議分層模型 ?TCP／ IP是一個分層的模型，共分為 4層，每層由一系列協(xié)議構成 負責預防羅中的連接截止打交道，定義互連設備之間接口的電氣特性和其他物理特性 物理層 將傳輸層形成的一段一段的信息打成IP數(shù)據(jù)包，在包頭中添入地址信息，然后選擇好發(fā)送的路徑（路由），主要協(xié)議是英特網(wǎng)協(xié)議 IP。保證對方收到可靠的信息，主要協(xié)議有傳輸控制協(xié)議 TCP， 用戶數(shù)據(jù)報協(xié)議 UDP 傳輸層 負責用戶程序之間的交流，該層協(xié)議有超文本傳輸協(xié)議 HTTP， 文件傳輸協(xié)議 FTP， 簡單郵件傳輸協(xié)議 SMTP等 應用層 主要功能及協(xié)議 層名 Web是什么 … ? Web的名稱 ? Web又稱做萬維網(wǎng)或環(huán)球網(wǎng)，是 WWW（ World Wide Web）的簡稱 ? Web的功能 ? 發(fā)布信息 ? 搜索和瀏覽文本和圖片信息 ? 在線播放音、視頻文件 ? 發(fā)表觀點 ? 電子購物 … Web是什么 ? Web的實質(zhì) ? Web是基于 Inter的一個多媒體信息服務系統(tǒng) ? 它基于客戶 /服務器模式， 整個系統(tǒng)由 Web服務器、 瀏覽器（ Browser） 和通信協(xié)議等三部分組成 ? 通信協(xié)議采用的是 HTTP協(xié)議 ? 協(xié)議 HTTP協(xié)議是超文本傳輸協(xié)議（ Hypertext Transfer Protocol） 的簡寫 ， HTTP協(xié)議處于 TCP/IP協(xié)議簇的應用層 Web的協(xié)議 HTTP協(xié)議 ? HTTP協(xié)議的特點 ? HTTP是基于客戶 /服務器模式且是面向連接的 ? HTTP能夠傳送任意類型數(shù)據(jù)對象 ? HTTP連接是一種一次性連接，每次連接只處理一個請求 ? HTTP是一種無狀態(tài)協(xié)議， 即服務器不保留與客戶交易時的任何狀態(tài) ? HTTP的默認 TCP端口是 80 HTTP的主要請求指令 ? HTTP協(xié)議的方法 ? HTTP規(guī)范定義了七種請求方法，常用的請求方法是 GET和 POST ? GET: 該方法的目的是取回由 URL指定的資源，主要用于取回由一個超文本鏈所定義的對象 ? POST: 當客戶向服務器傳送大量數(shù)據(jù)，要求服務器和公共網(wǎng)關接口 CGI（ Common Gateway Interface） 程序作進一步處理時要使用 POST方法。這時， FORM內(nèi)容的 URL編碼將隨請求一起發(fā)出 Web工作原理 … ? 基本原理概述 ? 在 Web服務器上， 主要以網(wǎng)頁（ Home Page） 的形式來發(fā)布多媒體信息 ? 網(wǎng)頁采用超文本標記語言 HTML（ Hyper Text Markup Language） 來編寫 ? 當瀏覽器軟件連接到 Web服務器并獲取網(wǎng)頁后， 通過對網(wǎng)頁 HTML文檔的解釋執(zhí)行將網(wǎng)頁所包含的信息顯示在用戶的屏幕上 … Web工作原理 … ? Web的基本組織形式 ? Web是一個超文本文件的集合 ? 超文本文件是 Web的基本組成單元，也稱為網(wǎng)頁或 HTML文檔、 Web頁等，通常是以 .html或 .htm為后綴的文件 ? Web頁之間通過超文本中的超級鏈接組織在一起 … Web工作原理 … ? 什么是超文本 ? 是多種格式和存儲位置均不同的文件，通過某種方式組織在一起共同來表述一件事情的組織形式 ? 超級鏈接是超文本用來串連信息的 “ 繩索 “ ，又叫做 URL … Web工作原理 … ? 超文本的 “ 繩索 ” — —超鏈接 ? 超文本中除了要傳達的文字圖片等信息外，還包括一類很重要的信息 超級鏈接 ? 超鏈接指向的是一個用 URL標識的網(wǎng)絡資源（文件，圖片，媒體等） ? 網(wǎng)頁中有超鏈接的文字或圖片一般有特殊的顯示方式（下劃線或手形鼠標） … Web工作原理 … ? Web的編寫語言 ? HTML（ HyperText Markup Language， 超文本標記語言 ） 是編寫Web頁的語言 ? HTML語言使用帶有尖括號的 “ 標記 ” 將網(wǎng)頁中的內(nèi)容逐一標識出來（被標識的部分叫做 ”元素 ” ），這樣做可以讓網(wǎng)頁以字符流的方式在網(wǎng)絡中流動，在用戶端使用特殊的軟件（瀏覽器）對這些字符流進行翻譯并按照標識的要求顯示出來 ? HTML是一個擴展性很強的語言，可以嵌套用腳本語言編寫的程序段 ? 這些腳本語言如： VBScript， JavaScript … Web工作原理 ? Web信息的交互方式 ? Web中的信息（以超文本的形式）是通過一種一問一答的方式進行交互的，這種方式叫做客戶 /服務模式 ? 網(wǎng)絡瀏覽器作為客戶端提出訪問某個網(wǎng)頁的請求， Web服務器作為服務端做出應答并把這個網(wǎng)頁發(fā)送給瀏覽器 Web瀏覽器 … ? Web瀏覽器的作用 ? 代理訪問者提交請求 ? 作為 HTML解釋器和內(nèi)嵌腳本程序執(zhí)行器 ? 用圖形化的方式顯示 HTML文檔 … Web服務器 ? 主要 Web服務器產(chǎn)品 ? 微軟的 IIS（ InterInformation Server） ? 微軟的 PERSONAL Web SERVER ? SYBASE 的 SYBASE EASERVER ? APACHE Web SERVER （ 自由軟件） 任務 11：使用瀏覽器下載查看網(wǎng)頁源代碼 ? 使用瀏覽器下載查看網(wǎng)頁源代碼 ? 下載網(wǎng)頁，并使用源代碼查看功能瀏覽網(wǎng)頁源代碼 動態(tài) Web ? 什么是動態(tài) Web ? 能夠動態(tài)地安排 Web頁面元素的顯示方式 ? Web頁具有動態(tài)交互性。（比如讓文字走動） ? 響應用戶鼠標和鍵盤消息 ? 根據(jù)用戶的軟硬件環(huán)境決定頁面的顯示（比如瀏覽器的版本） … 動態(tài) Web開發(fā)技術 客戶端技術 … ? 主要的客戶端技術 ? 腳本語言 ? VBScript ? JavaScript ? 可下載組件 ? ActiveX ? Java Applet … 動態(tài) Web開發(fā)技術 … ? 服務器端技術的主要作用 ? 用戶信息的收集和登記 ? 用戶訪問行為的記錄 ? 根據(jù)用戶提交的請求和查詢關鍵字訪問數(shù)據(jù)庫并以 HTML頁面的方式返回結果 … 動態(tài) Web開發(fā)技術 ? 主要的服務器端技術 ? ASP （ Active Server Page） ? PHP （ Hypertext Preprocessor） ? JSP （ Java Server Page ） 總結 ? WWW是實質(zhì)上是一個超文本信息系統(tǒng) ? 超文本是由一種叫做 HTML的標記語言編寫的 網(wǎng)頁編程基礎： HTML 第 2 章 : HTMLamp。在一些操作系統(tǒng)中比如 dos對擴展名的位數(shù)有限制 (3位 ) HTML基本語法 … ? 一般來說， HTML的語法有三種表達方式，如下所示： ? 標記 內(nèi)容 /標記 ? 標記屬性 1=參數(shù) 1 屬性 2=參數(shù) 2內(nèi)容 /標記 ? 標記 … HTML基本語法 … ? 標記 內(nèi)容 /標記 封閉類型標記 ? 大多數(shù)標記是封閉類型的，它們成對出現(xiàn)，在內(nèi)容的前面是一個標記，而在內(nèi)容的后面是另一個標記，第二個標記元素前帶有反斜線，表明結束標記對內(nèi)容的控制 ? 如果一個應該封閉的標記沒有被封閉，則會產(chǎn)生意料不到的錯誤 ? 示例： h1這是標題 /h1 … HTML基本語法 … ? 標記屬性 1 =參數(shù) 1 屬性 2 =參數(shù) 2內(nèi)容 /標記 ? 利用屬性可以進一步設置內(nèi)容某方面的屬性 ? 參數(shù)則是設置的結果 ? 例如： ? p title=”這里有一個段落 ” 段落一 /p ? 設置了標記 p的 title屬性 ? 一個標記的屬性可能不止一個，可以在描述完一個屬性后，輸入一個空格，然后繼續(xù)描述其他屬性 段落標記 屬性 參數(shù) 段落標記 … HTML基本語法 … ? 標記 （空標記） 非封閉類型標記 ? 最常用的是換行標記 br ? 如果希望使一行文字換行（但是仍然同上面的文字屬于一個段落），則可以在文字要換行的地方添加標記 br ， 例如： ? 此類型還有 Base,link,meta標記等 p這是一段完整的段落 br中間被換行處理 /p … HTML基本語法 ? 標記嵌套 ? 標記之間可以相互嵌套，形成更為復雜的語法 ? 例如： ? 在嵌套標記時需要注意標記的嵌套順序 ? 例如： bi這是一段是粗斜體的文本 /i/b bi這是一段是粗斜體的文本 /b/i HTML文檔的結構 ? 一個 HTML文檔可以看成由以下三個部分構成： ? 版本信息 ? 文件頭 ? 由 HEAD /HEAD標識 ? 文檔主體部分 ? 由 BODY/BODY標記標識 典型的 HTML文檔結構 版本信息 ? 文檔類型定義 (DOCUMENT TYPE DEFINITION， DTD)：對文檔中使用的 HTML語言的版本進行說明 !DOCTYPE HTML PUBLIC //W3C//DTD HTML .dtd DTD的種類 … ? HTML Strict DTD： 不包含那些 ” 遭到反對的 ” 的和在框架中出現(xiàn)的元素和屬性 ? 聲明方式 ? !DOCTYPE HTML PUBLIC //W3C//DTD HTML … DTD的種類 … ? HTML Transitional DTD ： 包括出現(xiàn)在 strict DTD中的所有元素和屬性另外還包括 ” 遭到反對的 ” 元素和屬性 ? 聲明方式 ? !DOCTYPE HTML PUBLIC //W3C//DTD HTML Transitional//EN“ … DTD的種類 ? HTML Frameset DTD： 包括出現(xiàn)在 Transitional DTD中的所有元素和屬性另外還包括框架元素和屬性 ? 聲明方式 ? !DOCTYPE HTML PUBLIC //W3C//DTD HTML Frameset//EN 文件頭元素 ? HEAD/HEAD ? HEAD元素包含了與當前文檔相關的信息，如文檔的標題、關鍵字（如果該文檔希望被搜索引擎搜索到，各部分信息很重要）、以及一些和文檔內(nèi)容無關僅對文檔本身進行說明的數(shù)據(jù)信息 文件頭元素語法 ? 開始標記 ： head 可選 ? 內(nèi)容 ： ? title 標題元素 ? base 文檔基礎目錄元素 ? meta 元數(shù)據(jù)元素 ? script 腳本元素 ? style 內(nèi)部樣式表的樣式元素 ? link 鏈接元素 連接到外部樣式表 ? object 對象元素 ? 結束標記： /head 可選 文件頭元素的屬性 ? head元素主要屬性 ? Lang： 語言 ? Dir： 文本方向 ? Profile： 元數(shù)據(jù)的 URL 標題元素 ? title/title元素 ? 標題元素的內(nèi)容出現(xiàn)在瀏覽器頂部 ? 沒有屬性 ? 必需出現(xiàn)在 head元素中且只能由一個標題元素 Title標題元素 元數(shù)據(jù)元素 ? meta元數(shù)據(jù)元素 ? meta 的意思是 “ 關于 ” ? 它是關于某個網(wǎng)頁的基本信息 ? 搜索引擎對 meta元素中數(shù)據(jù)進行搜索可以幫助訪問者找到該網(wǎng)頁 META的屬性 META的屬性 作用 name屬性 指定特性名 content屬性 指定特性的值 equiv屬性 使得 HTTP服務器根據(jù) equiv屬性的值獲取 響應信息頭 ,以便可以讓瀏覽器按某種指定的方式顯示頁面 META的作用舉例 … ? 給網(wǎng)頁添加說明（比如網(wǎng)頁的作者，關鍵字等） ? meta name=Author content=Dave Raggett ? 讓網(wǎng)頁可以按關鍵字被搜索到