12/13 網~站

隨堂演練

開啟Dreamweaver，新增html檔。
從主選單 >檢視 > 尺規 > 鉤選顯示。
從主選單 >檢視 > 格線 > 鉤選顯示格線。
從主選單 >檢視 > 格線 > 鉤選格線設定...。於對話框內調整間距的數值為10。
點選版面標貼，選APdiv。
在編輯區內畫一矩形。點選它，編輯它，並觀查及編輯區下方的屬性。並試著進行下列的屬性變動：

APdiv的名稱、大小、背景色
文字的對齊
文字的超連結

置入背景圖、插入圖像、圖像的超連結
儲存檔案。
將APdiv改為表格
div對較早期的瀏覽器可能不適用，所以若要為這些使用者考量，則可將div的程式碼轉換為表格table語法。其作法如下：

開啟有div的網頁。

從主選單 >修改 轉換 > 圖層轉換為表格。
從程式碼觀看程式碼的改變。

簡化表格。

隨堂作業

以Dreamweaver連結到你在學校的網站。(假如本地端無內容，你須將遠端內容下載)

在本地端網站的www資料夾內，新增work_4資料夾。
在work_4資料夾內新增skeleton.html，其內容係依前述瀏覽優良網站的評析，以APdiv方式排出頁面的間架--像建物的平面圖，每一APdiv插入該區間大小的圖像，並疊上文字。

儲存skeleton.html，並將它上傳到遠端伺服器。

將www資料夾中index.html檔案內的作業五超連結到skeleton.html。
將index.html存檔並上傳。
在瀏覽器測視你的作品。


越來越混亂~