APDiv元素的应用制作.PDF

AP Div 元素的應用製作 作品主題 【Ftisland 】 1 插入圖片及設定導覽列 2 設定網頁背景顏色 3 插入IFRAME 4 更改連結目標 5 更改標題 6 DIV 標籤應用 7 附加外部樣式表 8 套用css 重點回顧 學習評量 AP 元素 AP 元素 (絕對定位元素) 是已指派絕對定位的 HTML 頁面元素 ，特別是指 div 標 籤或其他標籤。AP 元素可以包含文字、影像或任何其它可以放在 HTML 文件內文中 的內容。有了 Dreamweaver ，您可以使用 AP 元素來配置網頁 。您可以在重疊 、 隱藏 AP 元素時顯示其它 AP 元素 ，以及將 AP 元素橫越整個螢幕。您可以在一個 AP 元素中放入背景影像 ，然後在上面加上第二個含有文字而背景透明的 AP 元素 。 AP 元素一般來說都是絕對定位的 Div 標籤。(這些都是 Dreamweaver 預設會插入 的 AP 元素種類) 。然而 ，請記住 ，您可以為任何 HTML 元素指定一個絕對位置 ，以 將 HTML 元素 (例如，影像) 分類為 AP 元素。所有的 AP 元素 (而不是只有對定 位的 Div 標籤) 都會出現在 「AP 元素」面板中。 div 標籤 您可以手動插入 div 標籤並將 CSS 定位樣式套用到這些標籤，建立頁面版面。div 標 籤，指的就是可定義網頁內容中邏輯分區的標籤。 您可以使用 div 標籤來置中處理 內容區塊、在欄位上建立效果、建立不同的顏色區域等等。如果您不熟悉使用 div 標 籤與串接樣式表 (CSS) 來建立網頁的方式，可以依據 Dreamweaver 隨附的其中一 個預先設計的版面來建立 CSS 版面。如果您不熟悉使用 CSS 的方式，但是熟悉使用 表格的方式，也可以嘗試使用表格。 備註： Dreamweaver 會將所有具有絕對位置的 Div 標籤視為 AP 元素 (絕對定位 元素) ，就算您並未使用「AP Div 繪製」工具來建立這些 Div 標籤也是一樣。 插入圖片及設定導覽列 Step1. 【檔案】→ 【開新檔案】 Step2.選擇 【空白頁面】→點選 【HTML 】→選擇【無】→點選 【建立】 Step3.點選工具列【插入】 → 【表格】，建立表格。 Step 4.建立一個【5 列3 欄】的表格→頁首方面點選 【無】，讓表格呈現無表格線， 設定好後點選確定。 Sept 5.選擇標籤【talbe 】選取整個表格→寬度設定為【722 像素】→對齊方式 設定為【置中對齊】。 小幫手 【table 】: 選取整個表格【tr 】: 選取一整攔【td 】: 選取單個表格 Step 6. 選擇第一列的三個儲存格→在【屬性】面板中點選 【合併儲存格】， 第一列三個儲存格以及最後一列的三個儲存格分別進行【合併儲存格】