DOC-DREAMWEAVER高級應用技巧(doc36)-經(jīng)營管理

DREAMWEAVER

高級應用技巧

一、關于站點計劃和站點設計

在Dreamweaver中，術語“Site（站點）”涉及兩者—Web站點和從屬于Web站點的所有文檔的本地存儲位置。當你開始考慮準備創(chuàng)建一個Web站點時，你應當遵循一系列的步驟以確保你的站點能夠獲得成功。即使你只打算創(chuàng)建一個給朋友和親人看的個人站點也應如此。小心地計劃你的站點可以保證每個人都能夠成功地訪問它。1．確定你的目標確定你的站點目標是什么，是當你創(chuàng)建一個Web站點時，應該慎重考慮的第一步。向你自己和你的客戶提出一些關于站點的問題，看看你自己和大家對站點的期望是什么。通過創(chuàng)建這樣一個站點你希望達到一個什么目的？寫下你的站點目標，以便在你設計站點的整個過程中你都能清楚的記得它們。站點目標可以幫助你將注意力集中并瞄準到你的特別需要。2．選擇目標觀眾在你確定了你通過創(chuàng)建你的網(wǎng)站達到什么目的后，你就需要確定你想讓誰來訪問你的站點了。這看起來像是一個蠢問題，因為大多數(shù)人都希望世界上每一個能上網(wǎng)的人都去訪問他的站點。然而，創(chuàng)建一個世界上每個人都能使用的網(wǎng)站，是十分困難的，甚至可以說是不可能的，這正像沒有一個航空公司能飛遍全球所有的航線一樣。人們總是使用不同的瀏覽器，以不同的速度連接，并且可能沒有安裝某些插件。所有這些不可預期的因素都將對你的站點產(chǎn)生影響。這就是你需要確定一個目標觀眾的原因。考慮那些可能被吸引到你的網(wǎng)站的人們，或你希望能夠吸引的那些人群。你認為他們更多的在使用什么樣的計算機，對他們來說主流的操作系統(tǒng)將是什么平臺（Macintosh、Windows，或是Linux）？平均的連接速度是多少（56K調制解調器或ADSL）？他們通常使用什么樣的瀏覽器，以及所使用的監(jiān)視器的分辨率？你正在創(chuàng)建的站點是一個真正的Internet站點，還是一個公司內部或組織內部使用的Intranet（在Intranet中，通常每個人都使用相同的計算機操作系統(tǒng)和瀏覽器）？所有這些因素都將對你網(wǎng)站將以什么樣的感覺呈現(xiàn)給用戶產(chǎn)生巨大的影響。一旦你確定了你的目標觀眾群，并確定了計算機的類型、連接速度，以及你的目標群體通常使用的瀏覽器等諸多因素，你就已經(jīng)瞄準了你的設計目標。例如：假如說你的目標觀眾是一個通常使用17英寸顯示器的Windows操作系統(tǒng)的用戶，并總是使用InternetExplorer4.0或更高版本的瀏覽器。那么當你設計你的網(wǎng)頁時，你就應該在一臺Windows計算機上，在1024*768的分辨率下的MicrosoftInternetExplorer瀏覽器中測試你的站點。盡管對你來說，你的用戶中只會有極少數(shù)者在Macintosh平臺上使用NetscapeNavigator瀏覽器，但你也應該保證你的站點在那種情況下也能正常的工作，盡管可能不會達到非常好的視覺效果。3．創(chuàng)建多瀏覽器兼容的站點當你創(chuàng)建你的站點時，你應該意識到你的來賓們的瀏覽器可能是花樣繁多的。要創(chuàng)建具有最大兼容性的站點，在設計時就要給出約束條件?，F(xiàn)在有超過兩打的瀏覽器被使用，它們中大多數(shù)又已經(jīng)不止發(fā)行了一個版本。就算你的目標只使用NetscapeNavigator和MicrosoftInternetExplorer，你也應意識到并不是每個人都在使用這些瀏覽器的最新版本。只要你的網(wǎng)站是在Web上的，遲早總會有某個使用NetscapeNavigator2.0或Lynx（僅支持文本）的人來到你的站點。在某些情況下，你不需要創(chuàng)建跨瀏覽器兼容的站點。例如：如果你的站點只在你公司的內部網(wǎng)上可用，并且你知道公司的雇員使用的都是同一種瀏覽器。在這種情況下，你可以針對這種瀏覽器優(yōu)化你的站點。同樣，如果你正在創(chuàng)建的HTML內容將被發(fā)布到一張CD-ROM上，而且隨同HTML內容一起還將發(fā)布一個瀏覽器，那么你可以假定你的用戶都有權使用這個特別的瀏覽器。但在大多數(shù)情形下，網(wǎng)站是為公共消費設計的，使你的網(wǎng)站可以被盡可能多的瀏覽器瀏覽是個不錯的主意。挑選一個或兩個主流的瀏覽器作為你的目標，以這些瀏覽器為目標設計你的站點，但偶爾也用其它的瀏覽器探索一下站點，以避免出現(xiàn)太夸張的不調和。4．通常要考慮的問題從布局、動畫、多媒體內容，以及交互性上考慮，你的站點越復雜，它就越難以對多種瀏覽器兼容，例如并不是所有的瀏覽器都能運行JavaScript。不使用特殊字符的普通文本可以在所有的瀏覽器中很好的顯示，但是如此這般的一個頁面，同那些有著圖像、布局，以及交互功能的復雜頁面相比，就只有少得可憐的一點美學吸引力了。因此，在最大的效果設計和最大的兼容性設計之間找到一個平衡。為那些最重要的頁面設計多個版本是一種有效的方法。例如：通過為你的主頁設計有框架和無框架的兩個版本來獲得好的效果，雖然你無法預測用戶的瀏覽器是否可以正確的處理框架，但通過雙版本的設計，你可以根據(jù)瀏覽器的能力自動地將來賓導向最適合他們的瀏覽器的頁面版本。5．使用行為來檢測瀏覽器和插件你能夠使用行為來確定你的來賓正在使用哪個瀏覽器，以及確定他們是否在瀏覽器中安裝了某個特別的插件。檢查瀏覽器—根據(jù)來賓的瀏覽器的名稱和版本將不同的頁面發(fā)送給用戶。例如：如果他們使用NetscapeNavigator4.0或更新的版本的話，你可能希望來賓去往nnpage.htm；如果他們使用MicrosoftInternetExplorer4.0或更新的版本，讓他們去往iepage.htm；如果他們使用其它種類的瀏覽器就讓他們留在當前頁上。檢查插件—根據(jù)來賓的瀏覽器是否安裝了某個特別的插件將來賓導向不同的頁面。例如：如果他們安裝了Shockwave，將用戶導向shockpage.htm；如果他們沒有安裝Shockwave，將他們導向noshockpage.htm頁。6．組織站點結構建立一個站點通常所采用的方法是首先在你的本地硬盤上建立一個文件夾，其中包含了你的站點要用到的所有文件，同時你也將在這個文件夾中創(chuàng)建和編輯文檔。接下來的就是你周期性地拷貝那些文件到你的Web服務器，并允許其他的人瀏覽你的站點。這種方法比直接在Web站點創(chuàng)建和編輯文件要好，因為這允許你在將你的網(wǎng)站暴露于眾目睽睽之下前，先在本地站點上測試所做的一切改變。通過測試后，你可以在某個時刻神不知鬼不覺的將文件上傳到你的Web服務器，完成一次完美的網(wǎng)站更新任務。從一開始就精心的組織你的站點，能為你以后節(jié)省下大量的時間。如果你在開始創(chuàng)建文檔的時候，沒有考慮這些文檔應該分別進入你的站點層級結構中的哪個文件夾中，那么最終你的工作將終結于一個巨大的、笨拙的、塞滿了各種各樣文件的文件夾，或是面對一種相關的文件，卻分別坐落于半打以上的、有著相似名稱的文件夾的局面而一籌莫展。因此，你應當按類目分解你的站點。把相關的頁放進同一個文件夾。例如，你的公司的新聞發(fā)布、聯(lián)系信息，以及工作職位都可以放在同一個文件夾中，而將在線產(chǎn)品目錄放在另一個文件夾中。在必要的地方使用子文件夾。你要決定在哪兒存放諸如圖像和聲音這樣的文件。組織存放你所有的圖像是一件簡單的事情。例如，將它們都存放在同一個地點，以便當你想要把一幅圖像插入到某個頁時，你知道在哪兒能找到它。設計者們有時將整個站點中使用的非HTML文件都存放在一個被稱為資產(chǎn)（Asset）的文件夾中。這個文件夾可以包含一些有意義的子文件夾。例如：一個圖像文件夾、一個Shockwave文件夾，以及一個聲音文件夾。或者你也可能在你的站點上為每組相關的頁面準備一個獨立的資產(chǎn)文件夾，如果在這些頁面組中沒有太多的東西要共享的話。如(圖)保持你的本地站點和遠端服務器上的站點有同樣的結構，這種相同應該是嚴格意義上的一致。如果你是使用Dreamweaver創(chuàng)建站點，并且上傳了每一樣東西，Dreamweaver可以保證本地站點的結構將被精確的復制到遠端站點。

