應(yīng)用框架技術(shù)制作網(wǎng).ppt

《應(yīng)用框架技術(shù)制作網(wǎng).ppt》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、第6章　應(yīng)用框架技術(shù)制作網(wǎng)頁(yè)學(xué)習(xí)目標(biāo)框架也稱為幀，是設(shè)計(jì)網(wǎng)頁(yè)時(shí)非常有用的工具。它可以將瀏覽器窗口劃分為若干個(gè)區(qū)域，每個(gè)區(qū)域分別顯示不同的網(wǎng)頁(yè)，從而使用戶能夠一次瀏覽更多內(nèi)容。本章學(xué)習(xí)框架的一些基礎(chǔ)知識(shí)，以及怎么同時(shí)在一個(gè)瀏覽器窗口中顯示多個(gè)網(wǎng)頁(yè)。本章重點(diǎn)框架的基本構(gòu)成創(chuàng)建和設(shè)置框架框架中的鏈接目標(biāo)框架中網(wǎng)頁(yè)的設(shè)置框架設(shè)置滾動(dòng)條一個(gè)框架應(yīng)用實(shí)例頁(yè)面分析該實(shí)例實(shí)質(zhì)是一個(gè)應(yīng)用了topleft框架的網(wǎng)頁(yè)。這種框架的頁(yè)面被分成了3個(gè)區(qū)域，其中包含了4個(gè)網(wǎng)頁(yè)文件，分別為：frameset網(wǎng)頁(yè)、上邊topframe框架中包含的網(wǎng)頁(yè)文件、左邊leftfra

2、me框架中包含的網(wǎng)頁(yè)文件、右邊mainframe中包含的網(wǎng)頁(yè)文件。因此在保存這個(gè)框架集網(wǎng)頁(yè)時(shí)，需要4個(gè)文件。實(shí)現(xiàn)基于框架的網(wǎng)頁(yè)的基本思路如下：（1）在頁(yè)面中創(chuàng)建框架集和框架，并對(duì)頁(yè)面布局進(jìn)行適當(dāng)?shù)恼{(diào)整。（2）輸入框架頁(yè)面內(nèi)容。（3）保存框架集文件和框架文件。（4）確認(rèn)鏈接目標(biāo)的框架設(shè)置，使所有鏈接內(nèi)容都出現(xiàn)在正確的區(qū)域內(nèi)。（5）通過(guò)設(shè)置框架和框架集屬性，來(lái)改變框架網(wǎng)頁(yè)的外觀等。創(chuàng)建框架結(jié)構(gòu)調(diào)出框架面板（frames），利用它可以進(jìn)行選取、觀察修改框架等基本操作。在對(duì)框架操作時(shí)，最好一起打開框架面板！打開方法“窗口”?“框架”。或者快捷鍵Sh

3、ift+F2沒(méi)有插入框架時(shí)的框架面板插入topleft結(jié)構(gòu)的框架集頁(yè)面為了方便觀察和操作框架，需要啟用可視化助理，打開方法菜單欄?可視化助理打開方法是：菜單欄?查看?可視化助理?框架邊框當(dāng)啟用了輔助工具后文檔窗口的四周就出現(xiàn)了灰色框架邊框?qū)ο竺姘迳系目蚣芗迦肟蚣芗迦胍粋€(gè)框架集，操作步驟如下(1)新建一個(gè)文件(2)執(zhí)行以下操作之一，插入DW預(yù)定的框架集A、菜單欄?插入?框架?左邊B、在對(duì)象面板上單擊框架按鈕，或者把按鈕拖到頁(yè)面上在文檔窗口出現(xiàn)了包含3個(gè)區(qū)域的topleft結(jié)構(gòu)框架集。其中立體的灰色邊框?yàn)榭蚣芗倪吙?，而沒(méi)有立體效果的細(xì)邊框

