dreamweaver8網(wǎng)頁設(shè)計 第九章 使用框架布局網(wǎng)頁

第9章使用框架布局網(wǎng)頁框架網(wǎng)頁的創(chuàng)建框架和框架集的基本操作2021/5/919.1框架網(wǎng)頁的創(chuàng)建9.1.1關(guān)于框架和框架集在框架網(wǎng)頁中，瀏覽器窗口被劃分成了若干區(qū)域，每個區(qū)域稱為一個框架，每個框架可顯示不同的文檔內(nèi)容，彼此之間互不干擾?？蚣芫W(wǎng)頁最明顯的特征就是當(dāng)一個框架的內(nèi)容固定不動時，另一個框架中的內(nèi)容仍可以通過滾動條進行上下翻動。2021/5/929.1.2了解框架網(wǎng)頁構(gòu)造下圖所示網(wǎng)頁至少由三個單獨的網(wǎng)頁文檔組成：兩個框架區(qū)域中顯示的兩個網(wǎng)頁文檔和把這兩個文檔顯示在一個界面上的框架集文檔。在Dreamweaver中設(shè)計使用框架的網(wǎng)頁時，必須全部保存這三個文件，框架網(wǎng)頁才能在瀏覽器中正常顯示。2021/5/939.1.3創(chuàng)建框架集1．使用“新建文檔”對話框創(chuàng)建使用“新建文檔”對話框創(chuàng)建框架集的方法同創(chuàng)建普通頁面的方法相似。2021/5/942．使用“布局”插入欄創(chuàng)建使用“布局”插入欄創(chuàng)建框架集就像插入表格一樣簡單。2021/5/953．手動創(chuàng)建使用前面兩種方法創(chuàng)建的都是Dreamweaver中預(yù)定義的框架集，當(dāng)這些框架集無法滿足用戶需求時，可以在此基礎(chǔ)上手動分割創(chuàng)建框架。2021/5/969.2框架和框架集的基本操作9.2.1選擇框架和框架集1．在文檔編輯窗口中選擇在文檔編輯窗口中選擇框架的方法為：按住【Alt】鍵的同時在要選擇的框架內(nèi)單擊，被選中的框架邊框變?yōu)樘摼€。如要選擇框架集，則單擊該框架集上的任意邊框即可，選中的框架集所有邊框都呈虛線顯示。2021/5/972．在“框架”面板中選擇選擇“窗口”>“框架”菜單，可打開“框架”面板，該面板中顯示了窗口中框架的結(jié)構(gòu)，不同的框架區(qū)域顯示了框架的名稱。選擇框架：在“框架”面板中單擊需要選擇的框架即可將其選中，被選擇的框架在“框架”面板中以粗黑框顯示。選擇框架集：在“框架”面板中單擊框架集的邊框即可選擇框架集。2021/5/989.2.2設(shè)置框架和框架集屬性1．設(shè)置框架屬性選擇框架后，“屬性”面板如下圖所示。2021/5/992．設(shè)置框架集屬性選擇框架集后，“屬性”面板如下圖所示。2021/5/9109.2.3保存框架和框架集1．保存框架保存框架網(wǎng)頁文檔的操作非常簡單。2021/5/9112．保存框架集保存框架集和保存框架的方法非常相似。2021/5/9123．全部保存使用“全部保存”命令可以同時保存框架網(wǎng)頁中的所有框架集文檔和框架網(wǎng)頁文檔。通常在新建框架網(wǎng)頁后采用這種方法保存文檔。2021/5/913綜合實例——使用框架布局網(wǎng)頁“檸檬網(wǎng)”在學(xué)習(xí)了框架的相關(guān)知識后，本例通過制作一個使用框架技術(shù)制作的播客網(wǎng)站來學(xué)習(xí)其在實際網(wǎng)頁制作中的應(yīng)用。該網(wǎng)頁由上下框架組成，當(dāng)單擊上方框