中職Dreamweaver網(wǎng)頁設(shè)計第六章電子教案

1、(中職）Dreamweaver網(wǎng)頁設(shè)計第六章電子教案第六章豐富網(wǎng)頁表現(xiàn)方式的小技巧學(xué)習(xí)目標(biāo)：1能在網(wǎng)頁中插入與編輯層2能進行表格與層之間的格式互換3能利用CSS修改原有HTML標(biāo)簽的樣式4能利用CSS自行定義一個新的樣式標(biāo)簽5了解擴展組件的功能與下載方法6會安裝并使用從網(wǎng)站下載的擴展組件 6-1 用層讓網(wǎng)頁更靈活6-1-1 在網(wǎng)頁上插入層6-1-2 在層中加入內(nèi)容6-1-3 移動層位置6-1-4 調(diào)整層大小6-1-5 調(diào)整層的上下順序6-1-6 顯示與隱藏層6-1-7 設(shè)置層背景與滾動條6-1-8 將層轉(zhuǎn)換為表格一、選擇題1（ ）Dreamweaver提供哪一個功能，類似Word中的文本框，可

2、以任意地移動、互相重疊，或放入任何網(wǎng)頁對象？ 表格 層 模板 框架2（ ）當(dāng)層中的對象超過了原層的大小，則必須要選擇下列哪一項讓層隨對象向右下角擴大？ visible hidden scroll auto3（ ）接上題，不論層中的對象是否超過層大小，都會顯示滾動條，必須選擇下列哪一個溢出選項？ visible hidden scroll auto二、操作題1請打開練習(xí)文件01_EX01.htm，然后按下列題意完成操作。 創(chuàng)建層并在層中插入images文件夾中的LayerBee1.gif圖片。 設(shè)置圖像大小的寬與高為120。 設(shè)置層背景圖像為 images文件夾中的C04.jpg圖像。 設(shè)置層編

3、號為BeeLayer1。 設(shè)置層有滾動條。6-2 用CSS讓網(wǎng)頁效果更豐富6-2-1 背景圖像固定在網(wǎng)頁中央6-2-2 為圖像加上立體彩色邊框一、判斷題1（ ）CSS語句可以生成HTML無法生成的頁面。2（ ）HTML在插入背景圖像時，會以平鋪的方式拼起來，若是加上CSS語句，就能讓背景圖像固定在網(wǎng)頁中央，且不重復(fù)出現(xiàn)。3（ ）CSS規(guī)則只能定義在目前編輯的網(wǎng)頁文件。4（ ）在定義CSS規(guī)則時，可以選擇“類別”、“標(biāo)簽”或“高級”等三種不同的選擇器類型。二、操作題1請打開練習(xí)文件02_EX01.htm，然后設(shè)置背景圖像固定在網(wǎng)頁中央，背景圖像為images文件夾中的Title.jpg，背景顏色

4、為#FF9933。2請打開練習(xí)文件02_EX02.htm，然后將網(wǎng)頁中的圖像分別加上立體彩色邊框，并設(shè)置邊框為凸出，寬度為粗，顏色為#6633CC。 6-3 用Extension Manager擴展網(wǎng)頁編輯功能6-3-2 安 裝 擴 展6-3-3 使 用 擴 展一、選擇題1（ ）Extension Manager可以用來擴展Flash、Dreamweaver或Fireworks的網(wǎng)頁編輯功能。2（ ）安裝擴展后，就可以直接在Dreamweaver中使用。3（ ）安裝好的擴展，會出現(xiàn)在行為面板中，以供隨時使用。4（ ）“擴展管理器”對話框中會將擴展的功能、版本、類型、創(chuàng)作者與說明事項顯示出來。5

5、（ ）鏈接到Macromedia網(wǎng)站上，就會看到許多現(xiàn)成的擴展可供下載使用。2請打開練習(xí)文件03_EX02.htm，然后使用擴展“Go To URL in Opener”設(shè)置打開網(wǎng)頁后，會立即在同一個瀏覽器窗口中鏈接到首頁。 一、判斷題1（ ）網(wǎng)頁上有多個層時，不同層可以重疊在一起。2（ ）在“層”面板中，“Z”欄的數(shù)值表示層的順序，數(shù)值越高則對象會位于越上層。3（ ）Dreamweaver提供的層可以很方便地移動，且所有瀏覽器都能支持。4（ ）讓背景圖像固定在網(wǎng)頁中央，是選擇CSS樣式中的body標(biāo)簽指令，再設(shè)置背景不重復(fù)且居中對齊。二、選擇題1（ ）下列有關(guān)層的敘述，哪個是錯誤的？ Dre

6、amweaver可以將層轉(zhuǎn)換為表格，或?qū)⒈砀褶D(zhuǎn)換成層 “層”面板中，“Z”欄的數(shù)值越高表示對象越靠近下層 在“層”中插入對象時，若超過原來拖動出來的層大小時，層會自動調(diào)整 在欄出現(xiàn)圖標(biāo)，表示看不到該層的對象，再單擊此圖標(biāo)會變成圖標(biāo)，則又可以看到該層。2（ ）下列敘述哪個是錯誤的？ 讓背景圖像固定在網(wǎng)頁中央，是選擇CSS樣式中的button標(biāo)簽指令，再設(shè)置背景不重疊且居中對齊 為圖像加上立體顏色邊框，在新建CSS規(guī)則時要輸入.imageborder標(biāo)簽指令 安裝好擴展后，必須重新啟動Dreamweaver才能使用 設(shè)置層的轉(zhuǎn)換時，在“層轉(zhuǎn)換為表格”對話框中記得要勾選“防止層重疊”復(fù)選框，來防止層重疊。三、操作題1請打開練習(xí)文件Q01.htm，然后設(shè)置背景圖像固定在網(wǎng)頁中央，背景圖像為images文件夾中的pic06.jpg，背景顏色為#FFFF99。2請打開練習(xí)文件Q02.htm，然后將網(wǎng)頁中的圖像分別加上立體顏色邊框，并設(shè)置邊框為脊?fàn)睢?/p>