第1章web基礎知識-read

1、第1章 Web基礎知識,1.1 Internet基礎 1.2 Web簡介 1.3 超文本標記語言HTML 1.4 可擴展標記語言XML 1.5 Web開發(fā)工具 1.6 本章小結,1.1 Internet基礎,1.1.1 Internet概況 l 從網(wǎng)絡互聯(lián)的角度來看 Internet利用成千上萬個具有特殊功能的專用計算機

2、（稱為路由器或網(wǎng)關），通過各種通信線路，把分散在各地的網(wǎng)絡在物理上連接起來。 l   從網(wǎng)絡通信的角度來看 Internet正是依靠TCP/IP協(xié)議才能把各個國家、各個部門、各個機構的內(nèi)部網(wǎng)絡連接起來的超級數(shù)據(jù)通信網(wǎng)。 l 從提供信息資源的角度來看 Interne是一個集各個部門、各個領域內(nèi)信息資源為一體的超級資源網(wǎng)。用戶，

3、都可以通過工具訪問所有的信息資源，查詢各種數(shù)據(jù)庫、信息庫，獲取自己所需的各種信息資料。 l   從網(wǎng)絡管理的角度來看 Internet是一個不受政府或某個組織管理和控制的、包括成千上萬相互協(xié)作的組織和網(wǎng)絡的集合體。連入Internet的每一個網(wǎng)絡成員都自愿地承擔對網(wǎng)絡的管理并支付費用，友好地與相鄰網(wǎng)絡協(xié)作指導Internet上數(shù)據(jù)傳輸，共享網(wǎng)絡資源，并且共同遵守TCP/IP協(xié)議的

4、一切規(guī)定。,1.1 Internet基礎,1.1.2 Interne基本服務功能l 電子郵件（E-mail Electronic Mail）服務 電子郵件是Internet提供的一項最基本的服務，也是Internet用戶使用最頻繁的一種服務 功能。E_Mail 的功能是用于發(fā)送和接受信件，采用簡單郵件傳輸協(xié)議（SMTP）。如圖所示

5、 圖1.1 電子郵件服務l WWW (World Wide Web)服務 WWW簡稱Web，它上集中了全球的信息資源，是存儲和發(fā)布信息的地方，也是人們查詢信息的場所。Internet包含

6、成千上萬的WWW服務器。 Web瀏覽器和服務器用超文本傳輸協(xié)議HTTP協(xié)議來傳輸Web文檔。如圖所示。,1.1 Internet基礎,l 遠程登錄服務（Telnet） 在網(wǎng)上人們常常需要調(diào)用遠程計算機的資源同本地計算機協(xié)同工作，用多臺計算機來共同完成一項較大任務。這種協(xié)同方式要求用戶能夠登錄到遠程計算機中，為此人們開發(fā)了遠程登錄協(xié)議-Telnet。Internet上存在成千

7、上萬個各種主機（大、中、小巨型機）或服務器。用戶可以通過用Telnet連入某個主機，成為該主機的終端而訪問各種所需的信息，或運行遠程主機上的程序來求解各種復雜的問題,再從遠程主機返回服務的結果。 l 文件傳輸服務(FTP File Transfer Protocol) FTP既是一種文件傳輸協(xié)議，也是一種服務，提供這種服務的設施叫做FTP服務器。有了FTP的幫助就能使Internet上

8、兩臺主機間互傳（拷貝）文件。 l 新聞和公告類服務 Internet的新聞和公告類服務主要有電子公告欄（BBS）和網(wǎng)絡新聞組（Usenet）。BBS允許用戶上傳和下載文件，討論和發(fā)布通告，Usenet是針對某個主題的網(wǎng)上新聞組。1.1.3 TCP/IP 協(xié)議 網(wǎng)絡協(xié)議它定義了計算機進行信息交換所必須遵循的規(guī)則。Internet使用的網(wǎng)絡協(xié)議是TCP/IP協(xié)議，TCP/IP協(xié)議是一個協(xié)議集，其中

9、最重要的是TCP協(xié)議和IP協(xié)議。凡是連入Internet的計算機都必須運行TCP/IP協(xié)議。,1.1 Internet基礎,1.1.4 IP地址、域名和URL l IP地址 IP地址是識別Internet網(wǎng)絡中的主機及網(wǎng)絡設備的唯一標識。每個IP地址通常分為網(wǎng)絡地址和主機地址兩部分，長度為32位(4個字節(jié))，書寫時每個字節(jié)用4個十進制數(shù)(0－255)表示，十進制數(shù)之間用“.”分隔即X.X.X

