《計算機網(wǎng)絡(luò)應(yīng)用教學(xué)》計算機網(wǎng)絡(luò)應(yīng)用之四_第1頁
《計算機網(wǎng)絡(luò)應(yīng)用教學(xué)》計算機網(wǎng)絡(luò)應(yīng)用之四_第2頁
《計算機網(wǎng)絡(luò)應(yīng)用教學(xué)》計算機網(wǎng)絡(luò)應(yīng)用之四_第3頁
《計算機網(wǎng)絡(luò)應(yīng)用教學(xué)》計算機網(wǎng)絡(luò)應(yīng)用之四_第4頁
《計算機網(wǎng)絡(luò)應(yīng)用教學(xué)》計算機網(wǎng)絡(luò)應(yīng)用之四_第5頁
已閱讀5頁,還剩37頁未讀 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

計算機網(wǎng)絡(luò)應(yīng)用編輯ppt課程安排搜索引擎的原理與使用技巧文件傳輸共享與FTP服務(wù)器的配置和使用電子郵件原理與郵件客戶端的配置和使用WWW服務(wù)、網(wǎng)頁設(shè)計基礎(chǔ)及WEB服務(wù)器的配置和使用流媒體基礎(chǔ)知識及流媒體服務(wù)器的配置和使用路由器與網(wǎng)絡(luò)連接共享等常用網(wǎng)絡(luò)配置技巧Windows常用網(wǎng)絡(luò)命令實驗報告一次(兩項)編輯pptWeb的基本概念Web是什么?

Web是WorldWideWeb(WWW)的簡稱,譯為萬維網(wǎng),它是因特網(wǎng)上的一種分布式信息服務(wù)系統(tǒng),并已成為集成其他信息服務(wù)的門戶。萬維網(wǎng)站點A萬維網(wǎng)站點C萬維網(wǎng)站點E萬維網(wǎng)站點D萬維網(wǎng)站點B鏈接到鏈接到鏈接到鏈接到鏈接到鏈接到編輯pptWeb的基本概念Web的特點1.Web是非線性的:想要了解網(wǎng)頁上某一個主題的內(nèi)容只要在這個主題上點擊一下,就可以跳轉(zhuǎn)到關(guān)于這一主題的網(wǎng)頁上。文本不再象書一樣是線性的,而是可以從一個位置跳到另外的位置。2.Web是分布式的:Web可以使不同站點的信息在邏輯上一體化,從用戶看來這些信息是一體的。3.Web是多媒體化的:Web可以將數(shù)據(jù)、文本、圖形、動畫、視頻和音頻集成在一起。4.Web是可以交互的:用戶通過填寫表單向服務(wù)器提交請求,服務(wù)器可以根據(jù)用戶的請求返回相應(yīng)信息。5.Web是平臺無關(guān)的:無論從Windows、Linux、UNIX、Macintosh還是別的什么平臺,都可以通過瀏覽器(browser)訪問Web。編輯pptWeb的基本概念Web技術(shù)發(fā)展簡史1989年,歐洲粒子物理實驗室(CERN)的TimBerners-Lee構(gòu)思了Web(萬維網(wǎng))。他提出了HTTP協(xié)議和HTML語言,編寫了世界上第一個Web服務(wù)器HTTPD和第一個瀏覽器,并全部放在互聯(lián)網(wǎng)上免費傳播。

