資源描述：
《利用dreamweaver8.0制作框架網(wǎng)站》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、利用Dreamweaver8.0制作框架網(wǎng)站框架是網(wǎng)頁中經(jīng)常使用的頁面設(shè)計(jì)方式，框架的作用就是把網(wǎng)頁在一個瀏覽器窗口下分割成幾個不同的區(qū)域，實(shí)現(xiàn)在一個瀏覽器窗口中顯示多個HTML頁面。使用框架可以非常方便的完成導(dǎo)航工作，讓網(wǎng)站的結(jié)構(gòu)更加清晰，而且各個框架之間決不存在干擾問題。利用框架最大的特點(diǎn)就是使網(wǎng)站的風(fēng)格一致。通常把一個網(wǎng)站中頁面相同的部分單獨(dú)制作成一個頁面，作為框架結(jié)構(gòu)的一個子框架的內(nèi)容給整個網(wǎng)站公用?！ ∫粋€框架結(jié)構(gòu)有兩部分網(wǎng)頁文件構(gòu)成： 框架（Frame）：框架是瀏覽器窗口中的一個區(qū)域，它可以顯示與瀏覽器窗口的其余部分中所顯示內(nèi)容無關(guān)的
2、網(wǎng)頁文件?！ 】蚣芗‵rameset）：框架集也是一個網(wǎng)頁文件，它將一個窗口通過行和列的方式分割成多個框架，框架的多少根據(jù)具體有多少網(wǎng)頁來決定，每個框架中要顯示的就是不同的網(wǎng)頁文件?！ ∫?、創(chuàng)建框架 在創(chuàng)建框架集或使用框架前，通過選擇“查看/可視化助理/框架邊框”命令，使框架邊框在文檔窗口的設(shè)計(jì)視圖中可見?！ ?、使用預(yù)制框架集 (1)、新建一個HTML文件，在快捷工具欄選擇“布局”，單擊“框架”按鈕，在彈出的下拉菜單中選擇“頂部和嵌套的左側(cè)框架”。 ?。?）、使用鼠標(biāo)直接從框架的左側(cè)邊緣河上邊緣向中間拖動，直至合適的位置，這樣頂部和嵌套
3、的左側(cè)框架就完成了?！ ?、鼠標(biāo)拖動創(chuàng)建框架 ?。?）、新建普通網(wǎng)頁，命名后將其打開?！ 。?）、把鼠標(biāo)放到框架邊框上，出現(xiàn)雙箭頭光標(biāo)時拖拽框架邊框，可以垂直或水平分割網(wǎng)頁?！ 《?、、保存框架 每一個框架都有一個框架名稱，可以用默認(rèn)的框架名稱，也可以在屬性面板修改名稱，我們采用系統(tǒng)默認(rèn)的框架名稱topFrame（上方）、leftFrame（左側(cè)）、mainFrame（右側(cè)）。 選擇菜單欄>文件>保存全部，將框架集保存為index.html，上方框架保存為07.html，左側(cè)框架保存為08.html，右側(cè)框架保存為09.html。這個步驟雖然簡單
4、，但是很關(guān)鍵，只有將總框架集和各個框架保存在本地站點(diǎn)根目錄下，才能保證瀏覽頁面時顯示正常。 三、編輯框架式網(wǎng)頁 雖然框架式網(wǎng)頁把屏幕分割成幾個窗口，每個框架（窗口）中放置一個普通的網(wǎng)頁，但是編輯框架式網(wǎng)頁時，要把整個編輯窗口當(dāng)作一個網(wǎng)頁來編輯，插入的網(wǎng)頁元素位于哪個框架，就保存在哪個框架的網(wǎng)頁中?？蚣艿拇笮】梢噪S意修改?！ ?、改變框架大小 用鼠標(biāo)拖拽框架邊框可隨意改變框架大小?！ ?、刪除框架 用鼠標(biāo)把框架邊框拖拽到父框架的邊框上，可刪除框架。 3、設(shè)置框架屬性 設(shè)置框架屬性時，必須先選中框架。選擇框架方法如下： 選擇菜單欄>窗口>
5、框架，打開框架面板，單擊某個框架，即可選中該框架。 在編輯窗口某個框架內(nèi)按住Alt鍵并單擊鼠標(biāo)，即可選擇該框架。當(dāng)一個框架被選擇時，它的邊框帶有點(diǎn)線輪廓 2.設(shè)置框架屬性 選中框架，在屬性面板上可以設(shè)置框架屬性：框架名稱、源文件、空白邊距、滾動條、重置大小和邊框?qū)傩缘??！ ⌒枰⒁獾氖牵?、框架是不可以合并的。2、在創(chuàng)建鏈接時要用到框架名稱，所以我們要很清楚的知道每個框架對應(yīng)的框架名?！ ∷摹⒃诳蚣苤惺褂贸夋溄印 ≡诳蚣苁骄W(wǎng)頁中制作超級鏈接時，一定要設(shè)置鏈接的目標(biāo)屬性，為鏈接的目標(biāo)文檔指定顯示窗口。鏈接目標(biāo)較遠(yuǎn)（其他網(wǎng)站）時，一般放在新窗口
6、，在導(dǎo)航條上創(chuàng)建鏈接時，一般將目標(biāo)文檔放在另一個框架中顯示（當(dāng)頁面較小時）或全屏幕顯示（當(dāng)頁面較大時）。 “目標(biāo)”下拉菜單中的選項(xiàng)： *_blank放在新窗口中。 *_parent放到父框架集或包含該鏈接的框架窗口中。 *_self放在相同窗口中（默認(rèn)窗口無須指定）?！ ?_top放到整個瀏覽器窗口并刪除所有框架。 在我們保存有框架名為mainFrame、leftFrame、topFrame的框架后，在目標(biāo)下拉菜單中，還會出現(xiàn)mainFrame、leftFrame、topFrame選項(xiàng)： *mainFrame放到名為mainFrame的
7、框架中?！ ?leftFrame放到名為leftFrame的框架中?！ ?topFrame放到名為topFrame的框架中。五、制作框架頁面 1、選擇菜單欄>窗口>框架，打開框架面板，選中整個框架集，如下圖所示： 在屬性面板中，將行的值設(shè)置為100，單位為像素，如下圖所示： 2、選擇菜單欄>窗口>框架，打開框架面板，選中子框架集，如下圖所示： 在屬性面板中，將列的值設(shè)置為200，單位為像素，如下圖所示： 這樣，我們就完成了對整個框架的布局。下面我們來布局各個框架頁面?！ ?、鼠標(biāo)在topFrame框架中的空白處點(diǎn)擊一下，我們會看見文檔窗口
8、上方的文件名變?yōu)榱?7.html。在頁面屬性中將上、下、左。右邊距全部設(shè)為0?！ 〔迦胍粋€1行2列的表格，寬度為100％，