7．創(chuàng)建你的設計外觀如果你在真正使用Dreamweaver開始開發(fā)工作之前，仔細的計劃過你的設計和布局，那么你將在以后的開發(fā)中節(jié)省下大量的時間。對于不太大的工程，這個工作可以簡單到只需在一張紙上繪制出你希望的你的站點的布局和外觀模型。對于更復雜的工程，你可以使用MacromediaFreehand或Fireworks來繪制你的站點的布局和外觀模型。在真正開始開發(fā)你的站點之前，繪制出你的站點布局和外觀模型是一件非常重要的事情，你將在以后的整個開發(fā)過程中，沿著它來進行。保持你的頁面的布局和設計的一致性是十分重要的。當你的每一個頁面都有一個不同的外觀，每一頁上的導航條都出現(xiàn)在不同的位置時，要想指望你的用戶無困惑的在你的站點中游歷將是不可能。8．設計導航方案規(guī)劃的另一個需要費心的地方是導航。當你設計一個站點時，你應該考慮這樣的一個問題—你想讓你的來賓在你的站點有怎樣的一個經(jīng)歷？“你在這里！”—讓來賓時刻都清楚他們此時正處于你的站點的什么位置是可以給你的用戶帶來安全感的，這也包括讓來賓們清楚的知道如果他們希望的話，他們將如何回到你的頂層頁面。搜索和索引—這將使參觀者比較容易的找到他們想要的任何信息。反饋—如果網(wǎng)站上的東西出了問題，提供一個方法讓來賓可以聯(lián)絡網(wǎng)站管理員（如果合適的話），以及來賓如何同公司或網(wǎng)站的有關人員聯(lián)系（如果這是公司的業(yè)務所希望的話）。設計你的站點導航的外觀。你的站點的導航條應該在你的整個的站點中都保持一致，如果你在你的主頁中將導航條放置在了頁面的頂部，你應當試圖使你的站點中的每一個頁面中的導航條都保持在這個位置。9．計劃編制和資產(chǎn)搜集一旦你確定了你的站點的設計和外觀，你就可以開始創(chuàng)建和搜集需要的資產(chǎn)了。資產(chǎn)可以是任何你的站點中要用到的東西，例如圖像、文本，F(xiàn)lash電影等等。在你開始你的開發(fā)工作之前，確信你已經(jīng)搜集到了你所需要的所有資產(chǎn)，否則，你將不得不經(jīng)常的為搜集一段文本或創(chuàng)建一個按鈕而一次次中斷你的開發(fā)。Dreamweaver的模板和庫允許你在不同的文檔中重用頁面布局和頁面元素。但是同從開始就使用可重用的元素創(chuàng)建新的頁面相比，把可重用的布局和元素應用于一套已存在的頁面將更加困難。使用模板—如果你的許多頁面將使用一樣的布局，那么你就應當為那種布局計劃并設計一個模板。以后，你就可以基于這個模板來創(chuàng)建新頁了，并且如果你決定要為所有這樣的頁改變布局的話，你可以簡單地改變模板就達到目的了。模板在協(xié)作環(huán)境中能夠得到最好的使用，它可以保證協(xié)作環(huán)境中的每個人都使用同樣的頁面布局。使用庫項目—庫項目可以為協(xié)作環(huán)境以外的使用提供更大的靈活性。如果你希望可以重用某些元素（圖像、文本等等），或者你需要頻繁的更新許多貫穿于你的整個站點的元素，你應當將這些元素做成庫項目。這樣，當你在以后改變這些項目時，新版本將顯示在所有使用了它的頁面上。二、關于設計筆記

