网页版面配置.ppt

網頁的版面配置,許明宗,大綱,版面配置使用表格進行版面配置使用框架進行版面配置,版面配置,美化網頁，加強網站的功能，需要透過好的網頁版面配置來達成簡單的網頁配置可以透過適當的網頁元件使用以及網頁內容編排來達成要達到更佳的網頁版面配置，則需要透過表格、圖層、框架或是CSS等提供的功能來達成,版面配置,比例主要應用於框架中指的是佔瀏覽器視窗的比例寬度、列高的設定值為顯示比例的分子，分母為所有高框架的寬度、列高分子的加總像素指的是元件的像素大小桌面設定為1028*768，最大的視窗大約可以容納大小為950*550像素的元件不會隨瀏覽器視窗的大小而變動百分比指的是佔瀏覽器視窗的百分比,表格,一般表格 vs.版面配置表格表格的建立儲存格的選取及增刪欄列表格工具列的使用版面配置表格表格內容屬性設定儲存格內容屬性設定,一般表格 vs.版面配置表格,一般表格一般常見的規則表格版面配置表格架構網頁版面配置，利用表格版面配置，可以快速的得到好的具有專業外觀的網頁配置,一般表格,版面配置表格,表格的建立,新增表格一般工具列/新增表格表格/插入/表格手繪表格快速修改表格網頁的表格受限於HTML語言，無法像word一樣自由調整表格使用滑鼠拖曳刪除表格線段（合併儲存格）加入（背景）圖片及文字表格標題,儲存格的選取及增刪欄列,選取儲存格整（多）欄及整（多）列的選取Alt鍵：單一儲存格的選取Shift鍵：連續儲存格的選取Ctrl鍵：不連續儲存格的選取增加欄列表格/插入/列或欄刪除欄列表格/刪除儲存格,表格工具列的使用,分割與合併儲存格垂直對齊平均分配列高或欄寬自動套用格式向右或向下填滿,版面配置表格,繪製版面配置表格繪製版面配置儲存格修改表格,表格內容屬性設定,版面配置工具大小版面配置對齊，儲存格與邊框距離、間距，高度、寬度框線大小、色彩背景,儲存格與邊框距離、間距,儲存格內容屬性設定,一般儲存格對齊合併標題不換行框線背景,儲存格內容屬性設定(cont),版面配置表格的儲存格框線頁首、頁尾角落,框架,框架與框架頁框架頁的建立屬性設定編輯網頁內容超連結內置框架,框架與框架頁,將一個網頁（瀏覽器視窗）切割成不同的區域，以放置不同的網頁內容每一個分割的區域稱為一個框架，所有框架的集合就稱為框架頁。框架的精神在於讓每個框架具有不同的功能，能顯示出不同的網頁內容上面框架多為網站的LOGO左邊框架多為網站的功能選項（超連結）,框架頁的建立,建立框架頁在一般工具列中的建立新的網頁選項中選擇網頁 網頁範本視窗 選擇框架頁標籤 選擇框架頁的樣式指定框架網頁的來源設定 vs.新增調整框架的版面配置分割與刪除框架儲存所有的網頁,屬性設定,框架屬性框架/框架內容名稱：用於建立超連結時使用框架大小：比例、像素、百分比邊界：元件距離邊框的大小在瀏覽器中可以調整大小及框架捲動軸框架頁屬性框架/框架內容 框架頁框架間距（寬度）及顯示框線,編輯網頁內容,設定及編輯替代頁面瀏覽器不支援框架時在沒有框架模式中，編輯網頁在新的視窗編輯網頁框架頁編輯網頁太擁擠，或需要檢視HTML碼時框架/在新的視窗中開啟頁面，或是視窗/在新視窗開啟更改框架頁的內容框架/框架內容 框架頁,超連結,框架的名稱指定目標框架設定預設的目標框架網頁內容 一般標籤 預設目標框架,內置框架,內置框架(contd),插入/內置框架設定內置框架選取內置框架 格式/內容名稱、初始網頁及標題框架大小邊界捲軸樣式替代文字,