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

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

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

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

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

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

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

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

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

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