1、第12章 HTML框架與頁(yè)面結(jié)構(gòu),2,概 述,框架概述 創(chuàng)建一個(gè)“行”或“列”框架組合 在HTML中超級(jí)鏈接框架的內(nèi)容 創(chuàng)建定位的超級(jí)鏈接 用標(biāo)記符的Targeting鏈接 將鏈接命中Targeting到頂部的框架 框架嵌套、框架組合 給Frameset添加屬性,3,1.框架 FRAMESET/FRAME,網(wǎng)頁(yè)結(jié)構(gòu)的布局手段：表、框架 在一個(gè)網(wǎng)頁(yè)中可同時(shí)顯示多個(gè)不同的網(wǎng)頁(yè) 增加網(wǎng)頁(yè)的可讀性、可用性 在框架中可以創(chuàng)建彼此獨(dú)立移動(dòng)的頁(yè)面區(qū)域，表格實(shí)現(xiàn)不了該功能。 框架可以組合靜態(tài)信息和動(dòng)態(tài)信息 FRAMESET: 劃分區(qū)域；各區(qū)域使用RAME定義鏈接網(wǎng)頁(yè)文件；位于和之間。 ROWS,COLS：絕對(duì)

2、尺寸-像素、相對(duì)尺寸-百分?jǐn)?shù) NOFRAME: 必須使用BODY標(biāo)記符。,4,2.創(chuàng)建一個(gè)“行”框架組合, 在HTML中創(chuàng)建“行”框架組合 本網(wǎng)頁(yè)使用框架，但你的瀏覽器不支持！ ,5,3.創(chuàng)建一個(gè)“列”框架組合, 在HTML中創(chuàng)建“列”框架組合 本網(wǎng)頁(yè)使用框架，但你的瀏覽器不支持！ ,6,4.創(chuàng)建一個(gè)導(dǎo)航框架, 在HTML中超級(jí)鏈接框架的內(nèi)容 本網(wǎng)頁(yè)使用框架技術(shù)，但瀏覽器不支持！ ,7,5.創(chuàng)建定位的超級(jí)鏈接, 在HTML中創(chuàng)建定位的超級(jí)鏈接 本網(wǎng)頁(yè)使用框架，但瀏覽器不支持！ ,8,6.創(chuàng)建定位的超級(jí)鏈接, sample-1205-nav.htm 計(jì)算機(jī)軟件研究所 計(jì)算機(jī)應(yīng)用研究所 計(jì)算機(jī)系統(tǒng)

3、結(jié)構(gòu)研究所 ,9,7.創(chuàng)建定位的超級(jí)鏈接, 導(dǎo)航 計(jì)算機(jī)軟件研究所 計(jì)算機(jī)應(yīng)用研究所 計(jì)算機(jī)系統(tǒng)結(jié)構(gòu)研究所 山東大學(xué) ,10,8.框架嵌套, 框架嵌套 本網(wǎng)頁(yè)使用框架，但瀏覽器不支持。 ,11,9.框架組合, 框架組合sample-1208.htm 本網(wǎng)頁(yè)使用框架，但你的瀏覽器不支持。 ,12,9.框架組合(續(xù)1), sample-1208-head.htm 子框架 ,13,9.框架組合(續(xù)2), sample-1208-subframeset.htm 本網(wǎng)頁(yè)使用框架，但瀏覽器不支持！ ,14,10.框架組合屬性,FRAMEBORDER：設(shè)置邊框?qū)挾认袼財(cái)?shù)(HTML4,MS),0無(wú)框 BORD

4、ER: 設(shè)置邊框?qū)挾认袼財(cái)?shù)(Netscape)，0無(wú)框 NORESIZE: 禁止訪問(wèn)者調(diào)整框架的大小 FRAMESPACING: 控制框架間的總間距(IE) SCROLLING: 滾動(dòng)條設(shè)置，YES、NO、AUTO MARGINHEIGHT: 框架的上下邊界像素?cái)?shù) MARGINWIDTH: 框架的左右邊界像素?cái)?shù) BORDERCOLOR: 設(shè)置邊框的顏色,15,11.框架組合屬性實(shí)例, 框架組合屬性 本網(wǎng)頁(yè)使用框架，但瀏覽器不支持。 ,16,第12章 小結(jié),框架概述 簡(jiǎn)單框架 嵌套框架 組合框架 框架屬性,17,第12章 思考問(wèn)題,結(jié)束,12.1 框架中常用的標(biāo)記有哪些？它們的作用分別是什么？ 12.2 框架在頁(yè)面設(shè)計(jì)中有什么作用？ 12.3 自己做一個(gè)框架窗口互操作的實(shí)例。 12.4 使用框架設(shè)計(jì)一個(gè)個(gè)人網(wǎng)站主頁(yè)頁(yè)面結(jié)構(gòu)。, sample-1203-nav.htm 計(jì)算機(jī)軟件研究所 計(jì)算機(jī)應(yīng)用研究所 計(jì)算機(jī)系統(tǒng)結(jié)構(gòu)研究所 ,4.創(chuàng)建一個(gè)導(dǎo)航框架(續(xù)1),Return,4.創(chuàng)建一個(gè)導(dǎo)航框架(續(xù)2), sample-1203-ruanjian.htm 計(jì)算機(jī)軟件與理論研