一、關于站點計劃和站點設計
　　在Dreamweaver中，術語“Site（站點）”涉及兩者―Web站點和從屬于Web站點的所有文檔的本地存儲位置。當你開始考慮準備創建一個Web站點時，你應當遵循一系列的步驟以確保你的站點能夠獲得成功。即使你只打算創建一個給朋友和親人看的個人站點也應如此。小心地計劃你的站點可以保證每個人都能夠成功地訪問它。
1．確定你的目標

　　確定你的站點目標是什么，是當你創建一個Web站點時，應該慎重考慮的第一步。向你自己和你的客戶提出一些關于站點的問題，看看你自己和大家對站點的期望是什么。通過創建這樣一個站點你希望達到一個什么目的？寫下你的站點目標，以便在你設計站點的整個過程中你都能清楚的記得它們。站點目標可以幫助你將注意力集中并瞄準到你的特別需要。

2．選擇目標觀眾

　　在你確定了你通過創建你的網站達到什么目的后，你就需要確定你想讓誰來訪問你的站點了。這看起來像是一個蠢問題，因為大多數人都希望世界上每一個能上網的人都去訪問他的站點。然而，創建一個世界上每個人都能使用的網站，是十分困難的，甚至可以說是不可能的，這正像沒有一個航空公司能飛遍全球所有的航線一樣。人們總是使用不同的瀏覽器，以不同的速度連接，并且可能沒有安裝某些插件。所有這些不可預期的因素都將對你的站點產生影響。這就是你需要確定一個目標觀眾的原因。 　　考慮那些可能被吸引到你的網站的人們，或你希望能夠吸引的那些人群。你認為他們更多的在使用什么樣的計算機，對他們來說主流的操作系統將是什么平臺（Macintosh、Windows，或是Linux）？平均的連接速度是多少（56K調制解調器或ADSL）？他們通常使用什么樣的瀏覽器，以及所使用的監視器的分辨率？你正在創建的站點是一個真正的Internet站點，還是一個公司內部或組織內部使用的Intranet（在Intranet中，通常每個人都使用相同的計算機操作系統和瀏覽器）？所有這些因素都將對你網站將以什么樣的感覺呈現給用戶產生巨大的影響。 　　一旦你確定了你的目標觀眾群，并確定了計算機的類型、連接速度，以及你的目標群體通常使用的瀏覽器等諸多因素，你就已經瞄準了你的設計目標。

　　例如：假如說你的目標觀眾是一個通常使用17英寸顯示器的Windows操作系統的用戶，并總是使用Internet Explorer 4.0或更高版本的瀏覽器。那么當你設計你的網頁時，你就應該在一臺Windows計算機上，在1024*768的分辨率下的Microsoft Internet Explorer瀏覽器中測試你的站點。盡管對你來說，你的用戶中只會有極少數者在Macintosh平臺上使用Netscape Navigator瀏覽器，但你也應該保證你的站點在那種情況下也能正常的工作，盡管可能不會達到非常好的視覺效果。

3．創建多瀏覽器兼容的站點

　　當你創建你的站點時，你應該意識到你的來賓們的瀏覽器可能是花樣繁多的。要創建具有最大兼容性的站點，在設計時就要給出約束條件。

　　現在有超過兩打的瀏覽器被使用，它們中大多數又已經不止發行了一個版本。就算你的目標只使用Netscape Navigator和Microsoft Internet Explorer，你也應意識到并不是每個人都在使用這些瀏覽器的最新版本。只要你的網站是在Web上的，遲早總會有某個使用Netscape Navigator 2.0或Lynx（僅支持文本）的人來到你的站點。

　　在某些情況下，你不需要創建跨瀏覽器兼容的站點。例如：如果你的站點只在你公司的內部網上可用，并且你知道公司的雇員使用的都是同一種瀏覽器。在這種情況下，你可以針對這種瀏覽器優化你的站點。同樣，如果你正在創建的HTML內容將被發布到一張CD-ROM上，而且隨同HTML內容一起還將發布一個瀏覽器，那么你可以假定你的用戶都有權使用這個特別的瀏覽器。

　　但在大多數情形下，網站是為公共消費設計的，使你的網站可以被盡可能多的瀏覽器瀏覽是個不錯的主意。挑選一個或兩個主流的瀏覽器作為你的目標，以這些瀏覽器為目標設計你的站點，但偶爾也用其它的瀏覽器探索一下站點，以避免出現太夸張的不調和。

4．通常要考慮的問題

　　從布局、動畫、多媒體內容，以及交互性上考慮，你的站點越復雜，它就越難以對多種瀏覽器兼容，例如并不是所有的瀏覽器都能運行javascript。不使用特殊字符的普通文本可以在所有的瀏覽器中很好的顯示，但是如此這般的一個頁面，同那些有著圖像、布局，以及交互功能的復雜頁面相比，就只有少得可憐的一點美學吸引力了。因此，在最大的效果設計和最大的兼容性設計之間找到一個平衡。

　　為那些最重要的頁面設計多個版本是一種有效的方法。例如：通過為你的主頁設計有框架和無框架的兩個版本來獲得好的效果，雖然你無法預測用戶的瀏覽器是否可以正確的處理框架，但通過雙版本的設計，你可以根據瀏覽器的能力自動地將來賓導向最適合他們的瀏覽器的頁面版本。