/People/Berners-Lee/1994年,歐洲粒子物理實驗室(CERN)和麻省理工學(xué)院(MIT)簽訂協(xié)議成立WorldWideWebConsortium(即W3C,網(wǎng)址是),由TimBerners-Lee任主席。編輯pptWeb的基本概念Web技術(shù)的應(yīng)用現(xiàn)狀Web頁面簡單易用,推動了因特網(wǎng)的普及,加快了世界信息化的進程。Web頁面標準通用,簡化了網(wǎng)絡(luò)軟件的開發(fā),引起了軟件業(yè)的革命。Web1.0傳統(tǒng)的主要為單向向用戶傳遞信息的Web應(yīng)用Web2.0核心:互動、分享與關(guān)系(不是一個技術(shù)標準)ThetermWeb2.0iscommonlyassociatedwithwebapplicationsthatfacilitateinteractiveinformationsharing,interoperability,user-centereddesignandcollaborationontheWorldWideWeb.博客、百科、社交網(wǎng)站、P2P、IMWeb3.0關(guān)于如何定義Web3.0,及其所代表的含義的爭論非常激烈無處不聯(lián)網(wǎng):移動互聯(lián)網(wǎng)網(wǎng)絡(luò)計算:SaaS軟件即服務(wù),網(wǎng)格計算、云計算WebvsNativeAppWeb:跨平臺、即需即用、一致性、自由開放、實現(xiàn)和分發(fā)新產(chǎn)品新內(nèi)容成本低NativeApp:性能、用戶體驗

編輯pptWeb的基本概念Web系統(tǒng)的構(gòu)成Web服務(wù)器Web瀏覽器超文本傳輸協(xié)議HTTP(HyperTextTransferProtocol)超文本標記語言HTML(HyperTextMarkupLanguage)

Web服務(wù)器Web瀏覽器HTTP請求HTTP響應(yīng)編輯pptWeb系統(tǒng)的工作過程因特網(wǎng)服務(wù)器鏈接到URL的超鏈HTTP使用此TCP連接瀏覽器程序服務(wù)器程序HTTP客戶北京郵電大學(xué)建立TCP連接釋放TCP連接HTTP響應(yīng)報文響應(yīng)文檔HTTP請求報文請求文檔編輯ppt用戶點擊鼠標后所發(fā)生的事件(1)瀏覽器分析超鏈指向頁面的URL。(2)瀏覽器向DNS請求解析

的IP地址。(3)域名系統(tǒng)DNS解析出北京郵電大學(xué)服務(wù)器的IP地址。(4)瀏覽器與服務(wù)器建立TCP連接(5)瀏覽器發(fā)出取文件命令:

GETindex.html。(6)服務(wù)器給出響應(yīng),把文件index.html發(fā)給瀏覽器。(7)TCP連接釋放。(8)瀏覽器顯示“北京郵電大學(xué)主頁”文件index.html中的所有文本。編輯ppt萬維網(wǎng)必須解決的問題(1)怎樣標志分布在整個因特網(wǎng)上的萬維網(wǎng)文檔?

使用統(tǒng)一資源定位符

URL(UniformResourceLocator)來標志萬維網(wǎng)上的各種文檔。使每一個文檔在整個因特網(wǎng)的范圍內(nèi)具有唯一的標識符URL。

<協(xié)議>://<主機>:<端口>/<路徑>ftp——文件傳送協(xié)議FTPhttp——超文本傳送協(xié)議HTTP編輯ppt使用HTTP的URL使用HTTP的URL的一般形式

http://<主機>:<端口>/<路徑>

HTTP的默認端口號是80,通常可省略

http://<主機>:<端口>/<路徑>

若再省略文件的<路徑>項,則URL就指到因特網(wǎng)上的某個主頁(homepage)。編輯ppt萬維網(wǎng)必須解決的問題(2)用何協(xié)議實現(xiàn)萬維網(wǎng)上各種超鏈的鏈接?

在萬維網(wǎng)客戶程序與萬維網(wǎng)服務(wù)器程序之間進行交互所使用的協(xié)議,是超文本傳送協(xié)議

HTTP(HyperTextTransferProtocol)。HTTP是一個應(yīng)用層協(xié)議,它使用TCP連接進行可靠的傳送。

