人教小學五年級信息技術上冊第11課制作框架網(wǎng)頁一課件25.ppt

第11課制作框架網(wǎng)頁（一）,引言,在瀏覽器中框架是窗口中的一個區(qū)域，利用框架可以將頁面分成不同的區(qū)域，在不同的區(qū)域可以顯示不同的內(nèi)容。如圖5-1所示利用框架技術，可以將不同的文檔顯示在同一個瀏覽器窗口中。通過構建這些顯示在同一窗口中的文檔之間的相互鏈接關系，可以實現(xiàn)文檔之間的相互控制。,使用框架技術構建的網(wǎng)頁涉及兩個概念：一個是框架集（Frameset）；另一個是框架（Frame）。當瀏覽器窗口被許多的框架所分割時，這些框架所構成的網(wǎng)頁，就稱為框架集。框架集定義了一組框架的布局和屬性，其中包括框架的數(shù)目、框架的大小和位置以及在每個框架中初始顯示的頁面的URL。一般來說，框架集文件本身并不包含要在瀏覽器中顯示的HTML內(nèi)容，它只是向瀏覽器提供要顯示的框架的數(shù)目、框架的大小、框架中顯示哪些信息以及框架以什么方式載入框架集等等。,框架集將網(wǎng)頁拆分為若干個小窗口，每個小窗口就是一個框架。如圖5-1所示的網(wǎng)頁，在瀏覽器中它顯示為包含三個框架的單個頁面。雖然該網(wǎng)頁由三個框架組成，但它實際上至少由四個單獨的HTML文檔組成：框架集文件以及三個框架文件，這三個框架文件包含了在這些框架內(nèi)初始顯示的內(nèi)容。使用框架最主要的目的是創(chuàng)建鏈接的結構。例如圖5-1所示的網(wǎng)站，導航條和網(wǎng)站的內(nèi)容被分開放到不同的框架中。在使用框架時需要注意，一個網(wǎng)頁上的框架最好不要超過4個,5.2創(chuàng)建框架網(wǎng)頁,5.2.1插入預設框架集1.插入預設框架集選擇“插入”菜單中子菜單“HTML”中的“框架”命令2.新建文檔的方法創(chuàng)建框架選擇“文件”菜單下的“新建”命令，打開“新建檔”對話框。在“常規(guī)”選項卡對應的“類別”列表中選擇“框架集”選項。,在“插入”欄插入預定義的框架集,在Dreamweaver中預定義了一些框架集樣式，需要使用時直接插入即可。,創(chuàng)建預定義框架集,手動設計框架,框架和框架集的選擇和刪除,認識“框架”面板選擇框架與框架集刪除框架,認識“框架”面板,“框架”面板中顯示所創(chuàng)建的框架結構，并在不同的框架區(qū)域中顯示框架的名稱。當在框架網(wǎng)頁中新建、刪除框架，或修改框架的尺寸、名稱等時，“框架”面板中的示意圖會跟隨變化。,選擇框架與框架集,在編輯窗口中選擇在“框架”面板中選擇,在編輯窗口中選擇,在編輯窗口中選擇框架的方法很簡單，按住【Alt】鍵，在要選擇的框架內(nèi)單擊鼠標左鍵即可。被選取的框架邊框呈虛線顯示。選擇框架集時，單擊框架邊框即可，選取的所有框架邊框呈虛線。,在“框架”面板中選擇,在“框架”面板中單擊框架區(qū)域中的任意位置即可選擇框架，選中的框架以粗黑框顯示。在“框架”面板中單擊框架邊框即可選擇框架集，如果要選擇整個框架集，只需單擊框架最外面的邊框即可。,刪除框架,如果窗口中有不需要的框架，可將其刪除，用鼠標將要刪除框架的邊框拖到父框架邊框上或拖離頁面即可。,框架和框架集的保存,保存框架與框架集之后才能在瀏覽器中瀏覽用框架布局的網(wǎng)頁。每個框架包含一個網(wǎng)頁，一個框架集則包含多個網(wǎng)頁，在保存時應保存所有的框架與框架集。保存框架保存框架集保存框架集中的所有網(wǎng)頁,保存框架,將插入點定位到要保存的框架中。選擇文件保存框架菜單命令，在打開的“另存為”對話框中像保存其他網(wǎng)頁一樣指定保存路徑和文件名，然后單擊“保存”按鈕即可。,保存框架集,選中要保存的框架集。選擇文件保存框架頁菜單命令，打開“另存為”對話框。在“保存在”下拉列表框中選擇框架集的保存路徑，在“文件名”文本框中為框架集命名。單擊“保存”按鈕即可保存框架集。,保存框架集中的所有網(wǎng)頁,框架和框架集的屬性設置,框架集的屬性設置框架集文檔標題的設置框架的屬性設置,框架集的屬性設置,使用框架集屬性面板可以查看和設置大多數(shù)框架集屬性。,框架集文檔標題的設置,當訪問者在瀏覽器中查看該框架集時，標題將顯示在瀏覽器的標題欄中。,框架的屬性設置,框架的鏈接,在使用了框架技術文檔中的鏈接與一般文檔中的鏈接不同，增加了與框架有關的鏈接目標，可以在一個框架內(nèi)使用鏈接改變另一個框架的內(nèi)容。,上機實戰(zhàn),本課上機實戰(zhàn)主要練習個人網(wǎng)頁的頁面制作。在練