5．使用行為來檢測瀏覽器和插件

　　你能夠使用行為來確定你的來賓正在使用哪個瀏覽器，以及確定他們是否在瀏覽器中安裝了某個特別的插件。

　　檢查瀏覽器―根據來賓的瀏覽器的名稱和版本將不同的頁面發送給用戶。例如：如果他們使用Netscape Navigator 4.0或更新的版本的話，你可能希望來賓去往nnpage.htm；如果他們使用Microsoft Internet Explorer 4.0或更新的版本，讓他們去往iepage.htm；如果他們使用其它種類的瀏覽器就讓他們留在當前頁上。

　　檢查插件―根據來賓的瀏覽器是否安裝了某個特別的插件將來賓導向不同的頁面。例如：如果他們安裝了Shockwave，將用戶導向shockpage.htm；如果他們沒有安裝Shockwave，將他們導向noshockpage.htm頁。

6．組織站點結構

　　建立一個站點通常所采用的方法是首先在你的本地硬盤上建立一個文件夾，其中包含了你的站點要用到的所有文件，同時你也將在這個文件夾中創建和編輯文檔。接下來的就是你周期性地拷貝那些文件到你的Web服務器，并允許其他的人瀏覽你的站點。這種方法比直接在Web站點創建和編輯文件要好，因為這允許你在將你的網站暴露于眾目睽睽之下前，先在本地站點上測試所做的一切改變。通過測試后，你可以在某個時刻神不知鬼不覺的將文件上傳到你的Web服務器，完成一次完美的網站更新任務。

　　從一開始就精心的組織你的站點，能為你以后節省下大量的時間。如果你在開始創建文檔的時候，沒有考慮這些文檔應該分別進入你的站點層級結構中的哪個文件夾中，那么最終你的工作將終結于一個巨大的、笨拙的、塞滿了各種各樣文件的文件夾，或是面對一種相關的文件，卻分別坐落于半打以上的、有著相似名稱的文件夾的局面而一籌莫展。

　　因此，你應當按類目分解你的站點。把相關的頁放進同一個文件夾。例如，你的公司的新聞發布、聯系信息，以及工作職位都可以放在同一個文件夾中，而將在線產品目錄放在另一個文件夾中。在必要的地方使用子文件夾。

　　你要決定在哪兒存放諸如圖像和聲音這樣的文件。組織存放你所有的圖像是一件簡單的事情。例如，將它們都存放在同一個地點，以便當你想要把一幅圖像插入到某個頁時，你知道在哪兒能找到它。設計者們有時將整個站點中使用的非HTML文件都存放在一個被稱為資產（Asset）的文件夾中。這個文件夾可以包含一些有意義的子文件夾。例如：一個圖像文件夾、一個Shockwave文件夾，以及一個聲音文件夾。或者你也可能在你的站點上為每組相關的頁面準備一個獨立的資產文件夾，如果在這些頁面組中沒有太多的東西要共享的話。如(圖)

　　保持你的本地站點和遠端服務器上的站點有同樣的結構，這種相同應該是嚴格意義上的一致。如果你是使用Dreamweaver創建站點，并且上傳了每一樣東西，Dreamweaver可以保證本地站點的結構將被精確的復制到遠端站點。

7．創建你的設計外觀

　　如果你在真正使用Dreamweaver開始開發工作之前，仔細的計劃過你的設計和布局，那么你將在以后的開發中節省下大量的時間。對于不太大的工程，這個工作可以簡單到只需在一張紙上繪制出你希望的你的站點的布局和外觀模型。對于更復雜的工程，你可以使用Macromedia Freehand或Fireworks來繪制你的站點的布局和外觀模型。在真正開始開發你的站點之前，繪制出你的站點布局和外觀模型是一件非常重要的事情，你將在以后的整個開發過程中，沿著它來進行。

　　保持你的頁面的布局和設計的一致性是十分重要的。當你的每一個頁面都有一個不同的外觀，每一頁上的導航條都出現在不同的位置時，要想指望你的用戶無困惑的在你的站點中游歷將是不可能。

8．設計導航方案

　　規劃的另一個需要費心的地方是導航。當你設計一個站點時，你應該考慮這樣的一個問題―你想讓你的來賓在你的站點有怎樣的一個經歷？

　　“你在這里！”―讓來賓時刻都清楚他們此時正處于你的站點的什么位置是可以給你的用戶帶來安全感的，這也包括讓來賓們清楚的知道如果他們希望的話，他們將如何回到你的頂層頁面。

　　搜索和索引―這將使參觀者比較容易的找到他們想要的任何信息。

　　反饋―如果網站上的東西出了問題，提供一個方法讓來賓可以聯絡網站管理員（如果合適的話），以及來賓如何同公司或網站的有關人員聯系（如果這是公司的業務所希望的話）。

　　設計你的站點導航的外觀。你的站點的導航條應該在你的整個的站點中都保持一致，如果你在你的主頁中將導航條放置在了頁面的頂部，你應當試圖使你的站點中的每一個頁面中的導航條都保持在這個位置。

9．計劃編制和資產搜集

　　一旦你確定了你的站點的設計和外觀，你就可以開始創建和搜集需要的資產