初中九年級(jí)信息技術(shù)“網(wǎng)上大調(diào)查”網(wǎng)頁(yè)

“網(wǎng)上大調(diào)查”網(wǎng)頁(yè)這一節(jié)我們就來(lái)制作名為“網(wǎng)上大調(diào)查”的網(wǎng)頁(yè)。為了在頁(yè)面中顯示清晰的導(dǎo)航結(jié)構(gòu)，我們?cè)O(shè)計(jì)采用框架結(jié)構(gòu)，訪問(wèn)者單擊左側(cè)的導(dǎo)航鏈接菜單項(xiàng)，在右側(cè)部分將出現(xiàn)此菜單項(xiàng)下的詳細(xì)內(nèi)容，使訪問(wèn)者一目了然。這里我們要顯示的網(wǎng)頁(yè)都是用表單制作的調(diào)查表。創(chuàng)建框架有兩種方式：一是自己設(shè)計(jì)和拆分框架，另一個(gè)是利用Dreamweaver自帶的模板來(lái)套用。Dreamweaver自帶的模板是很豐富的，基本上可以滿足我們制作網(wǎng)頁(yè)的需要。做一做規(guī)劃和創(chuàng)建框架。一、規(guī)劃和創(chuàng)建框架第一步：新建一個(gè)文檔，選擇“查看”→“可視化助理”→“框架邊框”菜單命令，使框架邊框在編輯窗口中可見(jiàn)。第二步：?jiǎn)螕簟皩?duì)象”面板頂部的下三角按鈕，在彈出的下拉菜單中，選擇“框架”選項(xiàng)，這時(shí)“對(duì)象”面板中顯示了13種常用的框架圖標(biāo)，結(jié)果如圖所示。操作步驟第三步：我們選擇第12種框架樣式。單擊“對(duì)象”面板中的第12個(gè)框架按鈕，在網(wǎng)頁(yè)中插入了如圖所示的框架。第四步：選擇“窗口”→“框架”菜單命令，彈出如圖所示的“框架”面板，此時(shí)它顯示的內(nèi)容是網(wǎng)頁(yè)中的框架示意圖。第五步：選中“框架”面板上框架示意圖的外圍，在“屬性”面板中顯示如圖所示的“框架組”屬性。第六步：設(shè)置“邊框”為“是”，“邊框?qū)挾取睘椤?”，框架邊框就能出現(xiàn)了，如圖所示。第七步：選中“框架”面板上的“mainFram”框架，在“屬性”面板中顯示了如圖所示的“框架”屬性。第八步：設(shè)置“滾動(dòng)”為“是”，這樣當(dāng)在該窗口中顯示較多內(nèi)容時(shí)，窗口的右邊和下邊可以出現(xiàn)滾動(dòng)條?？蚣茏畛Ｒ?jiàn)的用途是做導(dǎo)航。你可以用一個(gè)框架放置導(dǎo)航菜單，而在另一個(gè)框架中顯示內(nèi)容。訪問(wèn)者在導(dǎo)航欄菜單中點(diǎn)擊菜單項(xiàng)時(shí)，相應(yīng)內(nèi)容就在框架內(nèi)出現(xiàn)，導(dǎo)航菜單并不改變。這樣可以使訪問(wèn)者始終處在你的網(wǎng)站內(nèi)，給他們?yōu)g覽信息提供了極大的便利。也許有人會(huì)說(shuō)，不使用框架也照樣能達(dá)到同樣的效果。比如你可以在你的每一個(gè)網(wǎng)頁(yè)上都做上鏈接。兩者的不同之處在于如果你使用框架的話，你的網(wǎng)頁(yè)只需要制作一個(gè)導(dǎo)航欄，然后設(shè)置好相關(guān)的鏈接就可以了。否則，每一個(gè)頁(yè)面都需要制作風(fēng)格一致的導(dǎo)航欄。使用框架關(guān)鍵在于理解框架和框架組的概念，弄清它們之間的關(guān)系。這個(gè)問(wèn)題我們將在后面的內(nèi)容中深入探討。說(shuō)明練一練比較一下模板中的8種框架，看看他們各有什么特點(diǎn)。二、制作框架中的網(wǎng)頁(yè)做一做制作框架中的網(wǎng)頁(yè)。第一步：把鼠標(biāo)指針移到頂框架中，插入一個(gè)1×3的不顯示邊框的表格。第二步：依次插入圖片和文字，制作出如圖所示的網(wǎng)頁(yè)。第三步：把鼠標(biāo)指針移到左框架中，輸入文字和圖片，效果如圖所示。操作步驟每個(gè)框架相當(dāng)于一個(gè)分隔開(kāi)的瀏覽器窗口，而且是獨(dú)立于其他框架的，這樣每個(gè)框架就能打開(kāi)它自己的內(nèi)容?？蚣?/p>