1 / 11

網頁設計與製作

網頁設計與製作. 第七單元： AP 元素. 授課教師：王漢銘. NordriDesign 專業商務簡報設計. AP Div. 選擇建立 AP 元素。 建立完成的 AP 元素，點取 AP 元素的邊框，可自由縮放及移動，若要刪除 AP 元素，只要點取 AP 元素後再按下「 Delete」 鍵。. AP Div. 若是使用功能表指令「插入/版面物件/ AP Div」 來建立 AP 元素，則會在頁面上建立一個寬高為200×115的 AP Div ，再更改成適合的大小 。. AP 元素內容.

dalton-franks
Download Presentation

網頁設計與製作

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 網頁設計與製作 第七單元：AP元素 授課教師：王漢銘 NordriDesign專業商務簡報設計

  2. AP Div • 選擇建立AP元素。 • 建立完成的AP元素，點取AP元素的邊框，可自由縮放及移動，若要刪除AP元素，只要點取AP元素後再按下「Delete」鍵。

  3. AP Div • 若是使用功能表指令「插入/版面物件/AP Div」來建立AP元素，則會在頁面上建立一個寬高為200×115的AP Div，再更改成適合的大小。

  4. AP元素內容 • 多數的網頁內容，如表格、圖片，都可以放在AP元素中，同時藉由AP元素能自由移動的特性來編排頁面。 • 可直接打在AP元素中，或是利用剪下、複製及貼上的方式將其置放在AP元素中。 • 有時可先在AP元素中建立表格，再加入文字或圖片，這樣就同時具有AP元素自由移動及表格整齊排列的優點。

  5. 管理AP元素 • AP元素面板 • 顯示AP元素清單 • 變更AP元素的上下順序 • 調整Z軸索引值 • 避免AP元素重疊 • 執行「表格轉換為AP元素」功能

  6. AP Div的設定 • 設定AP元素的尺寸及位置 • 設定AP Div背景 • AP Div的溢位 • 設定AP Div名稱 • 檢視AP元素屬性 • AP Div的CSS樣式設定 • 元素的對齊

  7. 巢狀AP元素 • 什麼是巢狀AP元素 • 巢狀AP元素應用

  8. Div標籤的功能 • 以Div標籤規畫區塊 • 標籤位置的設定方式 • 以CSS設定Div標籤大小與底色 • 標籤中插入網頁元素

  9. 請同學看完示範操作後，再進行綀習

  10. 參考資料 • 文淵閣工作室（2012）。Dreamweaver CS6網頁製作比你想的簡單。台北市：碁峯資訊。 • 施威銘研究室（2012）。正確學會Dreamweaver CS6的十六堂課。台北市：旗標。

  11. 感謝您的聆聽 Thank you

More Related