[學(xué)習(xí)]動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)與製作實(shí)用教程

1、《動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程》 電子教案,,制 作：程偉淵 任俊杰,目 錄,網(wǎng)頁(yè)設(shè)計(jì)概述Flash MX基礎(chǔ)知識(shí)動(dòng)畫角色的繪制與編輯動(dòng)畫的基本形式洋蔥皮、圖層及聲音的應(yīng)用動(dòng)畫技術(shù)的綜合應(yīng)用Fireworks MX基礎(chǔ)知識(shí)位圖編輯與動(dòng)畫制作圖像的優(yōu)化與導(dǎo)出,Dreamweaver MX基礎(chǔ)知識(shí)設(shè)計(jì)頁(yè)面布局網(wǎng)頁(yè)元素的

2、添加與編輯鏈接、庫(kù)與模板瀏覽器動(dòng)態(tài)網(wǎng)頁(yè)的制作服務(wù)器動(dòng)態(tài)網(wǎng)頁(yè)知識(shí)基礎(chǔ)服務(wù)器動(dòng)態(tài)網(wǎng)頁(yè)的制作動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)實(shí)例站點(diǎn)管理,,1.1 網(wǎng)頁(yè)設(shè)計(jì)的基本方式 1.2 網(wǎng)頁(yè)中的常見(jiàn)元素 1.3 網(wǎng)頁(yè)元素的創(chuàng)作與編輯工具 1.4 HTML基礎(chǔ)知識(shí) 1.5 動(dòng)態(tài)網(wǎng)頁(yè)的支持技術(shù),,第1章 網(wǎng)頁(yè)設(shè)計(jì)概述,第2章 Flash MX基礎(chǔ)知識(shí),2.1 認(rèn)識(shí) Flash MX 2.2 Flash

3、 MX 的工作界面 2.3 創(chuàng)建與保存動(dòng)畫,,第3章 動(dòng)畫角色的繪制與編輯,3.1 圖形角色的繪制與填充 3.2 編輯圖形角色 3.3 角色創(chuàng)作實(shí)例,,第4章 動(dòng)畫的基本形式,4.1 動(dòng)畫制作的有關(guān)概念 4.2 三種基本動(dòng)畫形式,,第5章 洋蔥皮、圖層及聲音的應(yīng)用,5.1 洋蔥皮效果的應(yīng)用 5.2 圖層的應(yīng)用 5.3 聲音效果的應(yīng)用,,第6章 動(dòng)畫技術(shù)的綜合應(yīng)用,

4、6.1 交互動(dòng)畫的制作 6.2 動(dòng)畫的輸出與優(yōu)化 6.3 動(dòng)畫制作綜合實(shí)例,,第7章 Fireworks MX基礎(chǔ)知識(shí),7.1 網(wǎng)頁(yè)圖像概述 7.2 認(rèn)識(shí) Fireworks MX 7.3 矢量圖像的繪制與編輯 7.4 修改對(duì)像,,第8章 位圖編輯與動(dòng)畫制作,8.1 位圖的編輯 8.2 在Fireworks MX中建立動(dòng)畫實(shí)例,,第9章 圖像的優(yōu)化與導(dǎo)出,9.1

5、圖像的優(yōu)化 9.2 圖像的導(dǎo)出,,第10章　Dreamweaver MX基礎(chǔ)知識(shí),10.1 認(rèn)識(shí)Dreamweaver MX 10.2 本地站點(diǎn)的建立 10.3 網(wǎng)頁(yè)的建立與保存,,第11章 設(shè)計(jì)頁(yè)面布局,11.1 使用表格對(duì)頁(yè)面進(jìn)行布局 11.2 在布局視圖中對(duì)頁(yè)面進(jìn)行布局 11.3 使用框架對(duì)頁(yè)面進(jìn)行布局 11.4 使用層對(duì)頁(yè)面進(jìn)行布局,,第12章 網(wǎng)頁(yè)元素的添加

6、與編輯,12.1 添加文本和設(shè)置文本格式 12.2 圖像的添加與編輯 12.3 媒體的添加與編輯 12.4 表單的添加與編輯,,第13章 鏈接、庫(kù)與模板,13.1 鏈接 13.2 庫(kù)項(xiàng)目 13.3 模板,,第14章 瀏覽器動(dòng)態(tài)網(wǎng)頁(yè)的制作,14.1 行為與行為面板 14.2 應(yīng)用行為制作動(dòng)態(tài)網(wǎng)頁(yè),,第15章 服務(wù)器動(dòng)態(tài)網(wǎng)頁(yè)知識(shí)基礎(chǔ),15.1 ASP 技術(shù)基礎(chǔ)

7、 15.2 腳本語(yǔ)言簡(jiǎn)介 15.3 數(shù)據(jù)庫(kù)基礎(chǔ)知識(shí) 15.4 測(cè)試服務(wù)器的建立 15.5 ASP 應(yīng)用程序舉例,,第16章 服務(wù)器動(dòng)態(tài)網(wǎng)頁(yè)的制作,16.1 動(dòng)態(tài)站點(diǎn)的建立 16.2 后臺(tái)數(shù)據(jù)庫(kù)的設(shè)計(jì) 16.3數(shù)據(jù)提交功能的實(shí)現(xiàn) 16.4 數(shù)據(jù)顯示功能的實(shí)現(xiàn) 16.5 數(shù)據(jù)查詢功能的實(shí)現(xiàn) 16.6 數(shù)據(jù)維護(hù)功能的實(shí)現(xiàn) 16.7 成績(jī)管理系統(tǒng)主頁(yè)的

8、建立,,第17章 服務(wù)器動(dòng)態(tài)網(wǎng)頁(yè)的制作,17.1 網(wǎng)上新聞發(fā)布 17．2 網(wǎng)上投票系統(tǒng)的設(shè)計(jì),,第18章 站點(diǎn)管理,18.1 測(cè)試本地站點(diǎn) 18.2 站點(diǎn)文件的上傳 18.3 站點(diǎn)的維護(hù)與管理 18.4 宣傳自己的網(wǎng)站,,附錄：經(jīng)典網(wǎng)頁(yè)賞析,經(jīng)典網(wǎng)頁(yè)賞析1經(jīng)典網(wǎng)頁(yè)賞析2經(jīng)典網(wǎng)頁(yè)賞析3經(jīng)典網(wǎng)頁(yè)賞析4經(jīng)典網(wǎng)頁(yè)賞析5經(jīng)典網(wǎng)頁(yè)賞析6,,1.1 網(wǎng)頁(yè)設(shè)計(jì)的基本方式,1.1.1 手工編碼方

