Web開發(fā)技術(shù)基礎(chǔ)課件_第1頁
Web開發(fā)技術(shù)基礎(chǔ)課件_第2頁
Web開發(fā)技術(shù)基礎(chǔ)課件_第3頁
Web開發(fā)技術(shù)基礎(chǔ)課件_第4頁
Web開發(fā)技術(shù)基礎(chǔ)課件_第5頁
已閱讀5頁，還剩36頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

Web程序設(shè)計林宏基福州大學(xué)計算機(jī)系9/14/20221Web程序設(shè)計

教材：

Web開發(fā)技術(shù)教程—ASP/ASP.NET/JSP程序設(shè)計

林宏基編著北京大學(xué)出版社

參考書：1ASP.NET程序設(shè)計

尚俊杰編著清華大學(xué)出版社

2動態(tài)網(wǎng)頁與Web數(shù)據(jù)庫

魏應(yīng)彬主編北京大學(xué)出版社9/14/20222Web程序設(shè)計第一部分Web開發(fā)技術(shù)基礎(chǔ)9/14/20223第一章Web開發(fā)技術(shù)基礎(chǔ)1.1Web技術(shù)概述基本概念：Internet/WWW服務(wù)器端/客戶端靜態(tài)網(wǎng)頁/動態(tài)網(wǎng)頁TCP/IPHTTPIP/域名URL

Web工作原理(B/S)

主流Web開發(fā)技術(shù):ASP/JSP/PHP/ASP.NETWebServerBrowserHTTPResponseHTTPRequest9/14/20224第一章Web開發(fā)技術(shù)基礎(chǔ)

主流Web開發(fā)技術(shù)分析

ASP技術(shù)

網(wǎng)絡(luò)編程技術(shù)：MS腳本語言的服務(wù)器端編寫環(huán)境腳本語言：默認(rèn)Vbscript支持Javascript等眾多已有腳本語言編寫ASP應(yīng)用程序流行技術(shù)：支持IISActiveXVbscriptODBC核心技術(shù)：對組件和對象的充分支持結(jié)論：簡單易用功能強(qiáng)大COM對象技術(shù)占據(jù)主流地位

JSP技術(shù)

網(wǎng)絡(luò)編程技術(shù)：Sun基于JavaServlet及Java體系腳本語言：內(nèi)置腳本語言基于Java編程語言Java技術(shù)：高效存儲管理和安全性一次編寫多處運行JDBC結(jié)論：功能強(qiáng)大跨平臺Java作內(nèi)置腳本語言9/14/20225第一章Web開發(fā)技術(shù)基礎(chǔ)1.2Web編程基礎(chǔ)超文本標(biāo)識語言HTML

HTML文件例1:

1-2-1標(biāo)記與標(biāo)簽：<Html>…</Html><Head>…</Head><Body>…</Body><Title>…</Title><Hn>…</Hn><Br><P><Hr><Divalign=…>…</Div><AHref=Url>…</A><Imgsrc=alt=Width=Height=Border=Align=><!-…-->9/14/20227第一章Web開發(fā)技術(shù)基礎(chǔ)HTML文件例2:<html><head><title>測試文件</title></head><body>HTML文件內(nèi)容寫在這里…<h2align=left>H2號字,文本左對齊</h2><h3align=center><fontcolor=#ff0080>3號居中顏色</font></h3><imgsrc=winlogo.gif><h4align=right>H4號字右對齊返回主頁</h4></body></html>9/14/20228第一章Web開發(fā)技術(shù)基礎(chǔ)框架（Fram）（標(biāo)簽：<Framset>…</Framset>）應(yīng)用（分割窗口）CSS(樣式表)設(shè)計CSS重要思想：(內(nèi)容與樣式分離)樣式表定義（標(biāo)記：<Style>…</Style>語法：選擇符（Selector){規(guī)則（Rule）表}樣式屬性定義：樣式名：值）9/14/202210第一章Web開發(fā)技術(shù)基礎(chǔ)

