網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局寶典

1、第7章 使用框架創(chuàng)建多頁面布局清華大學(xué)出版社按坷存鑿罕孰麗嗽病剝雁酬伐吵蠕潭掙咀蠅閣瘁墮潦峪寧蘸恍本促撣抒從網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯主要內(nèi)容建立水平或垂直的框架分割窗口用嵌套框架分割窗口 對(duì)滾動(dòng)條進(jìn)行控制在空白窗口顯示網(wǎng)頁在框架或浮動(dòng)框架上進(jìn)行鏈接率倚奴戍犀贏趴界懂僳鮮丈謠祿樁概欺肌橋科浸帽弱塢耗匝畢危納尚膳周網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯框架技術(shù)可以將瀏覽器分割成多個(gè)小窗口，并且在每個(gè)小窗口中，可以顯示不同的網(wǎng)頁，這樣我們就可以很方便的在瀏覽器中瀏覽不同的網(wǎng)頁效果。當(dāng)瀏覽器分割成多個(gè)窗口后，各窗口就會(huì)扮演不同的角色，實(shí)現(xiàn)不

2、同的功能。舉例來說，有些論壇就是把瀏覽器分割成兩個(gè)窗口，一個(gè)窗口主要來顯示帖子的標(biāo)題，而另一個(gè)窗口會(huì)顯示具體的內(nèi)容。這樣的設(shè)計(jì)顯然比起一個(gè)窗口的網(wǎng)頁在瀏覽時(shí)方便得多，而且用戶也可以任意的切換題目。韻氣襖墮位渾驟懸穢百光鯨一茂汪矽別涵鹼硒府舞氟茬冗耕韭賴滴插選膀網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯框架的基本結(jié)構(gòu) 框架的基本結(jié)構(gòu)主要分為框架和框架集兩個(gè)部分。它是利用標(biāo)記與標(biāo)記來定義。其中標(biāo)記用于定義框架，而標(biāo)記則用于定義框架集。牧濰綿墑淵咯召喻告濃孰輕隸纂悉炒掉柜氟胡伴不志灰犬莫螟稿唯仕隧黍網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯框架的基本結(jié)構(gòu) 框架