9、式1.1.2 利用可視化工具1.1.3 手工編碼與可視化工具結(jié)合,,1.2 網(wǎng)頁(yè)中的常見(jiàn)元素,1.2.1 文本1.2.2 圖象與動(dòng)畫1.2.3 音頻與視頻 1.2.4 超級(jí)鏈接1.2.5 表格1.2.6 表單1.2.7 導(dǎo)航欄1.2.8 其他元素,,1.3 網(wǎng)頁(yè)元素的創(chuàng)作與編輯工具,1.3.1 網(wǎng)頁(yè)圖像制作工具1.3.2 動(dòng)畫制作工具1.3.3 網(wǎng)頁(yè)編輯工具,,1.4 HTML基礎(chǔ)知識(shí),1.4.

10、1 HTML的基本概念1.4.2 HTML的基本語(yǔ)法結(jié)構(gòu),,1.5 動(dòng)態(tài)網(wǎng)頁(yè)的支持技術(shù),1.5.1 ASP 技術(shù)1.5.2 PHP 技術(shù)1.5.3 JSP 技術(shù),,2.1 認(rèn)識(shí) Flash MX,2.1.1 Flash MX的發(fā)展2.1.2 Flash MX的新增功能,,2.2 Flash MX 的工作界面,2.2.1 菜單欄2.2.2 工具欄和繪圖工具箱2.2.3 時(shí)間軸面板

11、2.2.4 屬性面板2.2.5 其他面板,,2.3 創(chuàng)建與保存動(dòng)畫,2.3.1 創(chuàng)建與保存動(dòng)畫2.3.2 文檔屬性設(shè)置,,3.1 圖形角色的繪制與填充,3.1.1 圖形角色的繪制3.1.2 顏色的填充,,3.2 編輯圖形角色,3.2.1 選取角色3.2.2 復(fù)制和刪除3.2.3 擦除角色工具3.2.4 變形工具,,3.3 角色創(chuàng)作實(shí)例,3.3.1 笑臉/哭臉的繪制 3.3.2 花

12、朵的制作3.3.3 放大鏡繪制 3.3.4 水暈的制作3.3.5 放射齒輪的繪制 3.3.6 彎月的制作,,4.1 動(dòng)畫制作的有關(guān)概念,4.1.1 場(chǎng)景4.1.2 時(shí)間軸4.1.3 幀4.1.4 元件,,4.2 三種基本動(dòng)畫形式,4.2.1 逐幀動(dòng)畫的制作4.2.2 位移動(dòng)畫的制作4.2.3 變形動(dòng)畫,,5.1 洋蔥皮效果的應(yīng)用,Flash MX 中有種專門的多幀編輯與對(duì)齊模式，叫

13、作"洋蔥皮效果"(Onion Skin)，它們位于時(shí)間軸下面。把"洋蔥皮"視圖模式打開，點(diǎn)按時(shí)間軸下面的圖標(biāo)，時(shí)間軸會(huì)變成時(shí)間軸上出現(xiàn)了兩個(gè)圓圈，它們分別代表洋蔥皮的起始幀與終止幀，凡是在這個(gè)范圍內(nèi)的幀都可在同時(shí)間進(jìn)行顯示。現(xiàn)在我們把右邊的圓圈拉到第30 幀 工作區(qū)中的內(nèi)容也會(huì)有所變化，從第1幀到第30幀的內(nèi)容全顯示出來(lái)了。洋蔥皮模式的作用主要是用來(lái)進(jìn)行多幀編輯，在進(jìn)行起始幀與終止幀的

14、元素精確定位時(shí)，它常常是必不可少的工具。 元件有個(gè)中心點(diǎn)，它是縮放與旋轉(zhuǎn)操作的參照點(diǎn)，因此在進(jìn)行多幀編輯時(shí)有必要先改變?cè)闹行狞c(diǎn)再進(jìn)行編輯。改變?cè)行狞c(diǎn)的操作是在元件的編輯窗口中進(jìn)行的。,,5.2 圖層的應(yīng)用,5.2.1 圖層的狀態(tài)5.2.2 圖層的基本操作5.2.3 圖層的屬性5.2.4 引導(dǎo)層5.2.5 遮罩層,,5.3 聲音效果的應(yīng)用,5.3.1 影響聲音質(zhì)量的因素5.3.2 音頻文

15、件的導(dǎo)入5.3.3 給動(dòng)畫加上聲音,,6.1 交互動(dòng)畫的制作,6.1.1 交互動(dòng)畫的原理6.1.2 簡(jiǎn)單交互動(dòng)畫的制作6.1.3 交互動(dòng)畫實(shí)例6.1.4 交互性的檢測(cè),,6.2 動(dòng)畫的輸出與優(yōu)化,6.2.1 Flash 動(dòng)畫的輸出6.2.2 Flash 動(dòng)畫的優(yōu)化,,6.3 動(dòng)畫制作綜合實(shí)例,6.3.1 下落的彈性小球6.3.2 放大鏡 6.3.3 水中倒影 6.3.4 光筆寫字6.3.

16、5 書本翻頁(yè)6.3.6 電子琴6.3.7 鼠標(biāo)跟隨效果的制作 6.3.8 秋雨連綿,,7.1 網(wǎng)頁(yè)圖像概述,7.1.1 圖像的格式7.1.2 矢量圖像和位圖圖像,,7.2 認(rèn)識(shí) Fireworks MX,7.2.1 Fireworks MX的特點(diǎn)7.2.2 Fireworks MX 的工作界面7.2.3 文檔的基本操作,,7.3 矢量圖像的繪制與編輯,7.3.1 圖像的繪制模式7.3.2 矢

17、量圖像的繪制7.3.3 布局工具的使用7.3.4 標(biāo)題文字的制作,,7.4 修改對(duì)像,7.4.1 選擇對(duì)像7.4.2 組織和管理對(duì)像7.4.3 整形路徑,,8.1 位圖的編輯,8.1.1 位圖編輯工具8.1.2 位圖編輯實(shí)例,,8.2 在Fireworks MX中建立動(dòng)畫實(shí)例,8.2.1 建立動(dòng)畫對(duì)象8.2.2 動(dòng)畫的設(shè)定8.2.3 動(dòng)畫預(yù)覽8.2.4 動(dòng)畫的編輯8.2.5