CSS樣式表使用示例：1-2-2樣式表的引用鏈接到外部樣式表（用<link>標(biāo)記鏈接到CSS樣式文件）引入外部樣式表（用CSS的@import聲明引入）嵌入外部樣式表（用<Style>標(biāo)記將樣式嵌入HTML)內(nèi)聯(lián)樣式表9/14/202211第一章Web開發(fā)技術(shù)基礎(chǔ)CSS樣式表引用示例：將樣式定義存放于CSS文件Style.css，如下：在HTML文件中引用該樣式表：1-2-39/14/202212第一章Web開發(fā)技術(shù)基礎(chǔ)設(shè)計Dreamweaver站點

。選網(wǎng)站定義對話框

。輸入網(wǎng)站名稱

。設(shè)定存放本地文件文件夾

。在網(wǎng)站管理窗口本地文件夾新增文件并改為index.htm

。定義網(wǎng)站,(編輯),選站點地圖層自動選index.htm，OK關(guān)于主頁（HomePage概念index.htm/default.html)9/14/202214第一章Web開發(fā)技術(shù)基礎(chǔ)創(chuàng)建文檔

。創(chuàng)建新的空白文檔（選新建-文檔類型-頁面類型-“空白”文檔)保存文檔（）打開現(xiàn)有文檔（）。在已有文件上創(chuàng)建文檔（Open)

。模板機(jī)制（頁面存為模板用模板生成新文件設(shè)定可編輯區(qū)）

。設(shè)置頁面屬性（影響整個網(wǎng)頁）9/14/202215第一章Web開發(fā)技術(shù)基礎(chǔ)插入圖像插入（定位-選圖片-拷貝到當(dāng)前站點/改名稱-轉(zhuǎn)換/確定路徑)9/14/202217第一章Web開發(fā)技術(shù)基礎(chǔ)

設(shè)置圖像屬性（對齊長寬高等）插入媒體插入（定位-選媒體-選類型-點擊/拖對象)

9/14/202218第一章Web開發(fā)技術(shù)基礎(chǔ)插入Flash按鈕對象插入（定位-選媒體-選Flash按鈕-點擊/拖對象)

Flash文件：.fla(源文件).swf(動畫文件).swt(模板文件)

U1-1

9/14/202219第一章Web開發(fā)技術(shù)基礎(chǔ)超鏈接超鏈接文字

。文字→頁面→文件。文字→頁面標(biāo)靶（拖）圖片超鏈接

。圖片→頁面。圖片→標(biāo)靶（拖）頁面。映象圖（使用擴(kuò)展屬性面板：制作熱點區(qū)/鏈接）9/14/202220第一章Web開發(fā)技術(shù)基礎(chǔ)

。映象圖（使用擴(kuò)展屬性面板制作熱點區(qū)/鏈接目標(biāo)）

U1-19/14/202221第一章Web開發(fā)技術(shù)基礎(chǔ)網(wǎng)頁定位與布局插入表格定位-選表格-插入-指定空表格設(shè)置表格和單元格屬性（設(shè)置與設(shè)計對象屬性-合并-拆分）

基本表格制作要求（插入表格標(biāo)記:<table></table><tr></tr><td></td>加入一漢字空格:HTML中插入2個“ ”/全角按空格設(shè)計單元格背景:屬性面版設(shè)置【BgColor】表格字體效果:屬性面版設(shè)置字體顏色立體等)

拆分合并9/14/202222第一章Web開發(fā)技術(shù)基礎(chǔ)布局視圖及切換（標(biāo)準(zhǔn)視圖/布局視圖/創(chuàng)建布局表格/創(chuàng)建布局單元格）

繪制布局單元格和表格（創(chuàng)建單元格后自動建表格作容器，表格中可建表格但不重疊）

。點單元格-拖框（藍(lán)）

。點表格-拖框（綠）。點表格-繞拖框（新表）。點表格-拖框（嵌套表）

