網(wǎng)頁設(shè)計課程板書第6章框架1

1、第6章框架一、什么是框架？一個框架就是一個區(qū)域，可以單獨打開一個html文檔。多個框架就把瀏覽器窗口分成不同的區(qū)域，每個區(qū)域顯示不同的html文檔。abxindex-htm多個框架就組成一個框架集。這是i個左右結(jié)構(gòu)的框架。事實上這樣的一個結(jié)構(gòu)是由三個網(wǎng)頁文件組成的。首先外部的框 架集是一個文件，圖中我們用index.htm命名?？蚣苤凶筮吤麨閘,指向的是一個網(wǎng)頁a.htm。 右邊命名為r,指向的是一個網(wǎng)頁b.htmo<frameset cols二”80,*" ><frame src=”a.h(ml“ name=mlh id=nlh /><frame s

2、rc="b.htmr' name="rm id="r" /></framcsct><noframesxbody></body></noframes>二、框架的基本操作1、建立框架兩種方法：a1、單擊菜單“新建” t “文件”，打開“新建文檔”對話框，做如下選擇，點擊“確定”。2、打開耍插入框架的頁血。單擊“布局”插入欄中的“框架”按鈕口右側(cè)的按鈕,在彈 出的菜單中選擇需要的框架類型。b新建頁示例的頁框架集可以實現(xiàn)例子：新建一個左右結(jié)構(gòu)的框架頁而2、保存框架和框架集1) .保存框架：鼠標置于要保

3、存的框架，選擇“文件/保存框架”命令2) .保存框架集：選擇要保存的框架集，選擇“文件/保存框架頁”或者“文件/框架集 另存為”命令。3) .保存全部：這時是保存整個框架結(jié)構(gòu)，保存的時候虛線籠罩的就是你現(xiàn)在保存的框 架。3、編輯框架頁1. 選擇框架頁，并進行編輯。保存框架三、實例：網(wǎng)頁書知識點：1、框架的作用1. 做網(wǎng)頁的布局，將網(wǎng)頁分成不同的部分2. 簡化網(wǎng)頁的編寫：網(wǎng)頁z間相同的內(nèi)容只需要編寫一次3加快網(wǎng)頁的瀏覽：每次網(wǎng)頁只更新那個變化的框架內(nèi)容2、設(shè)置框架和框架集的屈性1）框架集選中框架集：鼠標單擊框架的邊框，虛線顯示的部分就是選中的框架集設(shè)置框架集屬性：邊框，邊框?qū)挾?，邊框瀕色行：值，

4、單位（像素，而分比，相對）2）框架選中框架：框架而板中單擊要設(shè)置的框架或者按住【汰】鍵，在框架窗口內(nèi)單擊 設(shè)置框架屬性：框架名稱，源文件，邊框，滾動，不能調(diào)整大小邊框顏色，邊界寬度，邊界高度。3、設(shè)置框架中的鏈接四、自定義框架集如果框架集不滿足我們的需要時，我們需要口己建立框架?？蠢?1、拆分方法：1. 拖動編輯窗口的邊框：鼠標置于編輯窗口的邊框，變成或者卅拖動。2. 拖動窗口屮的框架邊框：按住【aid鍵，鼠標變成或時拖動。f注意：當指向拖動一小段邊框時，先選中當前框架，再拖動。i例如：2、框架的刪除方法：拖動不需要的邊框和別的邊框合并，或者拖到編輯窗口外。五、網(wǎng)頁中的網(wǎng)頁iframetframe元素也就是文檔中的文檔，或者好像浮動的框架（frame）。<iframe name="a" width二"120" height二” 160” src="txl.htmr' frameborder="0" scrolling=