18、. 編輯運(yùn)動(dòng)路徑8.2.6 輸出gif動(dòng)畫,,9.1 圖像的優(yōu)化,9.1.1 優(yōu)化圖像應(yīng)考慮的因素9.1.2 圖像優(yōu)化的途徑,,9.2 圖像的導(dǎo)出,9.2.1 常規(guī)輸出9.2.2 輸出一個(gè)圖像的區(qū)域9.2.3 輸出切片9.2.4 輸出Flash格式9.2.5 使用“導(dǎo)出向?qū)А?,10.1 認(rèn)識(shí)Dreamweaver MX,10.1.1 Dreamweaver MX的新增功能10.1.2

19、 Dreamweaver Mx的工作區(qū)10.1.3 常規(guī)參數(shù)的設(shè)置10.1.4 在多用戶系統(tǒng)中自定義 Dreamweaver MX,,10.2 本地站點(diǎn)的建立,10.2.1 關(guān)于站點(diǎn)規(guī)劃和設(shè)計(jì)10.2.2 本地站點(diǎn)的建立與編輯,,10.3 網(wǎng)頁(yè)的建立與保存,在完成了本地站點(diǎn)的定義之后，現(xiàn)在開始建立我們的第一個(gè)網(wǎng)頁(yè)，操作步驟如下：1.選擇網(wǎng)頁(yè)格式 選擇“文件/新建”菜單或使用“標(biāo)準(zhǔn)工具欄”的新建按鈕，則

20、打開一個(gè)對(duì)話窗口。選擇“基本頁(yè)”中的“HTML”模式。點(diǎn)擊右下角的“創(chuàng)建”按鈕，打開一個(gè)新的文件窗口。2. 設(shè)置網(wǎng)頁(yè)屬性 在編輯新網(wǎng)頁(yè)前應(yīng)該先設(shè)置頁(yè)面屬性，也就是對(duì)頁(yè)面進(jìn)行整體規(guī)劃。頁(yè)面屬性的設(shè)置操作為：選擇“修改 / 頁(yè)面屬性”或在工作區(qū)按鼠標(biāo)右鍵選擇彈出菜單中的“頁(yè)面屬性”選項(xiàng)激活屬性設(shè)置面板。 設(shè)置完畢點(diǎn)擊右上角的“確定”按鈕。3.編輯網(wǎng)頁(yè)元素 在網(wǎng)頁(yè)上添加文本、圖片、表格等網(wǎng)頁(yè)元素。4.在網(wǎng)頁(yè)中加注

21、釋（1）選中插入注釋的位置。（2）選擇“插入/文本對(duì)象 / 注釋”菜單，在窗口中輸入注釋內(nèi)容。（3）編輯注釋：雙擊頁(yè)面中的注釋圖標(biāo)即可進(jìn)入編輯界面。5．保存網(wǎng)頁(yè)選擇“文件/保存”菜單，給網(wǎng)頁(yè)命名并存入相應(yīng)文件夾。,,11.1 使用表格對(duì)頁(yè)面進(jìn)行布局,11.1.1 創(chuàng)建表格11.1.2 表格的編輯11.1.3 對(duì)表格進(jìn)行排序,,11.2 在布局視圖中對(duì)頁(yè)面進(jìn)行布局,11.2.1 布局視圖簡(jiǎn)介11.2.2

22、 布局視圖的切換11.2.3 繪制布局單元格和表格11.2.4 向布局單元格中添加內(nèi)容11.2.5 布局單元格的調(diào)整11.2.6 設(shè)置布局單元格的格式11.2.7 設(shè)置布局視圖參數(shù),,11.3 使用框架對(duì)頁(yè)面進(jìn)行布局,11.3.1 框架（集）概述11.3.2 創(chuàng)建框架和框架集11.3.3 選擇框架和框架集11.3.4 在框架中打開文檔11.3.5 保存框架和框架集文件11.3

23、.6 設(shè)置框架（集）屬性,,11.4使用層對(duì)頁(yè)面進(jìn)行布局,11.4.1 層的創(chuàng)建11.4.2 層的基本操作11.4.3 向?qū)犹砑觾?nèi)容11.4.4 修改現(xiàn)有層的屬性11.4.5 層和表的轉(zhuǎn)換,,12.1 添加文本和設(shè)置文本格式,12.1.1 文本元素的添加和編輯12.1.2 HTML 樣式的應(yīng)用12.1.3 層疊樣式（CSS）的應(yīng)用,,12.2 圖像的添加與編輯,12.2.1 添加圖像1

24、2.2.2 編輯圖像,,12.3 媒體的添加與編輯,12.3.1 添加 Flash 影片12.3.2 添加 Shockwave 影片12.3.3 向頁(yè)面添加視頻12.3.4 向頁(yè)面添加聲音,,12.4 表單的添加與編輯,12.4.1 表單及表單對(duì)象,,13.1 鏈接,13.1.1 鏈接的創(chuàng)建與管理13.1.2 鏈接的應(yīng)用,,13.2 庫(kù)項(xiàng)目,13.2.1 認(rèn)識(shí)“庫(kù)“項(xiàng)目13.2.2 創(chuàng)

25、建和編輯庫(kù)項(xiàng)目13.2.3. 使用庫(kù)項(xiàng)目,,13.3 模板,13.3.1 創(chuàng)建編輯模板13.3.2 應(yīng)用模板13.3.3 更新模板,,14.1 行為與行為面板,14.1.1 行為的工作原理14.1.2 行為面板的應(yīng)用,,14.2 應(yīng)用行為制作動(dòng)態(tài)網(wǎng)頁(yè),14.2.1 與層有關(guān)的行為14.2.2 打開瀏覽器窗口14.2.3 播放聲音14.2.4 彈出消息14.2.5 設(shè)置文本14.2.

26、6 顯示彈出式菜單14.2.7 檢查表單14.2.8 制作時(shí)間線動(dòng)畫14.2.9 檢查瀏覽器14.2.10 檢查插件,,15.1 ASP 技術(shù)基礎(chǔ),15.1.1 ASP的概念與工作流程15.1.2 ASP應(yīng)用程序15.1.3 ASP的內(nèi)建對(duì)象,,15.2 腳本語(yǔ)言簡(jiǎn)介,15.2.1 VBscript基礎(chǔ)知識(shí)15.2.2 VBScript控制結(jié)構(gòu),,15.3 數(shù)據(jù)庫(kù)基礎(chǔ)知識(shí),15.3.1 數(shù)據(jù)

