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