1、網(wǎng)站開發(fā)技術(shù),主要內(nèi)容,HTML 4.0 CSS 2.0 JavaScript 1.5 XML 1.0 動(dòng)態(tài)網(wǎng)站開發(fā)簡(jiǎn)介,WWW與瀏覽器,World Wide Web Browser :1) Microsoft Internet Explorer2) Netscape Navigator3) Others: Mozilla Opera ,網(wǎng)頁制作的W3C規(guī)范,The World Wide Web Consortium (W3C) HTML 4.01 ( HyperText Markup Language )超文本標(biāo)記語言 CSS2 (Cascading Styl

2、e Sheets) 層次樣式單 JavaScript / VBScript / JScript MathML , XML , XHTML ,制作網(wǎng)頁的工具,制作頁面 Microsoft FrontPage 2000/XP Macromedia Dreamweaver MX Notepad , Ultraedit , 處理圖片、多媒體等 Adobe Photoshop Macromedia Flash MX ,HTML, HTML的標(biāo)題 HTML 文件的正文寫在這里. . 文件擴(kuò)展名為：.htm或.html,HTML與標(biāo)記,HTML 4.0中標(biāo)記的大小寫不敏感 對(duì)換行，跳格(tab)，多于一個(gè)的

3、空格均忽略，屬性值外的引號(hào)可省略。 塊標(biāo)記 （可以同其它方法結(jié)合使用） 將樣式表加入到HTML文件行中。,分類 P.first color: green P.second color: purple -firstsecond-.first color: green ,P B .vs. P,B,情景選擇：P B color: red 只將所有之內(nèi)加重顯示的文字以紅色顯示，之外加重文字不會(huì)以紅色顯示。 P,B color: red 所有和之內(nèi)的文字都以紅色顯示。,串接順序,Inline styles （行內(nèi)樣式） Embedded styles （植入樣式） Linked styles （鏈接樣式

4、） Imported styles （輸入樣式） Default browser styles（缺省瀏覽器樣式） 如果樣式表規(guī)則同HTML標(biāo)簽沖突時(shí)，應(yīng)該優(yōu)先執(zhí)行樣式表規(guī)則，但,CSS樣式,字體樣式font-family font-style font-variant font-weight font-size font 文字樣式 letter-spacing text-decoration Vertical-align text-transform text-align text-indent line-height,CSS樣式(cont),列表式項(xiàng)目 list-style-type lis

5、t-style-image list-style-position list-style 顏色樣式 color background-color 背景樣式 background-image background-repeat background-attachment background-position background,CSS樣式(cont),版面配置樣式 位置配置樣式 position top left Z-index visibility height width 新增樣式 display OVERFLOW CSS標(biāo)記常常用在新增的兩個(gè)HTML塊標(biāo)記中： ,什么是JavaScri

6、pt？,JavaScript是一種基于對(duì)象(Object)和事件驅(qū)動(dòng)(Event Driven)并具有安全性能的腳本語言。使用它的目的是與HTML超文本標(biāo)記語言一起實(shí)現(xiàn)在一個(gè)Web頁面中鏈接多個(gè)對(duì)象，與Web客戶交互作用。從而可以開發(fā)客戶端的應(yīng)用程序等。它是通過嵌入或調(diào)入在標(biāo)準(zhǔn)的HTML語言中實(shí)現(xiàn)的。,如何在HTML中嵌入JavaScript？, / JavaScript Appears here. alert(這是第一個(gè)JavaScript例子!); ,基本數(shù)據(jù)類型,基本數(shù)據(jù)類型： 數(shù)值（整數(shù)和實(shí)數(shù)） 字符串型（用“”號(hào)或括起來的字符或數(shù)值） 布爾型（使True或False表示） 空值。 在

7、JavaScript的基本類型中的數(shù)據(jù)可以是常量，也可以變量。變量可以用命令var作聲明 ，也可以不作聲明，而在使用時(shí)再根據(jù)數(shù)據(jù)的類型來確其變量的類型。,JavaScript語法,程序控制流:if-else,for,while JavaScript函數(shù)定義 Function 函數(shù)名 （參數(shù),變?cè)?函數(shù)體;. Return 表達(dá)式; ,事件驅(qū)動(dòng)及事件處理,單擊事件onClick 改變事件onChange 選中事件onSelect 獲得焦點(diǎn)事件onFocus 失去焦點(diǎn)onBlur 載入文件onLoad 卸載文件onUnload,基于對(duì)象的JavaScript語言,JavaScript中的對(duì)象是由

8、屬性(properties)和方法(methods)兩個(gè)基本的元素的構(gòu)成的。 引用對(duì)象的途徑： 引用JavaScript內(nèi)部對(duì)象； 由瀏覽器環(huán)境中提供； 創(chuàng)建新對(duì)象。 內(nèi)部對(duì)象：在JavaScript提供了string（字符串）、math（數(shù)值計(jì)算）和Date（日期）三種對(duì)象和其它一些相關(guān)的方法。,瀏覽器的內(nèi)部對(duì)象系統(tǒng),瀏覽器對(duì)象(Navigator)提供有關(guān)瀏覽器的信息 窗口對(duì)象(Windows)Window對(duì)象處于對(duì)象層次的最頂端，它提供了處理Navigator窗口的方法和屬性。 位置對(duì)象(Location)Location對(duì)象提供了與當(dāng)前打開的URL一起工作的方法和屬性，它是一個(gè)靜態(tài)的對(duì)