4、為框架邊框。每一個(gè)框架都有自己的名字，用于識(shí)別其他框架，默認(rèn)的框架名分別為topframe、leftframe、mainframe說(shuō)明：創(chuàng)建框架集還可以使用自由托拽法，前提是框架邊框是可見(jiàn)的。用這個(gè)方法首先要分析要?jiǎng)?chuàng)建的框架集的結(jié)構(gòu)，然后進(jìn)行相應(yīng)的拖拽操作即可。Topleft結(jié)構(gòu)的框架集對(duì)應(yīng)的框架面板自由創(chuàng)建Topleft結(jié)構(gòu)的框架集，操作步驟如下：(1)將光標(biāo)置于文檔窗口框架的上邊框。(2)待光標(biāo)變?yōu)殡p箭頭形狀后，按住鼠標(biāo)左鍵向下拖動(dòng)上邊框到適當(dāng)?shù)奈恢茫@樣就創(chuàng)建了一個(gè)上下結(jié)構(gòu)的框架集。自由建立的框架集所對(duì)應(yīng)的框架面板(3)按住alt的同

5、時(shí)，用鼠標(biāo)點(diǎn)擊下邊區(qū)域，按住鼠標(biāo)左鍵向右拖動(dòng)左下邊框到適當(dāng)?shù)奈恢?，就可以生成topleft結(jié)構(gòu)框架。利用這種方法，可以自由建立自己所需要的框架集。注意：利用自由拖拽創(chuàng)建的框架集，其框架名稱均為“沒(méi)有名稱”。由于框架名稱將被作為超級(jí)鏈接的目標(biāo)和腳本的引用，所以需要為框架命名。選取框架和框架集在插入框架集之后，如果不滿意，可以進(jìn)行相應(yīng)的修改操作。首先進(jìn)行框架和框架集的選取操作：1.選取框架方法一：在框架面板中單擊要選取的框架。方法二：在文檔窗口中按alt鍵，在要選擇的框架里點(diǎn)擊，便選取了相應(yīng)的框架。被選取的框架在框架面板中被加黑顯示的細(xì)線圍住，

6、而在文檔窗口中被較細(xì)的虛線框圍著，同時(shí)在狀態(tài)欄上加黑顯示的是。2.選取框架集方法一：在框架面板中單擊立體邊框方法二：在文檔窗口中將鼠標(biāo)移動(dòng)到框架與框架之間的分隔線上，單擊鼠標(biāo)左鍵選中框架集。這時(shí)被選中的框架集邊框在框架面板中被加黑顯示，而在文檔窗口中被較細(xì)的虛線框圍住，同時(shí)在狀態(tài)欄上加黑顯示的是。當(dāng)我們?cè)谛陆ǖ捻?yè)面中插入框架集時(shí)，默認(rèn)選中的就是整個(gè)框架集。選中的狀態(tài)選中的狀態(tài)增加框架增加框架可以使用鼠標(biāo)拖拽法和菜單方式。1.鼠標(biāo)拖拽法(1)按住alt鍵拖拽任一條框架邊框，可

7、以垂直或水平分割文檔(或已有的框架)。(2)按住alt鍵從一個(gè)角上拖拽框架邊框，可以把文檔(或已有的框架)劃分為4個(gè)框架。注意：要選中框架才能在框架內(nèi)部進(jìn)行增加框架，否則默認(rèn)是在外框架(整個(gè)框架集上增加!)直接從底部向上拖拽出來(lái)的框架選中右下方的框架后再按alt拖拽出來(lái)的框架2.菜單方式在菜單欄?修改?框架頁(yè)，在子菜單中單擊相應(yīng)的選項(xiàng)。刪除框架方法：將想要?jiǎng)h除的框架邊框拖至文檔窗口的邊緣為止，或拖拽想要?jiǎng)h除的框架邊框到父框架的邊框上。調(diào)整框架的大小插入框架后，會(huì)發(fā)現(xiàn)框架的大小并不一定符合要求，因此需要將框架的大小進(jìn)行適當(dāng)?shù)恼{(diào)整。方法：將鼠標(biāo)

8、指針移到要調(diào)整的框架邊框線上，在出現(xiàn)雙箭頭后，按住鼠標(biāo)左鍵(進(jìn)行左/右、或上下的拖拽即可)。編輯框架集頁(yè)面內(nèi)容框架集設(shè)計(jì)好后就可以編輯每個(gè)框架的內(nèi)容了。編輯框架集中內(nèi)容有兩個(gè)方法