10、.X。例如202.119.106.253。IP地址可分成五類，其中常用的為A、B、C三類。IP地址組成如圖所示。 A類地址用于規(guī)模很大、主機數(shù)目非常多的 網(wǎng)絡，X.Y.Z為主機地址。 B類地址用于中型到大型的網(wǎng)絡。前面2個字 節(jié)為網(wǎng)絡地址，后面Y.Z為主機地址 。 C類地址用于小型本地網(wǎng)絡。前面3個字節(jié)為 網(wǎng)絡地址，后面Z為主機地址。 l 域名

11、 TCP/IP協(xié)議中提供了域名服務系統(tǒng)（DNS），允許為主機分配字符名稱，即域名。在網(wǎng)絡通信時由DNS自動實現(xiàn)域名與IP地址的轉(zhuǎn)換。例如，南京師范大學Web服務器的域名為www.njnu.edu.cn 。Internet中的域名采用分級命名機別，其基本結構如下： 計算機名.三級域名.二級域名.頂級域名,1.1 Internet基礎,頂級域名劃分采用了兩種劃分模式，即組織模式和地理模式。有7個域?qū)诮M織模式，其

12、余的域?qū)诘乩砟Ｊ?，如cn代表中國，us代表美國，jp代表日本等。 互連網(wǎng)的域名管理機構將頂級域的管理權分派給指定的管理機構，各管理機構對其管理的域繼續(xù)進行劃分，即劃分成二級域，并將二級域的管理權授予其下屬的管理機構，依此類推，便形成了樹型域名結構，如圖1.4所示。

13、 圖1.4 樹型域名結構 l 統(tǒng)一資源定位器URL 統(tǒng)一資源定位器URL（Uniform Resource Locator）是用來定位所需信息的具體路徑的方法。URL指定Internet資源要說明它位于哪臺計算機的哪個目錄中,其格式如下： : ///

14、對于Internet，是指Internet的協(xié)議名，指定一個網(wǎng)絡主機的域名或IP地址。在有些情況下，主機域名后還要加上端口號。,1.2 Web簡介,1.2.1 什么是Web Web(World Wide Web)即WWW，又稱環(huán)球網(wǎng)、萬維網(wǎng)、全球信息網(wǎng)等，它是一種體系結構，通過它可以訪問分布于Internet主機上的鏈接文檔。這一說法包含以下幾層含義： l Web是Internet提供的一種服務。 l We

15、b是存儲在全世界Internet計算機中、數(shù)量巨大的文檔的集合。 l Web上的海量信息是由彼此關聯(lián)的文檔組成的，這些文檔稱為主頁或頁面。 l Web的內(nèi)容保存在Web站點中，用戶可通過瀏覽器訪問Web站點。 Web具有以下特點: l Web是一種超文本信息系統(tǒng) l Web是圖形化的和易于導航的 l Web與平臺無關 l Web是分布式的 l Web具有新聞性

16、 l Web是動態(tài)的、交互的 1.2.2 Web工作原理 Web是基于客戶機/服務器的一種體系結構,在Web方式下客戶端軟件常用瀏覽器，,1.2 Web簡介,客戶機向服務器發(fā)送請求，要求執(zhí)行某項任務，而服務器執(zhí)行此項任務，并向客戶機返回響應。 Web服務器向瀏覽器提供服務的步驟 ：1、用戶打開

17、計算機（客戶機），啟動瀏覽器程序，在瀏覽器中指定一個URL，瀏 覽便向該URL所指向的Web服務器發(fā)出請求。2、Web服務器接到瀏覽器請求后，把URL轉(zhuǎn)換成頁面所在服務器上的文件路徑名。3、如果URL指向的是普通的HTML文檔，Web服務器直接將它送給瀏覽器。4、如果HTML文檔中嵌有ASP或CGI程序Web服務器就運行ASP或CGI程序，并將結果傳送至瀏覽器5、URL也可以指向VRML（Vir

18、tual Reality Modeling Language）文檔。,1.2 Web簡介,1.2.3 Web技術 網(wǎng)頁（Homepage）是因特網(wǎng)上從WWW服務器到客戶機的超文本載體，它一般用HTML語言寫成。在網(wǎng)頁中可以嵌入文本、圖形、音頻和視頻信息，網(wǎng)頁是一種多媒體作品。網(wǎng)頁制作又是一種不斷發(fā)展的、綜合許多新技術的工作。 Web動態(tài)技術分為網(wǎng)頁的動態(tài)表現(xiàn)技術與網(wǎng)頁的動態(tài)交

