网页的版面配置.ppt

《网页的版面配置.ppt》由会员上传分享，免费在线阅读，更多相关内容在PPT专区-天天文库。

1、網頁的版面配置許明宗大綱版面配置使用表格進行版面配置使用框架進行版面配置版面配置美化網頁，加強網站的功能，需要透過好的網頁版面配置來達成簡單的網頁配置可以透過適當的「網頁元件使用」以及「網頁內容編排」來達成要達到更佳的網頁版面配置，則需要透過表格、圖層、框架或是CSS等提供的功能來達成版面配置比例主要應用於框架中指的是佔瀏覽器視窗的比例寬度、列高的設定值為顯示比例的分子，分母為所有高框架的寬度、列高分子的加總像素指的是元件的像素大小桌面設定為1028*768，最大的視窗大約可以容納大小為950*550像素的元件不會隨瀏覽器視窗的大小而變動百分

2、比指的是佔瀏覽器視窗的百分比表格「一般表格」vs.「版面配置表格」表格的建立儲存格的選取及增刪欄列表格工具列的使用版面配置表格表格內容屬性設定儲存格內容屬性設定「一般表格」vs.「版面配置表格」一般表格一般常見的規則表格版面配置表格架構網頁版面配置，利用表格版面配置，可以快速的得到好的具有專業外觀的網頁配置一般表格版面配置表格表格的建立新增表格「一般工具列/新增表格」「表格/插入/表格」手繪表格快速修改表格網頁的表格受限於HTML語言，無法像word一樣自由調整表格使用滑鼠拖曳刪除表格線段（合併儲存格）加入（背景）圖片及文字表格標題儲存格的選

3、取及增刪欄列選取儲存格整（多）欄及整（多）列的選取「Alt」鍵：單一儲存格的選取「Shift」鍵：連續儲存格的選取「Ctrl」鍵：不連續儲存格的選取增加欄列「表格/插入/列或欄」刪除欄列「表格/刪除儲存格」表格工具列的使用分割與合併儲存格垂直對齊平均分配列高或欄寬自動套用格式向右或向下填滿版面配置表格繪製版面配置表格繪製版面配置儲存格修改表格表格內容屬性設定版面配置工具大小版面配置對齊，儲存格與邊框距離、間距，高度、寬度框線大小、色彩背景儲存格與邊框距離、間距儲存格內容屬性設定一般儲存格對齊合併標題不換行框線背景儲存格內容屬性設定(con’t

4、)版面配置表格的儲存格框線頁首、頁尾角落框架框架與框架頁框架頁的建立屬性設定編輯網頁內容超連結內置框架框架與框架頁將一個網頁（瀏覽器視窗）切割成不同的區域，以放置不同的網頁內容每一個分割的區域稱為一個框架，所有框架的集合就稱為框架頁。框架的精神在於讓每個框架具有不同的功能，能顯示出不同的網頁內容上面框架多為網站的LOGO左邊框架多為網站的功能選項（超連結）框架頁的建立建立框架頁在一般工具列中的「建立新的網頁」選項中選擇「網頁」「網頁範本」視窗選擇「框架頁」標籤選擇框架頁的樣式指定框架網頁的來源設定vs.新增調整框架的版面配置分割與刪除框

5、架儲存所有的網頁屬性設定框架屬性「框架/框架內容」名稱：用於建立超連結時使用框架大小：比例、像素、百分比邊界：元件距離邊框的大小「在瀏覽器中可以調整大小」及「框架捲動軸」框架頁屬性「框架/框架內容」「框架頁」框架間距（寬度）及顯示框線編輯網頁內容設定及編輯替代頁面瀏覽器不支援框架時在「沒有框架」模式中，編輯網頁在新的視窗編輯網頁框架頁編輯網頁太擁擠，或需要檢視HTML碼時「框架/在新的視窗中開啟頁面」，或是「視窗/在新視窗開啟」更改框架頁的內容「框架/框架內容」「框架頁」超連結框架的名稱指定目標框架設定預設的目標框架「網頁內容」「一般」

6、標籤「預設目標框架」內置框架內置框架(cont’d)「插入/內置框架」設定內置框架選取「內置框架」「格式/內容」名稱、初始網頁及標題框架大小邊界捲軸樣式替代文字