27、庫(kù)簡(jiǎn)介15.3.2 ACCESS 數(shù)據(jù)庫(kù)基本操作15.3.3 數(shù)據(jù)源的建立,,15.4 測(cè)試服務(wù)器的建立,ASP應(yīng)用程序的腳本代碼必須用腳本引擎來(lái)解釋執(zhí)行。因此運(yùn)行Asp程序前應(yīng)該先安裝包含腳本引擎的服務(wù)器管理程序IIS或PWS，也就是建立一個(gè)測(cè)試服務(wù)器。任何一臺(tái)具有IP地址的計(jì)算機(jī)（沒(méi)有聯(lián)網(wǎng)的計(jì)算機(jī)管理程序默認(rèn)一個(gè)IP地址127.0.0.1），安裝上服務(wù)器管理程序后就構(gòu)成了一臺(tái)服務(wù)器。常見(jiàn)的 Web 服務(wù)器管理軟件包括

28、IIS（Microsoft Internet Information Server）、PWS（Microsoft Personal Web Server）、Apache HTTP Server、Netscape Enterprise Server 和 iPlanet Web Server等。安裝哪一種Web服務(wù)軟件根據(jù)所用操作系統(tǒng)而定，在Windows NT及Windows 2000以上中安裝IIS最為常用，在Windows95/98安

29、裝服務(wù)器軟件一般只能使用PWS。這里主要講述服務(wù)器管理軟的安裝與服務(wù)器站點(diǎn)的發(fā)布過(guò)程。說(shuō)明：與真正的INTERNET服務(wù)器相比，測(cè)試服務(wù)器不需要申請(qǐng)外部IP地址，不需要域名解析，主要用來(lái)測(cè)試本地機(jī)上的ASP應(yīng)用程序。測(cè)試服務(wù)器可以是局域網(wǎng)上的計(jì)算機(jī)，也可以是未連網(wǎng)的單機(jī)。如果是局域網(wǎng)內(nèi)的計(jì)算機(jī)設(shè)成了服務(wù)器，則它上面的站點(diǎn)可通過(guò)內(nèi)部IP地址進(jìn)行訪問(wèn)。如：在局域網(wǎng)上建立了內(nèi)部IP地址為“192.168.0.51”的測(cè)試服務(wù)器，則在瀏覽器地

30、址欄中輸入“192.168.0.51/站點(diǎn)虛擬目錄名/主頁(yè)名”即可訪問(wèn)測(cè)試服務(wù)器上的站點(diǎn)。,,15.5 ASP 應(yīng)用程序舉例,15.5.1 數(shù)據(jù)提交入庫(kù)的程序設(shè)計(jì)15.5.2 查詢功能的實(shí)現(xiàn)15.5.2 ASP程序的調(diào)試與糾錯(cuò),,16.1 動(dòng)態(tài)站點(diǎn)的建立,16.1.1 工作流程和程序結(jié)構(gòu)16.1.2 建立、發(fā)布站點(diǎn)16.1.3 在Dreamweaver MX中定義本地站點(diǎn),,16.2 后臺(tái)數(shù)據(jù)庫(kù)的設(shè)計(jì),

31、16.2.1 設(shè)計(jì)庫(kù)結(jié)構(gòu)，創(chuàng)建數(shù)據(jù)源16.2.2 在Dreamweaver MX中建立數(shù)據(jù)庫(kù) 連接,,16.3數(shù)據(jù)提交功能的實(shí)現(xiàn),16.3.1 表單網(wǎng)頁(yè)的建立16.3.2 記錄集的建立16.3.3 記錄集與表單的綁定,,16.4 數(shù)據(jù)顯示功能的實(shí)現(xiàn),16.4.1 記錄的顯示16.4.2 動(dòng)態(tài)顯示多條記錄16.4.3 記錄的計(jì)數(shù)和統(tǒng)計(jì)16.4.4 記錄集導(dǎo)航條的建立,,16.5 數(shù)據(jù)查詢功能的

32、實(shí)現(xiàn),16.5.1 創(chuàng)建查詢頁(yè)面16.5.2 構(gòu)建結(jié)果頁(yè)面16.5.3 建立查詢顯示詳細(xì)面頁(yè),,16.6 數(shù)據(jù)維護(hù)功能的實(shí)現(xiàn),16.6.1 創(chuàng)建登錄頁(yè)面16.6.2 數(shù)據(jù)維護(hù),,16.7 成績(jī)管理系統(tǒng)主頁(yè)的建立,,通過(guò)上面的操作，我們已經(jīng)實(shí)現(xiàn)了成績(jī)管理的數(shù)據(jù)錄入、查詢顯示、數(shù)據(jù)護(hù)等功能。為了便于用戶操作使用，下面建立管理主頁(yè)，將各功能集成起來(lái)。,,17.1 網(wǎng)上新聞發(fā)布,,17.1.1 工作流程圖 17.1

33、.2 數(shù)據(jù)表的結(jié)構(gòu) 17.1.3 建立數(shù)據(jù)庫(kù)連接 17.1.4 新聞提交功能的實(shí)現(xiàn) 17.1.5 創(chuàng)建顯示頁(yè)面 17.1.6 在網(wǎng)頁(yè)上實(shí)現(xiàn)對(duì)數(shù)據(jù)庫(kù)的維護(hù),,17.2 網(wǎng)上投票系統(tǒng)的設(shè)計(jì),,17.2.1 工作流程圖 17.2.2 站點(diǎn)結(jié)構(gòu)圖 17.2.3 后臺(tái)數(shù)據(jù)庫(kù)設(shè)計(jì) 17.2.4 建立數(shù)據(jù)庫(kù)連接 17.2.5 投票頁(yè)面的設(shè)計(jì) 17.2.6 投票結(jié)果的柱狀顯示,,18.1 測(cè)試本地站點(diǎn)

34、,18.1.1 測(cè)試站點(diǎn)網(wǎng)頁(yè)與目標(biāo)瀏覽器的兼容性18.1.2 預(yù)覽自己的網(wǎng)頁(yè)18.1.3 檢驗(yàn)文件的大小及下在載時(shí)間,,18.2 站點(diǎn)文件的上傳,18.2.1 文件傳輸?shù)幕A(chǔ)知識(shí)18.2.2 在Dreamweaver MX中傳輸站點(diǎn)18.2.3 存回/取出功能簡(jiǎn)介18.2.4 設(shè)計(jì)備注功能介紹18.2.5 上傳網(wǎng)頁(yè)文件到局域網(wǎng),,18.3 站點(diǎn)的維護(hù)與管理,18.3.1 站點(diǎn)文件管理

35、18.3.2 遠(yuǎn)程與本地站點(diǎn)同步18.3.3 檢查與修正超級(jí)鏈接,,18.4 宣傳自己的網(wǎng)站,18.4.1 注冊(cè)好記的域名18.4.2 在各大搜索引擎上登陸注冊(cè)站點(diǎn)18.4.3 在電子郵件簽名中添加站點(diǎn)地址18.4.4 到BBS上公布站點(diǎn)信息18.4.5 與相關(guān)站點(diǎn)彼此鏈接,,1.1.1 手工編碼方式,網(wǎng)頁(yè)是由HTML（HYPER TEXT MARKUP LANGUAGE）超文本標(biāo)記語(yǔ)言編碼的文本

