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