網頁設計課程板書第6章框架1

1、第6章框架一、什么是框架？一個框架就是一個區(qū)域，可以單獨打開一個html文檔。多個框架就把瀏覽器窗口分成不同的區(qū)域，每個區(qū)域顯示不同的html文檔。abxindex-htm多個框架就組成一個框架集。這是i個左右結構的框架。事實上這樣的一個結構是由三個網頁文件組成的。首先外部的框 架集是一個文件，圖中我們用index.htm命名?？蚣苤凶筮吤麨閘,指向的是一個網頁a.htm。 右邊命名為r,指向的是一個網頁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、打開耍插入框架的頁血。單擊“布局”插入欄中的“框架”按鈕口右側的按鈕,在彈 出的菜單中選擇需要的框架類型。b新建頁示例的頁框架集可以實現例子：新建一個左右結構的框架頁而2、保存框架和框架集1) .保存框架：鼠標置于要保

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

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