HTTP有兩類報文:請求報文——從客戶向服務(wù)器發(fā)送請求報文。響應(yīng)報文——從服務(wù)器到客戶的回答。由于HTTP是面向正文的(text-oriented),因此在報文中的每一個字段都是一些ASCII碼串,因而每個字段的長度都是不確定的。編輯ppt萬維網(wǎng)必須解決的問題(3)怎樣使各種萬維網(wǎng)文檔都能在因特網(wǎng)上的各種計算機上顯示出來,同時使用戶清楚地知道在什么地方存在著超鏈?

超文本標記語言

HTML(HyperTextMarkupLanguage)使得萬維網(wǎng)頁面的設(shè)計者可以很方便地用一個超鏈從本頁面的某處鏈接到因特網(wǎng)上的任何一個萬維網(wǎng)頁面,并且能夠在自己的計算機屏幕上將這些頁面顯示出來。

HTML定義了許多用于排版的命令(即標簽)。HTML把各種標簽嵌入到萬維網(wǎng)的頁面中。這樣就構(gòu)成了所謂的HTML文檔。HTML文檔是一種可以用任何文本編輯器創(chuàng)建的ASCII碼文件。編輯pptHTML文檔中標簽的用法<HTML><HEAD>

<TITLE>我的主頁</TITLE></HEAD><BODY><H1>我的計網(wǎng)實驗示例網(wǎng)頁</H1><P>我的學(xué)號:******</P><P>我的姓名:******</P><P><Ahref="second.html">我的第二個頁面</A></P><P><Ahref="http://**.**.**.**">我同學(xué)***的主頁</A></P></BODY></HTML>HTML文檔開始編輯pptHTML文檔中標簽的用法<HTML><HEAD>

<TITLE>我的主頁</TITLE></HEAD><BODY><H1>我的計網(wǎng)實驗示例網(wǎng)頁</H1><P>我的學(xué)號:******</P><P>我的姓名:******</P><P><Ahref="second.html">我的第二個頁面</A></P><P><Ahref="http://**.**.**.**">我同學(xué)***的主頁</A></P></BODY></HTML>首部開始編輯pptHTML文檔中標簽的用法<HTML><HEAD>

<TITLE>我的主頁</TITLE></HEAD><BODY><H1>我的計網(wǎng)實驗示例網(wǎng)頁</H1><P>我的學(xué)號:******</P><P>我的姓名:******</P><P><Ahref="second.html">我的第二個頁面</A></P><P><Ahref="http://**.**.**.**">我同學(xué)***的主頁</A></P></BODY></HTML>標題編輯pptHTML文檔中標簽的用法<HTML><HEAD>

<TITLE>我的主頁</TITLE></HEAD><BODY><H1>我的計網(wǎng)實驗示例網(wǎng)頁</H1><P>我的學(xué)號:******</P><P>我的姓名:******</P><P><Ahref="second.html">我的第二個頁面</A></P><P><Ahref="http://**.**.**.**">我同學(xué)***的主頁</A></P></BODY></HTML>首部結(jié)束編輯pptHTML文檔中標簽的用法<HTML><HEAD>

<TITLE>我的主頁</TITLE></HEAD><BODY><H1>我的計網(wǎng)實驗示例網(wǎng)頁</H1><P>我的學(xué)號:******</P><P>我的姓名:******</P><P><Ahref="second.html">我的第二個頁面</A></P><P><Ahref="http://**.**.**.**">我同學(xué)***的主頁</A></P></BODY></HTML>主體開始編輯pptHTML文檔中標簽的用法<HTML><HEAD>

<TITLE>我的主頁</TITLE></HEAD><BODY><H1>我的計網(wǎng)實驗示例網(wǎng)頁</H1><P>我的學(xué)號:******</P><P>我的姓名:******</P><P><Ahref="second.html">我的第二個頁面</A></P><P><Ahref="http://**.**.**.**">我同學(xué)***的主頁</A></P></BODY></HTML>1

級標題編輯ppt<HTML><HEAD>