36、文檔，設(shè)計(jì)制作網(wǎng)頁(yè)的過(guò)程就是生成HTML代碼的過(guò)程。在WWW（World Wide Web ）發(fā)展的初期人們制作網(wǎng)頁(yè)是通過(guò)直接編寫HTML代碼來(lái)實(shí)現(xiàn)的。 手工編碼制作網(wǎng)頁(yè)對(duì)網(wǎng)頁(yè)設(shè)計(jì)人員的要求較高，編碼效率低，調(diào)試過(guò)程復(fù)雜，因此，對(duì)大多數(shù)網(wǎng)頁(yè)設(shè)計(jì)人員來(lái)說(shuō)采用這個(gè)方式比較困難。但手工編碼可以靈活地制作出豐富的網(wǎng)頁(yè)效果。,,1.1.2 可視化工具方式,隨著網(wǎng)頁(yè)制作技術(shù)的不斷發(fā)展，出現(xiàn)了諸如FrontPage、Dreamwea

37、ver等可視化的網(wǎng)頁(yè)編輯工具。利用這些工具人們?cè)诳梢暛h(huán)境下編輯制作網(wǎng)頁(yè)元素，由編輯工具自動(dòng)生成對(duì)應(yīng)的網(wǎng)頁(yè)代碼。如要在網(wǎng)頁(yè)上顯示圖1-1中的表格，就可以直接在工作區(qū)中繪制表格而不用考慮編碼的規(guī)則和語(yǔ)法。利用可視化工具編輯網(wǎng)頁(yè)操作簡(jiǎn)單直觀，調(diào)試方便，是大眾化的網(wǎng)頁(yè)編輯方式。但利用可視化工具在制作一些特殊網(wǎng)頁(yè)效果上有一定的局限性。,,1.1.3 編碼和可視化工具結(jié)合方式,編碼和可視化工具結(jié)合是一種比較成熟的網(wǎng)頁(yè)制作方式。具體過(guò)程為：一般的網(wǎng)

38、頁(yè)元素通過(guò)可視化工具編輯制作，一些特殊的網(wǎng)頁(yè)效果通過(guò)插入代碼生成。這種方式效率高、調(diào)試方便而且可以實(shí)現(xiàn)豐富的網(wǎng)頁(yè)效果，但要求設(shè)計(jì)人員既要熟悉Html語(yǔ)言又能運(yùn)用可視化工具。除了上面三種基本的網(wǎng)頁(yè)設(shè)計(jì)制作方式外，我們還可以通過(guò)修改已有的網(wǎng)頁(yè)代碼生成自己的網(wǎng)頁(yè)。在網(wǎng)頁(yè)編輯制作過(guò)程中具體采用何種方式要根據(jù)個(gè)人的具體情況而定，每必要拘泥于某種固定的模式。,,1.2.1文本,文本一直是人類最重要的信息載體與交流工具，網(wǎng)頁(yè)中的信息也以文本為主。與圖

39、象相比，文字雖然不如圖象那樣能夠很快引起瀏覽者的注意，但卻能準(zhǔn)確地表達(dá)信息的內(nèi)容和含義。為了克服文字固有的缺點(diǎn)，人們賦予了網(wǎng)頁(yè)中文本更多的屬性，如字體，字號(hào)，顏色，底紋和邊框等，通過(guò)不同格式的區(qū)別，突出顯示重要的內(nèi)容。此外，用戶還可以在網(wǎng)頁(yè)中設(shè)計(jì)各種各樣的文字列表，來(lái)清晰表達(dá)一系列項(xiàng)目。這些功能都給網(wǎng)頁(yè)中的文本賦予了新的生命力。,,1.2.2圖像和動(dòng)畫,圖像在網(wǎng)頁(yè)中具有提供信息，展示作品，裝飾網(wǎng)頁(yè)，表達(dá)個(gè)人情調(diào)和風(fēng)格的作用。用戶可以在網(wǎng)

40、頁(yè)中使用GIF, JPEG(JPG), PNG三種圖象格式，其中使用最 廣泛的是GIF和JPEG兩種格式。 說(shuō)明：當(dāng)用戶使用所見(jiàn)即所得的網(wǎng)頁(yè)設(shè)計(jì)軟件在網(wǎng)頁(yè)上添加其他非GIF, JPEG, 或PNG格式的圖片并保存時(shí)，這些軟件通常會(huì)自動(dòng)將少于8位顏色的圖片轉(zhuǎn)化為GIF格式，或?qū)⒍嘤?位顏色的圖片轉(zhuǎn)化為JPEG. 在網(wǎng)頁(yè)中為了更有效地吸引瀏覽者的注意，許多網(wǎng)站的廣告都做成了動(dòng)畫形式。圖1-2中的“無(wú)限情緣”，

41、就是一個(gè)動(dòng)畫廣告。,,1.2.3 聲音和視頻,聲音是多媒體網(wǎng)頁(yè)的一個(gè)重要組成部分。當(dāng)前存在著一些不同類型的聲音文件和格式，也有不同的方法將這些聲音添加到Web頁(yè)中。在決定添加聲音之前，需要考慮的因素包括其用途，格式，文件大小，聲音品質(zhì)和瀏覽器差別等。不同瀏覽器對(duì)于聲音文件的處理方法是非常不同的，彼此之間很可能不兼容。 用于網(wǎng)絡(luò)的聲音文件的格式非常多，常用的有MIDI、WAV、MP3和AIF等。設(shè)計(jì)者在使用這些格式的文件

42、時(shí)，需要加以區(qū)別。很多瀏覽器不要插件也可以支持MIDI,WAV和AIF格式的文件，而MP3和RM格式的聲音文件則需要專門的瀏覽器播放。 一般來(lái)說(shuō)，不要使用聲音文件作為背景音樂(lè)，那樣會(huì)影響網(wǎng)頁(yè)下載的速度?？梢栽诰W(wǎng)頁(yè)中添加一個(gè)打開聲音文件的鏈接，讓音樂(lè)播放變得可以控制。 視頻文件的格式也非常多，常見(jiàn)的有Realplay, MPEG, AVI和DivX等。視頻文件的采用讓網(wǎng)頁(yè)變得精彩而有動(dòng)感。,,1.2.4 超級(jí)鏈

