【文章內(nèi)容簡(jiǎn)介】 ge 不同， Deamweaver 采用的是 Mac 機(jī)浮動(dòng)面版的設(shè)計(jì)風(fēng)格，對(duì)于初學(xué)者來(lái)說(shuō)可能會(huì)感到不適應(yīng)。但當(dāng)你習(xí)慣了其操作方式后，就會(huì)發(fā)現(xiàn) Dreamweaver 的直觀性與高效性是 Frontpage所無(wú)法比擬的。 Dreamweaver 對(duì)于 DHTML（動(dòng)態(tài)網(wǎng)頁(yè)）的支持特別好，可以輕而易舉地做出很多眩目的互動(dòng)頁(yè)面特效。插件式的程序設(shè)計(jì)使得其功能可以無(wú)限的擴(kuò)展。 Dreamweaver 與Flash、 Fireworks 并稱為 Macromedia 的網(wǎng)頁(yè)制作三劍客，由于是同一公司的產(chǎn)品，因而在功能上有著 一個(gè)非常緊密的結(jié)合。因此，說(shuō) Dreamweaver 是高級(jí)網(wǎng)頁(yè)制作的首選并不為過(guò)。 Dreamweaver 在多媒體方面頗有建樹的 Macromedia 公司推出的可視化網(wǎng)頁(yè)制作工具，它與 Flash、 Fireworks 合在一起被稱為網(wǎng)頁(yè)制作三劍客，這三個(gè)軟件相輔相承，是制作網(wǎng)頁(yè)的最佳選擇。其中， Dreamweaver 主要用來(lái)制作網(wǎng)頁(yè)文件，制作出來(lái)的網(wǎng)頁(yè)兼容性比較好，制作效率也很高， Flash 用來(lái)制作精美的網(wǎng)頁(yè)動(dòng)畫，而 Fireworks 用來(lái)處理網(wǎng)頁(yè)中的圖形。 Dreamweave 字面意思為 “夢(mèng)幻編織 ”，這一軟件有著不 斷變化的豐富內(nèi)涵和經(jīng)久不衰的設(shè)計(jì)思維，它能充分展現(xiàn)你的創(chuàng)意，實(shí)現(xiàn)你的想法，鍛煉你的能力，使你成為真正的網(wǎng)頁(yè)設(shè)計(jì)大師。 Macromedia 公司推出的 Dreamweaver UltraDev （以下簡(jiǎn)稱 UltraDev）是在華北電力大學(xué)本科畢業(yè)設(shè)計(jì)（論文 ） 5 Dreamweaver 的基礎(chǔ)之上能夠?qū)?dòng)態(tài)網(wǎng)頁(yè)進(jìn)行編輯的 Web 制作工具。因此，當(dāng)我們打開UltraDev 以后，發(fā)現(xiàn)它的界面與 Dreamweaver 非常相似。我們可以把 UltraDev 理解為Dreamweaver 下的一個(gè)大型 “PlugIn（插件） ”模塊。如果你粗通 Dreamweaver 的話， 那么學(xué)起 UltraDev來(lái)將會(huì)變得非常容易。 作為用來(lái)制作動(dòng)態(tài)網(wǎng)頁(yè)的 Web開發(fā)工具， UltraDev不僅可以實(shí)現(xiàn) Dreamweaver 靜態(tài)網(wǎng)頁(yè) “所見即所得 ”的編輯功能，而且還能夠支持 ASP、 JSP 和 CFML 三種服務(wù)器技術(shù)，實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)站的設(shè)計(jì)創(chuàng)建。對(duì)于初學(xué)者來(lái)說(shuō)，即使他完全不懂各種編輯動(dòng)態(tài)網(wǎng)頁(yè)的腳本語(yǔ)言，也可以在 Dreamweaver UltraDev 的可視化開發(fā)環(huán)境中快速創(chuàng)建動(dòng)態(tài) Web站點(diǎn)，輕松實(shí)現(xiàn)網(wǎng)頁(yè)與數(shù)據(jù)庫(kù)的連接，添加服務(wù)器操作行為。如果你是一個(gè)網(wǎng)頁(yè)制作高手，那也不必為它的可視化界面所 “迷惑 ”，你可以在 它的全代碼（ Code View）環(huán)境下進(jìn)行腳本的編寫，而且還可以利用它的活動(dòng)數(shù)據(jù)瀏覽（ Live Data View）功能，在工作區(qū)中直接實(shí)現(xiàn)對(duì)各種動(dòng)態(tài)數(shù)據(jù)進(jìn)行測(cè)試。 [7] 為了保持與 同步， Micromedia 公司在推出了 Dreamweaver UltraDev ， ，而是直接推出了 。 如果你還在對(duì)那些 “大蝦 ”級(jí)的 “動(dòng)態(tài) ”站點(diǎn)頂禮膜拜的時(shí)候，當(dāng)你產(chǎn)生了要做自己的“動(dòng)態(tài) ”網(wǎng)站的莫名沖動(dòng)的時(shí)候，當(dāng)你對(duì)那些密密麻麻的腳本語(yǔ)句看得頭都快要炸了的時(shí)候，當(dāng)你 …… 不想再聽我在這里繼續(xù)羅索下去的時(shí)候，那么讓我們一起來(lái)使用Dreamweaver UltraDev 構(gòu)建自己的動(dòng)態(tài)站點(diǎn)。它的確非常容易上手 ——相信我，沒錯(cuò)的 ^_^ 在開始之前，我們必須澄清一點(diǎn)，并不是說(shuō)包含了各種動(dòng)畫效果的網(wǎng)頁(yè)就是動(dòng)態(tài)網(wǎng)頁(yè)，而是指那些包含了在服務(wù)器上運(yùn)行的腳本語(yǔ)句的網(wǎng)頁(yè)才能稱為動(dòng)態(tài)網(wǎng)頁(yè)（ Dynamic Page）。與此相對(duì)應(yīng)的就是靜態(tài)網(wǎng)頁(yè)，嚴(yán)格的說(shuō)，靜態(tài)網(wǎng)頁(yè)并不是絕對(duì) “靜止 ”的，它有可能包含了 Flash動(dòng)畫，也可以包含腳本語(yǔ)句，但是與動(dòng)態(tài)網(wǎng)頁(yè)相比，它的腳本語(yǔ)句都不是在服務(wù)器上運(yùn)行的。 當(dāng)一個(gè)網(wǎng)頁(yè)中包含了在服務(wù)器上運(yùn)行的腳本語(yǔ)句之后，它就可以處理服務(wù)器上的各種資源（比如數(shù)據(jù)庫(kù)），換句話說(shuō)，它能夠 “命令 ”服務(wù)器按它的要求對(duì)各種數(shù)據(jù)資源進(jìn)行處理。在 UltraDev 中，在服務(wù)器上運(yùn)行的腳本語(yǔ)句被稱為 “服務(wù)器行為（ Server Behavior） ”。我們下面所建立的顯示查詢結(jié)果、編輯記錄內(nèi)容、新用戶注冊(cè)都可以稱為動(dòng)態(tài)網(wǎng)頁(yè)（那些以 asp結(jié)尾的網(wǎng)頁(yè)就是動(dòng)態(tài)網(wǎng)頁(yè)）。 [4] 由于 UltraDev支持 ASP、 JSP和 CFML三種服務(wù)器技術(shù)。所以在使用 UltraDev之前我們必須選定一種技術(shù)，這里我們就選用 ASP 啦，這樣 UltraDev 將使用 ASP 來(lái)編寫腳本語(yǔ)句。 [8] 不過(guò)只有 UltraDev還無(wú)法創(chuàng)建動(dòng)態(tài)網(wǎng)頁(yè)，我們還必須建立一個(gè)適合動(dòng)態(tài)網(wǎng)頁(yè)運(yùn)行的環(huán)境，這就是 Web服務(wù)器環(huán)境和數(shù)據(jù)庫(kù)運(yùn)行環(huán)境。他們之間的關(guān)系為：動(dòng)態(tài)網(wǎng)頁(yè)必須通過(guò) Web服務(wù)器中服務(wù)器程序來(lái)對(duì)數(shù)據(jù)庫(kù)內(nèi)容進(jìn)行操作，而服務(wù)器程序只有通過(guò)數(shù)據(jù)庫(kù)驅(qū)動(dòng)程序（ Driver）才能夠處理數(shù)據(jù)庫(kù)。 FLASH FLASH 基礎(chǔ)知識(shí) FLASH電影是專為網(wǎng)頁(yè)服務(wù)的畫像或動(dòng)畫 (當(dāng)然，也可用于其它用途 )。主 要含有矢量圖形，但是也可以包含導(dǎo)入的位 圖和音效，還可以把瀏覽者輸入 的信息同交互性聯(lián)系起來(lái)，從而產(chǎn)生交互效果，也可以生成非線性電影動(dòng)畫 。該動(dòng)畫可以同其它的 WEB程序產(chǎn)生交互作用。網(wǎng)頁(yè)設(shè)計(jì)師可以利用 FLASH來(lái) 創(chuàng)建導(dǎo)航控制器、動(dòng)態(tài) LOGOS、含有同步音效的長(zhǎng)篇?jiǎng)赢嫛⑸踔量梢援a(chǎn)生完整 的、富于敏感性的網(wǎng)頁(yè)。 FLASH電影是由壓縮的矢量圖形組成，所以， FLASH電影可以很快地下載和 充滿瀏覽者的屏幕。 華北電力大學(xué)本科畢業(yè)設(shè)計(jì)（論文 ） 6 FLASH 工作流 使用 FLASH 創(chuàng)建動(dòng)畫的過(guò)程，就是通過(guò)在平臺(tái)中繪畫、輸入作品、重新安 排各元素對(duì)象、并使用時(shí)間軸使它們 動(dòng) 起來(lái)而生成電影的過(guò)程。通過(guò)使 用 ACTIONS令電影以特殊的方式對(duì)事件發(fā)生反應(yīng)，于是產(chǎn)生了交互式效果。 電影制作完成后，可以把它輸出成可由 FLASH 播放器播放的文件，也可以 輸出成 ALONE項(xiàng)目電影，這種格式的電影項(xiàng)目已經(jīng)內(nèi)置了 FLASH 播放 器，可自行播放電影。 可按以下方法播放 FLASH電影： * 在已配置了 FLASH播放器的瀏覽器 (如 IE。 NN)中播放； * 在微軟的 OFFICE中，或其 ACTIVE X 主機(jī)環(huán)境中播放，但它們必須配 置了FLASH ACTIVE X控 制器； * FLASH播放器中播放； FLASH 動(dòng)畫 所謂 FLASH 動(dòng)畫，就是改變對(duì)象的形狀、大小、色彩、透明度、旋轉(zhuǎn)或者 其它對(duì)象屬性，最易理解的就是對(duì)象在舞臺(tái)上的位移。 FLASH動(dòng)畫分兩類，其 一：逐幀動(dòng)畫；其二：區(qū)間動(dòng)畫。逐幀動(dòng)畫要求你為每一個(gè)幀創(chuàng)建一個(gè)獨(dú)立 的畫像，而區(qū)間動(dòng)畫僅要求你創(chuàng)建動(dòng)畫的開始幀和結(jié)束幀，并適當(dāng)指使 FLASH 自動(dòng)生成這兩個(gè)幀之間的所有幀。也可以使用 SET PROPERTY行為，在 電影中創(chuàng)建動(dòng)畫。 FLASH 交互電影 所謂 FLASH 交互電 影，是指電影觀眾可以使用鍵盤或鼠標(biāo)操作來(lái)跳轉(zhuǎn)到電 影的其它部分、移動(dòng)對(duì)象、在表格里填寫數(shù)據(jù)、或者執(zhí)行其它許許多多的操作。 FLASH 播放器的服務(wù)器端的設(shè)置 如果使用戶能夠觀看 WEB 頁(yè)上的動(dòng)畫，必須正確配置 WEB 服務(wù)器，以便它 能夠識(shí)別 FLASH電影文件，配置服務(wù)器就是為服務(wù)器建立適當(dāng)?shù)?MIME類型，以 便把文件同屬于 SHOCKWAVE FLASH的有 .SWF后輟的文件聯(lián)系起來(lái)。瀏覽器收到 正確的 MIME類型后，便載入合適的插件、控制器或者幫助程序來(lái)處理或者正 確顯示進(jìn)入的數(shù)據(jù)。如果 MIME類 型丟失或者傳遞不正確，則瀏覽器會(huì)顯示出 一個(gè)錯(cuò)誤通知或者一個(gè)空白的窗口。 [9] 同時(shí)，在你發(fā)布 FLASH 電影之前，你也必須正確配置 FLASH 電影，這樣觀 眾才能用 FLASH播放器觀看。 采取以下操作之一來(lái)配置服務(wù)器： * 如果你的網(wǎng)站是 ISP提供的，則要同該 ISP聯(lián)系，要求 ISP提供正確的 MIME類型，以便能把 .SWF格式文件加入到服務(wù)器里； [5] * 如果你是自己管理服務(wù)器，查看一下 WEB服務(wù)器軟件的文件，找到正確填加、配置 MIME類型的用法說(shuō)明。 關(guān)于矢量圖象和點(diǎn)陣圖象 計(jì)算機(jī)顯示的圖片 要么是矢量圖象，要么是點(diǎn)陣圖象。正確理解這兩種 不同格式圖象之間的差異，能幫助你更有效地設(shè)計(jì)、創(chuàng)建 FLASH 電影。 FLASH 允許你創(chuàng)建壓縮的矢量圖形，并使它 動(dòng) 起來(lái)。 FLASH還允許你輸 入或者模擬由其它程序生成的矢量或點(diǎn)陣圖形。 關(guān)于矢量圖形 矢量圖形是用稱之為向量的直線或曲線來(lái)描繪圖像，例如，一個(gè)樹葉的 圖象 (下圖 )是由很多點(diǎn)組成，由直線或曲線通過(guò)這些個(gè)點(diǎn)，最后形成樹葉輪 廓，而樹葉的色彩是由輪廓的色彩或輪廓包圍區(qū)域的色彩確定的。 對(duì)矢量圖形的編輯，就是修改構(gòu)筑該圖形的直線和曲線。你 可以移動(dòng)、 縮放、重塑華北電力大學(xué)本科畢業(yè)設(shè)計(jì)（論文 ） 7 一個(gè)矢量圖形，包括更改它的顏色，所有這些操作都不會(huì)改變?cè)? 矢量圖形的品質(zhì)。矢量圖形具有分辨率獨(dú)立性，就是說(shuō)矢量圖形可以在不同 分辯率的輸出設(shè)備上顯示，卻不會(huì)改變圖像的品質(zhì)。 關(guān)于點(diǎn)陣圖形 點(diǎn)陣圖形是以稱之為像素的彩色點(diǎn)來(lái)描繪圖象，例如，下圖的樹葉，它 是由特定的位置和每個(gè)像素的色值來(lái)確定的，如同 瑪賽克 一樣的方式形成 圖象。 當(dāng)你編輯位圖圖象時(shí)，修改的是像素，而不是直線或曲線，位圖圖象是 非分辨率獨(dú)立性的，這是因?yàn)闃?gòu)成圖象的數(shù)據(jù)被固定在特定大小的柵格里。 編輯位圖圖 象將影響它的外觀品質(zhì)，尤其是縮放點(diǎn)陣圖象時(shí)，將使圖象的邊 緣變得模糊不堪，這是因?yàn)闁鸥駜?nèi)的像素被重新分布了的緣故。 [10]如果用低于 圖象自身清晰度的輸出設(shè)備來(lái)顯示該位圖，也將降低位圖的外觀品質(zhì)。 華北電力大學(xué)本科畢業(yè)設(shè)計(jì)（論文 ） 8 3. 制作網(wǎng)頁(yè) 搜集相關(guān)資料 登陸 “中國(guó)電力信息網(wǎng) ”及各地方電力公司網(wǎng)站，及一些大學(xué)的高壓教研室網(wǎng)站，搜集有關(guān)信息，圖片等。 查看了有關(guān)網(wǎng)頁(yè)應(yīng)用的資料，對(duì)現(xiàn)今的網(wǎng)絡(luò)趨勢(shì)作了大體的了解，分析十年來(lái)校園網(wǎng)發(fā)展的歷史。 從圖書館借閱有關(guān)網(wǎng)頁(yè)設(shè)計(jì)及美工制作，網(wǎng)站規(guī)劃，建設(shè)，管理等的資料。 搜集高壓教研室人員組 成，科研，教學(xué)等方面情況的資料，統(tǒng)計(jì)研究生培養(yǎng)，碩士點(diǎn)，博士點(diǎn)的情況，實(shí)驗(yàn)室的設(shè)備情況等等。 網(wǎng)頁(yè)制作 網(wǎng)頁(yè)規(guī)劃與布局 對(duì)于網(wǎng)站，總是以內(nèi)容決定形式的。網(wǎng)站發(fā)布的形式是網(wǎng)頁(yè)，網(wǎng)頁(yè)信息的種類和多少會(huì)大影響網(wǎng)站的表現(xiàn)能力。所以設(shè)計(jì)和制作一個(gè)網(wǎng)站的網(wǎng)頁(yè)，首先要定下發(fā)布的內(nèi)容，然后對(duì)其進(jìn)行組織、規(guī)劃和布局。 網(wǎng)頁(yè)內(nèi)容組織的一般結(jié)構(gòu) 建立網(wǎng)站之后，首先應(yīng)為所建的網(wǎng)站構(gòu)建一個(gè)信息結(jié)構(gòu)，將一個(gè)網(wǎng)站中眾多網(wǎng)頁(yè)（一個(gè)首頁(yè)和我多個(gè)子頁(yè)）有機(jī)地組織起來(lái)。一個(gè)網(wǎng)站內(nèi)容的組織首先要讓讀者認(rèn)可，要作到這 一點(diǎn)，一方面組織豐富的、可讀性強(qiáng)的內(nèi)容，另一方面在內(nèi)容組織上也應(yīng)做到嚴(yán)謹(jǐn)清晰、層次結(jié)構(gòu)、網(wǎng)狀結(jié)構(gòu)及復(fù)合結(jié)構(gòu)。 順序結(jié)構(gòu) 這種結(jié)構(gòu)適合一些順序性較強(qiáng)的內(nèi)容，只需簡(jiǎn)單地按照一定的順瀏覽。它類似幻燈片顯示，用戶在頁(yè)面之