<TITLE>我的主頁</TITLE></HEAD><BODY><H1>我的計網(wǎng)實驗示例網(wǎng)頁</H1><P>我的學(xué)號:******</P><P>我的姓名:******</P><P><Ahref="second.html">我的第二個頁面</A></P><P><Ahref="http://**.**.**.**">我同學(xué)***的主頁</A></P></BODY></HTML>HTML文檔中標簽的用法第一個段落編輯ppt<HTML><HEAD>

<TITLE>我的主頁</TITLE></HEAD><BODY><H1>我的計網(wǎng)實驗示例網(wǎng)頁</H1><P>我的學(xué)號:******</P><P>我的姓名:******</P><P><Ahref="second.html">我的第二個頁面</A></P><P><Ahref="http://**.**.**.**">我同學(xué)***的主頁</A></P></BODY></HTML>HTML文檔中標簽的用法第二個段落編輯ppt<HTML><HEAD>

<TITLE>我的主頁</TITLE></HEAD><BODY><H1>我的計網(wǎng)實驗示例網(wǎng)頁</H1><P>我的學(xué)號:******</P><P>我的姓名:******</P><P><Ahref="second.html">我的第二個頁面</A></P><P><Ahref="http://**.**.**.**">我同學(xué)***的主頁</A></P></BODY></HTML>HTML文檔中標簽的用法一個本地鏈接編輯ppt<HTML><HEAD>

<TITLE>我的主頁</TITLE></HEAD><BODY><H1>我的計網(wǎng)實驗示例網(wǎng)頁</H1><P>我的學(xué)號:******</P><P>我的姓名:******</P><P><Ahref="second.html">我的第二個頁面</A></P><P><Ahref="http://**.**.**.**">我同學(xué)***的主頁</A></P></BODY></HTML>HTML文檔中標簽的用法一個遠程鏈接編輯pptHTML文檔中標簽的用法<HTML><HEAD>

<TITLE>我的主頁</TITLE></HEAD><BODY><H1>我的計網(wǎng)實驗示例網(wǎng)頁</H1><P>我的學(xué)號:******</P><P>我的姓名:******</P><P><Ahref="second.html">我的第二個頁面</A></P><P><Ahref="http://**.**.**.**">我同學(xué)***的主頁</A></P></BODY></HTML>主體結(jié)束編輯pptHTML文檔中標簽的用法<HTML><HEAD>

<TITLE>我的主頁</TITLE></HEAD><BODY><H1>我的計網(wǎng)實驗示例網(wǎng)頁</H1><P>我的學(xué)號:******</P><P>我的姓名:******</P><P><Ahref="second.html">我的第二個頁面</A></P><P><Ahref="http://**.**.**.**">我同學(xué)***的主頁</A></P></BODY></HTML>HTML文檔結(jié)束編輯pptWeb客戶端InternetExplorer(微軟)Firefox(Mozilla)Safari(Apple)Chrome(Geogle)Opera(Opera)遨游、搜狗瀏覽器、世界之窗……Web服務(wù)端1.windows系統(tǒng)自帶的IIS服務(wù)2.Apache3.Tomcat網(wǎng)頁制作工具DreamWeaver等編輯pptWEB服務(wù)器安裝與配置1.從如下網(wǎng)址下載Windows版apacheWEB服務(wù)器安裝程序/download.cgi#apache222.如果計算機已安裝IIS的Web服務(wù)器,請進入控制面板管理工具IIS默認web站點將其關(guān)閉?;蛘咝薷募磳惭b的ApacheWeb服務(wù)器工作在其它未使用的端口3.運行安裝程序安裝apacheWEB服務(wù)器。4.安裝成功后,打開IE輸入地址看能否出現(xiàn)測試頁面。編輯pptWEB服務(wù)器安裝與配置5.若需修改頁面文件存放路徑可修改apache的配置文件主配置文件在安裝路徑下apache2.2\conf\httpd.conf文件,在apache2.2\conf\extra下面還有其它專項配置。配置文件中以#開頭的行為注釋行,僅起說明作用。修改httpd.conf第178行的DocumentRoot將路徑指定到自己主站點的頁面存儲位置,請注意表示路徑的斜杠用“/”而不是“\”修改httpd.conf第206行修改主站點的的目錄為自己設(shè)定的目錄修改第219行為Options–IndexesFollowSymLinks此處為修改主站點目錄的訪問權(quán)限,Indexes:表示當用戶訪問該目錄時,如果用戶找不到Directoryindex指定的主頁文件,則返回該目錄下的文件列表給用戶。還可修改\conf\extra\httpd-languages.conf文件設(shè)置默認語言為中文DefaultLanguagezh-cn修改完配置文件必須重啟Web服務(wù)器才能生效在開始ApacheHTTPServer2.2ConfigureApacheServer里面有TestConfiguration工具用來檢查配置文件是否正確。如配置文件正確Dos窗口會一閃而過,如錯誤會顯示錯誤信息。編輯pptWEB系統(tǒng)進階如何更簡單快捷的設(shè)置頁面顯示格式?CSSCSS層疊樣式表單(CascadingStyleSheets)可以輔助HTML更簡易地設(shè)置頁面元素的顯示格式,并解決HTML無法解決的頁面元素的精確定位、重疊、濾鏡等效果,已成為與HTML不可分割的一項技術(shù)。

