網(wǎng)頁的版面配置ppt課件

1、網(wǎng)頁的版面配置許明宗大綱版面配置運(yùn)用表格進(jìn)行版面配置運(yùn)用框架進(jìn)行版面配置版面配置n美化網(wǎng)頁，加強(qiáng)網(wǎng)站的功能，需求透過好的網(wǎng)頁版面配置來達(dá)成n簡(jiǎn)單的網(wǎng)頁配置可以透過適當(dāng)?shù)木W(wǎng)頁元件運(yùn)用以及網(wǎng)頁內(nèi)容編排來達(dá)成n要達(dá)到更佳的網(wǎng)頁版面配置，則需求透過表格、圖層、框架或是CSS等提供的功能來達(dá)成版面配置n比例n主要應(yīng)用於框架中n指的是佔(zhàn)瀏覽器視窗的比例n寬度、列高的設(shè)定值為顯示比例的分子，分母為一切高框架的寬度、列高分子的加總n像素n指的是元件的像素大小n桌面設(shè)定為1028*768，最大的視窗大約可以容納大小為950*550像素的元件n不會(huì)隨瀏覽器視窗的大小而變動(dòng)n百分比n指的是佔(zhàn)瀏覽器視窗的百分比表格l

2、普通表格 vs. 版面配置表格l表格的建立l儲(chǔ)存格的選取及增刪欄列l(wèi)表格工具列的運(yùn)用l版面配置表格l表格內(nèi)容屬性設(shè)定l儲(chǔ)存格內(nèi)容屬性設(shè)定普通表格 vs. 版面配置表格l普通表格l普通常見的規(guī)則表格l版面配置表格l架構(gòu)網(wǎng)頁版面配置，利用表格版面配置，可以快速的得到好的具有專業(yè)外觀的網(wǎng)頁配置普通表格版面配置表格表格的建立l新增表格l普通工具列 / 新增表格l表格 / 插入 / 表格l手繪表格l快速修正表格l網(wǎng)頁的表格受限於HTML語言，無法像word一樣自在調(diào)整表格l運(yùn)用滑鼠拖曳l刪除表格線段合併儲(chǔ)存格l參與背景圖片及文字l表格標(biāo)題儲(chǔ)存格的選取及增刪欄列l(wèi)選取儲(chǔ)存格l整多欄及整多列的選取lAlt鍵

3、：?jiǎn)我粌?chǔ)存格的選取lShift鍵：連續(xù)儲(chǔ)存格的選取lCtrl鍵：不連續(xù)儲(chǔ)存格的選取l添加欄列l(wèi)表格 / 插入 /列或欄l刪除欄列l(wèi)表格 / 刪除儲(chǔ)存格表格工具列的運(yùn)用l分割與合併儲(chǔ)存格l垂直對(duì)齊l平均分配列高或欄寬l自動(dòng)套用格式l向右或向下填滿版面配置表格l繪製版面配置表格l繪製版面配置儲(chǔ)存格l修正表格表格內(nèi)容屬性設(shè)定l版面配置工具l大小l版面配置l對(duì)齊，儲(chǔ)存格與邊框距離、間距，高度、寬度l框線l大小、顏色l背景儲(chǔ)存格與邊框距離、間距儲(chǔ)存格內(nèi)容屬性設(shè)定l普通儲(chǔ)存格l對(duì)齊l合併l標(biāo)題l不換行l(wèi)框線l背景儲(chǔ)存格內(nèi)容屬性設(shè)定 (cont)l版面配置表格的儲(chǔ)存格l框線l頁首、頁尾l角落框架n框架與框架

4、頁n框架頁的建立n屬性設(shè)定n編輯網(wǎng)頁內(nèi)容n超連結(jié)n內(nèi)置框架框架與框架頁n將一個(gè)網(wǎng)頁瀏覽器視窗切割成不同的區(qū)域，以放置不同的網(wǎng)頁內(nèi)容n每一個(gè)分割的區(qū)域稱為一個(gè)框架，一切框架的集合就稱為框架頁。n框架的精神在於讓每個(gè)框架具有不同的功能，能顯示出不同的網(wǎng)頁內(nèi)容n上面框架多為網(wǎng)站的LOGOn左邊框架多為網(wǎng)站的功能選項(xiàng)超連結(jié)框架頁的建立n建立框架頁n在普通工具列中的建立新的網(wǎng)頁選項(xiàng)中選擇網(wǎng)頁 網(wǎng)頁範(fàn)本視窗 選擇框架頁標(biāo)籤 選擇框架頁的樣式n指定框架網(wǎng)頁的來源n設(shè)定 vs. 新增n調(diào)整框架的版面配置n分割與刪除框架n儲(chǔ)存一切的網(wǎng)頁屬性設(shè)定n框架屬性n框架 / 框架內(nèi)容n名稱：用於建立超連結(jié)時(shí)運(yùn)用n框架大?。罕壤⑾袼?、百分比n邊界：元件距離邊框的大小n在瀏覽器中可以調(diào)整大小及框架捲動(dòng)軸n框架頁屬性n框架 / 框架內(nèi)容 框架頁n框架間距寬度及顯示框線編輯網(wǎng)頁內(nèi)容n設(shè)定及編輯替代頁面n瀏覽器不援助框架時(shí)n在沒有框架方式中，編輯網(wǎng)頁n在新的視窗編輯網(wǎng)頁n框架頁編輯網(wǎng)頁太擁擠，或需求檢視HTML碼時(shí)n框架 / 在新的視窗中開啟頁面，或是視窗 / 在新視窗開啟n更改框架頁的內(nèi)容n框架 / 框架內(nèi)容 框架頁超連結(jié)n框架的名稱n指定目標(biāo)框架n設(shè)定預(yù)設(shè)的目標(biāo)框架n網(wǎng)頁內(nèi)容 普通標(biāo)籤 預(yù)設(shè)目標(biāo)框架內(nèi)置