19、互技術。前者是網(wǎng)頁外觀表現(xiàn)技術,后者是網(wǎng)頁的內(nèi)容更新技術。 網(wǎng)頁的動態(tài)表現(xiàn)技術是指在瀏覽器端的動態(tài)網(wǎng)頁，也就是DHTML（Dynamic HTML）。DHTML是在HTML基礎上擴展出來的幾種新功能的總稱。 動態(tài)內(nèi)容交互是指就是指網(wǎng)頁內(nèi)含有在服務器端執(zhí)行的程序代碼，當客戶端向服務器端提出請求時，程序的代碼會先在服務器端執(zhí)行，然后再將Web服務器端執(zhí)行的結果傳送給瀏覽器。Web服務器端執(zhí)行的

20、程序一般有CGI、ASP、JSP、PHP等。,1.2 Web簡介,Web正高速發(fā)展基本技術： 1、服務器技術 2、 HTML/DHTML技術 3、Java技術 4、JavaScript技術 5、ActiveX技術和VBScript技術 6、VRML技術 7、XML技術 8、CGI技術 9、服務器API技術

21、 10、ASP技術 11、ASP.NET技術 ASP.NET是面向下一代企業(yè)級的網(wǎng)絡計算Web平臺，是對傳統(tǒng)ASP技術的重大升級和更新。ASP.NET是建立.NET Framework的公共語言運行庫上的編程框架，可用于在服務器上生成功能強大的Web應用程序。,1.3超文本標記語言HTML,1.3.1 HTML文檔的基本構成 支持HTTP的瀏覽器均為圖形用戶界面(GUI)，GUI通常

22、由標題欄和窗口作為其最基本的構成，對應于HTML文檔中的頭“HEAD”和體“BODY”。 基本HTML頁面以標簽開始，以結束。HEAD部分用…標簽界定，一般包含網(wǎng)頁標題。BODY部分是網(wǎng)頁的主體，內(nèi)容均會反映在頁面上，頁面形式如下： …… .......  []

23、 [] 其中屬性是為標簽實現(xiàn)某種功能而提供的一些具體參數(shù)，具體用屬性值來定義。HTML語言規(guī)定，屬性寫在標簽名的后面。,1.3超文本標記語言HTML,【例1.1】使用HTML設計一個簡單的網(wǎng)頁。 An Example. Hello! This is

24、an example! 用瀏覽器將打開它，將顯示圖的頁面。1.3.2 用HTML語言制作網(wǎng)頁l 為網(wǎng)頁加入標題 網(wǎng)頁標題總是加在Head部分，瀏覽該網(wǎng)頁時它會出現(xiàn)在瀏覽器窗口的標題欄中。表示標題的語法是： 標題字符串l 在網(wǎng)頁中顯示文本信息 任何欲在網(wǎng)頁中顯示的文本串可直接嵌入在BODY中。但文本若需分段、規(guī)定顯示格式則需加入標簽控制。以下是用于文本控制的

25、一些標簽  … 分段標簽，分別表示段落的開始和結束，也可單用一個標簽。 …. 居中標簽，包容的內(nèi)容顯示時居中。,1.3超文本標記語言HTML,…、 、、、、 項目標題標簽，每對標簽定義一種字符串格式，共六種，字號依次減小。 … 無序表標簽     … 有序表標簽    

26、0;… 目錄表標簽 … 菜單列表標簽 無序表、有序表、目錄表、菜單列表均指網(wǎng)頁中若干項可列表顯示的數(shù)據(jù)項目，相同的文本內(nèi)容用不同的標簽定義會出現(xiàn)不同的顯示格式，上述標簽及其子標簽-項目標簽被用來定義相應的數(shù)據(jù)項列表。例如： 定義一個有序表 First Item有序表的第一項 Second Item有序表的第二項

27、     … 定義列表標簽，和其子標簽和配合使用，用來控制數(shù)據(jù)項目的顯示，類似于術語及其定義的書寫格式        在文本中插入行中斷的標簽,1.3超文本標記語言HTML,【例1.2】在一個在網(wǎng)頁中分段顯示不同格式文本的HTML代碼。 Display Text This fi

28、rst paragraph! ；定義一個段落文本 This second paragraph! ；定義另一個段落 This is heading 1!；定義文本顯示為H1格式 This is heading 6!；定義文本顯示為H6格式 This

29、 is first item；定義兩個項目的無序表顯示格式 This is second item ；定義一個定義表顯示格式 www www stands for world wide web