核心目的實現(xiàn)頁面內(nèi)容與樣式分離DIV+CSSDIV是HTML中的一個標簽,表示它是一個“塊”元素,這個塊中所含元素的特性有DIV標簽的屬性來控制。編輯pptWEB系統(tǒng)進階實現(xiàn)數(shù)據(jù)交互的一種重要方式—表單

<form>…</form>是實現(xiàn)交互功能的主要方式,用戶一般通過form向服務(wù)器提交信息??稍O(shè)以下屬性:method設(shè)置提交表單內(nèi)容到服務(wù)器的HTTP方法,可以選get和post。get傳送的數(shù)據(jù)量最大4000字符,表單提交時表單域數(shù)值將在地址欄顯示。post傳送的數(shù)據(jù)量不受限制,表單提交時表單域數(shù)值將不會在地址欄顯示。action設(shè)置表單處理程序的URL。編輯ppttext

設(shè)置單行文本域password

設(shè)置密碼域file

文件輸入域,這時form應(yīng)設(shè)屬性method="post"enctype="multipart/form-data"hidden

隱藏域,用于發(fā)送幾個不用瀏覽者填寫,但是處理程序需要的數(shù)據(jù),比如一份調(diào)查問卷的期次。checkbox

設(shè)置復(fù)選框radio

設(shè)置單選按鈕,同名單選按鈕只允許選擇一個。button

一般按鈕image

圖像按鈕,當被點擊時,發(fā)送的是點擊處的坐標,形式如"name.x=x值,name.y=y值"。reset

設(shè)置重置按鈕,點此按鈕將把所有表單域的值恢復(fù)為缺省值。submit

設(shè)置提交按鈕,這是每個表單都有的,表示開始提交信息,激活服務(wù)器端的腳本程序。<input>…</input>設(shè)置表單域,可設(shè)以下屬性:type

可取如下值:編輯pptname

表單域標識,作為“名稱/取值對”的一部分傳給服務(wù)器程序。value

輸入的值對text和hidden類型,是表單域的缺省值。對checkbox和radio類型,是被選擇后傳給CGI

程序的取值。對reset和submit類型,是按鈕上顯示的文字。checked

設(shè)置初始時被選中,無取值(適用于check、

radio類型)size

可視的文本輸入字符數(shù)(適用于text、password

類型)maxlength

能輸入的最大字符數(shù)(適于text、password類型)alt

輸入域描述(適于text類型)src