你可以通過使用設計筆記對伴隨文檔的額外信息保持追蹤。例如：圖像的源文件名、文件狀態(tài)的注釋。舉個例子：如果你將某個文檔從一個站點拷貝到了另一個站點，你可以為這個文檔添加一個設計筆記，注明這個文檔的原始文件在另外的站點目錄中。以后，如果你更新了，或是別人更新了這個文檔，你將知道你還需要更新這個文檔的原始文檔。你也可以使用設計筆記對那些屬于文檔的，但卻是敏感的、出于安全因素考慮不能放進文檔中的信息保持跟蹤。例如該文檔的創(chuàng)建秘密、特別的價格等等。設計筆記也常常用于與團隊中其他成員進行有關開發(fā)中遇到的問題的交流。在站點窗口中，一個被捆綁設計筆記的文件的Notes列中會有一個設計筆記圖標。1．使用設計筆記你可以為你的站點中的每一個文件或模板創(chuàng)建一個設計筆記文件。注意：如果你把設計筆記加到一個模板上，基于該模板的文檔不會繼承設計筆記。你也可以為你的Applet小程序、ActiveX控件、圖像、Flash電影文件、Shockwave對象，以及你的文檔中的圖像域創(chuàng)建設計筆記。建立設計筆記的步驟如下：1）選擇Site>DefineSites，選擇一個站點，然后點擊Edit。2）在左邊的類目列表中，選擇DesignNotes?！馦aintainDesignNotes（保持設計筆記）—選擇該選項將啟用設計筆記。當MaintainDesignNotes被選擇時，你可以為你站點中的文件創(chuàng)建設計筆記。無論何時，當一個文件被拷貝、移動、重命名，或刪除時，關聯(lián)的設計筆記文件也被拷貝、移動、重命名，或刪除?！馯ploadDesignNotesforSharing（為共享上傳設計筆記）—選擇該選項將你的站點的設計筆記連同其它文檔一起被上傳。當UploadDesignNotesforSharing被選擇時，你可以和團隊中的其它成員共享設計筆記。當你上傳或下載一個文件時，Dreamweaver會自動地上傳或下載關聯(lián)的設計筆記文件。如果你只是獨自一人工作，可以取消該選項以改善傳輸?shù)乃俣?。當該選擇被取消時，設計筆記被保存在本地，不隨文件上傳。3）單擊OK。為一個文檔添加設計筆記的步驟如下：1）在文檔窗口中打開這個文檔，然后選擇File>DesignNotes。你也可以在站點窗口中選擇文件，然后選擇File>DesignNotes。如果文件是駐留在一個遠端站點上的，你必須首先CheckOut或Get文件，然后在本地文件夾中選擇它。2）在BasicInfo（基本信息）標簽中，添加不同種類的筆記：●從Status下拉菜單中選擇這個文檔的狀態(tài)?！裨贜otes文本域輸入注釋?！顸c擊Notes文本域右上方的日期圖標插入當前日期?！袷姑看卧撐募淮蜷_時都顯示設計筆記文件，選擇ShowWhenFileIsOpened。3）在AllInfo標簽中，添加你認為可能對團隊中的其它成員有用的關鍵字和值。例如：你可以添加一個命名為Developer的關鍵字，并以你的名字作為這個關鍵字的值，使團隊中的其它成員可以知道這個文檔是誰編寫的。如(圖)要添加一個關鍵字/值對，點擊“+”按鈕。要刪除一個關鍵字/值對，點擊“-”。注意：在添加任何關鍵字之前，務必要點擊“+”按鈕，否則，你會在不經(jīng)意間覆蓋原來設置的關鍵字。在Name域輸入關鍵字的名字，在Value域為關鍵字的值。4）單擊OK保存設計筆記。你創(chuàng)建的筆記文件被保存在與擁有該筆記的文件處于同一文件夾的名為_notes的子文件夾中。設計筆記文件的文件名和擁有它的文件的文件名一樣，而擴展名為mno。例如：如果文件名是book.htm，位于waterfall\book\，則為該文件創(chuàng)建的設計筆記文件名是book.htm.mno，位于waterfall\book\_notes\。設計筆記文件實際上是一個文本文件，但其中含有一些簡單的控制字符?？梢杂糜浭卤敬蜷_它，但由于記事本不能解釋這些控制字符，所以看起來比較難懂。你可以使用有控制字符解釋能力的任何文本編輯器來打開它。例如使用寫字板來打開它，寫字板可以很好的解釋這些控制字符。Dreamweaver自己也可以打開它。注意：在設計筆記的國際化和兼容性方面，Dreamweaver始終做的不夠好，即使是Dreamweaver4也不例外，盡管Macromedia早已聲稱Dreamweaver支持雙字節(jié)編碼，但使用中你會發(fā)現(xiàn)Dreamweaver對雙字節(jié)編碼的處理能力顯然還存在問題：在使用設計筆記時，不要用中文來編寫注釋，也不要在關鍵字和值（這兩者用于設計筆記的AllInfo標簽）中使用中文。盡管你可以在這些域中輸入中文，但可以輸入并不等于可以再次將它打開，超過90%的情況下，Dreamweaver無法打開含有中文的設計筆記文件，相反它會顯示一個警告消息，告訴你在為這個文件創(chuàng)建設計筆記前，你必須將這個文件在站點中保存，而且要啟用這個站點的MaintainDesignNotes。但實際上，你很清楚，你并沒有犯這些低級錯誤。要解決這個問題，唯一的出路就是不要在設計筆記中使用中文。但如果問題已經(jīng)發(fā)生了，你可以簡單的打開那個出問題的設計筆記文件，刪除里面的中文，保存就可以了。的確，在超過90%的情況下，Dreamweaver無法打開含有中文的設計筆記文件，但90%并不是100%，令人困惑的是，Dreamweaver的確可以處理為數(shù)不多的幾個漢字。比如，它能看懂“需”、“圖”、“日”等很少的幾個漢字，但遺憾的是，Dreamweaver的漢語詞匯量太少，你無法用這幾個字組成任何有意義的話。希望Dreamweaver在其下一個版本中真正可以在雙字節(jié)處理上有質的突破。要為一個對象添加設計筆記：1）從對象的上下文菜單中選擇DesignNotes。2）重復為文檔添加設計筆記的2至4步。注意：對象的設計筆記文件被保存在對象的源文件所在文件夾下的_notes子文件夾中，而非引用它的頁面所處的文件夾下的_notes子文件夾中。要打開與一個文件關聯(lián)的設計筆記，可以通過以下兩種方法：●在站點窗口選擇這個文件（或打開這個文件），然后選擇File>DesignNotes。●在站點窗口的Notes列，雙擊黃色的設計筆記圖標。要為文件指定一個沒在Status下拉菜單中列出的狀態(tài)：1）打開文件或對象的DesignNotes。2）選擇AllInfo標簽。3）單擊“+”按鈕。4）在Name域中輸入status。5）在Value域中輸入狀態(tài)描述。如果這里已經(jīng)有一個值存在了，它將會被你所輸入的新值替代。6）選擇BasicInfo標簽，可以注意到新的狀態(tài)值已經(jīng)顯示在Status下拉菜單中了。讓人意猶未盡的是：同一時間里，你只能擁有一個新狀態(tài)值，如果你想再輸入一個新的狀態(tài)值，你會發(fā)現(xiàn)你第一次輸入的狀態(tài)值被你第二次輸入的狀態(tài)值替代了。禁用設計筆記的步驟如下：1）選擇Site>DefineSites。2）在DefineSites對話框中選擇需要的站點，然后點擊Edit。3）在站點定義對話框中左邊的類目中選擇DesignNotes。4）取消選擇MaintainDesignNotes。5）單擊OK。將出現(xiàn)一個對話框，詢問你是否想刪除所有存在的設計筆記文件。點擊Yes，刪除；點擊No，保留。如果只想在本地站點使用設計筆記：1）選擇Site>DefineSites。2）在DefineSites對話框中選擇需要的站點，然后點擊Edit。3）在站點定義對話框中左邊的類目中選擇DesignNotes。4）取消選擇UploadDesignNotesforSharing（為共享上傳設計筆記）。5）單擊OK。此后，當你CheckIn或Put你的文件時，與文件關聯(lián)的設計筆記文件就不會上傳到遠端站點了。要刪除與你的站點無關的設計筆記：1）選擇Site>DefineSites。2）在DefineSites對話框中選擇需要的站點，然后點擊Edit。3）在站點定義對話框中左邊的類目中選擇DesignNotes。4）點擊CleanUp。Dreamweaver會提示你是否確信要刪除不和你的站點中的任何一個文件相關聯(lián)的設計筆記。如果你使用Dreamweaver來刪除一個被捆綁了設計筆記的文件，那么與這個文件相關的設計筆記會在文件被刪除的同時也被刪除，通常孤立設計筆記文件的存在僅僅當你在Dreamweaver以外進行文件的刪除和重命名時才會發(fā)生。注意：如果你在MaintainDesignNotes被選擇的情況下，點擊CleanUp（清理）按鈕，那么你站點中的所有設計筆記文件都將被刪除。2．在Fireworks和Dreamweaver中交流設計筆記如果你用Fireworks4.0打開一個圖片，并以另一種格式將其輸出。Fireworks會自動地將原始文件的名字保存進一個設計筆記文件中。例如：如果你在Fireworks中打開了waterfalllogo.png，并以waterfalllogo.gif輸出。Fireworks會自動地創(chuàng)建一個名為waterfalllogo.gif.mno的設計筆記文件，將原始文件的絕對文件URL保存在其中。例如：waterfalllogo.gif的設計筆記將包含類似這樣的一行：fw_source=file:///C|/Sites/Waterfall/waterfalllogo.png如果圖像包含熱點或翻轉，這些項目的HTML源也會被加到設計筆記中。當你在Dreamweaver中引入圖像時，設計筆記文件也會隨同圖像文件一起自動地被拷貝進你的站點。當你在Dreamweaver中選擇圖像，并選擇使用Fireworks編輯它時，F(xiàn)ireworks會打開原始文件以編輯。三、關于Timeline的技巧

1．通過拖曳來創(chuàng)建復雜的路徑如果你要創(chuàng)建一個具有復雜路徑的動畫，通過記錄下你拖曳層時的路徑將比創(chuàng)建一個個單獨的關鍵幀更有效率。我將以下面的例子來說明如何通過拖曳一個路徑來創(chuàng)建一個Timeline。1）選擇一個層。在這個例子中，層中含有一個工作室的Logo圖像。2）將層移動到動畫的起始處。3）選擇Modify>Timeline>RecordPathofLayer（記錄層的路徑）。4）拖曳層的選擇柄在頁面上繪制你希望的動畫運動路徑，到達動畫希望的停止位置時釋放鼠標按鈕。動畫的運動路徑在頁面上被繪制記錄下來。如(圖)與此同時，Dreamweaver會將一個動畫條添加到Timeline中，并自動的設置所有必要的關鍵幀。5）選擇Autoplay復選框，按F12在瀏覽器中欣賞一下吧。2．編輯Timeline在定義了一個Timeline的基本組件后，根據(jù)需要就可以對其進行一些有用的編輯。例如增加或刪除幀、改變動畫的開始時間等等。要編輯一個Timeline，你可以做下列事情：●要使動畫持續(xù)的時間更長，或想讓動畫的改變更柔和一些，產(chǎn)生慢動作的效果。你可以拖曳動畫條結束幀的標記到更遠的幀位，在拖動的過程中，你將發(fā)現(xiàn)在動畫條中的所有的關鍵幀的位置都在動態(tài)的改變（維持它們之間的相對位置不變）。例如：要改變下面這個動畫條的持續(xù)時間。動畫條的結束幀被拖動之前（共有25幀）。動畫條的結束幀被拖動之后（共有40幀）?？梢钥吹剑瑒赢嫷倪\動軌跡并沒有因動畫持續(xù)時間的延長而改變，因此你可以使用這種方法產(chǎn)生慢動作的效果。如果只想拖曳結束幀，可以通過在拖曳結束幀時按住Ctrl鍵，來阻止其他關鍵幀的位置改變。