43、接,超級(jí)鏈接技術(shù)可以說(shuō)是萬(wàn)維網(wǎng)流行起來(lái)的最主要的原因。它是從一個(gè)網(wǎng)頁(yè)指向另一個(gè)目的端的鏈接，例如指向另一個(gè)網(wǎng)頁(yè)或者相同網(wǎng)頁(yè)上的不同位置。這個(gè)目的端通常是另一個(gè)網(wǎng)頁(yè)，但也可以是一幅圖片，一個(gè)電子郵件地址，一個(gè)文件，一個(gè)程序或者是本網(wǎng)頁(yè)中的其他位置。其熱點(diǎn)通常是文本，圖片或圖片中的區(qū)域，也可以是一些不可見(jiàn)的程序腳本。 當(dāng)瀏覽者單擊超級(jí)鏈接熱點(diǎn)時(shí)，其目的端將顯示在Web瀏覽器上，并根據(jù)目的端的類型以不同方式打開。例如，當(dāng)指向一個(gè)

44、AVI文件的超級(jí)鏈接被單擊后，該文件將在媒體播放軟件中打開；如果單擊的是指向一個(gè)網(wǎng)頁(yè)的超級(jí)鏈接，則該網(wǎng)頁(yè)將顯示在Web瀏覽器上。加下劃線的文字，就是已經(jīng)建立了超鏈接的文本。,,1.2.5 表格,在網(wǎng)頁(yè)中表格用來(lái)控制網(wǎng)頁(yè)中信息的布局方式。這包括兩方面：一是使用行和列的形式來(lái)布局文本和圖像以及其他的列表化數(shù)據(jù)；二是可以使用表格來(lái)精確控制各種網(wǎng)頁(yè)元素在網(wǎng)頁(yè)中出現(xiàn)的位置。圖1-2中“特色欄目”，就運(yùn)用了表格進(jìn)行布局定位。,,1.2.6

45、表單,使用超級(jí)鏈接，瀏覽者和Web站點(diǎn)便建立起了一種簡(jiǎn)單的交互關(guān)系。網(wǎng)頁(yè)中的表單通常用來(lái)接受用戶在瀏覽器端的輸入，然后將這些信息發(fā)送到用戶設(shè)置的目標(biāo)端。這個(gè)目標(biāo)可以是文本文件，Web頁(yè)，電子郵件，也可以是服務(wù)器端的應(yīng)用程序。表單一般用來(lái)收集聯(lián)系信息、接受用戶要求、獲得反饋意見(jiàn)、設(shè)置來(lái)賓簽名簿、讓瀏覽者注冊(cè)為會(huì)員并以會(huì)員的身份登陸站點(diǎn)等。 表單由不同功能的表單域組成，最簡(jiǎn)單的表單也要包含一個(gè)輸入?yún)^(qū)域和一個(gè)提交按鈕。站點(diǎn)瀏覽者填

46、寫表單的方式通常是輸入文本，選中單選按鈕或復(fù)選框，以及從下拉列表框中選擇選項(xiàng)等。 根據(jù)表單功能與處理方式的不同，通?？梢詫⒈韱畏譃橛脩舴答伇韱?，留言簿表單，搜索表單和用戶注冊(cè)表單等類型。 中右上角的“手機(jī)參與”就是一個(gè)手機(jī)號(hào)的提交表單。,,1.2.7 導(dǎo)航欄,導(dǎo)航欄是用戶在規(guī)劃好站點(diǎn)結(jié)構(gòu)，開始設(shè)計(jì)主頁(yè)時(shí)必須考慮的一項(xiàng)內(nèi)容。導(dǎo)航欄的作用就是引導(dǎo)瀏覽者游歷站點(diǎn)。事實(shí)上，導(dǎo)航欄就是一組超級(jí)鏈接，這組超級(jí)鏈接的目標(biāo)就是本站點(diǎn)的

47、主頁(yè)以及其他重要網(wǎng)頁(yè)。在設(shè)計(jì)站點(diǎn)中的諸網(wǎng)頁(yè)時(shí)，可以在站點(diǎn)的每個(gè)網(wǎng)頁(yè)上顯示一個(gè)導(dǎo)航欄，這樣，瀏覽者就可以既快又容易的轉(zhuǎn)向站點(diǎn)的其他網(wǎng)頁(yè)。 一般情況下，導(dǎo)航欄應(yīng)放在網(wǎng)頁(yè)中較引人注目的位置，通常是在網(wǎng)頁(yè)的頂部或一側(cè)。導(dǎo)航欄既可以是文本鏈接，也可以是一些圖形按鈕。圖1-2中的導(dǎo)航欄就是一組文本鏈接。,,1.2.8 其他常見(jiàn)元素,網(wǎng)頁(yè)中除了以上幾種最基本的元素之外，還有一些其它的常用元素，包括懸停按鈕，Java特效，Active

48、X等各種特效。它們不僅能點(diǎn)綴網(wǎng)頁(yè)，使網(wǎng)頁(yè)更活潑有趣，而且在網(wǎng)上娛樂(lè)，電子商務(wù)等方面也有著不可忽視的作用。,,1.3.1 網(wǎng)頁(yè)圖像制作工具,1. Fireworks MX Firework MX是Macromedia公司的產(chǎn)品，是目前最流行的網(wǎng)頁(yè)圖像制作軟件。只有將Dreamweaver的默認(rèn)圖像編輯器設(shè)為Fireworks ，那么在Fireworks 中制作完成網(wǎng)頁(yè)圖像后將其輸出就會(huì)立即在Dreamweaver中更新

49、。Fireworks還可以安裝使用所有的Photoshop濾鏡，并且可以直接導(dǎo)入PSD格式圖像。更方便的是它不僅結(jié)合了Photoshop位圖功能以及CorelDRAW矢量圖的功能，而且提供了大量的網(wǎng)頁(yè)圖像模板供用戶使用。。其最方便之處是，它可以將圖像切割，圖像映射，懸停按鈕，圖像翻轉(zhuǎn)等效果直接生成HTML代碼，或者嵌入到現(xiàn)有的網(wǎng)頁(yè)中，或者作為單獨(dú)的網(wǎng)頁(yè)出現(xiàn)。2. Photo Impact Photo Impact是一個(gè)功

50、能強(qiáng)大，有趣且好用的基于對(duì)象的圖像編輯軟件。在這個(gè)軟件中，所有要編輯的圖像都會(huì)向以獨(dú)立的對(duì)象形式存在，用戶可以一直對(duì)獨(dú)立的對(duì)象進(jìn)行編輯，直到滿意后再將它合并到圖像上。,,1.3.2 動(dòng)畫制作工具,1. Flash MX Flash MX也是Macromedia公司的產(chǎn)品，是目前最流行的矢量動(dòng)畫制作軟件。與其它的動(dòng)和軟件相比，它具有一些優(yōu)點(diǎn)： 制作的是矢量圖像。只有用少量矢量數(shù)據(jù)就可以描述一個(gè)復(fù)雜