9、象。,瀏覽器的內(nèi)部對(duì)象系統(tǒng)（續(xù)）,歷史對(duì)象(History)History對(duì)象提供了與歷史清單有關(guān)的信息。 文檔對(duì)象(Document) document對(duì)象包含了與文檔元素(elements)一起工作的對(duì)象，它將這些元素封裝起來供編程人員使用。,窗口及輸入輸出,創(chuàng)建一個(gè)新窗口open()方法 創(chuàng)建具有OK按鈕的對(duì)話框的alert()方法 創(chuàng)建具有OK和Cancel按鈕的對(duì)話框的confirm()方法 創(chuàng)建具有輸入信息的對(duì)話框的prompt()方法,document文檔對(duì)象,在document中主要有：links,anchor,form等三個(gè)最重要的對(duì)象 文檔對(duì)象中有attribute屬性 文

10、檔對(duì)象的基本元素：（）窗體屬性（）錨屬性：anchors（）鏈接屬性：links,網(wǎng)頁制作注意事項(xiàng),制作網(wǎng)頁要注意兼容性?？蛻舳丝赡懿顒e很大：不同的操作系統(tǒng)、瀏覽器、屏幕分辨率、字體支持等。 保持文件名大小寫一致，避免使用中文做為文件名和目錄名。所有文件和資源要放在一個(gè)目錄下。需要起始頁面。 為網(wǎng)頁減肥，減少流量，提高響應(yīng)時(shí)間。 網(wǎng)頁的風(fēng)格宜素雅、最忌亂。,XML (Extensible Markup Language),XML起源于SGML(Standard Generalized Markup Language)。 XML是平臺(tái)及軟件無關(guān)的。 XML提供了一個(gè)簡(jiǎn)化的結(jié)構(gòu)。 XML將數(shù)據(jù)的內(nèi)

11、容與顯示分離，XML側(cè)重于數(shù)據(jù)的“內(nèi)容”，而不是數(shù)據(jù)的“樣子”。 XML的數(shù)據(jù)是供人和機(jī)器都可以閱讀的。,XML versus SGML and HTML,HTML是面向顯示的。 SGML非常的復(fù)雜。 XML是不同介質(zhì)之間數(shù)據(jù)交換的標(biāo)準(zhǔn)。 XHTML與MathML均是XML的具體應(yīng)用例子。,靜態(tài)頁面與動(dòng)態(tài)網(wǎng)站,靜態(tài)頁面，指的是內(nèi)容預(yù)先設(shè)置固定的頁面。所使用的技術(shù)：HTML,CSS,JavaScript/VBScript/JScript靜態(tài)并不是說頁面上沒有動(dòng)畫或特效。 動(dòng)態(tài)網(wǎng)站指的是網(wǎng)頁的內(nèi)容在運(yùn)行時(shí)動(dòng)態(tài)生成的技術(shù)。例如：新聞、郵箱等。主要包括：CGI，ASP，PHP，JSP/Servlet等

12、。,使用什么樣的動(dòng)態(tài)網(wǎng)站技術(shù)？,傳統(tǒng)的方式：CGI （Common Gateway Interface），使用C、Perl等語言。 Windows NT Family With IIS + ASP + SQL Server Linux/NT + PHP + MySQL Java/JSP/Servlet + 大型關(guān)系型數(shù)據(jù)庫,Active Server Pages (ASP),基于微軟的Windows操作系統(tǒng)和IIS網(wǎng)絡(luò)信息服務(wù)器。 易學(xué)易上手，使用VBScript作為內(nèi)置的腳本語言。 可擴(kuò)展性差，安全性不強(qiáng)，不方便遷移到其它平臺(tái)。 一般與微軟的數(shù)據(jù)庫配合使用。如Access、SQL Serve

13、r等。適合小型應(yīng)用。,ASP優(yōu)點(diǎn),使 用 VBScript 、 JScript 等 腳 本 語 言， 結(jié) 合 HTML 代 碼， 即 可 快 速 地 完 成 網(wǎng) 站 的 應(yīng) 用 程 序。 無 須 compile 編 譯， 容 易 編 寫， 可 在 服 務(wù) 器 端 直 接 執(zhí) 行。 使 用 普 通 的 文 本 編 輯 器， 如 Windows 的 記 事 本， 即 可 進(jìn) 行 編 輯 設(shè) 計(jì)。 與 瀏 覽 器 無 關(guān) (Browser Independence),ASP 本 身 并 不 是 一 種 腳 本 語 言， 它 只 是 提 供 了 一 種 使 鑲 嵌 在 HTML 頁 面 中 的 腳 本

14、 程 序 得 以 運(yùn) 行 的 環(huán) 境。 ASP 程 序 其 實(shí) 是 以 擴(kuò) 展 名 為 .asp 的 純 文 本 形 式 存 在 于 WEB 服 務(wù) 器 上 的， ASP 程 序 中 可 以 包 含 純 文 本、 HTML 標(biāo) 記 以 及 腳 本 命 令。,ASP工作方式,請(qǐng)求回應(yīng)示意圖,WEB Server,Client Browser,請(qǐng)求HTML、ASP頁面,返回靜態(tài)HTML文檔,將ASP解釋執(zhí)行，結(jié)果為HTML,顯示HTML,Script,ASP的內(nèi)建對(duì)象,Request Response (Cookie) Application Session Server 其它對(duì)象，如ADO、FileSystemObject等,JSP優(yōu)點(diǎn),使 用 Java 語 言， 結(jié) 合 HTML 代 碼， 即 可 快 速 地 完 成 網(wǎng) 站 的 應(yīng) 用