學(xué)習(xí)dreamweaver框架

1、傳傳 播播 學(xué)學(xué) 院院 陳陳 建建上一章回顧上一章回顧v創(chuàng)建表格創(chuàng)建表格 : align、background、bgcolor、border、cellpadding、cellspacing : align、valign、background、bgcolor : align、valign、background、bgcolor、colspan、rowspanv分隔線效果分隔線效果 : cellspacing=0,cellpadding=0 : width(or height)=1,bgcolor=細(xì)線顏色, 內(nèi)容為空v邊框細(xì)線效果邊框細(xì)線效果 : cellspacing=1,bgcolor屬性=細(xì)

2、線顏色 : bgcolortable的顏色內(nèi)容提要內(nèi)容提要v創(chuàng)建框架創(chuàng)建框架 什么是框架 指定框架結(jié)構(gòu) 框架的嵌套 框架的初始化v使用框架設(shè)計(jì)網(wǎng)頁使用框架設(shè)計(jì)網(wǎng)頁什么是框架什么是框架v將瀏覽器窗口劃分為不同的部分，每部分中裝載將瀏覽器窗口劃分為不同的部分，每部分中裝載不同的網(wǎng)頁，從而獲得一種特殊的效果不同的網(wǎng)頁，從而獲得一種特殊的效果v通過為超鏈接指定目標(biāo)框架，可以為框架之間建通過為超鏈接指定目標(biāo)框架，可以為框架之間建立起內(nèi)容之間的聯(lián)系，因而實(shí)現(xiàn)頁面導(dǎo)航的功能。立起內(nèi)容之間的聯(lián)系，因而實(shí)現(xiàn)頁面導(dǎo)航的功能。例例5.1 框架頁面框架頁面創(chuàng)建框架結(jié)構(gòu)：方法創(chuàng)建框架結(jié)構(gòu)：方法1創(chuàng)建框架結(jié)構(gòu)：方法創(chuàng)建框

3、架結(jié)構(gòu)：方法2創(chuàng)建框架結(jié)構(gòu)：方法創(chuàng)建框架結(jié)構(gòu)：方法3例例5.2 垂直框架垂直框架例例5.3 水平框架水平框架例例5.4 框架的嵌套框架的嵌套先水平分割頁面，再垂直分割頁面分割的方法：單擊要分割的框架，拖曳這個(gè)框架的邊框，即可將框架劃分為嵌套的形式看懂框架的看懂框架的HTML代碼代碼定義一個(gè)框架集,它必須有結(jié)束標(biāo)記符表示框架集中的一個(gè)框架，沒有結(jié)束標(biāo)記符frameset的屬性的屬性縱向框架頁面縱向框架頁面 橫向框架頁面橫向框架頁面v cols屬性：構(gòu)造縱向分隔的框架屬性：構(gòu)造縱向分隔的框架v rows屬性：構(gòu)造橫向分隔的框架屬性：構(gòu)造橫向分隔的框架v 取值：取值： 直接指定像素?cái)?shù) 指定百分?jǐn)?shù) 使

4、用n*(其中n是大于等于1的整數(shù))，指定相對(duì)大小，如“*,2*,3*”想想這個(gè)頁面是什么樣子？想想這個(gè)頁面是什么樣子？框架的個(gè)數(shù)：根據(jù)rows屬性或cols屬性的取值，可以確定框架結(jié)構(gòu)中包含多少框架，相應(yīng)也就必須設(shè)置對(duì)應(yīng)個(gè)數(shù)的FRAME標(biāo)記符縱向分隔為2個(gè)框架橫向分隔為3個(gè)框架第二個(gè)frame被一個(gè)frameset替代了，說明是嵌套框架你猜對(duì)了嗎？你猜對(duì)了嗎？框架的初始化框架的初始化v 框架名稱：為框架命名，即框架名稱：為框架命名，即name屬性屬性v 源文件：指定在框架中顯示的頁面，即源文件：指定在框架中顯示的頁面，即src屬性屬性v 滾動(dòng)：在框架中是否顯示滾動(dòng)條，即滾動(dòng)：在框架中是否顯示滾

5、動(dòng)條，即scrollingv 不能調(diào)整大?。涸L問者無法通過拖動(dòng)框架的邊框調(diào)整框架不能調(diào)整大?。涸L問者無法通過拖動(dòng)框架的邊框調(diào)整框架的大小，即的大小，即noresizev 邊框：是否顯示當(dāng)前框架的邊框，即邊框：是否顯示當(dāng)前框架的邊框，即frameborderv 邊界寬度：內(nèi)容與左右邊框之間的空隙，即邊界寬度：內(nèi)容與左右邊框之間的空隙，即marginwidthv 邊界高度：內(nèi)容與上下邊框之間的空隙，即邊界高度：內(nèi)容與上下邊框之間的空隙，即marginheight利用框架設(shè)計(jì)網(wǎng)頁利用框架設(shè)計(jì)網(wǎng)頁步驟步驟1：創(chuàng)建框架頁面：創(chuàng)建框架頁面創(chuàng)建嵌套的框架頁面步驟步驟2：創(chuàng)建各框架對(duì)應(yīng)的頁面：創(chuàng)建各框架對(duì)應(yīng)的

6、頁面步驟步驟3：別忘了保存頁面：別忘了保存頁面你發(fā)現(xiàn)了什么問題？你是否發(fā)現(xiàn)要保存你是否發(fā)現(xiàn)要保存4個(gè)頁面？個(gè)頁面？框架頁面.htmlfile3.htmlfile2.htmlfile1.html步驟步驟4：創(chuàng)建：創(chuàng)建“夜思夜思”與與“怨情怨情”對(duì)應(yīng)的網(wǎng)對(duì)應(yīng)的網(wǎng)頁頁file4.htmlfile5.html步驟步驟5：為框架命名：為框架命名你可以通過這三種方式對(duì)框架進(jìn)行命名步驟步驟5：創(chuàng)建超鏈接：創(chuàng)建超鏈接夜思夜思為“夜思”添加超鏈接：鏈接：file4.htm目標(biāo)： main步驟步驟6：創(chuàng)建超鏈接：創(chuàng)建超鏈接怨情怨情為“怨情”添加超鏈接：鏈接：file5.htm目標(biāo)： _blank大功告成，看看效果吧！大功告成，看看效果吧！框架頁面涉及的網(wǎng)頁包括：框架頁面涉及的網(wǎng)頁包括：千萬別被千萬別被DW搞暈了搞暈了請(qǐng)時(shí)刻留