30、 該文檔在瀏覽器中顯示如右圖所示。,1.3超文本標記語言HTML,在網(wǎng)頁中加入超鏈接 超鏈接是網(wǎng)頁的核心，正是超鏈接技術使Internet漫游夢想成真。 錨標格式： 超鏈接提示 ，其中URL是統(tǒng)一資源定位地址， 即鏈接的目標位置。 例如：在網(wǎng)頁上加入一個到搜狐網(wǎng)站的鏈接，可在HTML文檔中插入如下語句： 搜狐 l

31、在網(wǎng)頁中插入圖片目前在HTML文檔中流行兩種圖像文件格式：JPEG和GIF。 1、圖片的插入 標簽用于在網(wǎng)頁中插入圖片。標簽的常用屬性有：SRC、ALT、ALIGN等。 l  SRC屬性：定義圖像的來源，其值為帶路徑的圖像文件名 l  ALT屬性：用來替代圖片的字符串，通常會是圖片的說明。 l ALIGN屬性：定義圖片的對齊方式 2、建立圖像鏈接

32、 圖像鏈接指利用一幅圖像做鏈接導引，在和之間嵌入標簽便可實現(xiàn)。,1.3超文本標記語言HTML,網(wǎng)頁中表的定義和應用 1、表定義 表由若干行、列的單元格組成，表的第一行通常稱之為表頭。與表定義相關的標簽有： l  …. 用來界定一張表。它有一個屬性Border，其值用來設置表格線的粗細，單位是象素點。 l    定義表的一行 l &

33、#160; 定義表頭。其屬性Align表示表頭內(nèi)容的對齊方式 l   定義單元格(Cell)數(shù)據(jù)，有一個就有一個單元格。也支持Align屬性。 【例1.3】下列HTML語句定義一張表結構，在瀏覽器中的顯示如圖所示。 表格標記應用課表 節(jié)次星期一星期二星期三 星期四星期五

34、 1、2專業(yè)英語操作系統(tǒng) 網(wǎng)絡基礎專業(yè)英語數(shù)據(jù)庫,1.3超文本標記語言HTML, 3、4Java數(shù)據(jù)庫 實驗Java操作系統(tǒng) 5、6網(wǎng)絡基礎實驗 實驗

35、實驗操作系統(tǒng) 2、表的應用 表格標簽的一些屬性對版面布局非常有用，主要有： l     align=left

36、 | center| right；表的對齊方式 l     width=象素點|百分比值%；表的寬度 l     border=象素點；表邊框粗細,1.3 超文本標記語言HTML,l     cellspacing=象素點 ；表中單元格間的間隔寬度

37、 l     cellpadding=象素點 ；表中單元格邊界與內(nèi)容的間隔距離的主要屬性有： l     align=left | center | right ；單元格內(nèi)容的水平對齊方式 l     valign=top | middle | bottom | basel

38、ine ；單元格內(nèi)容的垂直對齊方式 l     rowspan=n ；本單元格占n行 l     colspan=n ；本單元格占n列 l nowrap ；自動換行屬性 l 使用框架（FRAME）分割窗口 用HT

39、ML的…標簽可以設計顯示為多個分欄的效果，每個分欄被稱之為一個框架。每個框架中顯示一個HTML文檔。使用框架的HTML文檔的結構與其他HTML文檔不同，它不使用標簽，而使用標簽。其基本結構如下： ；將瀏覽器水平分割成若干個框架 ；定義在第一個框架中顯示的文檔 ；定義在第二個框架中顯示的文檔 … l 網(wǎng)

40、頁中注釋 生成注釋 注釋標簽的功能起注釋作用，它在HTML文件中生成一個空格,容納不在頁面上出現(xiàn)的內(nèi)容。,1.4 可擴展標記語言XML,可擴展標記語言XML（eXtensible Markup Language）是為了克服HTML缺乏靈活性和伸縮性的缺點以及SGML過于復雜、不利于軟件應用的缺點而發(fā)展起來的一種元標記語言。 XML的用途主要有兩個： 1、作為元標記語言，定義各種實例標記

41、語言標準； 2、作為標準交換語言，擔負起描述交換數(shù)據(jù)的作用。XML結合了SGML功能強大和HTML易用性的特點，是未來網(wǎng)絡科技的第二代HTML語言。 【例1.4】XML與HTML的比較。 Here we have some text This is a heading This bit is normal text This is some bold

