在這節課中,您將學習 如何在 Adobe Dreamweaver 中創建表格。 在我們可以在桌子上工作之前, 我們確實需要在 Dreamweaver 中建立一個站點。 所以我們要進入站點菜單,進入新站點。 我們要命名這個 使用表格, 我們要點擊文件夾圖標。 現在我已經拿走了課程文件文件夾 從這個 Module3,我把它們放在我的桌面上。 所以我要選擇那個 Module3_tables 並選擇該文件夾, 我們將點擊保存按鈕。 如果您需要了解更多信息 關於在 Dreamweaver 中使用站點, 您可以返回到 Module1 和課程管理站點 在 Dreamweaver 中了解更多信息 關於我們為何使用 Dreamweaver 中的站點。 我要去文件面板, 我要雙擊hikes.html。 這將在我們的主窗口中打開該文件。 我們將使用一張桌子 作為本文檔中的真實表格。 但是,重要的是要注意 在開始為互聯網設計時, 表格被用作設計元素 在 CSS、級聯樣式表之前, 他們今天仍在使用 作為 HTML 電子郵件中的設計元素。 現在我從我的視圖模式中選擇了設計視圖。 因此,如果您選擇了實時視圖, 我會讓你上去選擇設計。 我們要把光標放在這個盒子裡 在左邊,我們要輸入 在遠足徑中,然後按回車鍵。 現在為了添加一個表, 我們將轉到插入菜單到表格。 表格對話框出現, 我們要創建一個表 三行兩列。 我們將有一個 300 像素的表格寬度 邊框厚度為 1。 現在,如果我們願意,我們可以選擇擁有 標題列或標題行,或兩者, 但我們將把它保留為無, 我們要點擊確定。 在 Dreamweaver 中,進行更改的最簡單方法 到您的桌子在"屬性"面板中。 所以我們要改變寬度 從 300 到 600 的表中, 你可以看到它如何很好地適應那個區域。 我們要去它說對齊的地方。 我們要將其從默認更改為中心, 所以它會很好地集中在我們的區域。 我們將在馬薩諸塞州的第一行遠足徑中輸入。 現在,為了進入下一部分, 我們所要做的就是點擊tab鍵, 你可以看到情況發生了變化 我們的桌子只是一點點。 重要的是要知道 當你在設計桌子時 有些東西使它成為一個流動的桌子。 而且,所以,它會隨著我們輸入信息而改變 進入我們的細胞。 我要再按一下tab鍵 我要輸入路徑名稱, 和 Tab 鍵並輸入 Town。 所以,你可以看到,正如我在 Town 我的專欄改變了一點。 現在我們的表格中有更多信息 我想回去做一些額外的改變 到桌子上。 所以我們要點擊這600 在我們桌子的頂部並選擇我們的桌子, 這讓我們可以帶上我們的屬性面板 讓我們的桌子再次備份。 我們將討論單元格填充 以及我們表格的單元格間距。 如果您沒有在單元格填充中輸入數字 和你的單元格間距,默認情況下 HTML 將放置 每個填充一個像素。 單元格填充是空間量 在單元格邊緣和內容之間。 因此,如果我們將 10 作為單元格填充並按回車鍵, 你可以看到現在我們的類型有點遠了 從我們細胞的邊緣。 單元格間距,我現在只放五個, 是細胞本身之間的空間量。 所以我要刪除它並按回車鍵 並將其保留為默認設置。 現在我們擁有的另一個屬性 因為我們的桌子是邊界。 目前,我們確實有一個邊界, 但是你可以看看我們是否設置了一個零邊框, Dreamweaver,在設計視圖中, 將向我們展示桌子的邊緣。 但是如果我們去實時視圖 您可以看到我們根本看不到表格邊框。 我將把它放回設計視圖 因為設計視圖確實幫助我們工作 使用表格時效率更高。 在接下來的課程中,我們將學習更多關於修改 並格式化我們的單元格。 因此,在本課中,您學習瞭如何創建 Adobe Dreamweaver 中的表格。