51、的對(duì)象，而占有的存儲(chǔ)空間只是位圖的幾千分之一，非常適合在網(wǎng)絡(luò)上使用。同時(shí)，矢量圖像不會(huì)隨瀏覽器窗口大小的改變而改變畫面質(zhì)量。 使用插件方式工作。 提供了一些增強(qiáng)功能。例如，支持位圖，聲音，漸變色和Alpha透明等。擁有了這些功能，用戶就完全可以建立一個(gè)全部由Flash制作的站點(diǎn)。 Flash影片也是一種流式文件。這就是說(shuō)，瀏覽者在觀看一個(gè)大動(dòng)畫時(shí)，可以不必等到影片全部下做到本

52、地在觀看，而是可以隨時(shí)觀看，即使后面的內(nèi)容還沒(méi)有完全下載，也可以開始欣賞動(dòng)畫。2. Director Director是Macromedia公司推出的多媒體開發(fā)工具，它為廣大多媒體制作人員提供了建立交互式應(yīng)用的強(qiáng)大功能。用戶可以在友好的界面下通過(guò)使用Director制作出令人滿意的多媒體作品。Director是一個(gè)簡(jiǎn)單且直觀的軟件，即使是首次使用該軟件的用戶也能編出優(yōu)秀的程序。而且，Director又是一個(gè)高度面

53、向?qū)ο蟮墓ぞ?，非常適合圖像設(shè)計(jì)者使用。,,1.3.3 網(wǎng)頁(yè)編輯工具,1. FrontPage 2000 FrontPage 2000是Microsoft Office 2000家族中的一員，F(xiàn)rontPage 2000的界面，功能與Word 2000 都非常相似。FrontPage2000提供了相當(dāng)數(shù)量的模版和向?qū)В钩鯇W(xué)者能夠非常容易的設(shè)計(jì)出美觀實(shí)用的網(wǎng)頁(yè)。FrontPage 2000最強(qiáng)大之處，是其站點(diǎn)管理

54、與遠(yuǎn)程發(fā)布功能。用戶只需在本地對(duì)網(wǎng)頁(yè)進(jìn)行編輯，F(xiàn)rontPage 2000便會(huì)跟蹤用戶編輯過(guò)的文件，在發(fā)布時(shí)，自動(dòng)將修改過(guò)的網(wǎng)頁(yè)進(jìn)行發(fā)布，未編輯過(guò)的網(wǎng)頁(yè)可由用戶決定是否再次向服務(wù)器發(fā)送。2. Dreamweaver MX Dreamweaver MX和Fireworks MX、Flash MX一起，被人們喻為“網(wǎng)頁(yè)制作三劍客”。同F(xiàn)rontPage一樣，Dreamweaver也是“所見(jiàn)即所得”的網(wǎng)頁(yè)

55、編輯軟件。它能夠很好的支持ActiveX, JavaScript, Java, Flash和Shockwave等，而且還能通過(guò)鼠標(biāo)拖動(dòng)的方式從頭到尾制作動(dòng)態(tài)的HTML效果。Dreamweaver還采用了Roundtrip HTML技術(shù)，使用這些技術(shù)，網(wǎng)頁(yè)可以在Dreamweaver和HTML代碼編輯器之間進(jìn)行自由轉(zhuǎn)化，而HTML語(yǔ)法及結(jié)構(gòu)不變。這樣，專業(yè)設(shè)計(jì)者可以在不改變?cè)芯庉嬃?xí)慣的同時(shí)，充分享受到“所見(jiàn)即所得”帶來(lái)的方便。Drea

56、mweaver 3. HotDog HotDog是較早基于代碼的網(wǎng)頁(yè)設(shè)計(jì)工具，其最具特色的地方是提供了許多向?qū)Чぞ撸軒椭O(shè)計(jì)者制作頁(yè)面中的復(fù)雜部分。HotDog的高級(jí)HTML支持插入marquee（動(dòng)態(tài)文本標(biāo)記），并能在預(yù)覽模式中以正常速度觀看。這點(diǎn)非常難得，因?yàn)榧词故讋?chuàng)這種標(biāo)簽的Microsoft在FrontPage 98中也未提供這樣的功能。HotDog對(duì)plug－in的支持也遠(yuǎn)遠(yuǎn)超過(guò)其他產(chǎn)品，它提供的對(duì)話框

57、允許你以手動(dòng)方式為不同格式的文件選擇不同的選項(xiàng)。但對(duì)中文的處理不很方便。HotDog是個(gè)功能強(qiáng)大的軟件，對(duì)于那些希望在網(wǎng)頁(yè)中加入CSS、Java、RealVideo等復(fù)雜技術(shù)的高級(jí)設(shè)計(jì)者，是個(gè)很好的選擇。,,1.4.1 HTML基本概念,1. HTML的概念 HTML是一種描述語(yǔ)言，對(duì)WEB頁(yè)面中顯示內(nèi)容的屬性以標(biāo)簽的形式進(jìn)行描述?？蛻魴C(jī)上的瀏覽器（browser）對(duì)這些描述進(jìn)行解釋將相應(yīng)頁(yè)面內(nèi)容正確顯示在顯示器上。

58、一個(gè)WEB頁(yè)面就是一個(gè)HTML文檔 。2. HTML文檔的構(gòu)成 HTML文檔由三大元素構(gòu)成：HTML元素、HEAD元素和BODY元素。每個(gè)元素又包含各自相應(yīng)的標(biāo)記（屬性）。HTML元素是最外層的元素，里面包含HEAD元素和BODY元素。 HEAD元素中包含對(duì)文檔基本信息（文檔標(biāo)題，文檔搜索關(guān)鍵字、文檔生成器等）描述的標(biāo)記。BODY元素是文檔的主體部分，包含有對(duì)網(wǎng)頁(yè)元素（文本、表格、圖片、動(dòng)畫、鏈接等）描述的標(biāo)記。H

59、TML中標(biāo)記一般成對(duì)，如： 等，但也有一些不成對(duì)。 HTML文檔的結(jié)構(gòu)形式如下： 頁(yè)面信息的描述 頁(yè)面元素的描述 3. HTML 文檔的編輯 HTML 文檔是普通文本 ( ASCII) 文件, 它可以用任意編緝器(如windows中的記事本、寫字板, Macintosh 中的BBEdit等)生成。 你也可以使用字處理軟件, 不過(guò)要記住存文件時(shí)要存成“帶回車的