●要讓層更早或更遲些到達指定的關鍵幀的位置，可以將這個關鍵幀的標記向左或向右拖動。●要改變一個動畫的開始時間，你可以拖曳與這個動畫有關的一個或多個動畫條向左（開始的時間會更早）或向右（開始的時間會更晚）移動。注意：要想拖曳整個動畫條，你需要點擊動畫條中的非關鍵幀，然后拖曳這個非關鍵幀即可。另外，按住Shift鍵可一次選擇多個動畫條并可將它們一起拖曳。例如：要改變下面這個動畫條的開始時間。動畫的開始時間被改變之前。此時，動畫從頁面被裝載時就開始播放。動畫的開始時間被改變之后。此時，動畫的起始幀位為16幀，因為FPS中設置的數(shù)值為15幀，即讓瀏覽器每秒播放15幀，因此，在動畫條的開始時間被改變之后，動畫大約將在頁面已經(jīng)被裝載1秒鐘之后才開始播放。●要想將整個動畫的位置進行頁面上的轉移。你可以在Timeline面板中選擇整個動畫條，然后在頁面上將對象（層）拖曳到你希望動畫出現(xiàn)的地方，然后釋放鼠標按鈕。Dreamweaver會自動的調整所有關鍵幀的位置。要在Timeline中選擇整個動畫條只需在Timeline面板中點擊動畫條中的非關鍵幀即可。●要想在Timeline中增加或刪除幀，選擇Modify>Timeline>AddFrame（添加幀）或Modify>Timeline>RemoveFrame（刪除幀）。●要想在當前頁被瀏覽器裝載時，Timelines自動開始播放，選擇Autoplay復選框?！褚氘旐撁嬖谝粋€瀏覽器中打開時，Timelines可以無限循環(huán)，選擇Loop復選框。3．用Timeline改變圖像和層的特性除可以用Timeline移動層外，你還可以使用Timeline來改變一幅圖像的源文件及層的可見性、大小和堆疊順序等特性。要使用Timeline來改變圖像和層的特性：1)在Timelines面板中，做下列之一：●從動畫條中選擇一個現(xiàn)存的、控制著要改變的對象的關鍵幀?！褚獎?chuàng)建一個新的關鍵幀，在動畫條中隨意點擊一幀，然后選擇Modify>Timeline>AddKeyframe（添加關鍵幀）或按住Ctrl鍵點擊一個幀。2)通過選擇下列選項為對象定義新特性：●要改變一幅圖像的源文件，在特性檢查員中點擊Src域右邊的文件夾圖標瀏覽并選擇一個新圖像。從可以看出，從幀1到幀14顯示的同一個圖像（中文版圖像），在幀15我改變了圖像的源文件，圖像在這時將改變，從幀15直到幀30都顯示的是改變后的圖像（English圖像），同時我選擇了Autoplay和Loop。因此，當頁面裝載后，你將發(fā)現(xiàn)每隔1秒兩個圖像就替換一次。注意：在改變圖像的源文件時應當使新圖像的高度和寬度與原圖像的一致，這樣才不會發(fā)生原來圖像的高度和寬度被改變的情況，當然如果這種改變正是你所希望的，就另當別論了?！褚淖円粋€層的可見性，從特性檢查員的Vis下拉菜單中選擇inherit、visible或hidden?！褚淖円粋€層的大小，在拖曳層的縮放柄或在特性檢查員的W和H域中輸入新值?！褚淖円粋€層的堆疊順序，在Z-Index域中輸入新值，或使用層面板改變當前層的堆疊順序。3)按住Play按鈕預覽一下動畫吧。4．拷貝和粘貼動畫一旦有了一個喜歡的動畫片斷，你就可以通過拷貝并將其粘貼到當前Timeline的其他區(qū)域，或同一文檔中另外的Timeline，或不同文檔中的Timeline中。你也可以一次拷貝并粘貼多個動畫片斷。要拷貝或剪切并粘貼動畫片斷：1)單擊一個動畫條中的非關鍵幀以選擇一個動畫片斷。要選擇多個動畫片斷，點擊時按住Shift鍵，或是在Timeline面板中任何地方單擊一下，然后按Ctrl+A選擇所有的動畫片斷。2)拷貝或剪切選擇的片斷。3)做下列之一：●將回放磁頭移動到當前Timeline中的另一個幀位（希望動畫片斷被粘貼的地方）?！駨腡imeline下拉菜單中選擇另一個Timeline，然后在希望動畫片斷被粘貼的地方單擊?！翊蜷_另一個文檔或創(chuàng)建一個新文檔，然后在Timeline面板中希望粘貼的地方單擊。4)執(zhí)行粘貼命令將拷貝或剪切的動畫片斷粘貼到Timeline中。注意：用來控制同一個對象的動畫條不能相互重疊，因為一個層不能在同一時刻出現(xiàn)在兩個地方（一幅圖像也不能在同一時刻有兩個不同的源文件）。如果你正在粘貼的動畫條將與另一個控制同一個對象的動畫條重疊，Dreamweaver會自動地將粘貼的動畫條轉移到恰好可以不重疊的那幀。但在這里有一個例外：當你將動畫條粘貼到另一個Timeline時，即使控制同一個對象的動畫條出現(xiàn)重疊，Dreamweaver也不會自動的轉移這些重疊的動畫條，因此這可能導致無法預料的結果。在這種情況下，你只能手工來修正。當要粘貼動畫片斷到另外的文檔中時，要記住以下兩個原則：●如果你拷貝了一個層的動畫片斷，而新文檔中含有一個與拷貝的層同名的層，在這種情況下當你進行動畫片段粘貼時，Dreamweaver會在新文檔中將動畫特性應用于同名的那個層?！袢绻憧截惲艘粋€層的動畫片斷，而新文檔中并不含有一個與拷貝的層同名的層，在這種情況下當你進行動畫片段粘貼時，Dreamweaver會將原始層連同它的內容與動畫片斷一起粘貼到新文檔中。要想將粘貼應用到新文檔中另外的層，你可以從上下文菜單中選擇ChangeObject（改變對象）或選擇Modify>Timeline>ChangeObject，然后從彈出的對話框中選擇需要的層。5．重命名Timeline要重命名在Timeline面板中顯示的Timeline，做下列之一：●選擇Modify>Timeline>RenameTimeline（重命名Timeline），然后在彈出的對話框中輸入一個新名字?！裰苯釉赥imeline面板的Timeline下拉菜單中輸入一個新名字。注意：如果頁面的源代碼中含有你自己編寫的對某個Timeline的引用，在你重命名這個Timeline后，會彈出一個警告框。這個警告框告訴你要手動修改那些對原Timeline名字的引用，因為它們無法被自動更新。這是因為Dreamweaver無法動態(tài)跟蹤頁面上由你自己編寫的代碼中對Timeline名字的引用。當然，那些由Dreamweaver自動生成的代碼中對Timeline名字的引用會被自動更新。例如：下面的這行代碼就是我自己編寫的，這是對Timeline2的引用，當我將Timeline2的名字改為Timeline1時，這里的Timeline2不會自動的更新為Timeline1，我必須自己手動修改才行。播放這應該是Dreamweaver3中就存在的一個問題。在Dreamweaver3中，如果你對某個Timeline進行了重命名操作，那么對Dreamweaver來說，這個重命名的Timeline是一個全新的Timeline，Dreamweaver已經(jīng)完全不記得幾秒鐘前它與這個Timeline還是個老相識。因此，一旦一個Timeline被重命名，你對這個Timeline所做的所有設置（比如所有捆綁在其上的行為）都將被丟棄，這經(jīng)常會是災難性的?，F(xiàn)在，雖然Dreamweaver4已經(jīng)比Dreamweaver3在對Timeline的動態(tài)跟蹤上前進了一大步，不會再亂丟東西了，但仍留有問題，希望在Dreamweaver5中不會再出現(xiàn)這種情況。6．Timelines的動畫技巧下列建議可以改善你的動畫的性能，并使你創(chuàng)建動畫的工作變得更加輕松：●要想產(chǎn)生在圖像間切換的效果，應當使用顯示及隱蔽層的技術，而不是頻繁的改變圖像的源文件。改變一幅圖像的源文件常常會產(chǎn)生惱人的視覺延遲，因為新圖像必須被下載。而一旦層中的圖像都被下載后，通過顯示和隱藏某些層，就可以達到很好的在圖像間進行切換的效果，每個圖像都會被立刻顯示，不會產(chǎn)生視覺上的延遲，也不會因速度太慢而錯過某些圖像?！窭靹赢嫍l來創(chuàng)建更為平滑的運動。如果動畫的運動看起來太過兇猛，在兩個位置間產(chǎn)生視覺上的彈跳，你就應當拉伸動畫條的最后一幀，以便為完成大幅度的動作擴展出更多的幀。拉伸動畫條將在運動的開始和結束點之間創(chuàng)建更多的數(shù)據(jù)點，但同時也會導致對象的運動變得緩慢，你可以試著增加每秒播放的幀數(shù)（FPS）來抵消這種慢動作效果。但應當清楚，大多數(shù)普通的系統(tǒng)中的瀏覽器播放動畫的速度不會比每秒15幀更快。在不同系統(tǒng)中的不同的瀏覽器上測試動畫以確定最好的設置?！癫灰噲D讓大的位圖運動起來。的確，一個蠕動著的大位圖可能確實蔚為壯觀，但你的這個想法或許會讓你的瀏覽者發(fā)瘋?？偠灾?，盡可能創(chuàng)建簡單的動畫，不要讓你創(chuàng)建的動畫的需求比用戶的瀏覽器能提供的更多。因為瀏覽器總是會盡心盡力地播放動畫中的每一幀，即使當系統(tǒng)性能下降到不能勝任這一工作時。四、創(chuàng)建Web相冊

