




已閱讀5頁(yè),還剩6頁(yè)未讀, 繼續(xù)免費(fèi)閱讀
版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
第7章 創(chuàng)建框架網(wǎng)頁(yè),教學(xué)提示和教學(xué)目標(biāo) 7.1 框架網(wǎng)頁(yè)的創(chuàng)建 7.2 改變框架屬性 7.3 框架和框架集,教學(xué)提示和教學(xué)目標(biāo),教學(xué)提示:在一個(gè)網(wǎng)頁(yè)中,有時(shí)候并不是所有的內(nèi)容都需要改變,如網(wǎng)頁(yè)的導(dǎo)航欄、網(wǎng)頁(yè)標(biāo)題部分是不需要改變的。如果在每個(gè)網(wǎng)頁(yè)中都重復(fù)插入這些元素,就會(huì)浪費(fèi)時(shí)間,在這種情況下使用框架就會(huì)解決以上問(wèn)題??蚣艿淖饔弥饕脕?lái)增強(qiáng)網(wǎng)頁(yè)的導(dǎo)航功能,對(duì)于那些每個(gè)頁(yè)面都包含有相同的導(dǎo)航菜單的網(wǎng)站來(lái)說(shuō),利用框架可以把導(dǎo)航菜單條放到一個(gè)框架中,而把內(nèi)容放到另外一個(gè)框架中,這樣切換菜單時(shí),菜單條的框架不做任何改變,而只改變內(nèi)容框架部分。 教學(xué)目標(biāo): 掌握框架網(wǎng)頁(yè)的創(chuàng)建 掌握框架的選擇 掌握設(shè)置框架和框架集的屬性 掌握編輯框架,7.1 框架網(wǎng)頁(yè)的創(chuàng)建,框架的作用就是把瀏覽器窗口劃分為若干個(gè)區(qū)域,每個(gè)區(qū)域可以分別顯示不同的網(wǎng)頁(yè)。當(dāng)在文件中建立框架時(shí),Dreamweaver可以創(chuàng)建一個(gè)無(wú)標(biāo)題的框架集文件,在每個(gè)框架中創(chuàng)建無(wú)標(biāo)題文件,如果某個(gè)頁(yè)面被劃分成2個(gè)框架,它實(shí)際上包含的卻是3個(gè)獨(dú)立的文件:一個(gè)框架集文件和兩個(gè)框架內(nèi)容文件??蚣軆?nèi)容文件包含了將出現(xiàn)在頁(yè)面框架中的內(nèi)容。 7.1.1 創(chuàng)建框架 7.1.2 保存框架,7.1.1 創(chuàng)建框架,框架網(wǎng)頁(yè)有兩個(gè)主要部分Frameset(框架集)和Frames(框架)組成??蚣芗窃谝粋€(gè)文檔內(nèi)定義一組框架結(jié)構(gòu)的HTML網(wǎng)頁(yè),框架是每個(gè)單獨(dú)的網(wǎng)頁(yè)文檔。創(chuàng)建框架集的具體操作步驟如下。 (1) 選擇【文件】|【新建】命令,彈出【新建文檔】對(duì)話框,如圖7.1所示。 (2) 在對(duì)話框中選擇【常規(guī)】選項(xiàng)卡中的【框架集】選項(xiàng),在【框架集】列表框中選擇【上方固定,左側(cè)嵌套】選項(xiàng),如圖7.2所示。 (3) 單擊【創(chuàng)建】按鈕,創(chuàng)建一框架網(wǎng)頁(yè)。,7.1.2 保存框架,當(dāng)編輯完框架及框架文件后,必須對(duì)框架及框架文件進(jìn)行保存,在Dreamweaver 8中保存框架及框架文件,如果像保存普通文件一樣保存框架,只會(huì)保存鼠標(biāo)所定位的框架內(nèi)容,其余的框架內(nèi)容將丟失,所以保存框架的方法是非常重要的。 (1) 選擇【文件】|【保存全部】命令。 (2) 彈出【另存為】對(duì)話框,此時(shí)整個(gè)框架邊框會(huì)出現(xiàn)一個(gè)陰影框,因?yàn)殛幱俺霈F(xiàn)在整個(gè)框架集內(nèi)側(cè),所以詢問(wèn)的是框架集的名稱,在【文件名】文本框中輸入index.html。 (3) 單擊【保存】按鈕,此時(shí)右邊框架內(nèi)出現(xiàn)虛線,提示保存右邊的框架,在【文件名】文本框中輸入right.html。 (4) 單擊【保存】按鈕,此時(shí)左邊框架內(nèi)出現(xiàn)虛線,提示保存左邊的框架,在【文件名】文本框中輸入left.html。 (5) 單擊【保存】按鈕,此時(shí)頂部框架內(nèi)出現(xiàn)虛線,提示保存頂部的框架,在【文件名】文本框中輸入top.html。 (6) 單擊【保存】按鈕,整個(gè)框架保存完畢。,7.2 改變框架屬性,在瀏覽中無(wú)法看到創(chuàng)建的框架,同時(shí)不能調(diào)整框架的大小,要改變這些屬性,需要在【屬性】面板中設(shè)置相應(yīng)的選項(xiàng)。 7.2.1 設(shè)置框架屬性 7.2.2 在框架中輸入內(nèi)容,7.2.1 設(shè)置框架屬性,在對(duì)框架進(jìn)行設(shè)置的時(shí)候,首先要選取所要進(jìn)行屬性設(shè)置的框架集,選中框架后,在【屬性】面板中將顯示框架的相關(guān)參數(shù)。 在框架【屬性】面板中的可以進(jìn)行如下設(shè)置。 【框架名稱】:指定框架名稱用來(lái)作為鏈接指向的目標(biāo)。 【源文件】:確定框架的源文檔,可以直接輸入名字,或單擊文本框右側(cè)的按鈕,查找并選取文件。也可以通過(guò)將鼠標(biāo)指針置于框架內(nèi),選擇【文件】|【在框架中打開(kāi)】命令打開(kāi)文件。 【滾動(dòng)】:設(shè)置框架內(nèi)的內(nèi)容溢出的時(shí)候是否出現(xiàn)滾動(dòng)條。 【不能調(diào)整大小】:限定框架尺寸,防止用戶拖動(dòng)框架邊框。 【邊框】:用來(lái)控制當(dāng)前框架邊框。有【是】、【否】、和【默認(rèn)】三個(gè)選項(xiàng)。 【邊框顏色】:設(shè)置與當(dāng)前框架相鄰的所有框架的邊框顏色。 【邊界寬度】:設(shè)置以像素為單位的框架邊框和內(nèi)容之間左右邊距。 【邊界高度】:設(shè)置以像素為單位的框架邊框和內(nèi)容之間上下邊距。,7.2.2 在框架中輸入內(nèi)容,框架創(chuàng)建好以后,就可以添加內(nèi)容了,每個(gè)框架的內(nèi)部?jī)?nèi)容就是一個(gè)文檔,可以直接往里邊添加內(nèi)容,也可以在框架內(nèi)打開(kāi)已經(jīng)存在的文檔。在框架中輸入內(nèi)容的具體操作步驟如下。 (1) 打開(kāi)7.1.1節(jié)創(chuàng)建的框架文檔。 (2) 將鼠標(biāo)指針置于頂部框架中,選擇【修改】|【頁(yè)面屬性】命令,彈出【頁(yè)面屬性】對(duì)話框,在對(duì)話框中將【左邊距】、【上邊距】分別設(shè)置為0。 (3) 單擊【確定】按鈕,在頂部框架中輸入內(nèi)容。 (4) 同以上步驟,分別在左側(cè)和右側(cè)的框架中輸入內(nèi)容,如圖7.13所示。 (5) 保存文檔,按F12鍵在瀏覽器中預(yù)覽效果。,7.3 框架和框架集,在Dreamweaver中有兩種創(chuàng)建框架集的方法,既可以從預(yù)定義的框架集中選擇,也可以自定義框架集,選擇預(yù)定義的框架集將自動(dòng)設(shè)置創(chuàng)建布局所需的所有框架集和框架,它是迅速創(chuàng)建基于框架布局的最簡(jiǎn)單方法。 7.3.1 創(chuàng)建自定義框架集 7.3.2 嵌套框架集,7.3.1 創(chuàng)建自定義框架集,創(chuàng)建自定義框架集的具體操作步驟如下。 (1) 選擇【修改】|【框架頁(yè)】|【拆分上框架】命令,如圖7.15所示。 (2) 選擇該命令后,效果如圖7.16所示。,7.3.2 嵌套框架集,在另一個(gè)框架集之內(nèi)的框架集稱作嵌套的框架網(wǎng)頁(yè),一個(gè)框架集文件可以包含多個(gè)嵌套的框架集,大多數(shù)使用框架的網(wǎng)頁(yè)實(shí)際上都使用嵌套的框架,并且在Dreamweaver中大多數(shù)預(yù)定義的框架集也使用嵌套。如果在一組框架中,不同行或不同列中有不同
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 買(mǎi)車(chē)位簽合同范例
- 關(guān)于村村響電視臺(tái)合同范例
- 住宿預(yù)訂服務(wù)合同范例
- 免租金出租耕地合同范例
- 公司申請(qǐng)保密合同范例
- 個(gè)體戶出租土地合同范本
- 關(guān)于洗煤合同范例
- 個(gè)體管材加工合同范例
- 傳媒公司主辦合作合同范例
- 公司轉(zhuǎn)讓信息合同范例
- (通橋【2018】8370)《鐵路橋梁快速更換型伸縮縫安裝圖》
- 新生兒窒息復(fù)蘇演練腳本
- ESD靜電防護(hù)管理規(guī)范及測(cè)量標(biāo)準(zhǔn)
- 安全警示標(biāo)志現(xiàn)場(chǎng)檢查表
- 2023屆山東煙臺(tái)高三一模作文“柴火不足水減一半”導(dǎo)寫(xiě)及范文四篇
- RFJ01-2008 人民防空工程防護(hù)設(shè)備選用圖集
- 05G359-3 懸掛運(yùn)輸設(shè)備軌道(適用于一般混凝土梁)
- 戰(zhàn)地衛(wèi)生與救護(hù)教案-模板
- 10424資本運(yùn)營(yíng)與融資多選、簡(jiǎn)答、論述總結(jié)
- 路基石方冷開(kāi)挖施工方案
- 《中華民族大團(tuán)結(jié)》(初中) 第1課 愛(ài)我中華 教案
評(píng)論
0/150
提交評(píng)論