第3章-規(guī)劃網(wǎng)頁布局(完成)

高等學校計算機應用規(guī)劃教材《網(wǎng)頁設計與制作基礎教程》第3章規(guī)劃網(wǎng)頁布局(完成)ppt課件（全）第三章規(guī)劃網(wǎng)頁布局第3章規(guī)劃網(wǎng)頁布局(完成)ppt課件（全）學習目標在完成本地站點的創(chuàng)建后，用戶可以開始規(guī)劃站點中各類網(wǎng)頁的頁面布局效果。表格與框架是最常用的網(wǎng)頁布局工具，其中表格在網(wǎng)頁中不僅可以排列數(shù)據(jù)，還可以對頁面中的圖像、文本、動畫等元素進行準確定位，使網(wǎng)頁頁面效果顯得整齊而有序；而在網(wǎng)頁中使用框架，可以把頁面分成幾個部分，并使每個部分都是一個獨立的HTML頁，顯示不同的內(nèi)容。本章將通過實例，重點介紹在規(guī)劃網(wǎng)頁布局時用戶應掌握的相關知識。:::::《計算機基礎與實訓教材系列》系列叢書官方網(wǎng)站http://edu:::::本章重點

使用表格規(guī)劃網(wǎng)頁布局

使用框架規(guī)劃網(wǎng)頁布局在Dreamweaver中創(chuàng)建與使用模板在Dreamweaver中使用庫:::::《計算機基礎與實訓教材系列》系列叢書官方網(wǎng)站http://edu:::::3.1使用表格網(wǎng)頁向訪問者提供的信息是多樣化的，包括文字、圖像、動畫和視頻等。如何使這些網(wǎng)頁元素在網(wǎng)頁中的合理位置上顯示出來，使網(wǎng)頁變得不僅美觀而且有條理，是網(wǎng)頁設計者在著手設計網(wǎng)頁之前必須要考慮的問題。表格的作用就是幫助用戶高效、準確地定位各種網(wǎng)頁數(shù)據(jù)，并直觀、鮮明地表達設計者的思想。本節(jié)將詳細介紹在網(wǎng)頁中使用表格規(guī)劃頁面布局的具體方法。表格簡介

表格模式插入表格

:::::《計算機基礎與實訓教材系列》系列叢書官方網(wǎng)站http://edu:::::3.1.1表格簡介

表格是用于在HTML頁面上顯示表格式數(shù)據(jù)以及對文本和圖形進行布局的工具。表格由一行或多行組成，每行又由一個或多個單元格組成。:::::《計算機基礎與實訓教材系列》系列叢書官方網(wǎng)站http://edu:::::3.1.2表格模式

在網(wǎng)頁文檔中，表格用于整理復雜的數(shù)據(jù)內(nèi)容，安排網(wǎng)頁文檔的整體布局。利用表格來設計網(wǎng)頁的布局，可以不受網(wǎng)頁形態(tài)的限制，并在不同分辨率下維持原有的頁面布局。常見的表格布局網(wǎng)頁如圖3-3所示。:::::《計算機基礎與實訓教材系列》系列叢書官方網(wǎng)站http://edu:::::3.1.3插入表格

在Dreamweaver中，表格可以用于制作簡單的圖表，使用表格來顯示數(shù)據(jù)，可以更加方便地進行查看、修改或分析。表格不僅可以為網(wǎng)頁頁面進行宏觀布局，還能夠使頁面中的文本、圖像等元素更有條理。在網(wǎng)頁中插入表格后，還可以在表格中插入嵌套表格。:::::《計算機基礎與實訓教材系列》系列叢書官方網(wǎng)站http://edu:::::3.2編輯表格

用戶在網(wǎng)頁中成功創(chuàng)建表格后，可以對表格進行編輯操作，例如合并和拆分單元格、添加或刪除單元格、設置單元格屬性等。下面將介紹編輯表格具體方法。選擇表格和單元格編輯表格和單元格排序表格導入和導出表格式數(shù)據(jù)

:::::《計算機基礎與實訓教材系列》系列叢書官方網(wǎng)站http://edu:::::3.3使用框架在網(wǎng)絡帶寬十分有限的情況下，如何提高網(wǎng)頁的下載速度，是網(wǎng)頁設計者必須要考慮的問題。如果多個網(wǎng)頁擁有相同的導航區(qū)，知識內(nèi)容有所不同，則可以考慮使用框架來設計網(wǎng)頁布局。如此，瀏覽者在查看不同的內(nèi)容時，便無需每次都下載整個頁面，而只是在保持導航部分不變的情況下，下載網(wǎng)頁中需要更新的內(nèi)容即可?？蚣芫W(wǎng)頁可以極大地提高網(wǎng)頁的的下載速度，本節(jié)將主要介紹在Dreamweaver中使用框架設計網(wǎng)頁布局的方法。:::::《計算機基礎與實訓教材系列》系列叢書官方網(wǎng)站http://edu:::::3.3.1框架簡介框架頁面通過框架將網(wǎng)頁分成多個獨立的區(qū)域，在每個區(qū)域中可以單獨顯示不同的網(wǎng)頁內(nèi)容，每個區(qū)域能夠獨立翻滾。正式基于框架頁面的這種特點，使用框架可以極大豐富網(wǎng)頁設計的自由度，在不同的頁面部分設置不同的網(wǎng)頁屬性，尤其是對于頁面間的鏈接，可以使網(wǎng)頁的結(jié)構(gòu)變化自如。:::::《計算機基礎與實訓教材系列》系列叢書官方網(wǎng)站http://edu:::::3.3.3創(chuàng)建框架網(wǎng)頁

Dreamweaver軟件提供了多種常用的框架結(jié)構(gòu)方便對網(wǎng)頁進行布局，可以創(chuàng)建框架網(wǎng)頁，也可以在普通HTML網(wǎng)頁中應用框架。:::::《計算機基礎與實訓教材系列》系列叢書官方網(wǎng)站http://edu:::::3.3.4保存框架網(wǎng)頁在瀏覽器中預覽包含框架或框架集的網(wǎng)頁文檔之前，必須保存框架集文件以及要在框架中顯示的所有文檔?？梢詥为毐４婷總€框架集文件和帶框架的文檔，也可以同時保存框架集文件和框架中出現(xiàn)的所有文檔。:::::《計算機基礎與實訓教材系列》系列叢書官方網(wǎng)站http://edu:::::3.3.5創(chuàng)建嵌套框架嵌套框架與嵌套表格相似，是在已經(jīng)存在的框架中插入一個框架。一個框架集文件可以包含多個嵌套框架集。大多數(shù)使用框架的網(wǎng)頁，實際上都使用了嵌套的框架，并且在Dreamweaver中的多數(shù)預定義的框架集也使用嵌套。如果在一組框架里，不同行或不同列中有不同數(shù)目的框架，則要求使用嵌套框架。創(chuàng)建嵌套框架的具體方法如下。:::::《計算機基礎與實訓教材系列》系列叢書官方網(wǎng)站http://edu:::::3.4設置框架在Dreamweaver中成功創(chuàng)建一個框網(wǎng)頁架后，用戶還應根據(jù)網(wǎng)頁設計的需求設置框架和框架集的屬性。設置框架屬性設置框架集屬性:::::《計算機基礎與實訓教材系列》系列叢書官方網(wǎng)站http://edu:::::3.5使用模板和庫模板是統(tǒng)一站點網(wǎng)頁風格的工具，用戶在設計批量網(wǎng)頁布局的過程中，為了站點的統(tǒng)一性，許多頁面的布局都是相同的，可以