9/14/202224第一章Web開發(fā)技術(shù)基礎(chǔ)圖層創(chuàng)建圖層

創(chuàng)建（插入圖層-選圖層-移動(拖)-在活動圖層輸入文字-選圖層拷貝粘貼-改顏色-移動產(chǎn)生陰影效果。）可HTML代碼中使用圖層屬性面版精確設(shè)定參數(shù)嵌套圖層（創(chuàng)建在另一圖層里繼承作用創(chuàng)建子圖層）圖層的“Z-順序”(圖層上下位置序號可拖改順序數(shù)值大在上）使用圖層建立表格（圖/表互轉(zhuǎn)換功能：圖層緊拼接不重疊圖切片對話框選目標(biāo)表格（精確/最小/GIF/居中））9/14/202225第一章Web開發(fā)技術(shù)基礎(chǔ)使用Dreamweaver中的行為

Dreamweaver提供的標(biāo)準(zhǔn)動作(JavaScript程序）彈出消息（打開行為面版-選PopupMessage項-輸入文字）在狀態(tài)欄顯示消息（打開行為面版-選SetTexofStatusBar項-輸入文字）彈出菜單u1-339/14/202227第一章Web開發(fā)技術(shù)基礎(chǔ)

網(wǎng)站建設(shè)技術(shù)在Internet上建立自己的Web站點企業(yè)建立網(wǎng)站的過程

。申請域名：（ISP）

。制作主頁：（Web頁面）

。信息發(fā)布：建獨立網(wǎng)站/虛擬主機(jī)/服務(wù)器托管/DDN專線接入個人建立網(wǎng)站的過程。制作主頁：（Web頁面）

。信息發(fā)布：虛擬主機(jī)（租用）/向商業(yè)網(wǎng)站申請免費空間和免費域名網(wǎng)易虛擬社區(qū)/serve/index.html“超級酷”個人主頁/supercool新浪網(wǎng)的“免費大全”/all4free/)9/14/202228第一章Web開發(fā)技術(shù)基礎(chǔ)向服務(wù)器上傳主頁例：向免費主頁空間商業(yè)網(wǎng)站提出申請免費個人主頁空間。收到Email郵件（通知）；。按要求在主頁插入商業(yè)網(wǎng)站的標(biāo)志代碼（宣傳）；。注意事項（主頁地址作索引等）上傳文件：

。打開站點管理窗口

。選站點名

9/14/202229第一章Web開發(fā)技術(shù)基礎(chǔ)選服務(wù)訪問方式FTP

。設(shè)置參數(shù)（由商業(yè)網(wǎng)站郵件提供）

。聯(lián)機(jī)到遠(yuǎn)方主機(jī)（按鈕）（登錄成功，變綠）

。選多個文件-同時上傳

。依賴文件同時上傳（可自動）

上傳9/14/202230第一章Web開發(fā)技術(shù)基礎(chǔ)1.3Web數(shù)據(jù)庫技術(shù)Web數(shù)據(jù)庫訪問技術(shù)Web數(shù)據(jù)庫訪問原理訪問方法：●Web服務(wù)器提供中間件訪問數(shù)據(jù)庫服務(wù)器

●應(yīng)用程序下載到客戶端直接訪問數(shù)據(jù)庫

Web

服務(wù)器訪問數(shù)據(jù)庫中間件技術(shù)：負(fù)責(zé)管理Web服務(wù)器與數(shù)據(jù)庫連接并提供服務(wù)數(shù)據(jù)庫瀏覽器HTTPWeb服務(wù)器CGI/API9/14/202231第一章Web開發(fā)技術(shù)基礎(chǔ)客戶端訪問數(shù)據(jù)庫--應(yīng)用程序下載客戶端直接訪問兩類數(shù)據(jù)庫訪問技術(shù)

Web服務(wù)器作中介，提供中間件訪問數(shù)據(jù)庫應(yīng)用程序和數(shù)據(jù)庫下載客戶端直接訪問數(shù)據(jù)庫CGI技術(shù)IDC技術(shù)ISAPI技術(shù)ADC技術(shù)Perl技術(shù)Java技術(shù)PHP技術(shù)ColdFusion技術(shù)ASP技術(shù)JSP技術(shù)ASP.NET—主流技術(shù)Web數(shù)據(jù)庫B/S架構(gòu)：Browse/WebServer/DBServer數(shù)據(jù)庫：SQLServer/Oracle/MySQL數(shù)據(jù)庫瀏覽器HTTP客戶端客戶端應(yīng)用JavaAppiet9/14/202232第一章Web開發(fā)技術(shù)基礎(chǔ)SQL語言簡介

SQL語言（結(jié)構(gòu)化查詢關(guān)系數(shù)據(jù)庫通信標(biāo)準(zhǔn)語言）SQL語言功能（創(chuàng)建操縱填充更新權(quán)限管理）重要的SQL語言（SELECT/INSERT/UPDATE/DELETE/DROP/CREATE）SELECT語句數(shù)據(jù)庫查詢語句（DQL核心操作查找定位創(chuàng)建視圖）功能：根據(jù)條件從一個或多個表中檢索列和行語法格式：

9/14/202233第一章Web開發(fā)技術(shù)基礎(chǔ)基本用法示例學(xué)生成績表：例1（Score表：4條記錄3個字段）*：代表所有字段例1SELECTName,ComputerFROMScore例2SELECTID,Name,Phone,ZipFROMAuthors添加WHERE子句：例1SELECTNameFROMScoreWhereNamelike‘W%’例2SELECTID,Name,phone,zipFROMAuthorsWhereZip=‘350002’95liHai100485WeiJia100388LiMing100269WangHong1001ComputerNameStudent-IDScore表9/14/202234第一章Web開發(fā)技術(shù)基礎(chǔ)添加邏輯符、比較運算符（完整約束查詢）

例1SELECTNameFROMScorewhwewcomputerin(69,95)例2SELECTID,Name,Phone,zipFROMAuthorsWhereZip<>‘350002’ANDPhone=‘12345678’9/14/202235第一章Web開發(fā)技術(shù)基礎(chǔ)添加ORDERBY子句(ASCDESC)例1SELECT*FROMScoreOrderByComputerDesc例2SELECTID,Name,Phone,zipFROMAuthorsWhereZip=‘350002’ORDERBYIDINSERT語句

數(shù)據(jù)庫追加記錄語句（加到多表尾部添到表中）功能：向一個表中增加行語法格式：9/14/202236第一章Web開發(fā)技術(shù)基礎(chǔ)

格式一：（增加一條記錄）INSERTINTO表名（字段1，字段2，…字段n）例2INSERTINTOAuthors

VALUES（“FZ1234”，“張三”，“12345678”，“實達(dá)電腦公司”，“350002”，“本文作者”)

格式二：（指定列填充）

INSERTINTO表名（字段1，字段2，…字段n）VALUES（值1，值2，…值n)例2INSERTINTOAuthors（ID,Name,Phone）

VALUES（“FZ5678”，“李四”，“8754321”）UPDATE語句

更改表中數(shù)據(jù)（可更改多字段值）功能：更新表中已存在的行的某幾列9/14/202237第一章Web開發(fā)技術(shù)基礎(chǔ)UPDATE語句

更改表中數(shù)據(jù)（可更改多字段值）功能：更新表中已存在的行的某幾列語法格式：UPDATE

表名SET新值WHERE條件例2UPDATE

AuthorsSETZip=“350003”WHEREID=“FZ5678”基于已有的值來設(shè)置新的列值：例2UPDATE

AuthorsSETSalary=Salary+100WHERE

ID=“FZ1234”9/14/202238第一章Web開發(fā)技術(shù)基礎(chǔ)DELETE語句

刪除表中已有記錄（刪除整個記錄）功能：從一個表中刪除行

語法格式：

DELETEFROM表名WHERE條件

例2DELETEFROM

溫馨提示

  • 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)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論