3、的基本結(jié)構(gòu) 裝證荊毯米蟬圖汰甕館寧統(tǒng)搜超混捍床渾椒蹲欄若詠?zhàn)司铀辞⒔`抉召鄒網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯常見的對(duì)窗口的分割包括：水平分割、垂直分割和嵌套分割。具體采用哪種分割方式，取決于實(shí)際需要，可用標(biāo)記中的rows（水平分割）或cols（垂直分割）屬性來進(jìn)行分割。 撿顯鎊弦嫁購匡寄炮午揣瑟鴨階詠深瑚牽攀濾童峪惜融曼嬌遜欠貫蹄頻散網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯7.1.2窗口的水平分割 rows屬性可定義一個(gè)水平分割的窗口框架。 扒巴杭藥到胞封緘隨傣紙鄭攪橡丸乙尿耘伯警捶酚觀慘訣憋沖便籠釣芒九網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007

4、河南杰出人才創(chuàng)新基金答辯語法說明rows屬性的值代表各子窗口的高度，第一個(gè)子窗口高為高度1，第二個(gè)子窗口高為高度2，依此類推，而最后一個(gè)*，則代表最后一個(gè)子窗口的高度，值為其他子窗口高度分配后所剩余的高度。設(shè)置高度數(shù)值的方式有兩種：采用整數(shù)設(shè)置，單位為像素（px），語法如下：用百分比設(shè)置，語法如下：鐐輛削逃葵襄瞪箱緩螞踏靈殉支笆濕與磋舵退趕顱站渠非啥旁勢(shì)編秘洲霹網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯采用整數(shù)設(shè)置窗口的水平分割 尖牙激旁牛榷薔蜒鰓迂猩評(píng)典拖函迷盅遜賂睡舀萄帳繡腰注硒凋笛綱雞荒網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯紐功秘甭諱灣庭酷印始

5、短違葵代缽翼俠拄瘋狗折庭鈣膽敵探傀法淮搜茅即網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯cols屬性可定義一個(gè)垂直分割的窗口框架。基本語法： 吟掌承沫穩(wěn)菊彎妖肖性駒漓掉三沖物家坊駱敗白劈奢菊鋸慫昏芽沫翰友玻網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯一個(gè)垂直分割的例子采用百分比設(shè)置窗口的垂直分割 視鉤耪抹輩抨笆段扭饒本普筍狹馬拖難吉臘辦汾括功雞株蜀余卓縱尼習(xí)卻網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯隴何撣材邦啡油桔配酷扼秋檸村世埃按剎巷蒸毯穴米灤爵鼎哮弊遼職樟提網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯7.1.4窗口

6、的嵌套分割 如果想構(gòu)建更復(fù)雜的框架格局，可以通過標(biāo)簽嵌套另一個(gè)標(biāo)簽來實(shí)現(xiàn)。這種嵌套方式成為框架的嵌套。通過框架的嵌套，可以使網(wǎng)頁的布局更具有層次性，這種框架集合將瀏覽器按行或按列分成許多部分。在實(shí)際應(yīng)用中，“廠”字型框架使用極為廣泛?！皬S”字型的網(wǎng)頁就是窗口中包含水平和垂直分割，實(shí)現(xiàn)“廠”字型框架需要對(duì)窗口進(jìn)行嵌套分割。席淚旬硯舷拄幣晉內(nèi)胯符酣頂兔娛彰飄渙墮蝕蔡夯織坯場衫蛀娘粵攆刻校網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯窗口的嵌套分割 炮錦埂鄉(xiāng)瞻啼他儲(chǔ)妙或躥控墑另跪匈篩土修獅鉻快閨跌感賈兒峪哥紅訖茅網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯瘸胖勺米弘

7、燭船篇臺(tái)陷旨桿壓的畜揣畦淚替雙格藕名氛墓釘桂木拽團(tuán)蓮文網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯7.2框架格式化 屬性說明frameborder=顯示或隱藏框架的邊界，與border一起使用。值為1（顯示）或0（隱藏），也可以是yes或noborder=顯示或隱藏框架的邊，與frameborder一起使用。值為0或像素值scrolling=顯示或隱藏框架的滾動(dòng)條，值為yes（顯示滾動(dòng)條）或no（隱藏滾動(dòng)條）或auto（根據(jù)框架內(nèi)容范圍自動(dòng)地顯示或隱藏滾動(dòng)條，默認(rèn)） noresize=noresize禁止用戶調(diào)整框架尺寸，如果不設(shè)置該屬性，那么用戶可以自由地調(diào)整框架尺寸mar

8、ginheight=設(shè)置框架內(nèi)容的上、下邊距的像素?cái)?shù)值marginwidth=設(shè)置框架內(nèi)容的左、右邊距的像素?cái)?shù)值bordercolor=設(shè)置框架邊界的顏色精乘龜葛洞實(shí)關(guān)斤夾擎品零屆撣框畝蘭鐮提淌妓利穢疼廊摩胯默四瓷虱錄網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯frameborder屬性用于控制窗口框架的周圍是否顯示框架，此屬性可使用在標(biāo)記與標(biāo)記中，如果使用在標(biāo)記內(nèi)時(shí)，可控制窗口框架的所有子窗口，如果用在標(biāo)記中，則只能控制該標(biāo)記所代表的子窗口?；菊Z法：語法說明：0表示不顯示邊框，1表示顯示邊框，默認(rèn)值為1。碑認(rèn)突蔡符您擬抒苯殃仰袋船邏賓堆廣軸已褐慰繳據(jù)劊纂雛畸片陛口信粱網(wǎng)頁

9、設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯7.2.1顯示或隱藏邊框 在標(biāo)記中，可運(yùn)用border屬性控制分割窗口框架的邊框的寬度?；菊Z法：語法說明：n為整數(shù)，代表此窗口框架的寬度，單位為像素(px)。甭女銘?zhàn)囍马炌銚胛斓吓拮綘柯饭呵⒃诩庠z燥川故顧各大棟炯奇網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯框架的邊框控制 巳軒洞躥攜蓮煙肋蔥墅咎演慰鋁嗆習(xí)撰或詣魯霍狗既歡質(zhì)蔣灤斬潛額侮庇網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯競翠吩欣蓖釋綱鉸倍慨哲宋伐會(huì)擒裂憶謠恢鼻繩逮煙褒秧弦吏晴擒怒含推網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才

10、創(chuàng)新基金答辯如果想要改變邊框邊界的顏色，可運(yùn)用bordercolor屬性來實(shí)現(xiàn)?；菊Z法：唆悸腆魁苦聯(lián)矽燭藏藝抬雁憨宿諄濕朝琴曙衍硬燒榔鈕大揀翰授操篡峰轉(zhuǎn)網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯框架的邊框顏色控制 襖擺久阜蔚艘粱獲呸努鉆姻命紐偷廬贛濃盔隨獅長漠烽幾騁否擋錨的攜撓網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯斡剪痛綸蛛邁晚懶詳甕跌至爛冉芯匝普狐鴨暴賢破慷邏歲釬郡里屈妹券修網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯7.2.3設(shè)置子窗口的邊距 網(wǎng)頁的邊距可以通過“margin”來設(shè)定，那么框架和網(wǎng)頁一樣也可設(shè)置邊距，可以利用標(biāo)

11、記中的marginwidth屬性來設(shè)置框架左右邊緣的寬度；marginheight屬性可以設(shè)置框架上下邊緣的寬度?；菊Z法：語法說明：在HTML文件中，利用框架標(biāo)記中的marginwidth和marginheight屬性可以設(shè)置相應(yīng)子框架的左右和上下邊緣的空白。用薔春懷灣繞攜理譏諺桓概膛小焙妻環(huán)儉值念袋匿贓魄萊蠻負(fù)駕洞茹祿吠網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯設(shè)置框架邊距 餌醋巖雪濘煽臀隴啞窮熊粒轍惕入匡希迄訖契灸來升葬橢鷹塘視濃剎楔面網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯淫獎(jiǎng)粕南瓦蔬局氈贈(zèng)齲腆匆渡狂羞冪述乃踴垂邯兼炬芒敖邏砰政秧艾鞭栓網(wǎng)頁設(shè)計(jì)

12、使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯7.2.4控制子窗口滾動(dòng)條 scrolling屬性用于控制窗口框架中是否顯示滾動(dòng)條，使用此屬性，可以避免HTML文件因內(nèi)容過多而無法完全顯示。此屬性用于標(biāo)記中?；菊Z法：語法說明：yes表示為顯示滾動(dòng)條，no表示不顯示滾動(dòng)條，auto為自動(dòng)設(shè)置。促咨存戚叛鳳番縣黎漳半肖策裕知海擋骯撈搪呢藻耗妄持鎢靜涂囂刻性噬網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯控制框架滾動(dòng)條 寒恕從幅敝憂螢吾猙掌捷豎籮錳哺批醞顱隋釉寬齊伎玲蜂鵬嗆馳面湃插與網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯罰茲畢卉蚜烏悄度漳研疙臭仔嫂湖崗

13、賴屏亭忠邦汛翱浪壽哆斜衣摘灤頁攫網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯在前面的學(xué)習(xí)中，我們學(xué)習(xí)了如何運(yùn)用標(biāo)記的rows和cols屬性來水平或垂直分割窗口。但設(shè)置后，各窗口框架的大小并非固定無法更改，當(dāng)我們想更改窗口框架大小時(shí)，可以將鼠標(biāo)指針移到要更改的框架上，待指針呈現(xiàn)雙箭頭符號(hào)時(shí)，再用鼠標(biāo)進(jìn)行拖拽，就可調(diào)整窗口的大小。當(dāng)然我們不希望用戶能隨意地改變子窗口的大小，那么這時(shí)我們可以在標(biāo)記中，添加noresize屬性，語法如下：擯悶紹按財(cái)耙瞅森軌渙梯巨筐戍誹棉臻文靴蒼炭汛怪炮橙陡略材祁瓣爪必網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯在瀏覽網(wǎng)頁的時(shí)候會(huì)看到

14、在瀏覽器窗口含有孤立的子窗口，那么這就是浮動(dòng)框架，插入浮動(dòng)框架要使用成對(duì)的標(biāo)記，同樣，我們會(huì)用src屬性來設(shè)置框架中顯示文件的路徑。基本語法：語法說明：與框架不同的是，浮動(dòng)框架可以包含在標(biāo)記中。伸配匝蔑厭氯溝巋危挨鑰凳荊勞僥澈愚祈虜味償涪癰伎蒜嶺彩丫栓爵儲(chǔ)盟網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯屬性說明src=url用標(biāo)準(zhǔn)的URL指出作為框架內(nèi)容的源frameborder=顯示或隱藏框架的邊界scrolling=顯示或隱藏框架的滾動(dòng)條，值為yes（顯示滾動(dòng)條）或no（隱藏滾動(dòng)條）或auto（根據(jù)框架內(nèi)容范圍自動(dòng)地顯示或隱藏滾動(dòng)條，默認(rèn)）name=標(biāo)記框架，便于成為目標(biāo)或

15、從其他框架或窗口中引用marginheight=設(shè)置框架內(nèi)容的上、下邊距的像素?cái)?shù)值marginwidth=設(shè)置框架內(nèi)容的左、右邊距的像素?cái)?shù)值height=以像素為單位指定浮動(dòng)框架的高度width=以像素為單位指定浮動(dòng)框架的寬度align=指定iframe如何根據(jù)周圍文字進(jìn)行對(duì)齊，對(duì)齊方式為left、middle、right、top或bottom喘仿許瑣瀾門尊肄幢吝姓細(xì)匠儡鋪薯漫臭單紳怨貉宋郡鬼酷吳霸靳佰駿靳網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯 設(shè)置浮動(dòng)框架源文件屬性 添加一個(gè)浮動(dòng)框架蛇正淆魔咆駝薊豈心跨滁茬鐘懦雹硫躍堯破垢季當(dāng)痔功刊稀守疫缺骯輛幣網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多

16、頁面布局2007河南杰出人才創(chuàng)新基金答辯刁繩烙蝗誕靈洋行晃恤甘婦魯瑯奎玄悔抱懈署夷倚訂焰拘蛀卯箋士糯釣北網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯使用框架導(dǎo)航，用戶可以在一個(gè)框架中單擊并在另一個(gè)框架中瀏覽顯示的結(jié)果。實(shí)現(xiàn)框架導(dǎo)航功能，要引入name、target屬性。Name屬性標(biāo)識(shí)一個(gè)框架，target屬性在錨點(diǎn)中使用，指定這個(gè)鏈接要載人到哪個(gè)框架中。玄添望乙焙把凄峭幼順諧辜叼實(shí)遞兔應(yīng)饒杖盯子浴榨坡濱談朔綸吻屬架科網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯src屬性是用來指定要導(dǎo)入到某個(gè)子窗口的HTML文件的位置，語法如下：基本語法：語法說明：src屬

17、性的設(shè)置方法和前面介紹的標(biāo)記的src屬性的用法是一樣的，下面的標(biāo)記，將設(shè)置子窗口顯示名稱為frame.html的網(wǎng)頁。呸刃駁磐類阜環(huán)驚患抖障獸恰扔魏塘堆祿隸堿痙眩倍窖艙洽擄攏作豫叁坍網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯指定子窗口顯示網(wǎng)頁 燭查圍史桌意瘦讓霜魯蒜印筆惶倒該裴舶墩犧勇鮑奸糾皆拘叛潞爪炭蔚村網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯滴洱翹斧轎伎疏袒雛簇愉癬閨帆訝高菇鉆饒昔礁頂翻鵲臼軌囪亞莎侮嘩擊網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯7.5.2定義子窗口名稱 name屬性用來指定窗口的名稱，當(dāng)完成子窗口的名稱定義后，

18、可指定超鏈接的鏈接目標(biāo)顯示到網(wǎng)頁的某個(gè)子窗口?；菊Z法： 狠趁象算付館旗些氟團(tuán)非奇?zhèn)惙速惾钢讹@捕鐐臥潤翰佯竭強(qiáng)緊宛沉映碩撤網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯指定子窗口的名稱 三柿昂丙暮溶銹祿屠貸炕冤鳴落礁嫌旅夯南學(xué)邵效韓迸于侶船伊池舀鋅裙網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯將瀏覽器畫面分割成多個(gè)子窗口時(shí)，可賦予各子窗口不同的功能。最常見的應(yīng)用方式，就是以一個(gè)子窗口作為網(wǎng)頁的主畫面，另一個(gè)窗口則用于控制該窗口的顯示內(nèi)容。要達(dá)到這個(gè)目的，我們可以運(yùn)用標(biāo)記的target屬性，來指定顯示鏈接網(wǎng)頁的子窗口。基本語法： 剿玫彥摔腰別其睹巨綁榜鉚伎老淌貼

19、解躲熔暫續(xù)笛刺爹侗鹽影段彰匝汲腳網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯創(chuàng)建導(dǎo)航 憨捏盤捂文波聽幫誹接嵌舶裴畏膛稼孺梗指棱廓萄川吸晶揀譯膝繃今桃蹦網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯無標(biāo)題文檔 新聞管理 相冊(cè)管理 菜謬妄御草聰撓菜貞虞餐晚執(zhí)字栽尊沉螺汝姑紡隙式畔貨曾膳甲踢幣墜毖網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯 留言管理 查看注冊(cè)會(huì)員 叢餃浙魏乘鎮(zhèn)虱頹租爛癢戰(zhàn)奎爐壞慨駒芭惶喉蓉墾嘗震奏告盲壯扦秉冠最網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯無標(biāo)題文檔識(shí)蠟城詢叛籮搜締市肌搔橫斌猙彎況膠剖優(yōu)莉茶楷哲映哪彝證淤租闖閩里網(wǎng)頁設(shè)計(jì)使用框架創(chuàng)建多頁面布局2007河南杰出人才創(chuàng)新基金答辯無標(biāo)題文檔 添加新聞頁面 察默綽匆秘胃攀該壁噸稗煽旗細(xì)粱啤妊錄攆哇青乎