本文章介紹如何在 Macromedia Dreamweaver 8 中創(chuàng)建基于表格的頁面布局。頁面布局將確定您的頁面在瀏覽器中會如何顯示，例如，顯示菜單、圖像和 Macromedia Flash 內(nèi)容將如何放置。表格是用于在 HTML 頁上顯示表格式數(shù)據(jù)以及對文本和圖形進行布局的強有力的工具。您可以使用表格快速輕松地創(chuàng)建布局。在本教程中，您將在一個新的 Dreamweaver 文檔中創(chuàng)建若干表格。這些表格的行和單元格實際上用作您將在以后添加的內(nèi)容的"容器框"。

　　檢查設(shè)計草樣

　　通常，創(chuàng)建 Web 站點并不是以打開 Dreamweaver 并立即對頁面進行布局開始的。創(chuàng)建 Web 站點的初始工作從紙張或圖形編輯應(yīng)用程序(如 Macromedia Fireworks)開始。圖形設(shè)計人員通常會畫出 Web 站點綜合圖形的草圖(也稱為"草樣")，以便向客戶展示并確保站點的初始構(gòu)思能讓客戶滿足。

　　設(shè)計草樣由客戶要求其 Web 站點具有的任意數(shù)目的頁面元素組成。例如，客戶可能會提出:"頁面頂端要有徽標，要有能鏈接到其它頁面的導(dǎo)航功能，有用于聯(lián)機存儲的部分和可以插入視頻剪輯的位置。"根據(jù)這些討論，設(shè)計人員開始對站點布局進行規(guī)劃，并制作滿足客戶要求的示例頁面草圖。

　　本教程向您提供為 Cafe Townsend(一個需要制作 Web 站點的虛構(gòu)餐館)設(shè)計的、完整的和符合要求的設(shè)計草樣。作為 Web 設(shè)計人員，您需要對草樣進行轉(zhuǎn)換，使之最終形成可以使用的 Web 頁面(通常需要其他圖形設(shè)計人員與 Flash 開發(fā)人員的幫助)。

　　您可以看到，圖形設(shè)計人員已經(jīng)向您提供了 Web 頁面設(shè)計草樣，其中包括一些內(nèi)容區(qū)域和圖形方案。在下面的部分，您將使用 Dreamweaver 展示此設(shè)計。

　　您也可以打開原始草樣文件以便在計算機屏幕上查看該設(shè)計草樣?？梢栽?cafe_townsend 文件夾(在教程:設(shè)置站點和項目文件中已將該文件夾復(fù)制到了硬盤上)的 fireworks_assets 文件夾中找到設(shè)計草樣 homepage-mockup.jpg。在創(chuàng)建頁面時，還可以打印草樣以便隨時查看。

　　創(chuàng)建并保存新頁面

　　建立站點并檢查設(shè)計草樣后，您就可以開始創(chuàng)建 Web 頁面了。首先您將創(chuàng)建一個新頁面，并將它保存到您的 Web 站點的本地根文件夾 cafe_townsend 中。該頁面最終將成為虛構(gòu)餐館 Cafe Townsend 的主頁。

　　假如您尚未創(chuàng)建本地根文件夾 cafe_townsend，則必須先完成創(chuàng)建，然后再繼續(xù)。

　　在 Dreamweaver 中，選擇"文件">"新建"。

　　在"新建文檔"對話框的"常規(guī)"選項卡上，從"類別"列表中選擇"基本頁"，從"基本頁"列表中選擇"HTML"，然后單擊"創(chuàng)建"。

　　選擇"文件">"另存為"。

　　在"另存為"對話框中，瀏覽至定義為站點的本地根文件夾的 cafe_townsend 文件夾并打開該文件夾。

　　在教程:設(shè)置站點和項目文件中，您在名為 local_sites 的文件夾中創(chuàng)建了此文件夾。

　　在"文件名"文本框中輸入 index.html，然后單擊"保存"。

　　文件名即出現(xiàn)在應(yīng)用程序窗口頂部的標題欄中。

　　在新文檔頂部的"文檔標題"文本框中，鍵入 Cafe Townsend。

　　這就是頁面的標題(與文件名不同)。站點訪問者在 Web 瀏覽器中查看頁面時將在瀏覽器窗口的標題欄中看到此標題。

　　選擇"文件">"保存"來保存該頁面。

　　插入表格

　　接下來，您將添加一個表格，用于放置文本、圖形和 Macromedia Flash 資源。

　　在頁面上單擊一次，在頁面左上角放置插入點。