【導讀】示此對話框”來隱藏它。在這個頁面中包括“打開最近項目”、“創(chuàng)建新項。目”“從范例創(chuàng)建”3個方便實用的項目，建議大家保留。新建或打開一個文檔，進入Dreamweaver8的標準工作界面。欄、文檔窗口、狀態(tài)欄、屬性面板和浮動面板組。文本、命令、站點、窗口和幫助。其中，編輯菜單里提供了對Dreamweaver菜單。中[首選參數(shù)]的訪問。例如新建，打開，保存，另存為，導入，輸出打。例如剪切，復制，粘貼，查找，替換和參數(shù)設置等。元格，對其對象等。插入面板集成了所有可以在網(wǎng)頁應用的對象包括“插入”菜單中的選項。用于可視化頁面布局、可視化編輯和快速應用程序開發(fā)的設計環(huán)境。擇器顯示環(huán)繞當前選定內容的標簽的層次結構。選擇該標簽及其全部內容。單擊“下一步”。“新建文件”項，然后給文件命名。頭內容再瀏覽器中是不可見的，但是卻攜帶著網(wǎng)頁的重要信息，如關鍵字、描述文字等，

　　

【正文】 框中， “ 站點 ” 下拉列表框用來設置模板保存的站點，課選擇一個選項。 “ 現(xiàn)存的模板 ” 選框顯示了當前站點的所有模板。 “ 另存為 ” 文本框用來設置模板的命名。單擊 “ 另存模板 ” 對話框中的 “ 保存 ” 按鈕，就把當前網(wǎng)頁轉換為了模板 ，同時將模板另存到選擇的站點。 單擊 “ 保存 ” 按鈕，保存模板。系統(tǒng)將自動在根目錄下創(chuàng)建 Template 文件夾，并將創(chuàng)建的模板文件保存在該文件夾中。 在保存模板時，如果模板中沒有定義任何可編輯區(qū)域，系統(tǒng)將顯示警告信息。我們可以先單擊 “ 確定 ” ，以后再定 義可編輯區(qū)域。 從文件菜單新建模板 選擇 “ 文件 /新建 ” 命令，打開 “ 新建文檔 ” 對話框，然后再類別中選擇 “ 模板頁 ” ，并選取相關的模板類型，直接單擊 “ 創(chuàng)建 ” 按鈕即可。 ” 二、定義可編輯區(qū)域 模板創(chuàng)建好后，要在模板中建立可編輯區(qū)，只有在 可編輯區(qū)里，我們才可以編輯網(wǎng)頁內容?？梢詫⒕W(wǎng)頁上任意選中的區(qū)域設置為可編輯區(qū)域，但是最好是基于 HTML 代碼的，這樣在制作的時候更加清楚。 在文檔窗口中，選中需要設置為可編輯區(qū)域的部分，單擊常用快捷欄的 “ 模板 ” 按鈕，在彈出菜單中選擇 “ 可編輯區(qū)域 ” 項。 在彈出的 “ 新建可編輯區(qū)域 ” 對話框中給該區(qū)域命名，然后單擊 “ 確定 ” 按鈕。新添加的可編輯區(qū)域有藍色標簽，標簽上是可編輯區(qū)域的名稱。 如果希望刪除可編輯區(qū)域，可以將光標置于要刪除的可編輯區(qū)域內，選擇“ 修改 /模板 /刪除模板標記 ” 命令，光標所在區(qū)域的可編輯區(qū)即被刪除。 這樣模板文件就創(chuàng)建好了。 三、其他模板區(qū)域 模板中除了可以插入最常用的 “ 可編輯區(qū)域 ” 外，還可以插入一些其他類型的區(qū)域，分別為 “ 可選區(qū)域 ” 、 “ 重復區(qū)域 ” 、 “ 可編輯可選區(qū)域 ” 和 “ 重復表格 ” 。 可選區(qū) 域 可選區(qū)域是模板中的區(qū)域，用戶可將其設置為在基于模板的文件中顯示或隱藏。當要為在文件中顯示的內容設置條件時，即可使用可選區(qū)域。 重復區(qū)域 重復區(qū)域時可以根據(jù)需要在基于模板的頁面中負值任意次數(shù)的模板部分。重復區(qū)域通常用于表格，也可以為其他頁面元素定義重復區(qū)域。 可編輯可選區(qū)域 是可選區(qū)域的一種，可以設置顯示或隱藏所選區(qū)域，并且可以編輯該區(qū)域中的內容。 四、使用庫 所謂庫項目，實際上就是文檔內容的任意組合，可以將文檔中的任意內容存儲為 庫項目，使它在其它地方被重復使用。 創(chuàng)建庫 在文檔窗口中選擇需要保存為庫項目的內容。 單擊資源面板 “ 庫 ” 分類中右下角的 “ 新建庫項目 ” 按鈕。 一個新的項目出現(xiàn)在資源面板 “ 庫 ” 分類的列表中，預覽框中顯示預覽的效果，還可以給該項目鍵入新名稱。這樣，一個庫項目就創(chuàng)建好了。 插入庫 將光標方在網(wǎng)頁中需要插入庫文件的位置，在資源面板 “ 庫 ” 分類中選擇需要插入的庫項目，直接拖動到光標所在位置即可。 更改庫 如果修改了庫文件，選擇 “ 文件 /保存 ” 命令，彈出 “ 更新庫項目 ” 對話框，詢問是否更新網(wǎng)站中使用了該庫文件的網(wǎng)頁。單擊 “ 更新 ” 按鈕，將更新網(wǎng)站中使用了該庫文件的網(wǎng)頁。 五、創(chuàng)建基于模板的頁面 打開素材 文件，選擇菜單欄的文件 另存為模板命令。 在彈出的另存為模板對話框中，在 “ 站點 ” 文本框選擇 “xmweb” ，在 “ 另存為 ” 給模板命名為 mo1，點擊確定。 彈出是否更改鏈接的提示，選擇 “ 是 ” 。此時，在站點內自動生成一個名為 “Templates” 的文件夾，名稱為 的模板文件被 保存在該文件夾中。 鼠標在網(wǎng)頁表格的最下一行空白處單擊一下，選中狀態(tài)欄的 table標簽，選擇菜單欄的插入 模板對象 可編輯區(qū)域命令。 彈出 “ 可編輯區(qū)域 ” 對話框，點擊 “ 確定 ” 。這樣我們就完成了模板的制作。 新建 文件，選擇菜單欄 窗口 資源命令，打開資源面板。 點擊資源面板的 “ 模板 ” 按鈕，在資源面板我們就可以看見 文件，選中 ，按住鼠標左鍵直接拖拽到 的文檔窗口中。即可將該模板應用到 中 。 Dreamweaver 教程第七章： 制作框架網(wǎng)站 框架是網(wǎng)頁中經(jīng)常使用的頁面設計方式，框架的作用就是把網(wǎng)頁在一個瀏覽器窗口下分割成幾個不同的區(qū)域，實現(xiàn)在一個瀏覽器窗口中顯示多個 HTML 頁面。使用框架可以非常方便的完成導航工作，讓網(wǎng)站的結構更加清晰，而且各個框架之間決不存在干擾問題。利用框架最大的特點就是使網(wǎng)站的風格一致。通常把一個網(wǎng)站中頁面相同的部分單獨制作成一個頁面，作為框架結構的一個子框架的內容給整個網(wǎng)站公用。 一個框架結構有兩部分網(wǎng)頁文件構成： 框架（ Frame）：框架是瀏覽器窗口中的一個區(qū) 域，它可以顯示與瀏覽器窗口的其余部分中所顯示內容無關的網(wǎng)頁文件。 框架集（ Frameset）：框架集也是一個網(wǎng)頁文件，它將一個窗口通過行和列的方式分割成多個框架，框架的多少根據(jù)具體有多少網(wǎng)頁來決定，每個框架中要顯示的就是不同的網(wǎng)頁文件。 一、創(chuàng)建框架 在創(chuàng)建框架集或使用框架前，通過選擇 “ 查看 /可視化助理 /框架邊框 ” 命令，使框架邊框在文檔窗口的設計視圖中可見。 使用預制框架集 （ 1）新建一個 HTML 文件，在快捷工具欄選擇 “ 布局 ” ，單擊 “ 框架 ” 按鈕，在彈出的下拉菜單中選 擇 “ 頂部和嵌套的左側框架 ” 。 （ 2）使用鼠標直接從框架的左側邊緣河上邊緣向中間拖動，直至合適的位置，這樣頂部和嵌套的左側框架就完成了。 鼠標拖動創(chuàng)建框架龍騰教程網(wǎng) （ 1）新建普通網(wǎng)頁，命名后將其打開。 （ 2）把鼠標放到框架邊框上，出現(xiàn)雙箭頭光標時拖拽框架邊框，可以垂直或水平分割網(wǎng)頁。 二、保存框架 每一個框架都有一個框架名稱，可以用默認的框架名稱，也可以在屬性面板修改名稱，我們采用系統(tǒng)默認的框架名稱 topFrame（上方）、 leftFrame（左側）、mainFrame（右側）。 選擇菜單欄 文件 保存全部，將框架集保存為 ，上方框架保存為 ，左側框架保存為 ，右側框架保存為 。 這個步驟雖然簡單，但是很關鍵，只有將總框架集和各個框架保存在本地站點根目錄下，才能保證瀏覽頁面時顯示正常。 三、 編輯框架式網(wǎng)頁 雖然框架式網(wǎng)頁把屏幕分割成幾個窗口，每個框架（窗口）中放置一個普通的網(wǎng)頁，但是編輯框架式網(wǎng)頁時，要把整個編輯窗口當作一個網(wǎng)頁來編輯，插入的網(wǎng)頁元素位于哪個框架，就保存在哪個框架的網(wǎng)頁中?？蚣艿拇笮】梢噪S意修改。 改變框架大小 用鼠標拖拽框架邊框可隨意改變框架大小。 刪除框架 用鼠標把框架邊框拖拽到父框架的邊框上，可刪除框架。 設置框架屬性 設置框架屬性時，必須先選中框架。選擇框架方法如下： 選擇菜單欄 窗口 框架，打開框架面板，單擊某個框架，即可選中該框架。 在編輯窗口某個框架內按住 Alt 鍵并單擊鼠標，即可選擇該框架。當一個框架被選擇時，它的邊框帶有點線輪廓 2. 設置框架屬性 選中框架，在屬性面板上可以設置框架屬性：框架名稱、源文件、空白邊距、滾動條、重置大小和邊框屬性等。 需要注意的是： 框架是不可以合并 的。 在創(chuàng)建鏈接時要用到框架名稱，所以我們要很清楚的知道每個框架對應的框架名。 四、在框架中使用超級鏈接 在框架式網(wǎng)頁中制作超級鏈接時，一定要設置鏈接的目標屬性，為鏈接的目標文檔指定顯示窗口。鏈接目標較遠（其他網(wǎng)站）時，一般放在新窗口，在導航條上創(chuàng)建鏈接時，一般將目標文檔放在另一個框架中顯示（當頁面較小時）或全屏幕顯示（當頁面較大時）。 “ 目標 ” 下拉菜單中的選項： * _blank 放在新窗口中。 * _parent 放到父框架集或包含該鏈接的框架窗口中。 * _self 放在相同窗口中（默認窗口無須指定）。 * _top 放到整個瀏覽器窗口并刪除所有框架。 在我們保存有框架名為 mainFrame、 leftFrame、 topFrame 的框架后，在目標下拉菜單中，還會出現(xiàn) mainFrame、 leftFrame、 topFrame 選項： * mainFrame 放到名為 mainFrame 的框架中。 * leftFrame 放到名為 leftFrame 的框架中。 * topFrame 放到名為 topFrame 的框架中。 五、制作框架頁面 選擇菜單欄 窗口 框架，打開框架面板，選中整個框架集，如下圖所示： 在屬性面板中，將行的值設置為 100，單位為像素，如下圖所示： 選擇菜單欄 窗口 框架，打開框架面板，選中子框架集，如下圖所示： 在屬性面板中，將列的值設置為 200，單位為像素，如下圖 所示： 文章來自于【學習無憂網(wǎng)】 Dreamweaver 教程第八章： 層與時間軸的應用 層是 CSS 中的定位技術，在 Dreamweaver 中對其進行了可視化操作。文本、圖像、表格等元素只能固定其位置，不能互相疊加在一 起，而層可以放置在網(wǎng)頁文檔內的任何一個位置，層內可以放置網(wǎng)頁文檔中的其他構成元素，層可以自由移動，層與層之間還可以重疊，層體現(xiàn)了網(wǎng)頁技術從二維空間向三維空間的一種延伸。 一、創(chuàng)建層 創(chuàng)建普通層 （ 1）插入層 選擇菜單欄 插入 布局對象 層命令，即可將層插入到頁面中去。 使用這種方法插入層，層的位置由光標所在的位置決定，光標放置在什么位置，層就在什么位置出現(xiàn)。選中層會出現(xiàn)六個小手柄，拖動小手柄可以改變層的大小。 （ 2）拖放層 打開快捷欄的 “ 布局 ” 選項，單擊 “ 繪制層 ” 按鈕，單擊鼠標左鍵，并且按住不放，拖動圖標到文檔窗口中，然后釋放鼠標，這是層就會出現(xiàn)在頁面中了。 （ 3）繪制層 打開快捷欄的 “ 布局 ” 選項，單擊 “ 繪制層 ” 按鈕，在文檔窗口內鼠標光標變成十字光標，然后按住鼠標左鍵，拖動出一個矩形，矩形的大小就是層的大小，釋放鼠標猴層就會出現(xiàn)在頁面中。 創(chuàng)建嵌套層 創(chuàng)建嵌套層就是在一個層內插入另外的層。 方法一：將光標放才某層內，選擇菜單欄 插入 布局對象 層命令，即可在改層內插入一個層。 方法二：打開層面板，從中選擇需要嵌套的層，此時按住 Ctrl 鍵同時拖動改層到另外一個層上，直到出現(xiàn)如下圖所示圖標后，釋放 Ctrl 鍵和鼠標，這樣普通層就轉換為嵌套層了。 二、設置層的屬性 選中要設置的層，就可以在屬性面板中設置層的屬性了。 層編號：給層命名，以便在 “ 層 ” 面板和 JavaScript 代碼中標識該層。 左、上：指定層的左上角相對于頁面（如果嵌套，則為父層）左上角的位置。 寬、高：指定層的寬度和高度。如果層的內容超過指定大小，層的底邊緣（按照在 Dreamweaver 設計視圖中的顯示）會延伸以容納這些內容。（如果 “ 溢出 ”屬性沒有設置為 “ 可見 ” ，那么當層在瀏覽器中出現(xiàn)時，底邊緣將不會延伸。 Z軸：設置層的層次屬性。在瀏覽器中，編號較大的層出現(xiàn)在編號較小的層的前面。值可以為正，也可以為負。當更改層的堆疊順序時，使用 “ 層 ” 面板要比輸入特定的 z 軸值更為簡便 可見性：在 “ 可見性 ” 下拉列表中，設置層的可見性。使用教本語言如JavaScrip 可以控 制層的動態(tài)顯示和隱藏。有四個選項： Default—— 選擇該選項，則不指明層的可見性。 Inherit—— 選擇該選項，可以繼承父層的可見性。 Visible—— 選擇該選項， 可以顯示層及其包含的內容，無論其父級層是否可見。 Hidden—— 選擇該選項，可以隱藏層及其包含的內容，無論其父級層是否可見。 背景顏色：用來設置層的背景顏色。 背景圖像 —— 用來設置層的背景圖像。 溢出 —— 選擇當層內容超過層的大小時的處理方式。有四個選項： Visible（顯示）：選擇該選項，當層內容超出層的范圍時，可自動增加層尺寸。 hidden（隱藏） : 選擇該選項，當層內容超出層