frame網(wǎng)頁框架的布局教程
1.框架和框架集
框架和框架集是兩個不同的事物。網(wǎng)站制作框架僅僅是網(wǎng)頁中的一個區(qū)域,在該區(qū)域中可以顯示與瀏覽器窗口中其他區(qū)域內(nèi)容無關(guān)的XHTML文檔。通常兩個或兩個以上的框架可以組合成一個網(wǎng)頁。
框架集則是一種HTML文檔的類型,其定義一組框架的布局方式以及屬性,如框架的數(shù)目、大小、位置以及在每個框架中初始顯示的URL??蚣芗募旧聿话跒g覽器中顯示的HTML內(nèi)容,其僅僅是為瀏覽器提供顯示各個框架的方法和規(guī)范。通常所說的框架網(wǎng)頁,就是包含框架的框架集構(gòu)成的網(wǎng)頁。
2.框架網(wǎng)頁的優(yōu)點
框架網(wǎng)頁有著鮮明的特點。在設(shè)計網(wǎng)頁的過程中,使用框架必須符合簡單、易用、便于瀏覽和維護的條件。
布局簡單
在使用Dreamweaver設(shè)計網(wǎng)頁時,為網(wǎng)頁布局最常用的工具是層<div>或者表格<table>。在使用層或表格布局時,通常需要不斷地在網(wǎng)頁中插入各種標(biāo)簽和對象,并為這些對象設(shè)置屬性等。而使用框架則布局非常簡單,通過鼠標(biāo)單擊兒次就可以實現(xiàn)網(wǎng)頁的整體布局,所有的大小寬窄都可以通過鼠標(biāo)拖動來實現(xiàn)。
制作方便
在使用Dreamweaver制作整個網(wǎng)站時,網(wǎng)站的每個頁面都有一些相同的元素,例如,導(dǎo)航條、版尾等。之前已經(jīng)介紹了使用庫來插入這些元素。其實可以使用框架設(shè)計網(wǎng)頁,將導(dǎo)航條和版尾等保存為單獨的網(wǎng)頁,并通過框架來調(diào)用,一個導(dǎo)航條頁面和一個版尾頁面可以供整個網(wǎng)站所有網(wǎng)頁使用。
適用于長頁面
在一些比較長的網(wǎng)頁中(例如大段的文章或博客,以及網(wǎng)站的后臺程序頁面等),用戶可能需要拖動滾動條來瀏覽整個網(wǎng)頁。在普通的網(wǎng)頁中,當(dāng)用戶瀏覽完網(wǎng)頁后,通常需要將滾動條拖回網(wǎng)頁頂部才可以繼續(xù)使用導(dǎo)航條。如果在網(wǎng)頁中使用了框架并將導(dǎo)航條作為單獨框架,則用戶無須拖動滾動條即可直接使用導(dǎo)航條。正因為該優(yōu)點,很多論壇都喜歡用框架來制作導(dǎo)航條。
框架網(wǎng)頁通常是由多個網(wǎng)頁組成的。例如,某個網(wǎng)頁是有3個框架組成,那么其應(yīng)包含4個網(wǎng)頁,框架集和每個框架都應(yīng)該有一個單獨的網(wǎng)頁??蚣芗刂泼總€框架中的網(wǎng)頁顯示的方式。
在Dreamweaver中為用戶預(yù)先定義了多種框架集類型。使用這些預(yù)先定義的框架集類型,可以方便地創(chuàng)建各種布局方式的框架網(wǎng)頁。在制作框架網(wǎng)頁之前,應(yīng)該執(zhí)行【查看】【可視化助理】【框架邊框】命令,使Dreamweaver能夠顯示框架的邊框。制作框架布局的網(wǎng)頁,通常有以下4種方法。
1.新建框架網(wǎng)頁
在Dreamweaver中,執(zhí)行【文件】【新建】命令,打開【新建文檔】對話框。在該對話框中,選擇【示例中的頁】【框架集】選項,即可在列表菜單中選擇各種框架,如圖5-22所示。
2.插入框架集
除了新建框架網(wǎng)頁外,還可以在已創(chuàng)建的其他類型網(wǎng)頁中插入框架集。打開需要插入框架的網(wǎng)頁,在【插入】工具欄中單擊【布局】【框架】口,,即可彈出框架類型的菜單。單擊相應(yīng)的框架類型,同樣可以建立框架網(wǎng)頁,如圖5-23所示。
3.拆分框架
拆分框架也是創(chuàng)建框架網(wǎng)頁的一種常用方式。打開網(wǎng)頁文檔后,執(zhí)行【修改】【框架集】命令,即可選擇【拆分左框架】等子命令。
4.插入HTML
另外一種插入框架網(wǎng)頁的方法是在打開的網(wǎng)頁中執(zhí)行【插入記錄】【HTML】【框架】命令,即可選擇各種類型的框架將其HTML代碼插入到網(wǎng)頁中。
插入框架后,將彈出【框架標(biāo)簽輔助功能屬性】對話框。在該對話框中,可以為每個框架設(shè)置一個標(biāo)題。設(shè)置完標(biāo)題后,單擊【確定】按鈕,即可完成框架的創(chuàng)建。
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁面設(shè)計風(fēng)格
-
確認(rèn)交付使用
-
資料錄入優(yōu)化
-
程序設(shè)計開發(fā)
-
后續(xù)跟蹤服務(wù)
-
聯(lián)系電話
010-60259772
熱門標(biāo)簽
- 網(wǎng)站建設(shè)
- 食品網(wǎng)站建設(shè)
- 微信小程序開發(fā)
- 小程序開發(fā)
- 無錫網(wǎng)站建設(shè)
- 研究所網(wǎng)站建設(shè)
- 沈陽網(wǎng)站建設(shè)
- 廊坊網(wǎng)站建設(shè)
- 鄭州網(wǎng)站建設(shè)
- 婚紗攝影網(wǎng)站建設(shè)
- 手機端網(wǎng)站建設(shè)
- 高校網(wǎng)站制作
- 天津網(wǎng)站建設(shè)
- 教育網(wǎng)站建設(shè)
- 品牌網(wǎng)站建設(shè)
- 政府網(wǎng)站建設(shè)
- 北京網(wǎng)站建設(shè)
- 網(wǎng)站設(shè)計
- 網(wǎng)站制作
最新文章
推薦新聞
更多行業(yè)-
南京網(wǎng)站建設(shè)要多少錢?
大量的垃圾鏈接是通過營銷軟件發(fā)布的,這是搜索引擎所不允許的?,F(xiàn)在網(wǎng)站上...
2022-03-29 -
信息網(wǎng)站制作開發(fā)技巧有哪些?
信息網(wǎng)站包含大量信息。如果網(wǎng)站制作設(shè)計不美觀,信息整理凌亂,那么這個信...
2022-02-22 -
如何判斷關(guān)鍵詞優(yōu)化難度
判斷關(guān)健詞排名的難度是一個SEO人員必備的技能。如果某天接到了一個需要...
2014-07-17 -
網(wǎng)站建設(shè)的費用一般與功能要求是成正比的
祝您能夠建設(shè)出成功的網(wǎng)站制作,如半年到一年時間進行較大規(guī)模改版等。很多...
2012-09-21 -
教育網(wǎng)站開發(fā)應(yīng)該從哪里開始?
教育網(wǎng)站制作,如果你是一個新手,想開發(fā)一個網(wǎng)站卻無法上手,該怎么辦?看...
2021-12-31 -
沈陽網(wǎng)站建設(shè)價格是由什么決定的?
對于網(wǎng)站用戶來說,適中的價格是必須考慮的主要因素之一。就網(wǎng)站價格而言,...
2021-07-14
預(yù)約專業(yè)咨詢顧問溝通!
免責(zé)聲明
非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前,請您仔細(xì)閱讀本聲明的所有條款。
1、本站部分內(nèi)容來源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動。
2、本站不承擔(dān)用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關(guān)法律法規(guī),當(dāng)本聲明與國家法律法規(guī)沖突時,以國家法律法規(guī)為準(zhǔn)。
4、如果侵害了您的合法權(quán)益,請您及時與我們,我們會在第一時間刪除相關(guān)內(nèi)容!
聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com