【文章內容簡介】 8 象和命令修改菜單和快捷鍵，甚至編寫 JavaScript 代碼擴展 Dreamweaver 的行為和屬性檢查器。 至于 Dreamweaver 工作區(qū)是非常靈活的，因此它可以適應各種不同的工作風格和使用水平。常用的 Dreamweaver 工作區(qū)組件有以下若干種： ① 文檔窗口可顯示當前文檔，文檔的外觀和瀏覽器中看到的非常相似。 ② 裝載器中包含 一些打開和關閉常用檢查器和模板的按鈕。 ③ 對象工具欄包含創(chuàng)建不同類型的對象（例如 圖象、表格和層等）的按鈕。 ④ 屬性檢查器顯示選定對象的屬性。 ⑤ 快捷菜單可以使用戶對當前選擇或區(qū)域快速執(zhí)行某些命令。 ⑥ 可固定的浮動工具欄允許用戶將浮動窗口、檢查器和工具欄組合在一個或多個選擇窗口中。 Macromedia Flash Macromedia Flash 用于 web 站點的交互式的矢量圖形和動畫的制作，它可制作出用于瀏覽時的導航控制、制作動畫圖標、帶同步聲音的大段的動畫，創(chuàng)建出生動富于表現(xiàn)力的網(wǎng) 頁。 Flash 中的圖形都是矢量的，占據(jù)存儲空間較少，因而下載時間短，且能很好地適應瀏覽者不同尺寸的屏幕。 Flash 的交互性的大部分設置就在 Action 和 Fs Command 里，通過對 Action 和 Fs Command 的設置，你可以隨意的設置各事件發(fā)生的效果，還有對變量及函數(shù)的設置。 Fireworks Adobe Fireworks 可以加速 Web 設計與開發(fā)，是一款創(chuàng)建與優(yōu)化 Web 圖像和快速構建網(wǎng)站與 Web 界面原型的理想工具。 Fireworks 不僅具備編輯矢量圖形 與位圖圖像的靈活性， 還提供了一個預先構建資源的公用庫 , 并可與 Adobe Photoshop、 Adobe Dreamweaver 和 Adobe Flash 軟件省時集成。 在Fireworks 中將設計迅速轉變?yōu)槟Ｐ?，或利用來? Illustrator、 Photoshop 和 安徽工業(yè)經(jīng)濟職業(yè)技術學院畢業(yè)論文 9 Flash 的其它資源。 然后直接置入 Dreamweaver 中輕松地進行開發(fā)與部署。Fireworks 特性 如下： ① 矢量編輯與位圖編輯。創(chuàng)建和編輯矢量圖像與位圖圖像，并導入和編輯本機 Photoshop 文件。 ② 圖像優(yōu)化。采用 預覽、跨平臺灰度系統(tǒng)預覽、選擇性 JPEG 壓縮和大量導出控件，針對各種交付情況優(yōu)化圖像。 ③ 高效的 Photoshop 和 Illustrator 集成。導入 Photoshop 文件， 導入時可保持分層的圖層、圖層效果和混合模式。 將 Fireworks 文件保存回 Photoshop 格式。 導入 Illustrator 文件， 導入時可保持包括圖層、組和顏色信息在內的圖形完整性。 ④ 智能縮放。通過切片縮放智能地縮放矢量圖像或位圖圖像中的按鈕與圖形元件。 將切片縮放與新的自動形狀庫相結合 , 以加速網(wǎng) 站和應用程序的原型構建進度。 ⑤ 簡化的 Dreamweaver 和 Flash 集成。復制 Fireworks CS3 中的任意對象 , 并直接粘貼到 Dreamweaver CS3 中。 創(chuàng)建可保存為 CSS 和 HTML 的彈出菜單。 將 Fireworks 文件直接導出至 Flash CS3, 導出時可保持矢量、位圖、動畫和多狀態(tài)不變 , 然后在 Flash CS3 中編輯文件。 大家都知道 ，在網(wǎng)頁上的 jpg 圖片如果過大，會嚴重影響頁面的打開速度，F(xiàn)ireworks 提供優(yōu)化圖片的功能，即縮小圖片的 KB，而且不影響畫面的質量。由于很多人喜歡用 photoshop 制作 jpg 圖片，所以它的容量會很大 ,最終還是要用Fireworks 來處理一下。 JavaScript JavaScript 是一種基于對象和事件驅動并具有安全性能的腳本語言。使用它的目的是與 HTML 超文本標記語言、 Java 腳本語言一起實現(xiàn)在一個 Web頁面中鏈接多個對象，與 Web 客戶交互作用。從而可以開發(fā)客戶端的應用程序等。它是通過嵌入或調入在標準的 HTML語言中實現(xiàn)的。它的出現(xiàn)彌補了 HTML語言的缺陷，它是 Java 與 HTML 折衷的選擇。 Adobe Photoshop 是目前最流行的圖形、圖像編輯設計軟件，在數(shù)碼影像處安徽工業(yè)經(jīng)濟職業(yè)技術學院畢業(yè)論文 10 理、圖像編輯合 成 、廣告設計、封面設計、美術繪畫、網(wǎng)頁設計等領域都被廣泛地應用。 ① 文字處理更加方便 ② 增加的圖層集使圖層管理更有序。 ③ 新增圖像功能：圖像的剪切和剪裁更加方便。 ④ 將所有工具的選項板改進為工具選項欄放置在工作區(qū)頂部，方便先項參數(shù)的設置。 ⑤ 為了更方便地用路徑繪畫，改進增加了幾何形狀工具，通過選擇工具的不同工作模式，可創(chuàng)建路徑、幾何形狀或幾何填充區(qū)，使得矢量繪圖功 能得到了加強。 DIV+CSS 什么是 div div 標簽和其他 HTML 標簽沒有什么區(qū)別，需要由關閉標志。如果不加入任何 css 樣式，它的效果類似 p標記。 Div 示例代碼如下： div內容 /div 把 css 的擴展屬性放入 div 標簽中，就可以控制 div 容器中的所有 HTML 元素顯示在屏幕上的具體位置，為了實現(xiàn)這種 1:1 的精確控制，必須給當前的 div加上唯一的 id，用來區(qū)分其他 div 標記。還有一種情況是：你想讓一類或者說幾個 div 具有相同的樣式屬性時，可以給每個 div 加上 class 屬性，這樣具有同樣 class 屬性的 div 標記樣式相同。代碼如下： div id=” wrap” 內容 /div div class=” button” 內容 /div 什么是 CSS CSS 是英文 Cascading Style Sheet 縮寫形式，中文譯為層疊樣式表或級聯(lián)樣式表。 Web 設計者可利用它來定義文檔的樣式，這里指的文檔不僅限于（ X）HTML。通過 CSS，設計者可控制文檔的字體、顏色、圖像、表格、鏈接和布局格式，同時設計者也可以將表示樣式外觀的信息從內容中分離出來，集中放置在頁安徽工業(yè)經(jīng)濟職業(yè)技術學院畢業(yè)論文 11 面的某一部分，甚至可保存為獨立的文 件，從而減少文件的大小，節(jié)省網(wǎng)絡的寬帶、節(jié)約 web 設計者維護代碼的時間。 CSS 有如此多的好處，掌握和使用好它對于 web 設計者來說是非常必要的。 何為樣式 樣式一詞對于我們來說并不陌生，即使尚未接觸 CSS 的人也不難理解樣式的含義。當你使用 Microsoft Word 一類的字處理程序時，幾乎總要更愛某些樣式以達到更好的效果，比如設定標題為加粗的三號黑體字，每一段的開始流出兩個空格等。樣式表不能孤立地使用，因為它本身并不包含任何內容信息。當然 CSS也不僅僅能同 Web 文檔一起使用，它還能定義 XML 甚至軟件界面的樣 式。 何為層疊 與樣式相比，了解層疊一詞的 CSS 初學者可能就比較少了，層疊是 CSS 中的術語，它包含了一系列的規(guī)則，瀏覽器根據(jù)這個規(guī)則來確定樣式應該如何應用到頁面的各個元素中去。 DIV+CSS 簡介 DIV+CSS 是網(wǎng)站標準中常用術語之一， div+css 是一種網(wǎng)頁的布局方法 ,這一種網(wǎng)頁布局方法有別于傳統(tǒng)的 HTML 網(wǎng)頁設計語言中的表格（ table）定位方式 ,真正地達到了 w3c 內容與表現(xiàn)相分離。 HTML 語言自 以來，不再發(fā)布新版本，原因就在于 HTML 語言正變得越來越復雜化、專用化。 XHTML 語言 是一種可以將 HTML 語言標準化，用 XHTML 語言重寫后的 HTML 頁面可以應用許多 XML應用技術。使得網(wǎng)頁更加容易擴展，適合自動數(shù)據(jù)交換，并且更加規(guī)整。在 XHTML網(wǎng)站設計標準中，不再使用表格定位技術，而是采用 DIV+CSS 的方式實現(xiàn)各種定位。以下是 DIV+CSS 的特點簡介： ① 符合 W3C 標準。微軟等公司均為 W3C 支持者。這一點是最重要的，因為這保證您的網(wǎng)站不會因為將來網(wǎng)絡應用的升級而被淘汰。 ② 支持瀏覽器的向后兼容，也就是無論未來的瀏覽器大戰(zhàn)， 勝利的是 IE7或者是火狐，您的網(wǎng)站都能很好的兼容。 ③ 搜索引擎更加友好。相對與傳統(tǒng)的 table, 采用 DIV+CSS 技術的網(wǎng)頁，對于搜索引擎的收錄更加友好。 安徽工業(yè)經(jīng)濟職業(yè)技術學院畢業(yè)論文 12 ④ 樣式的調整更加方便。內容和樣式的分離，使頁面和樣式的調整變得更加方便。 現(xiàn)在 YAHOO,MSN 等國際門戶網(wǎng)站，網(wǎng)易，新浪等國內門戶網(wǎng)站，和主流的 網(wǎng)站，均采用 DIV+CSS 的框架模式，更加印證了 DIV+CSS 是大勢所趨。 ⑤ CSS 的極大優(yōu)勢表現(xiàn)在簡潔的代碼，對于一個大型網(wǎng)站來說， 可以節(jié)省大量帶寬，而且眾所周知，搜索引擎喜歡清潔的代碼。 ⑥ 表現(xiàn)和結構分離，在團隊開發(fā)中更容易分工合作而減少相互關聯(lián)性 第 2 章 網(wǎng)站的需求和分析 建立網(wǎng)站分析 要有一個清晰的網(wǎng)站布局。比如說，導航條是否需要？很多人說那東西很多人在做，就顯得沒個性，難顯示出新潮。但導航條之所以有那么多人在用，是因為它給用戶一個明確的布局，便利人們查找所需的信息。從某種角度上說，大家都在用的東西就說明它確實被人類接受。要清楚網(wǎng)站做出來是給每一個人普通用戶看的。網(wǎng)站還要定時更新 ，給人以新意。 設計技術的成熟，帶來了網(wǎng)頁世界的繁榮。尤其在崇尚個性的今天，設計者們將