【正文】 中 國(guó)最大的管理資料下載中心 (收集 \整理 . 部分版權(quán)歸原作者所有 ) 第 1 頁(yè) 共 31 頁(yè) DREAMWEAVER 高級(jí)應(yīng)用技巧 一、關(guān)于站點(diǎn)計(jì)劃和站點(diǎn)設(shè)計(jì) 在 Dreamweaver中，術(shù)語(yǔ)“ Site（站點(diǎn)）”涉及兩者 — Web站點(diǎn)和從屬于 Web站點(diǎn)的所有文檔的本地存儲(chǔ)位置。當(dāng)你開始考慮準(zhǔn)備創(chuàng)建一個(gè) Web站點(diǎn)時(shí)，你應(yīng)當(dāng)遵循一系列的步驟以確保你的站點(diǎn)能夠獲得成功。即使你只打算創(chuàng)建一個(gè)給朋友和親人看的個(gè)人站點(diǎn)也應(yīng)如此。小心地計(jì)劃你的站點(diǎn)可以保證每個(gè)人都能夠成功地訪問(wèn)它。 1．確定你的目標(biāo) 確定你的站點(diǎn)目標(biāo)是什么，是當(dāng)你創(chuàng)建一 個(gè) Web站點(diǎn) 時(shí)，應(yīng) 該慎重考慮的第一步。向你自己和你的客戶提出一些關(guān)于站點(diǎn)的問(wèn)題，看看你自己和大家對(duì)站點(diǎn)的期望是什么。通過(guò)創(chuàng)建這樣一個(gè)站點(diǎn)你希望達(dá)到一個(gè)什么目的？寫下你的站點(diǎn)目標(biāo)，以便在你設(shè)計(jì)站點(diǎn)的整個(gè)過(guò)程中你都能清楚的記得它們。站點(diǎn)目標(biāo)可以幫助你將注意力集中并瞄準(zhǔn)到你的特別需要。 2．選擇目標(biāo)觀眾 在你確定了你通過(guò)創(chuàng)建你的網(wǎng)站達(dá)到什么目的后，你就需要確定你想讓誰(shuí)來(lái)訪問(wèn)你的站點(diǎn)了。這看起來(lái)像是一個(gè)蠢問(wèn)題，因?yàn)榇蠖鄶?shù)人都希望世界上每一個(gè)能上網(wǎng)的人都去訪問(wèn)他的站點(diǎn)。然而，創(chuàng)建一個(gè)世界上每個(gè)人都能使用的網(wǎng)站， 是十分困難的，甚至可以說(shuō)是不可能的，這正像沒(méi)有一個(gè)航空公司能飛遍全球所有的航線一樣。人們總是使用不同的瀏覽器，以不同的速度連接，并且可能沒(méi)有安裝某些插件。所有這些不可預(yù)期的因素都將對(duì)你的站點(diǎn)產(chǎn)生影響。這就是你需要確定一個(gè)目標(biāo)觀眾的原因。 考慮那些可能被吸引到你的網(wǎng)站的人們，或你希望能夠吸引的那些人群。你認(rèn)為他們更多的在使用什么樣的計(jì)算機(jī)，對(duì)他們來(lái)說(shuō)主流的操作系統(tǒng)將是什么平臺(tái)（ Macintosh、 Windows，或是 Linux）？平均的連接速度是多少（ 56K調(diào)制解調(diào)器或 ADSL）？他們通常使用什么樣的瀏覽 器，以及所使用的監(jiān)視器的分辨率？你正在創(chuàng)建的站點(diǎn)是一個(gè)真正的 Inter站點(diǎn)，還是一個(gè)公司內(nèi)部或組織內(nèi)部使用的 Intra（在 Intra中，通常每個(gè)人都使用相同的計(jì)算機(jī)操作系統(tǒng)和瀏覽器）？所有這些因素都將對(duì)你網(wǎng)站將以什么樣的感覺呈現(xiàn)給用戶產(chǎn)生巨大的影響。 一旦你確定了你的目標(biāo)觀眾群，并確定了計(jì)算機(jī)的類型、連接速度，以及你的目標(biāo)群體通常使用的瀏覽器等諸多因素，你就已經(jīng)瞄準(zhǔn)了你的設(shè)計(jì)目標(biāo)。 例如：假如說(shuō)你的目標(biāo)觀眾是一個(gè)通常使用 17英寸顯示器的 Windows操作系統(tǒng)的用戶，并總是使用 Inter Explorer 。那么當(dāng)你設(shè)計(jì)你的網(wǎng)頁(yè)時(shí)，你就應(yīng)該在一臺(tái) Windows 計(jì)算機(jī)上，在 1024*768 的分辨率下的 Microsoft Inter Explorer瀏覽器中測(cè)試你的站點(diǎn)。盡管對(duì)你來(lái)說(shuō)，你的用戶中只會(huì)有極少數(shù)者在 Macintosh平臺(tái)上使用 Netscape Navigator瀏覽器，但你也應(yīng)該保證你的站點(diǎn)在那種情況下也能正常的工作，盡管可能不會(huì)達(dá)到非常好的視覺效果。 3．創(chuàng)建多瀏覽器兼容的站點(diǎn) 當(dāng)你創(chuàng)建你的站點(diǎn)時(shí)，你應(yīng)該意識(shí)到你的來(lái)賓們的瀏覽器可能是花 樣繁多的。要?jiǎng)?chuàng)建具有最大兼容性的站點(diǎn)，在設(shè)計(jì)時(shí)就要給出約束條件。 現(xiàn)在有超過(guò)兩打的瀏覽器被使用，它們中大多數(shù)又已經(jīng)不止發(fā)行了一個(gè)版本。就算你的目標(biāo)只使用 Netscape Navigator 和 Microsoft Inter Explorer，你也應(yīng)意識(shí)到并不是 中 國(guó)最大的管理資料下載中心 (收集 \整理 . 部分版權(quán)歸原作者所有 ) 第 2 頁(yè) 共 31 頁(yè) 每個(gè)人都在使用這些瀏覽器的最新版本。只要你的網(wǎng)站是在 Web上的，遲早總會(huì)有某個(gè)使用Netscape Navigator Lynx（僅支持文本）的人來(lái)到你的站點(diǎn)。 在某些情況下，你不需要?jiǎng)?chuàng)建跨瀏覽器兼容的站點(diǎn)。例如：如果你的站點(diǎn)只在你 公司的內(nèi)部網(wǎng)上可用，并且你知道公司的雇員使用的都是同一種瀏覽器。在這種情況下，你可以針對(duì)這種瀏覽器優(yōu)化你的站點(diǎn)。同樣，如果你正在創(chuàng)建的 HTML 內(nèi)容將被發(fā)布到一張 CDROM上，而且隨同 HTML內(nèi)容一起還將發(fā)布一個(gè)瀏覽器，那么你可以假定你的用戶都有權(quán)使用這個(gè)特別的瀏覽器。 但在大多數(shù)情形下，網(wǎng)站是為公共消費(fèi)設(shè)計(jì)的，使你的網(wǎng)站可以被盡可能多的瀏覽器瀏覽是個(gè)不錯(cuò)的主意。挑選一個(gè)或兩個(gè)主流的瀏覽器作為你的目標(biāo)，以這些瀏覽器為目標(biāo)設(shè)計(jì)你的站點(diǎn)，但偶爾也用其它的瀏覽器探索一下站點(diǎn)，以避免出現(xiàn)太夸張的不調(diào)和。 4．通 常要考慮的問(wèn)題 從布局、動(dòng)畫、多媒體內(nèi)容，以及交互性上考慮，你的站點(diǎn)越復(fù)雜，它就越難以對(duì)多種瀏覽器兼容，例如并不是所有的瀏覽器都能運(yùn)行 JavaScript。不使用特殊字符的普通文本可以在所有的瀏覽器中很好的顯示，但是如此這般的一個(gè)頁(yè)面，同那些有著圖像、布局，以及交互功能的復(fù)雜頁(yè)面相比，就只有少得可憐的一點(diǎn)美學(xué)吸引力了。因此，在最大的效果設(shè)計(jì)和最大的兼容性設(shè)計(jì)之間找到一個(gè)平衡。 為那些最重要的頁(yè)面設(shè)計(jì)多個(gè)版本是一種有效的方法。例如：通過(guò)為你的主頁(yè)設(shè)計(jì)有框架和無(wú)框架的兩個(gè)版本來(lái)獲得好的效果，雖然你無(wú)法預(yù) 測(cè)用戶的瀏覽器是否可以正確的處理框架，但通過(guò)雙版本的設(shè)計(jì)，你可以根據(jù)瀏覽器的能力自動(dòng)地將來(lái)賓導(dǎo)向最適合他們的瀏覽器的頁(yè)面版本。 5．使用行為來(lái)檢測(cè)瀏覽器和插件 你能夠使用行為來(lái)確定你的來(lái)賓正在使用哪個(gè)瀏覽器，以及確定他們是否在瀏覽器中安裝了某個(gè)特別的插件。 檢查瀏覽器 — 根據(jù)來(lái)賓的瀏覽器的名稱和版本將不同的頁(yè)面發(fā)送給用戶。例如：如果他們使用 Netscape Navigator ，你可能希望來(lái)賓去往 ；如果他們使用 Microsoft Inter Explorer 或更新的版本，讓他們?nèi)ネ?；如果他們使用其它種類的瀏覽器就讓他們留在當(dāng)前頁(yè)上。 檢查插件 — 根據(jù)來(lái)賓的瀏覽器是否安裝了某個(gè)特別的插件將來(lái)賓導(dǎo)向不同的頁(yè)面。例如：如果他們安裝了 Shockwave，將用戶導(dǎo)向 ；如果他們沒(méi)有安裝 Shockwave，將他們導(dǎo)向 。 中 國(guó)最大的管理資料下載中心 (收集 \整理 . 部分版權(quán)歸原作者所有 ) 第 3 頁(yè) 共 31 頁(yè) 6．組織站點(diǎn)結(jié)構(gòu) 建立一個(gè)站點(diǎn)通常所采用的方法是首先在你的本地硬盤上建立一個(gè)文件夾，其中包含了你的站點(diǎn)要用到的所有文件，同時(shí)你也將在這個(gè)文件夾中創(chuàng)建和 編輯文檔。接下來(lái)的就是你周期性地拷貝那些文件到你的 Web服務(wù)器，并允許其他的人瀏覽你的站點(diǎn)。這種方法比直接在 Web站點(diǎn)創(chuàng)建和編輯文件要好，因?yàn)檫@允許你在將你的網(wǎng)站暴露于眾目睽睽之下前，先在本地站點(diǎn)上測(cè)試所做的一切改變。通過(guò)測(cè)試后，你可以在某個(gè)時(shí)刻神不知鬼不覺的將文件上傳到你的 Web服務(wù)器，完成一次完美的網(wǎng)站更新任務(wù)。 從一開始就精心的組織你的站點(diǎn)，能為你以后節(jié)省下大量的時(shí)間。如果你在開始創(chuàng)建文檔的時(shí)候，沒(méi)有考慮這些文檔應(yīng)該分別進(jìn)入你的站點(diǎn)層級(jí)結(jié)構(gòu)中的哪個(gè)文件夾中，那么最終你的工作將終結(jié)于一個(gè)巨大的、笨 拙的、塞滿了各種各樣文件的文件夾，或是面對(duì)一種相關(guān)的文件，卻分別坐落于半打以上的、有著相似名稱的文件夾的局面而一籌莫展。 因此，你應(yīng)當(dāng)按類目分解你的站點(diǎn)。把相關(guān)的頁(yè)放進(jìn)同一個(gè)文件夾。例如，你的公司的新聞發(fā)布、聯(lián)系信息，以及工作職位都可以放在同一個(gè)文件夾中，而將在線產(chǎn)品目錄放在另一個(gè)文件夾中。在必要的地方使用子文件夾。 你要決定在哪兒存放諸如圖像和聲音這樣的文件。組織存放你所有的圖像是一件簡(jiǎn)單的事情。例如，將它們都存放在同一個(gè)地點(diǎn)，以便當(dāng)你想要把一幅圖像插入到某個(gè)頁(yè)時(shí)，你知道在哪兒能找到它。設(shè)計(jì)者 們有時(shí)將整個(gè)站點(diǎn)中使用的非 HTML文件都存放在一個(gè)被稱為資產(chǎn)（ Asset）的文件夾中。這個(gè)文件夾可以包含一些有意義的子文件夾。例如：一個(gè)圖像文件夾、一個(gè) Shockwave文件夾，以及一個(gè)聲音文件夾?；蛘吣阋部赡茉谀愕恼军c(diǎn)上為每組相關(guān)的頁(yè)面準(zhǔn)備一個(gè)獨(dú)立的資產(chǎn)文件夾，如果在這些頁(yè)面組中沒(méi)有太多的東西要共享的話。如(圖 ) 保持你的本地站點(diǎn)和遠(yuǎn)端服務(wù)器上的站點(diǎn)有同樣的結(jié)構(gòu)，這種相同應(yīng)該是嚴(yán)格意義上的一致。如果你是使用 Dreamweaver創(chuàng)建站點(diǎn)，并且上傳了每一樣?xùn)|西， Dreamweaver可以保證本地站點(diǎn)的 結(jié)構(gòu)將被精確的復(fù)制到遠(yuǎn)端站點(diǎn)。 7．創(chuàng)建你的設(shè)計(jì)外觀 中 國(guó)最大的管理資料下載中心 (收集 \整理 . 部分版權(quán)歸原作者所有 ) 第 4 頁(yè) 共 31 頁(yè) 如果你在真正使用 Dreamweaver 開始開發(fā)工作之前，仔細(xì)的計(jì)劃過(guò)你的設(shè)計(jì)和布局，那么你將在以后的開發(fā)中節(jié)省下大量的時(shí)間。對(duì)于不太大的工程，這個(gè)工作可以簡(jiǎn)單到只需在一張紙上繪制出你希望的你的站點(diǎn)的布局和外觀模型。對(duì)于更復(fù)雜的工程，你可以使用 Macromedia Freehand 或 Fireworks 來(lái)繪制你的站點(diǎn)的布局和外觀模型。在真正開始開發(fā)你的站點(diǎn)之前，繪制出你的站點(diǎn)布局和外觀模型是一件非常重要的事情，你將在以后的整個(gè)開發(fā)過(guò)程中，沿著它來(lái)進(jìn)行。 保持你的頁(yè)面的布局和設(shè)計(jì)的一致性是十分重要的。當(dāng)你的每一個(gè)頁(yè)面都有一個(gè)不同的外觀，每一頁(yè)上的導(dǎo)航條都出現(xiàn)在不同的位置時(shí)，要想指望你的用戶無(wú)困惑的在你的站點(diǎn)中游歷將是不可能。 8．設(shè)計(jì)導(dǎo)航方案 規(guī)劃的另一個(gè)需要費(fèi)心的地方是導(dǎo)航。當(dāng)你設(shè)計(jì)一個(gè)站點(diǎn)時(shí)，你應(yīng)該考慮這樣的一個(gè)問(wèn)題 — 你想讓你的來(lái)賓在你的站點(diǎn)有怎 樣的一個(gè)經(jīng)歷？ “你在這里！” — 讓來(lái)賓時(shí)刻都清楚他們此時(shí)正處于你的站點(diǎn)的什么位置是可以給你的用戶帶來(lái)安全感的，這也包括讓來(lái)賓們清楚的知道如果他們希望的話，他們將如何回到你的頂層頁(yè)面。 搜索和索引 — 這將使參觀者比較容易的找到他們想要的任何信息。 反饋 — 如果網(wǎng)站上的東西出了問(wèn)題，提供一個(gè)方法讓來(lái)賓可以聯(lián)絡(luò)網(wǎng)站管理員（如果合適的話），以及來(lái)賓如何同公司或網(wǎng)站的有關(guān)人員聯(lián)系（如果這是公司的業(yè)務(wù)所希望的話）。 設(shè)計(jì)你的站點(diǎn)導(dǎo)航的外觀。你的站點(diǎn)的導(dǎo)航條應(yīng)該在你的整個(gè)的站點(diǎn)中都保持一致，如果你在你的主頁(yè)中 將導(dǎo)航條放置在了頁(yè)面的頂部，你應(yīng)當(dāng)試圖使你的站點(diǎn)中的每一個(gè)頁(yè)面中的導(dǎo)航條都保持在這個(gè)位置。 9．計(jì)劃編制和資產(chǎn)搜集 一旦你確定了你的站點(diǎn)的設(shè)計(jì)和外觀，你就可以開始創(chuàng)建和搜集需要的資產(chǎn)了。資產(chǎn)可以是任何你的站點(diǎn)中要用到的東西，例如圖像、文本， Flash 電影等等。在你開始你的開發(fā)工作之前，確信你已經(jīng)搜集到了你所需要的所有資產(chǎn)，否則，你將不得不經(jīng)常的為搜集一段文本或創(chuàng)建一個(gè)按鈕而一次次中斷你的開發(fā)。 Dreamweaver 的模板和庫(kù)允許你在不同的文檔中重用頁(yè)面布局和頁(yè)面元素。但是同從開始就使用可重用的元素 創(chuàng)建新的頁(yè)面相比，把可重用的布局和元素應(yīng)用于一套已存在的頁(yè)面將更加困難。 使用模板 — 如果你的許多頁(yè)面將使用一樣的布局，那么你就應(yīng)當(dāng)為那種布局計(jì)劃并設(shè)計(jì)一個(gè)模板。以后，你就可以基于這個(gè)模板來(lái)創(chuàng)建新頁(yè)了，并且如果你決定要為所有這樣的頁(yè)改變布局的話，你可以簡(jiǎn)單地改變模板就達(dá)到目的了。模 中 國(guó)最大的管理資料下載中心 (收集 \整理 . 部分版權(quán)歸原作者所有 ) 第 5 頁(yè) 共 31 頁(yè) 板在協(xié)作環(huán)境中能夠得到最好的使用，它可以保證協(xié)作環(huán)境中的每個(gè)人都使用同樣的頁(yè)面布局。 使用庫(kù)項(xiàng)目 — 庫(kù)項(xiàng)目可以為協(xié)作環(huán)境以外的使用提供更大的靈活性。如果你希望可以重用某些元素（圖像、文本等等），或者你需要頻繁的更新許多貫穿于你 的整個(gè)站點(diǎn)的元素，你應(yīng)當(dāng)將這些元素做成庫(kù)項(xiàng)目。這樣，當(dāng)你在以后改變這些項(xiàng)目時(shí)，新版本將顯示在所有使用了它的頁(yè)面上。 二、關(guān)于設(shè)計(jì)筆記 你可以通過(guò)使用設(shè)計(jì)筆記對(duì)伴隨文檔的額外信息保持追蹤。例如：圖像的源文件名、文件狀態(tài)的注釋。 舉個(gè)例子：如果你將某個(gè)文檔從一個(gè)站點(diǎn)拷貝到了另一個(gè)站點(diǎn)，你可以為這個(gè)文檔添加一個(gè)設(shè)計(jì)筆記，注明這個(gè)文檔的原始文件在另外的站點(diǎn)目錄中。以后，如果你更新了，或是別人更新了這個(gè)文檔，你將知道你還需要更新這個(gè)文檔的原始文檔。 你也可以使用設(shè)計(jì)筆記對(duì)那些屬于文檔的，但卻是敏感的、出于 安全因素考慮不能放進(jìn)文檔中的信息保持跟蹤。例如該文檔的創(chuàng)建秘密、特別的價(jià)格等等。 設(shè)計(jì)筆記也常常用于與團(tuán)隊(duì)中其他成員進(jìn)行有關(guān)開發(fā)中遇到的問(wèn)題的交流。 在站點(diǎn)窗口中，一個(gè)被捆綁設(shè)計(jì)筆記的文件的 Notes 列中會(huì)有一個(gè)設(shè)計(jì)筆記圖標(biāo)。 1．使用設(shè)計(jì)筆記 你可以為你的站點(diǎn)中的每一個(gè)文件或模板創(chuàng)建一個(gè)設(shè)計(jì)筆記文件。 注意：如果你把設(shè)計(jì)筆記加到一個(gè)模板上，基于該模板的文檔不會(huì)繼承設(shè)計(jì)筆記。 你也可以為你的 Applet 小程序、 ActiveX 控件、圖像、 Flash 電影文件、 Shockwave 對(duì)象，以及你的 文檔中的圖像域創(chuàng)建設(shè)計(jì)筆記。 建立設(shè)計(jì)筆記的步驟如下： 1）選擇 Site Define Sites，選擇一個(gè)站點(diǎn)，然后點(diǎn)擊 Edit。 2）在左邊的類目列表中，選擇 Design Notes。 ● Maintain Design Notes（保持設(shè)計(jì)筆記） — 選擇該選項(xiàng)將啟用設(shè)計(jì)筆記。 當(dāng) Maintain Design Notes 被選擇時(shí)，你可以為你站點(diǎn)中的文件創(chuàng)建設(shè)計(jì)筆記。無(wú)論何時(shí)，當(dāng)一個(gè)文件被拷貝、移動(dòng)、重命名，或刪除時(shí)，關(guān)聯(lián)的設(shè)計(jì)筆記文件也被拷貝、移動(dòng)、重命名，或刪除。 中 國(guó)