Web開發(fā)技術(shù)基礎(chǔ).ppt

《Web開發(fā)技術(shù)基礎(chǔ).ppt》由會(huì)員分享，可在線閱讀，更多相關(guān)《Web開發(fā)技術(shù)基礎(chǔ).ppt（29頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

管理信息系統(tǒng)第四章Web開發(fā)的基本技術(shù) 4 1www技術(shù)4 2HTML4 3FrontPage4 4交互網(wǎng)頁的制作4 5ASP4 6Web數(shù)據(jù)庫(kù)技術(shù) 4 1www技術(shù) Internet地址IP地址Internet上最高一級(jí)分配IP地址的機(jī)構(gòu)是網(wǎng)絡(luò)信息中心 NIC 域名頂級(jí)域名授權(quán)機(jī)構(gòu)是國(guó)際互聯(lián)網(wǎng)信息中心 InterNIC 中國(guó)互聯(lián)網(wǎng)信息中心 CNNIC 負(fù)責(zé)管理我國(guó)的頂級(jí)域名 TCP IP技術(shù) TCP IP是Internet的核心 利用TCP IP協(xié)議可以方便的實(shí)現(xiàn)多個(gè)網(wǎng)絡(luò)的無縫連接 主機(jī)IP地址 為了確保通信時(shí)能相互識(shí)別 在Internet上的每臺(tái)主機(jī)都必須有一個(gè)惟一的標(biāo)識(shí) 即主機(jī)的IP地址 IP協(xié)議就是根據(jù)IP地址實(shí)現(xiàn)信息傳遞的 IP地址由32位 即4字節(jié) 二進(jìn)制數(shù)組成 為書寫方便起見 常將每的個(gè)字節(jié)作為一段并以十進(jìn)制數(shù)來表示 每段間用 分隔 例如 202 96 209 5就是一個(gè)合法的IP地址 IP地址常識(shí) IP地址由網(wǎng)絡(luò)標(biāo)識(shí)和主機(jī)標(biāo)識(shí)兩部分組成 常用的IP地址有A B C三類 每類均規(guī)定了網(wǎng)絡(luò)標(biāo)識(shí)和主機(jī)標(biāo)識(shí)在32位中所占的位數(shù) 它們的表示范圍分別為 A類地址 0 0 0 0 127 255 255 255 A類地址一般分配具有大量主機(jī)的網(wǎng)絡(luò)使用 B類地址 128 0 0 0 191 255 255 255 B類地址通常分配給規(guī)模中等的網(wǎng)絡(luò)使用 C類地址 192 0 0 0 233 255 255 255 C類地址通常分配給小型局域網(wǎng)使用 域名系統(tǒng)和統(tǒng)一資源定位器 32位二進(jìn)制數(shù)的IP地址對(duì)計(jì)算機(jī)來說十分有效 但用戶使用和記憶都很不方便 為此 Internet引進(jìn)了字符形式的IP地址 即域名 域名采用層次結(jié)構(gòu)的基于 域 的命名方案 每一層由一個(gè)子域名間用 分隔 其格式為 機(jī)器名 網(wǎng)絡(luò)名 機(jī)構(gòu)名 最高域名Internet上的域名由域名系統(tǒng)DNS DomainNameSystem 統(tǒng)一管理 DNS是一個(gè)分布式數(shù)據(jù)庫(kù)系統(tǒng) 由域名空間 域名服務(wù)器和地址轉(zhuǎn)換請(qǐng)求程序三部分組成 有了DNS 凡域名空間中有定義的域名可以有效地轉(zhuǎn)換為對(duì)應(yīng)的IP地址 同樣 IP地址也可通過DNS轉(zhuǎn)換成域名 WWW上的每一個(gè)網(wǎng)頁 HomePage 都有一個(gè)獨(dú)立的地址 這些地址稱為統(tǒng)一資源定位器 URL 只要知道某網(wǎng)頁的URL 便可直接打開該網(wǎng)頁 例如 在Internet瀏覽器的URL輸入框輸入 按回車后即可進(jìn)入中國(guó)上海熱線的主頁 常用Internet服務(wù) 電子郵件服務(wù) E mail 文件傳輸服務(wù) FTP WWW服務(wù)新聞公告類服務(wù) BBS WWW服務(wù)通過客戶機(jī)上的Web瀏覽器和Web站點(diǎn)上的Web服務(wù)器之間的通信來實(shí)現(xiàn)的 萬維網(wǎng)上不僅可以看到文字 圖片 而且可以帶聲音 帶動(dòng)畫 網(wǎng)頁和超文本網(wǎng)頁 WebPage 超文本 在WWW中 信息是按照超文本方式組織的 超文本是實(shí)現(xiàn)WWW的關(guān)鍵技術(shù)HTML文件 HyperTextMarkupLanguage 超文本標(biāo)記語言 存放在WEB服務(wù)器上 HTTP協(xié)議 HyperTextTransferProtocol 超文本傳輸協(xié)議 www服務(wù)是執(zhí)行http協(xié)議進(jìn)行傳輸?shù)?WWW瀏覽器通過它可以去找到并瀏覽Internet上各種WWW服務(wù)器上的主頁 搜索引擎搜索引擎是Internet上的一種www服務(wù)器 它能在Internet中主動(dòng)搜索其他www服務(wù)器中的信息并對(duì)其索引 將索引內(nèi)容存儲(chǔ)在大型數(shù)據(jù)庫(kù)中 供用戶查詢 4 2HTML 用HTML做簡(jiǎn)單網(wǎng)頁用標(biāo)簽標(biāo)記其在瀏覽器中的顯示格式雙標(biāo)簽方式單標(biāo)簽方式 HTML文檔的一般結(jié)構(gòu)HTML文件開始文件頭開始文件頭文件頭結(jié)束文件體開始文件體文體結(jié)束HTML文件結(jié)束 常用的HTML標(biāo)記元素 在網(wǎng)頁中插入圖片定義表格表題 表格說明 表頭1表頭2 表頭n表項(xiàng)1表項(xiàng)2 表項(xiàng)n表項(xiàng)1表項(xiàng)2 表項(xiàng)n 瀏覽器上顯示的表格 表格名稱 可以顯示上頁圖中所示表格的HTML文本 表格名稱第一標(biāo)題列第二標(biāo)題列第三標(biāo)題列 4 3FrontPage 特點(diǎn)直觀的網(wǎng)頁制作和管理方法 簡(jiǎn)化了大量工作 所見即所得的網(wǎng)站編輯器 它具備用戶所需要的創(chuàng)建和導(dǎo)航WWW站點(diǎn)的全部?jī)?nèi)容 易于學(xué)習(xí) 無HTML語言基礎(chǔ) 也能夠很容易地開發(fā)出屬于自己的Web頁 制作出比較出色的網(wǎng)頁 FrontPage網(wǎng)頁制作創(chuàng)建站點(diǎn)和管理站點(diǎn)制作網(wǎng)頁 4 4交互網(wǎng)頁的制作 僅有靜態(tài)的網(wǎng)頁是不夠的 我們需要通過網(wǎng)頁實(shí)現(xiàn)網(wǎng)上注冊(cè) 客戶在網(wǎng)頁上寫入自己的姓名和密碼 網(wǎng)上交談 網(wǎng)上查詢 客戶在網(wǎng)頁上輸入自己要買的產(chǎn)品名 網(wǎng)站返回該產(chǎn)品名的性能 價(jià)格等 交互網(wǎng)頁制作需要在網(wǎng)頁上顯示一個(gè)人機(jī)對(duì)話的表但接口界面 既表單 FORM 元素 網(wǎng)站的交互性一般是通過表單程序來實(shí)現(xiàn)的 網(wǎng)頁瀏覽者將信息通過表單發(fā)送到Web服務(wù)器端 web服務(wù)器接收做出相應(yīng)的回應(yīng) 最終將反饋信息返回到個(gè)人的瀏覽器 4 5ASP 用HTML寫的文本是靜態(tài)的 你可以看到頁面上的內(nèi)容 但不能在屏幕上輸入并傳送數(shù)據(jù)到Web服務(wù)器 更無法進(jìn)行完整的人機(jī)對(duì)話 當(dāng)涉及到頁面與數(shù)據(jù)庫(kù)的連接問題和從站點(diǎn)返回一個(gè)頁面給客戶的問題時(shí) 僅依靠HTML文本是做不到的 ASP就是為了解決動(dòng)態(tài)交互的問題和與數(shù)據(jù)庫(kù)連接的問題而設(shè)計(jì)的 ASP定義ASP ActiveServerPages 是微軟公司為它的WEB服務(wù)器 互聯(lián)網(wǎng)信息服務(wù)器 簡(jiǎn)稱IIS 開發(fā)的一個(gè)組件 軟件 它是一種實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁開發(fā)技術(shù)的服務(wù)器端的開發(fā)環(huán)境 通過ASP 我們能夠?qū)TML頁面 腳本命令 ASP內(nèi)置對(duì)象和ActiveX組件結(jié)合起來 建立動(dòng)態(tài) 交互而又高效的Web應(yīng)用程序 ASP可利用ADO ActiveDataObject 方便地訪問數(shù)據(jù)庫(kù) ASP的工作原理ASP文件可以包含以下的幾個(gè)部分 1 文本2 HTML標(biāo)記3 ASP腳本命令等ASP腳本命令可以包含ASP對(duì)象 ActiveX組件和任何腳本語言 如VB腳本語言 JAVA腳本語言等 ASP腳本命令寫在 和 兩個(gè)符號(hào)之間 ASP文件可以使用文本編輯器 如記事本 進(jìn)行編輯 也可以用WEB編程工具FrontPage來做 原理圖 ASP腳本編程ASP腳本命令包含內(nèi)容腳本語言 可用VBScript寫ASP內(nèi)置對(duì)象 Request就是一個(gè)內(nèi)置對(duì)象ActiveX組件 ASP支持的ActiveX組件包括ASP服務(wù)器本身附帶的內(nèi)置組件和用戶自己 第三方 創(chuàng)建的ASP組件 用戶與WEB服務(wù)器之間的信息交互使用HTML中的FORM 表單 ASP文件中可使用VBScript作為腳本語言 也可用JAVAScript作為腳本語言 基于ASP技術(shù)的網(wǎng)站服務(wù)器環(huán)境設(shè)置WINDOWS2000Server下的WEB服務(wù)器環(huán)境設(shè)置 添加Internet信息服務(wù) 組件 服務(wù)器配置設(shè)置默認(rèn)站點(diǎn) 地址 主目錄 設(shè)置其他屬性設(shè)置虛擬目錄 4 6Web數(shù)據(jù)庫(kù)技術(shù) Web數(shù)據(jù)庫(kù)系統(tǒng)是指以HTML為代表的Web頁面 即網(wǎng)頁 與位于底層的數(shù)據(jù)庫(kù)的集成 數(shù)據(jù)庫(kù)管理系統(tǒng)解決Web頁面和數(shù)據(jù)庫(kù)之間的通信問題 ASP網(wǎng)頁數(shù)據(jù)庫(kù)編程步驟 1 建立網(wǎng)頁數(shù)據(jù)庫(kù)編程的軟件環(huán)境 2 建立數(shù)據(jù)庫(kù) 3 創(chuàng)建ODBC的數(shù)據(jù)源 4 建立ASP網(wǎng)頁 在網(wǎng)頁中使用ADO的對(duì)象和SQL命令對(duì)數(shù)據(jù)庫(kù)進(jìn)行操作 5 調(diào)試ASP網(wǎng)頁 Web數(shù)據(jù)庫(kù)工作原理網(wǎng)站運(yùn)用了數(shù)據(jù)庫(kù)技術(shù) 就可以實(shí)現(xiàn)網(wǎng)頁更新的自動(dòng)化 即只要將數(shù)據(jù)庫(kù)中的內(nèi)容更新了 網(wǎng)頁上的內(nèi)容也就自動(dòng)更新了 Web數(shù)據(jù)庫(kù)管理系統(tǒng)的功能建立數(shù)據(jù)庫(kù)管理數(shù)據(jù)庫(kù)實(shí)現(xiàn)數(shù)據(jù)的傳送等 ODBC和SQL語言開放式數(shù)據(jù)庫(kù)連接器ODBCODBC是一種編程接口 它能使應(yīng)用程序訪問支持SQL查詢語言的數(shù)據(jù)庫(kù)管理系統(tǒng) 實(shí)現(xiàn)與各種數(shù)據(jù)庫(kù)的通信 開放數(shù)據(jù)庫(kù)互連 ODBC 是Microsoft引進(jìn)的一種數(shù)據(jù)庫(kù)接口技術(shù) 它以非語言專用的方式 提供給程序員一種訪問數(shù)據(jù)庫(kù)內(nèi)容的簡(jiǎn)單方法 可以在控制面板里的管理工具的ODBC里配置和添加數(shù)據(jù)源