Transcript AP元素

網頁設計與製作
第七單元：AP元素
授課教師：王漢銘
NordriDesign專業商務簡報設計
AP Div
• 選擇建立AP元素。
• 建立完成的AP元素，點取AP元素的邊框，可自由
縮放及移動，若要刪除AP元素，只要點取AP元素
後再按下「Delete」鍵。
AP Div
• 若是使用功能表指令「插入/版面物件/AP Div」
來建立AP元素，則會在頁面上建立一個寬高為
200×115的AP Div，再更改成適合的大小。
AP元素內容
• 多數的網頁內容，如表格、圖片，都可以放在AP
元素中，同時藉由AP元素能自由移動的特性來編
排頁面。
• 可直接打在AP元素中，或是利用剪下、複製及貼
上的方式將其置放在AP元素中。
• 有時可先在AP元素中建立表格，再加入文字或圖
片，這樣就同時具有AP元素自由移動及表格整齊
排列的優點。
管理AP元素
•
•
•
•
•
•
AP元素面板
顯示AP元素清單
變更AP元素的上下順序
調整Z軸索引值
避免AP元素重疊
執行「表格轉換為AP元素」功能
AP Div的設定
•
•
•
•
•
•
•
設定AP元素的尺寸及位置
設定AP Div背景
AP Div的溢位
設定AP Div名稱
檢視AP元素屬性
AP Div的CSS樣式設定
元素的對齊
巢狀AP元素
• 什麼是巢狀AP元素
• 巢狀AP元素應用
Div標籤的功能
•
•
•
•
8
以Div標籤規畫區塊
標籤位置的設定方式
以CSS設定Div標籤大小與底色
標籤中插入網頁元素
請同學看完示範操作後，再進行綀習
參考資料
• 文淵閣工作室（2012）。Dreamweaver CS6網頁
製作比你想的簡單。台北市：碁峯資訊。
• 施威銘研究室（2012）。正確學會Dreamweaver
CS6的十六堂課。台北市：旗標。
10
感謝您的聆聽
Thank you
11