42、 text And finally some more normal text 如果上面的代碼是HTML文檔，將其加載到瀏覽器，就會顯示如圖所示的結果，其作用是格式化文檔。 如果上面的代碼是XML文檔，那么其中的標記就不具有任何含義。瀏覽器只是把這些標記原封不動地顯示出來。,1.4 可擴展標記語言XML,XML文檔由專門的樣式文檔來執(zhí)行，可以是級聯(lián)樣式單CSS 或是可擴

43、展樣式表語言XSL。HTML的標記是給定的，用戶不能增加需要使用的新標記，所以它不易擴展，而XML標記是可以擴展的，用戶可以根據(jù)需要定義新的標記。 XML的標記是區(qū)分大小寫的。一個XML文檔只能有一個根標記，其他標記分層嵌套，從而形成一棵標記樹。XML元素由一個開始標記和一個結束標記組成，它可以包含其他子元素。HTML中的某些元素不一定需要一個結束標記（比如，LI和BR元素），并且某些屬性不需要用引號

44、引起來。但XML中的所有元素都必須有結束標記，同時所有屬性都要用引號引起來。例如： 李明 06/10/1980 99999999 ,1.4 可擴展標記語言XML,【例1.5】使用XML在瀏覽器中顯示員工的姓名、出生日期與電話號碼等信息。 1、編輯XML源文件。在記事本或其他文本編輯器中輸入以下代碼，以ex1-002.xml存盤。

45、 李明 06/10/1982 66666666 王華 12/12/1973

46、88888888 ,1.4 可擴展標記語言XML,2、編輯XSL樣式文件。在編輯器中輸入以下樣式文件，并以ex1-002.xsl的擴展名存盤。 姓名 出生年月 電話號碼

47、 3、 顯示輸出結果 在瀏覽器中使用ex1-00.xsl樣式文件顯示ex1-002.xml文件，結果如圖所示,1.5 Web開發(fā)工具,1.5.1網(wǎng)頁設計

48、工具 1. FrontPage 2000 2. Dreamweaver MX 3. Fireworks MX4. Flash MX 1.5.2 Web編程工具 目前，最常用的三種動態(tài)網(wǎng)頁交互技術有：ASP(Active Server Pages)JSP(JavaServer Pages) PHP (Hypertext Preprocessor)。 ASP、P

49、HP、JSP三者都提供在 HTML代碼中混合某種程序代碼、由語言引擎解釋執(zhí)行程序代碼的能力。,1.5 Web開發(fā)工具,1. ASP ASP（ Active Server Pages）是一套微軟開發(fā)服務器端腳本環(huán)境，ASP內(nèi)含于IIS 3.0及以后版本之中，通過ASP可結合HTML網(wǎng)頁、ASP指令和ActiveX組件建立動態(tài)、交互且高效的Web服務器應用程序。ASP應用程序可以手工編碼制作，也可以通過Dreamweave

50、r MX等可視化工具創(chuàng)作生成。 2. PHP PHP（Hypertext Preprocesso超文本預處理器）是一種易學習和使用的服務器端腳本語言。PHP除了能夠操作頁面，還能發(fā)送HTTP的標題；它不需要特殊的開發(fā)環(huán)境和IDE；它不僅支持多種數(shù)據(jù)庫，還支持多種通信協(xié)議；另外，PHP還具有極強的兼容性。 3. JSP JSP與Microsoft的ASP技術非常相似。兩者都提供在HTML代碼中混合某種

51、程序代碼、由語言擎解釋執(zhí)行程序代碼的功能。與ASP一樣，JSP中的Java代碼均在服務器端執(zhí)行。 JSP與ASP雖然有很多相似之處，但兩者也有重要區(qū)別：第一，ASP的編程語言是VBScript之類的腳本語言，JSP使用的是Java；第二，兩種語言引擎用完全不同的方式處理頁面中嵌入的程序代碼。,1.6 本章小結,本章主要介紹了Web編程的基礎知識，包括Web的基本概念和工作原理、Internet、IP地址、域名和統(tǒng)一資源定

52、位器URL、超文本標記語言HTML以及可擴展標記語言XML。 Web是一種基于客戶機/服務器、采用Internet網(wǎng)絡協(xié)議的體系結構，是一種基于Internet的超文本信息系統(tǒng)，它涉及到Web的許多技術，包括服務器技術、HTML技術、ASP技術、Java技術、ActiveX技術等。本章重點介紹了動態(tài)網(wǎng)頁技術，為以后學習ASP.NET程序的設計方法和開發(fā)技術作好準備。 習題 1.