布局表格的應(yīng)用

布局表格的應(yīng)用《DreamweaverMX2004網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)設(shè)計(jì)

教學(xué)目標(biāo)熟練掌握布局表格和布局單元格的繪制方法靈活使用布局表格和布局單元格進(jìn)行頁(yè)面布局、設(shè)計(jì)。知識(shí)重點(diǎn)：布局表格、布局單元格的繪制方法和參數(shù)設(shè)置。

知識(shí)難點(diǎn)：熟練掌握布局表格與單元格的編輯和具體應(yīng)用。課題引入：(3分鐘)

不同的人設(shè)計(jì)的網(wǎng)頁(yè)頁(yè)面各不相同，各具特色。但在制作網(wǎng)頁(yè)之前都必須要做的一件工作是對(duì)網(wǎng)頁(yè)頁(yè)面進(jìn)行區(qū)域的劃分，根據(jù)網(wǎng)頁(yè)的內(nèi)容和功能區(qū)域不同，將網(wǎng)頁(yè)頁(yè)面劃分成不同區(qū)域，如：標(biāo)題區(qū)域，圖片展示區(qū)域，內(nèi)容顯示區(qū)域，文字說(shuō)明區(qū)域等。這種對(duì)頁(yè)面進(jìn)行功能區(qū)域的劃分操作就是我們今天所要講的一個(gè)概念“布局”。在實(shí)際的網(wǎng)頁(yè)制作過(guò)程中，我們比較常用的布局方法利用基礎(chǔ)表格進(jìn)行頁(yè)面內(nèi)容布局，利用布局表格及布局單元格或利用框架等進(jìn)行頁(yè)面布局。基礎(chǔ)表格的優(yōu)、缺點(diǎn)：（實(shí)例展示）基礎(chǔ)表格的制作方便，快捷，但表格的寬、高不易控制，在插入圖片或者文字的時(shí)候，會(huì)影響其它單元格的高度及寬度。布局表格及布局單元格特點(diǎn)：繪制布局表格和單元格的方法簡(jiǎn)單，能隨心所欲地繪制不同風(fēng)格的網(wǎng)頁(yè)布局，做出各具特色的網(wǎng)頁(yè)版面。新授課題：布局表格及布局單元的格繪制及應(yīng)用

一、布局表格及布局單元格的繪制方法（書(shū)本P73）布局表格的繪制：1、從標(biāo)準(zhǔn)視圖切換到布局視圖注：“插入”欄下的下拉按鈕——“布局”選項(xiàng)，如下圖所示：2、鼠標(biāo)左鍵單擊布局表格圖標(biāo)后，將鼠標(biāo)移到一編輯區(qū)，鼠標(biāo)變成“十”形光標(biāo)，按下左鍵拖動(dòng)繪制布局表格。布局單元格的繪制：略（學(xué)生自己參照布局表格的繪制方法繪制布局單元格），要注意Alt鍵的應(yīng)用。說(shuō)明：1、布局表格中不能直接插入網(wǎng)頁(yè)元素，但可以插入新的布局表格，形成嵌套布局表格。2、布局單元格不能獨(dú)立存在，布局單