CreateWebPhotoAlbum是Dreamweaver極富創(chuàng)意的表現(xiàn)，你可以使用這個功能讓Fireworks處理一個全部都存放著圖像的文件夾，為這個圖像文件夾中的每一個圖像都創(chuàng)建一個縮微圖像和一個全尺寸的圖像，然后使用Dreamweaver來創(chuàng)建一個Web頁面，這個頁面上包含了這些縮微圖像（這些縮微圖像被放置在這個頁面的一個表格中），并通過這些縮微圖像連接到全尺寸圖像。使用這個功能你可以輕松的創(chuàng)建你的Web相冊。CreateWebPhotoAlbum命令通過使用JavaScript從Dreamweaver內部來調用Fireworks，因此，要想使用此功能，你的機器中必須安裝有Fireworks。在你開始以前，首先將所有你要為其創(chuàng)建Web相冊的圖像放置到一個獨立的文件夾中，但這個文件夾不需要在站點內部。另外，確信圖像文件的擴展名（即圖像文件的格式）是CreateWebPhotoAlbum命令可以識別的。這些可識別的圖像文件擴展名包括：gif、jpg、jpeg、png、psd、tif和tiff。擴展名無法被識別的那些圖像文件不會被包含在Web相冊中。要創(chuàng)建一個Web相冊：1）選擇Commands>CreateWebPhotoAlbum，出現(xiàn)CreateWebPhotoAlbum對話框。2）在PhotoAlbumTitle（相冊標題）域中為要創(chuàng)建的相冊輸入一個標題。這個標題將被顯示在主相冊頁（包含縮微圖像的頁面）頂端的一個灰色的矩形區(qū)域中。如果你愿意的話，你可以在SubheadingInfo（子標題信息）和OtherInfo（其他信息）文本域中輸入額外的兩行文本，它們將直接出現(xiàn)在相冊標題的下面。3）單擊SourceImagesFolder（源圖像文件夾）右邊的Browse按鈕選擇文件夾，或直接在該文本域中輸入文件夾的路徑。這個文件夾中所有可以被識別的圖像文件都將被包含到相冊中。4）單擊DestinationFolder（目的文件夾）右邊的Browse按鈕選擇一個目的文件夾或者你也可以創(chuàng)建一個新的目的文件夾。在這個目的文件夾中將存放所有的輸出圖像和HTML文檔。注意：你選擇的目的文件夾中不應當包含一個相冊，如果你選擇了一個已經(jīng)包含了一個相冊的文件夾，則如果新生成的圖像文件與文件夾中的圖像文件重名的話，就會覆蓋掉以前的圖像文件。5）在ThumbnailSize（縮微圖像大?。┫吕藛沃袨榭s微圖像選擇一個大小。圖像將會按比例地創(chuàng)建相應的縮微圖像，以適合在這里以像素指定的正方形大小。6）要在每一個縮微圖像的下面顯示相應的全尺寸圖像的名字，選擇ShowFilenames（顯示文件名）復選框。7）在Columns（列）中為顯示這些縮微圖像的表格指定一個列數(shù)。8）在ThumbnailFormat（縮微圖像格式）下拉菜單中為縮微圖像指定一種格式：●GIFWebSnap128—使用適合Web的128色調色板創(chuàng)建GIF格式的縮微圖像?！馟IFWebSnap256—使用適合Web的256色調色板創(chuàng)建GIF格式的縮微圖像?！馢PEG-BetterQuality—使用相對更高的畫質和更大的文件大小來創(chuàng)建JPG格式的縮微圖像?！馢PEG-SmallerFile—使用相對較低的畫質和更小的文件大小來創(chuàng)建JPG格式的縮微圖像。9）在PhotoFormat（相片格式）下拉菜單中為要創(chuàng)建的全尺寸圖像指定一種格式。你的每一個原始圖像都將以你在這里指定的格式創(chuàng)建一個相應的全尺寸圖像。你可以為你的全尺寸圖像和縮微圖像指定不同的格式。注意：CreateWebPhotoAlbum命令不允許你將原始圖像作為你的全尺寸圖像，因為如果你的原始圖像中含有除GIF和JPG以外的格式的話，這些格式的圖像可能無法在所有的瀏覽器上被恰當?shù)娘@示。另外，需要知道的是，如果你的原始圖像是JPG格式，生成的全尺寸圖像可能會具有比原始圖像更大的文件大小或更低的圖像畫質。10）在Scale（縮放）中為全尺寸圖像選擇一個縮放百分比。將縮放百分比設置為100%將指定創(chuàng)建與原始圖像同樣大小的全尺寸圖像。注意：這個縮放百分比將作用于所有的原始圖像，如果你的原始圖像并非同樣大小，設置成統(tǒng)一的百分比可能不能得到你希望的結果。11）通過選擇CreateNavigationPageforEachPhoto（為每一個相片創(chuàng)建導航頁面）復選框可以為每個全尺寸圖像創(chuàng)建一個單獨的網(wǎng)頁，并在頁面上包含Back、Home和Next導航連接標簽。如果你選擇了這個選項，縮微圖像將連接到導航頁；如果你沒有選擇這個選項，縮微圖像將直接連接到全尺寸圖像。當你做完所有的設置之后，你的CreateWebPhotoAlbum對話框看起來可能會是這樣的。如(圖)12）單擊OK。Fireworks將啟動（如果之前它還沒有運行的話）并開始一個接著一個的創(chuàng)鍵縮微圖像和全尺寸圖像。如果你提供了很多圖像文件，這個過程可能要持續(xù)數(shù)分鐘。當Fireworks處理完后，Dreamweaver再次被激活，并為你創(chuàng)建包含縮微圖像的頁面。13）當一個顯示AlbumCreated（相冊已創(chuàng)建）的消息框彈出時，單擊OK。在你的縮微圖像頁顯示之前，你可能需要等待幾秒鐘?？s微圖像將以文件名的字母順序顯示。生成的主縮微圖像頁面。在瀏覽器中運行時，點擊其中的任何一個縮微圖像將會把你帶到相應的包含全尺寸圖像的導航頁面.

用FRONTPAGE制作”智慧型”網(wǎng)頁當我們在網(wǎng)上盡情沖浪時，常常會見到別人的主頁上有很多別致的效果，例如滾動字幕、動態(tài)按鈕以及頁面色彩的淡入淡出等，每次見到這些漂亮網(wǎng)頁時，相信眾多網(wǎng)友肯定有這樣的感嘆：要是自己能親手制作出這樣"智慧型"的主頁那該有多好啊。別急，待你看完本文后，即使你完全不懂ＨＴＭＬ，你也可以通過FRONTPAGE讓你的主頁具有多種特效。下面就讓我來講講自己用FRONTPAGE在設計主頁時實現(xiàn)常見特效的一些心得體會。

１、圖象的略圖編輯

圖象的略圖指把圖象按原比例縮小，可作為原圖的預覽，這在網(wǎng)絡速度比較慢時可快速地顯示圖片的概圖。FrontPage98中，可以完成這樣一個功能，即當訪問者點擊一個到照片的鏈接后，在照片下載的過程中，網(wǎng)頁上首先出現(xiàn)照片的略圖，直至原照全部出現(xiàn)。步驟如下:首先制作略圖。先將照片復制作為制作略圖之用。在FrontPage98Editor中選中照片，執(zhí)行"右擊/imageproperties/Appearance"，選中"SpecifySize"(指定尺寸)和"KeepAspectRatio"（保持縱橫比），按要求確定照片的寬和高即可完成略圖的制作。然后單擊原照，進入"ImageProperties/General"菜單，在"alternativerepresentation"（替換顯示）欄中的"Low-Res"（略圖）框里填入略圖的位置，在Text文本框中填入說明文字，單擊"Ok"，完成。

２、圖象的熱點區(qū)域設置

圖象的熱點指把圖象分為幾個可點擊區(qū)域，單擊圖象上的每個區(qū)域，點擊圖片的某個區(qū)域就可鏈接進入相關鏈接的頁面。這個效果是怎么實現(xiàn)的呢？方法如下：選中圖象，然后運用圖象工具欄中的"Rectangle"（矩形）、"Circle"（圓周）和"Polygonal"（多邊形）三個工具鈕選取區(qū)域，一旦選中了既定的區(qū)域，F(xiàn)RONTPAGE就會彈出一個對話框，讓你輸入所要連接的頁面的URL。

３、圖片重疊效果實現(xiàn)

這種效果具體實現(xiàn)的步驟如下：

（１）先畫一個表格，把圖象放到表格里；

（２）在表格里面點擊鼠標右鍵，單擊［表格屬性］，把［布局］中的［邊框線寬度］、［單元格邊的間距］改成０；

（３）再單擊［使用背景圖象］右側的［瀏覽］按鈕，選擇自己喜歡的圖象，利用圖象插入功能插入圖片，就可以使兩幅圖象重疊了。假如表格的背景為藍天白云，表格里的圖象為一只正在飛翔的小鳥，我們通過這種效果合成的畫面一定是很美妙的。