圖像的URL(適于image類型)tabindextab鍵次序參見示例代碼:formdemo.html表單域的主要屬性編輯pptWEB系統(tǒng)進階網(wǎng)頁要想有一定的動態(tài)與交互性怎么辦?Q:比如網(wǎng)站注冊新用戶時某一必填項沒填,或者兩次輸入的密碼不同S:在頁面中嵌入一些簡單的代碼,即“腳本語言”程序用戶訪問含有腳本程序的網(wǎng)頁時,服務(wù)器將程序代碼與其他內(nèi)容一起發(fā)給客戶端,由客戶端瀏覽器的腳本語言解釋器解釋執(zhí)行。一定程度上減少了客戶機和服務(wù)器之間的通信開銷,占用服務(wù)器的資源少,執(zhí)行靈活快速。JavaScript與VBScript萬維網(wǎng)服務(wù)器瀏覽器程序萬維網(wǎng)客戶服務(wù)器程序HTTP含有代碼的HTML文檔含有代碼的HTML文檔代碼只在客戶端運行編輯pptWEB系統(tǒng)進階--JavaScriptJavaScript受Java啟發(fā)而設(shè)計的,語法也和Java很相似但二者的本質(zhì)是不同的JavaScript是一種腳本語言。它可以嵌入在html文件內(nèi),被客戶端瀏覽器解釋執(zhí)行,用以實現(xiàn)不依賴Web服務(wù)器的動態(tài)頁面效果。Java是一種面向?qū)ο蟮耐ㄓ谜Z言,它即可以做成Applets嵌到網(wǎng)頁中,也可以做獨立應(yīng)用程序參見示例網(wǎng)頁second.html編輯pptWEB系統(tǒng)進階—動態(tài)頁面技術(shù)服務(wù)器如何根據(jù)用戶的需求動態(tài)生成頁面?Q:比如登陸教務(wù)處成績查詢系統(tǒng),看到的成績頁面需各不相同S:在服務(wù)器端放置一些程序代碼,讓其分析用戶提交的參數(shù),然后從數(shù)據(jù)庫等服務(wù)器獲取相應(yīng)業(yè)務(wù)數(shù)據(jù),并動態(tài)的將網(wǎng)頁和數(shù)據(jù)組合拼裝成網(wǎng)頁的HTML傳輸?shù)娇蛻舳藶g覽器CGI--(CommonGatewayInterface,公共網(wǎng)關(guān)接口)是第一個用于建立動態(tài)網(wǎng)頁的實用技術(shù)。使用CGI服務(wù)器調(diào)用某一個程序來響應(yīng)客戶請求。被改進為FASTCGIASP--

(ActiveServerPages)是Microsoft于1996年推出的動態(tài)頁面生成技術(shù)。它通過在HTML文檔中嵌套腳本代碼生成動態(tài)頁面。升級的框架是ASP.NET,事先編譯好,運行效率更高,界面設(shè)計與程序設(shè)計分離,易用重用和維護。JSP--(JavaServerPages)包含JAVA程序片的html文件,在服務(wù)器端對這些JAVA程序片進行處理,然后將生成的HTML頁面返回給客戶端。PHP--(超文本預(yù)處理語言),是一種HTML內(nèi)嵌式語言,在服務(wù)器端執(zhí)行嵌入HTML文檔的腳本語言,然后將生成的HTML頁面返回給客戶端。編輯ppt為ApacheWEB服務(wù)器添加PHP支持下載PHP安裝包 /download/

注意需要下載PHP5.3VC6X86ThreadSafe的版本。想手動配置的可下載Zip格式。想自動配置的可下載Installer格式編輯ppt為ApacheWEB服務(wù)器添加PHP支持運行PHP安裝程序后同意協(xié)議并選擇安裝路徑后出現(xiàn)如下界面,供選擇加入的Web服務(wù)器類型,選第一項,以模塊形式加入Apache2

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論