60、純文本”。早期網(wǎng)頁(yè)制作的過(guò)程就是直接書寫HTML代碼來(lái)定義頁(yè)面元素的過(guò)程。,,1.4.2 HTML的基本語(yǔ)法結(jié)構(gòu),1. HTML元素的標(biāo)記 HTML標(biāo)記 HTML標(biāo)記是對(duì)整個(gè)文檔屬性的描述，即告訴瀏覽器HTML文檔的開始與結(jié)束 。2. HEAD元素 （1） HEAD標(biāo)記 該標(biāo)記用來(lái)表示HEAD元素的開始和結(jié)束。 （2）BASE標(biāo)記 (不成對(duì)標(biāo)記)。 （3）META標(biāo)記（不成

61、對(duì)標(biāo)記） （4）TITLE 標(biāo)記 （5）SCRIPT 標(biāo)記 記用來(lái)表示HEAD元素的開始和結(jié)束，其格式為： 。3．BODY元素(可見(jiàn)對(duì)象的描述) （1）BODY標(biāo)記 該標(biāo)記是BODY元素開始和結(jié)束的標(biāo)志。 （2）DIV層標(biāo)記 （3）文本標(biāo)記 （4）段落標(biāo)記 （5）表格標(biāo)記 （6）圖象標(biāo)記 （7）下拉表單標(biāo)記 （8）鏈接 （Linking）標(biāo)記

62、 （9）多媒體標(biāo)記 （10）移動(dòng)文字標(biāo)記,,1.5.1 asp技術(shù),ASP （Microsoft Active Server Pages）是一套微軟開發(fā)的服務(wù)器端腳本環(huán)境， ASP 內(nèi)含于 IIS 3.0 和 4.0 之中 , 通過(guò) ASP 我們可以結(jié)合 HTML 網(wǎng)頁(yè)、 ASP 指令和 ActiveX 元件建立動(dòng)態(tài)、交互且高效的 WEB 服務(wù)器應(yīng)用程序。有了 ASP 你就不必?fù)?dān)心客戶的瀏覽器是否能運(yùn)行你所編寫的代碼，

63、因?yàn)樗械某绦蚨紝⒃诜?wù)器端執(zhí)行，包括所有嵌在普通 HTML 中的腳本程序。當(dāng)程序執(zhí)行完畢后，服務(wù)器僅將執(zhí)行的結(jié)果返回給客戶瀏覽器，這樣也就減輕了客戶端瀏覽器的負(fù)擔(dān)，大大提高了交互的速度。 ASP應(yīng)用程序可以手工編碼制作，也可以通過(guò)Dreamweaver MX等可視化工具創(chuàng)作生成。 ASP的具體內(nèi)容將在后面的動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)中講解。,,1.5.2 PHP 技術(shù),PHP（Hypertext Preprocesso超文本預(yù)

64、處理器）是一種易于學(xué)習(xí)和使用的服務(wù)器端腳本語(yǔ)言。只需要很少的編程知識(shí)你就能使用PHP建立一個(gè)真正交互的WEB站點(diǎn)。PHP自從誕生以來(lái)，以其簡(jiǎn)單的語(yǔ)法、強(qiáng)大的功能訊速得到了廣泛的應(yīng)用。PHP除了能夠操作頁(yè)面，還能發(fā)送HTTP的標(biāo)題；它不需要特殊的開發(fā)環(huán)境和IDE；它不僅支持多種數(shù)據(jù)庫(kù)，還支持多種通信協(xié)議；另外，PHP還具有極強(qiáng)的兼容性。PHP是完全免費(fèi)的，不用花錢，可以從PHP官方站點(diǎn)(http://www.php.net)自由下載。

65、 PHP在大多數(shù)Unix平臺(tái)，GUN/Linux和微軟Windows平臺(tái)上均可以運(yùn)行。,,1.5.3 JSP技術(shù),JSP與Microsoft的ASP技術(shù)非常相似。兩者都提供在HTML代碼中混合某種程序代碼、由語(yǔ)言引擎解釋執(zhí)行程序代碼的功能。與 ASP 一樣， JSP 中的 Java 代碼均在服務(wù)器端執(zhí)行。因此，在瀏覽器中使用"查看源文件"菜單是無(wú)法看到 JSP 源代碼的，只能看到結(jié)果 HTML 代碼。

66、 JSP與ASP雖然有很多相識(shí)之處，但兩者也有重要區(qū)別：第一，ASP的編程語(yǔ)言是VBScript之類的腳本語(yǔ)言，JSP使用的是Java；第二，兩種語(yǔ)言引擎用完全不同的方式處理頁(yè)面中嵌入的程序代碼。在ASP下，VBScript代碼被ASP引擎解釋執(zhí)行；在JSP下，代碼被編譯成Servlet并由Java虛擬機(jī)執(zhí)行處理代碼。,,2.1.1 Flash MX的發(fā)展,Flash的前身是Future Splash，是早期網(wǎng)上流行的

67、矢量動(dòng)畫插件。Macromedia公司收購(gòu)了Future Splash以后便將其改名為Flash2，一直到現(xiàn)在的Flash MX。用戶可以使用Flash創(chuàng)建導(dǎo)航欄、動(dòng)態(tài)指標(biāo)、帶有聲音的動(dòng)畫，甚至一個(gè)完整的、豐富多彩的網(wǎng)站。 Flash動(dòng)畫是一種專為網(wǎng)絡(luò)而創(chuàng)建的交互式矢量圖形動(dòng)畫。由于Flash動(dòng)畫使用的是矢量圖形，所以下載速度快，而且能夠縮放，使瀏覽者能夠全屏幕觀看。 瀏覽Flash制作的網(wǎng)頁(yè)，必須在

68、用戶計(jì)算機(jī)中安裝一個(gè)Flash播放器，該播放器可通過(guò)安裝Flash軟件而得到，也可從相關(guān)網(wǎng)站上下載。如從“http：//www.Macromedia.com”上下載。,,2.1.2 Flash MX的新增功能,1.增強(qiáng)型顏色管理2. 屬性檢查器3. 擴(kuò)展的視頻功能4. 像素級(jí)控制5. 創(chuàng)作時(shí)間共享庫(kù)6. Flash 組件 7. 增強(qiáng)型開發(fā)環(huán)境8. 增強(qiáng)型時(shí)間軸,,2.2.1 菜單欄,菜單欄包括 文件、編輯、查看、插入、修改