４、動態(tài)廣告標題編輯

我們經(jīng)常在網(wǎng)頁上看到動態(tài)廣告標題，要實現(xiàn)這個效果，我們可以通過FRONTPAGE內置的［標題廣告管理器］，先把要依次播放的廣告圖片排好，然后使頁面處于［ＨＴＭＬ］的狀態(tài)，找到這樣的一段代碼：appletcode=″fprotate.class″codebase=″_fpclass″，刪除codebase=″_fpclass″代碼，同時把在x:\ProgramFiles\MicrosoftFrontPage\fpclass目錄下的一個叫fprotate.class文件拷貝到你所在的目錄下，就可以實現(xiàn)廣告圖象輪流播放的效果了。

５、動態(tài)按鈕編輯

這是我們在網(wǎng)上常見的一種效果，當鼠標移到一個按鈕上，按鈕的顏色立即發(fā)生變化，動感非常之強。這個效果可以通過FrontPage里預先定制的功能來輕松實現(xiàn)。具體步驟為單擊[Insert]（"插入"）→[Activeelements]（"活動組件"）→[HoverButton]（"動態(tài)按鈕"），出現(xiàn)對話框，對話框上提供的選項可以設置按鈕上的文字，鏈接方向、按鈕的變幻顏色等等。實際上更為常用的是，可以事前準備兩幅大小相同的圖片，然后選擇對話框的[Custom]（"定制"）選項，使鼠標所到之處，圖標即隨之發(fā)生變化。

６、鏈接樣式表（即風格樣式單）的編輯

現(xiàn)在，許多主頁都采用了一種簡潔的文本超鏈接形式，而當鼠標點上這些鏈接的時候，這些文字鏈接的字體、大小發(fā)生一些動態(tài)變化，這小小的變化會使整個頁面看起來動感奇佳。實際上，用風格表(stylesheet)便可以輕松地實現(xiàn)這個功能，步驟如下：如前所述，打開"Format"（格式）菜單中的"Stylesheet"（風格表）選項，在文本框中的HTML代碼中插入"a:hover"，結果如下示"<style><!--a:hover--></style>"，"hover"意為"停懸"，即指光標停懸在超級鏈接上。下面，打開"style"菜單，你就可以選擇當鼠標箭頭移到文本超鏈接時文字的變化啦！可選的選項有很多，這里我們簡單地設置字體為楷體，顏色為紅色，字體風格為斜體，文本修飾為下劃線（執(zhí)行Text/Decoration/Underline），單擊"OK"按鈕，大功告成，這樣，當鼠標箭頭移到有超鏈接的文字上時，文字的字體變?yōu)榭w，顏色為紅色，字體風格為斜體，文字下面還會出現(xiàn)一條下劃線。

７、重定向效果編輯

當你的網(wǎng)站換個新地方時，把你以前舊的地址存入書簽的用戶，現(xiàn)在并不一定知道，這樣你就面臨著失去大量用戶的危險。FrontPage98可以幫助你很簡單地解決這個問題。在FrontPage98中，打開你的主頁，選擇[File]（"文件"）→[PageProperties]（"屬性"）→[Custom]（"定制"）→[SystemVariables]（"系統(tǒng)變量"）→[Add]（"添加"），在Name框中輸入變量名如refresh，在Value框中輸入?yún)?shù)如：10；URL=http:∥WWW.XXX.COM/INDEX.HTML，最后確定，就實現(xiàn)了重定向的功能。參數(shù)中10表示當前網(wǎng)頁完全下載后延遲10秒種；第二項表示重定向的新地址。通過這個效果，用戶訪問你的以前的主頁10秒鐘后，瀏覽器會自動轉向你新的主頁地址。

８、制作表單郵件

通常我們在主頁中創(chuàng)建一個美觀的表單是基于你的主頁服務器上有一個表單處理程序（formhandler），如果沒有，則這個表單程序往往不能正常運行。經(jīng)過實踐，我發(fā)現(xiàn)FrontPage98中也可以完成一個最簡單的提交和處理表單計算結果的設置，那就是通過電子郵件來完成。方法如下：打開主頁，在FrontPage98Editor中執(zhí)行[Insert]（"插入"）→[FormField]（"表單區(qū)域"）→[One-LineTextBox]（"一行文本框"），把表單的樣式和基本屬性設置好后，注意要設置按鈕類型為"Submit"（提交）這一項。右擊此按鈕，打開"FormProperties"（表單屬性）對話框，選中"Sendtoothers/CustomISAPI,NSAPI,CGI,orASPScript"這一項，然后打開"Options"（選項）對話框，在"Action"（動作）框中輸入"mailtyourname@servername?郵件主題"，在"Method"（方式）框中選"Post"（郵寄）,在"Encodingtype"（編碼類型）框中輸入"text/plain"，確定后即告完成。

９、頁面定制效果編輯

我們經(jīng)常能看見，當打開一個新頁面時，本來普普通通毫無奇特之處的網(wǎng)頁，但由于加入一點淡入淡出的效果使人眼前為之一亮。FrontPage98的[Format]（格式）菜單條下的[PageTransition]（頁面轉換），就為你提供了這一類頁面效果，而且還不止一種哩。單擊[Format]（格式）→[PageTransition]（頁面轉換），[Event]欄中有四個事件：PageEnter（進入頁面）、PageExit（頁面退出）、SiteEnter（輸入網(wǎng)址）和SiteExit（離開網(wǎng)站），任選其一。[Duration（Seconds）]表示選定事件的發(fā)生時間；TransitionEffect（轉換效果）一項，是十幾種各不相同、美觀大方的頁面效果，例如選擇了Blend，那就會出現(xiàn)前面提到的那種特殊效果。如果選擇了BoxOut，那么當進入頁面時，就會像一只盒子由里向外慢慢擴散，非常好看！如果你有耐心的話，不妨多試幾種，以便能找到一種稱心如意的效果。

１０、動態(tài)背景制作

當你用瀏覽器訪問某些站點時，你會注意到在該頁面右下方有個圖標不會隨滾動條的移動而改變位置，始終存在于固定位置。這個效果是用CSS(樣式表)得到的，用FrontPage98可以很容易的實現(xiàn)。在FrontPage98中，選擇[File]→[PageProperties]→

[General]→[Style]，在彈出的對話框中，選擇"Colors"標記；在"BackgroundImage"框中填入圖像的路徑與文件名，"Attachment"框中，選擇"Fixed"(表示此圖像將固定位置)，在"Repeat"框中，選擇"NoRepeat"(表示圖像不會重復出現(xiàn))，在"Vertical"和"Horizontalposition"中選擇圖像的水平和垂直位置；最后按下確定鍵后，你會看見你的圖像在屏幕上重疊出現(xiàn)，不要緊，這是因為編輯器不支持Dhtml，你只需存盤，然后用瀏覽器預覽，你就會看到奇妙的效果出現(xiàn)了。

FrontPage的動態(tài)功能較多，大家在制作過程中多一些實踐就可發(fā)現(xiàn)許多平時未加以注意的功能。

11、如何使你的主頁自動被搜索引擎收錄

你一定為了讓你的網(wǎng)站名揚天下而去各個搜索引擎注冊吧？在網(wǎng)上有很多機器人，它們自動搜尋關鍵字，我們只要在我們的網(wǎng)站上設立這樣的關鍵字，就有可能被它們找到。

<head><metahttp-equiv="keywords"content="yancheng,science,technolodgy,information,network,politics,

economic,charset=gb2312"></head>

其中CONTENT這個屬性主要讓你放置一些你主頁里的關鍵詞，而且這些關鍵詞最好容易使人想到。

１2、如何強制瀏覽器瀏覽信息時必須從服務器中讀取

我們有時希望刷新時重新下載網(wǎng)頁，而不是從緩存中讀取舊的文件，為了解決這個問題，你可以在你的網(wǎng)頁的<head>部分中加入以下HTML源代碼就可以了：

<METAHTTP-EQUIV="Pragma"CONTENT="no-cache">五、關于JavaApplet

Java是一種與平臺無關的程序開發(fā)語言，它可以讓你寫出能夠嵌入到頁面中的輕量級的應用程序-JavaApplet。在你創(chuàng)建了一個JavaApplet以后，可以使用Dreamweaver將這個Applet嵌入到HTML文檔中。Dreamweaver使用APPLET標簽標記對Applet文件的引用。1．插入JavaApplet要插入一個JavaApplet：1）首先在文檔窗口的設計視圖中，在要插入Applet的地方放置插入點。2）單擊對象面板Special類目中的InsertApplet（插入Applet）按鈕。3）在出現(xiàn)的對話框中，選擇一個Applet文件。2．慎重的使用JavaApplet在充分了解JavaApplet優(yōu)缺點的基礎上慎重的使用它。JavaApplet的優(yōu)點：Java設計上的平臺無關性，使得JavaApplet可以在所有裝有Java虛擬機的計算機中很好的工作。這極大的保證了你的頁面在IE和Netscape以及其他多種瀏覽器之間保持良好的兼容性。同時由于Java良好的安全性，使用JavaApplet比ActiveX或任何其他的插件都具有更高的安全性。例如ActiveX可以重寫你的文件系統(tǒng)，但這在Java中是被絕對禁止的。聽起來JavaApplet真的很不錯，是的，Applet的確不錯。但我要說的卻是，只要有可能就絕不要使用JavaApplet。因為JavaApplet有一個缺點-一個足以致命的缺點。JavaApplet的缺點：JavaApplet的這一致命的缺點就是它的速度。正因為Java是被設計為與平臺無關的，因此，當編譯Java時，并不像別的語言那樣被編譯成針對某種特定平臺的機器碼，而是被編譯成與平臺無關的通用二進制代碼，這就是噩夢的根源。當你下載一個含有JavaApplet的頁面時，Applet中的這種二進制代碼就通過網(wǎng)絡傳送到你的瀏覽器，在你的瀏覽器的內部裝有一個Java虛擬機，為了使你的機器能讀懂這個Applet的內容，瀏覽器首先要啟動這個Java虛擬機，然后Java虛擬機將會花大力氣將Applet中的二進制代碼編譯成機器語言。這樣，這種一次編譯到處運行的特性為程序員所節(jié)省下來的時間就花費在了每個訪問者的身上了。更不幸的是，這種含有Applet的頁面在每次請求class文件時都需要重新下載，這使得整個的下載速度變得奇慢無比，會將所有的人逼瘋。3．設置JavaApplet特性在插入了一個Javaapplet之后，你可以使用特性檢查員為其設置參數(shù)。如(圖)Name（名字）-為Applet指定一個名字，以便可以在腳本中識別它。在特性檢查員中左上方無標記的域中輸入一個名字。W（寬度）和H（高度）-以像素指定Applet的寬度和高度。Code（代碼）-指定Applet的代碼文件。輸入一個文件名，或單擊文件夾圖標瀏覽并選擇一個Applet代碼文件（擴展名為.class）。Base（基）-指定包含所選Applet文件的文件夾。當你選擇了一個Applet時，這個域會被自動地填寫，如果所選擇的Applet與當前頁面位于同一文件夾，則該域為空。Align（對齊）-決定Applet在頁面上將怎樣被對齊。Alt-在無可奈何情況下的一種妥協(xié)選擇，如果用戶的瀏覽器不支持Applet或者用戶關閉了瀏覽器的Java功能，你可以使用這個選項給用戶一些提示。如果你輸入了文本，Dreamweaver會將其賦給APPLET標簽的ALT屬性。如果你選擇了一個圖像，Dreamweaver會在APPLET標簽中插入一個IMG標簽。VSpace（垂直空間）和HSpace（水平空間）-以像素指定Applet上下和左右兩邊保留的空白。Parameters（參數(shù)）-打開一個對話框。在這里你可以輸入一些傳遞給Applet的參數(shù)。六、在客戶端處理表單

表單由FORM標簽的ACTION屬性中指定的腳本或應用程序來處理。選擇一個表單，就可以在特性檢查員里看看關聯(lián)的ACTION是什么。最簡單的表單使用JavaScript或VBScript在客戶端執(zhí)行所有的表單處理（相對于將表單數(shù)據(jù)發(fā)送到服務器端處理來說）。例如：經(jīng)常出現(xiàn)的一種情形是當你在某些網(wǎng)站上申請某些服務的時候，經(jīng)常會有一個聲明頁出現(xiàn)，讓你選擇同意（Yes），或是不同意（No），當然我們通常都是不假思索的點擊"Yes"。下面這個例子簡單的模擬了這種情形。在這個例子中，當你選擇了"同意"，然后單擊提交按鈕時，會有一個顯示Yes的警告框彈出，而當你選擇了"不同意"，然后單擊提交按鈕時，會有一個顯示No的警告框彈出。首先創(chuàng)建這個簡單的包含表單的頁面：1)輸入頁面上的那些文本。2)插入表單，并在表單中放置兩個單選按鈕。3)在表單中放置一個按鈕，將按鈕的TYPE屬性值指定為Submit。好了，表單的外觀我已經(jīng)做好了，現(xiàn)在為了使當單擊Submit按鈕時，可以處理表單（進行表單的確認工作），我需要將一個行為捆綁到Submit按鈕上，這個行為我是用JavaScript來編寫的，你也可以選擇其他的腳本語言。1)選擇Submit按鈕，然后打開行為面板。2)單擊行為面板中的"+"，從彈出的菜單中選擇CallJavaScript。3)出現(xiàn)CallJavaScript對話框，在JavaScript域中輸入要調用的JavaScript函數(shù)名，在這里我輸入了processForm（）。4)點擊OK?，F(xiàn)在調用的工作也完成了，剩下就是編寫一段用來處理表單的JavaScript函數(shù)processForm（）了。這個processForm（）函數(shù)如下：functionprocessForm（）{if（document.forms[0].elements[0].checked）{alert（'Yes'）;}else{alert（'No'）;}}執(zhí)行Insert>InvisibleTags>Script，在InsertScript對話框中輸入上面的代碼。如(圖)至此，所有工作都已完成，你可以按F12在瀏覽器中看看結果了。你可以使用客戶端腳本處理許多表單處理任務，但用這種方法你不能保存用戶輸入的信息，也不能將這些信息發(fā)送到別處。要達到這些目的，你需要使用像CGI這樣的服務器端應用程序，你可以用你熟悉的任何語言編寫CGI腳本，例如：Perl、C\C++、Java等等。在網(wǎng)上有許多站點提供大量的多種多樣的免費的CGI程序，你可以下載它們，然后對其進行修改以更符合你的要求。七．在服務器端處理表單

要在服務器端處理你的表單，你必須要編寫能夠處理表單的CGI程序。因此，為了在編寫CGI程序的過程中可以調試和修改你的CGI程序，你通常需要將你的個人計算機系統(tǒng)設置成一個Web服務器，這也使得你可以直觀的看到這個CGI程序在你真正要上傳的服務器上是否會以你希望的方式工作。1、在Windows系統(tǒng)上安裝Web服務器并調試CGI程序CGI的主要的功能是在WWW環(huán)境下，通過從客戶端傳遞一些數(shù)據(jù)給WEB服務器，再由WEB服務器去啟動所指定的程序代碼來完成特定的工作。CGI只能運行在WEB服務器上，它的工作就是對數(shù)據(jù)執(zhí)行特定的控制并且產(chǎn)生并傳回所需的文件。要想編寫和調試CGI程序（在這里我只討論在Windows9x系統(tǒng)下的情況），你需要兩樣東西：一種用于編寫CGI程序的語言以及一個WEB服務器軟件。也許你還會需要其它的東西（比如充滿食物的冰箱、泡泡糖、CD、拖鞋，以及一個吻），但大多數(shù)人有這兩樣就夠了。關于編寫CGI程序的語言的選擇：你可以用你喜歡的任何一種語言來編寫CGI程序。VB、VFP、VBScript、AppleScript、JavaScript、Jscript、Java、C\C++、UNIXShell、TCL、PHP/FI以及Perl，只要這種語言具有標準的輸入、輸出和環(huán)境變量。然而遺憾的是并不是所有的語言寫的CGI都被所有服務器上的操作系統(tǒng)所支持。通過這張表你可以很清楚的看到何種語言編寫的CGI的生存能力。不同語言編寫的CGI程序對各種不同操作系統(tǒng)的兼容性列表。很顯然C++、C、Perl三種語言更勝一籌，但當要處理的數(shù)據(jù)是大量的字符和字符串時，Perl較C++/C的優(yōu)越性就顯露無遺。而CGI程序除了處理字符串幾乎不干別的。Perl是什么？Perl就是PracticalExtractionandReportingLanguage（實際抽取和報告語言），專門抽取字符串、專門打報告的語言。話說到這份上，我相信沒有人會不選擇用Perl來開發(fā)CGI程序，而令人振奮的是Per是免費的。關于ActivePerl的安裝沒有任何可說的，你聽了一定覺得這是個好消息。關于這個WEB服務器軟件：這個WEB服務器軟件的作用是將你的PC變成一個WEB服務器。這樣，無需連接Internet，你就可以在你的機器上輕松的調試CGI程序。當然，你可以拒絕使用它，但那樣的話，你就不得不事先申請一個允許運行你的CGI程序的WEB服務器，并為調通某個魔鬼般的CGI程序而不得不一遍遍的撥號、登陸、上傳、測試、失敗、斷線、修改、再撥號、…………，直到你完全崩潰。關于這個WEB服務器軟件的選擇，你可以有這樣幾個考慮：●Microsoft的PersonalWebServer（簡稱PWS）-這是許多相關書籍中提到次數(shù)最多的軟件，印象中對它沒有什么不好的指責（當然也沒有什么好的認可），給人的感覺是它已經(jīng)默默的運行了好久，雖然沒有什么太佳的表現(xiàn)，但也沒出過什么故障。然而，根據(jù)我的親身體驗，一旦你選擇了PWS，那所有的噩夢與焦躁將蜂擁而至。因為由于PWS本身的疏忽，導致其找不到Perl的執(zhí)行程序，如果如此沉重的打擊能一下子結果了PWS倒也沒什么想頭?？膳碌氖且环N關于PWS的傳說正在蔓延，該說聲稱通過修改Windows9x的注冊表可以使PWS找到Perl的執(zhí)行程序。于是，所有選擇了PWS的小可憐們都在四處尋找這個神秘的方法。我有理由相信他們找到的都是含有錯誤的方法。比如他們有可能找到這樣的敘述：在注冊表的HKEY_LOCAL_MACHINE/System/Currentcontrolset/Services/w3svc/parameters/scriptmap/里寫.pl=C:\perl\bin\perl.exe%s%s。當你興沖沖的在注冊表中沿著指示的路徑找到這個ScriptMap并點擊它后，你會發(fā)現(xiàn)屏幕的右邊只有這樣的東西。如(圖)你不會清楚這句像是指示路徑的pl=C:\perl\bin\perl.exe%s%s代碼，到底是該作為"默認"的鍵值還是需另外再新建名稱。點擊鼠標右鍵后，你會發(fā)現(xiàn)新建又有下面四種選擇，到底該新建哪一個？四種可新建的名稱。實際上，即便你試過了所有的排列組合，你也不會成功的。因為那段代碼本身就是不明確和有錯誤的。我也曾在網(wǎng)上見過不少文章和論壇里寫有類似的代碼，但令人震驚的是所有這些代碼沒有一個是無錯誤和使人感到明朗的（我想這可能是由于無知及抄襲所導致的）。但我仍要感謝這些提供了錯誤代碼的朋友，畢竟這些代碼給了我很大的啟示。正確的修改方法是這樣的：1）在注冊表中，沿著下面的這條路徑找到ScriptMap。HKEY_LOCAL_MACHINE\System\CurrentControlSet\Services\W3SVC\Parameters\ScriptMap，單擊ScriptMap，然后在右邊的屏幕上點擊鼠標右鍵，選擇新建字符串值，為這個新建的字符串命名為.pl，然后在.pl上點擊鼠標右鍵，在彈出的菜單中選擇"修改"，此時屏幕會彈出一個輸入框。在這里因為我的Perl是安裝在D:\perl里的，所以我是如此填的。如果你的Perl被安裝到了其它的硬盤或目錄，請根據(jù)實際情況對路徑作相應修改。最后按"確定"。此時注冊表已經(jīng)修改好了，我的ScriptMap項里看起來是這個樣子的。2）退出注冊表程序，然后重新啟動計算機。重新啟動后，你就可以調試你的CGI程序了。對某些朋友而言，你或許想知道要如何安裝PWS。Windows95與Windows98用戶的安裝有所不同?！馱indows95：a、在"網(wǎng)上鄰居"上擊鼠標右鍵選擇"屬性"，在彈出的對話框中"配置"標簽里單擊"添加"按鈕。如果你把"網(wǎng)上鄰居"搞丟了，請單擊"開始"-"設置"-"控制面板"，然后雙擊"網(wǎng)絡"圖標，同樣在彈出的對話框中"配置"標簽里單擊"添加"按鈕。B、在彈出的"選擇網(wǎng)絡組件類型"對話框中，選擇"服務"，然后單擊"添加"，在彈出的對話框中"廠商"一欄中選擇"Microsoft"，在"網(wǎng)絡服務"欄中選擇"PersonalWebServer"，然后單擊"確定"按鈕。這時Windows95將自動安裝PersonalWebServer。安裝完成后，"控制面板"中會出現(xiàn)"個人Web服務器"圖標，雙擊圖標就可以對自己的個人Web服務器進行設置。C、設置CGI程序的運行目錄。在"控制面板"中雙擊"個人Web服務器"圖標，選擇"Administration"，這時PersonalWebServer會自動啟動你的瀏覽器，顯示Internet服務管理頁面。選擇"WWWAdministration"，選擇"Directory"，然后點擊"添加"，在WWW服務中加入你的cgi-bin目錄，并將該目錄的屬性設為可執(zhí)行。同時，建議你把它虛擬為"cgi-bin"目錄，這樣你就可以在你的HTML中用"/cgi-bin/****.cgi"來調用CGI程序。全部設置好之后，可以在瀏覽器中輸入"http://你的機器名稱"或者"http://你的機器的IP"（通常是）來檢驗一下你的設置?！馱indows98：Windows98中的PWS已經(jīng)獨立出來了，你可以在Windows98光盤的add-ons\pws\里找到。安裝時選擇"典型"就可以了，其它沒什么可說的。再次啟動后，你的任務欄里就多了一個PWS的小圖標，雙擊它可進行一些有限的設置，比如對cgi-bin目錄屬性的設置等等。很簡單，你肯定能看懂，我就不多說了，另外還有一個簡單的教程，你一分鐘就可以看完。

●Apache-Apache是一個被廣泛使用的WEB服務器軟件。你可以在Apache的網(wǎng)站上免費下載它的Win32版本，下載地址是：/dist/apache_1_3_9_win32.exe。你也可以在Apache的網(wǎng)站上上找到大量的技術文檔。但除非你有一些經(jīng)驗或英文很好，對大多數(shù)的CGI初學者而言，Apache會如同洪水猛獸一樣的難以控制。能將它很好設置并使其無故障的工作不是件容易的事情，對于初學者，我不推薦你使用它。但如果你愿意接受一個挑戰(zhàn)的話，它的難度是會令你感到滿意的?！馭ambar-Sambar是能夠且只能夠運行于Windows9x/NT系統(tǒng)上的最好的WEB服務器之一，而且完全免費。你可以在下面這個地址得到Sambar：/sambar/SAMBAR42.ZIP。你也可以在Sambar的主頁上得到一些幫助：/help/index.htm。Sambar以其小巧的身形、智能的安裝、強大的功能而成為初學者最好的選擇之一。你除了能用它調試CGI以外，還可以建立自己的FTP文件下載站點、Mail服務器，HTTP、SSL、NNTP、SMTP、POP3、IMAP4、FTP以及RealAudio/Video的代理、虛擬域名支持、強勁的搜索引擎等等。另外值得一提的是Sambar里已經(jīng)包含了Perl，如果你下載了Sambar就不必再下載Perl了，推薦使用Sambar。●WebSiteProfessional-"網(wǎng)站專家"，一聽這名字就可想而知了。不論從功能、效率、穩(wěn)定性，還是安全性上考慮，WebSiteProfessional都是絕對的專家。只可惜它不是免費的。但你仍可以下載它的30天試用版來過過癮。如果你不是有特殊的需要，你不必下載它的完整版本，因為它是重量級的。要想讓服務器工作起來，你只需要下載WebSiteProServerandBasicTools就可以了，下面的地址就是WebSiteProfessional的下載頁面：/download/wsp23demo_download.html關于WebSiteProfessional的安裝沒有任何可說的，偉大的產(chǎn)品總能在保證其強大功能的同時提供良好的易用性和友好的用戶界面。用FRONTPAGE制作”智慧型”網(wǎng)頁當我們在網(wǎng)上盡情沖浪時，常常會見到別人的主頁上有很多別致的效果，例如滾動字幕、動態(tài)按鈕以及頁面色彩的淡入淡出等，每次見到這些漂亮網(wǎng)頁時，相信眾多網(wǎng)友肯定有這樣的感嘆：要是自己能親手制作出這樣"智慧型"的主頁那該有多好啊。別急，待你看完本文后，即使你完全不懂ＨＴＭＬ，你也可以通過FRONTPAGE讓你的主頁具有多種特效。下面就讓我來講講自己用FRONTPAGE在設計主頁時實現(xiàn)常見特效的一些心得體會。

１、圖象的略圖編輯

圖象的略圖指把圖象按原比例縮小，可作為原圖的預覽，這在網(wǎng)絡速度比較慢時可快速地顯示圖片的概圖。FrontPage98中，可以完成這樣一個功能，即當訪問者點擊一個到照片的鏈接后，在照片下載的過程中