高中信息技術(shù)《網(wǎng)絡(luò)技術(shù)應(yīng)用》第四章 第三課 網(wǎng)站實現(xiàn)教案

1、第三課 網(wǎng)站實現(xiàn)教學(xué)目標：要求學(xué)生熟練使用網(wǎng)頁制作工具布局頁面，完成“機器人做學(xué)玩網(wǎng)站”的表格布局。教學(xué)內(nèi)容分析：頁面設(shè)計是網(wǎng)站建設(shè)重要的部分，本課例是一節(jié)操作較強的課堂，主要介紹用表格布局界面。表格使用對非專業(yè)人員來說比較困難，但使用表格進行排版是一個最佳方法，這樣制作的網(wǎng)站非常優(yōu)美。教師以“機器人做學(xué)玩”網(wǎng)站為例，一一介紹表格的多種操作：添加表格、選擇表格、調(diào)整表格結(jié)構(gòu)、表格嵌套等。接著讓學(xué)生動手設(shè)計這個網(wǎng)站的整體結(jié)構(gòu)。教學(xué)內(nèi)容：1.掌握布局表格的步驟2.設(shè)計“機器人做學(xué)玩網(wǎng)站” 教學(xué)重點：設(shè)計“機器人做學(xué)玩網(wǎng)站”表格布局教學(xué)難點：1.高速表格結(jié)構(gòu)（增加或刪除行或列數(shù)、合并或拆分單元格）2

2、.表格的嵌套工具：Dreamweaver(Frontpage)課時數(shù)：1課時布局模式創(chuàng)建一個頁面有2種方法：表格實現(xiàn)；使用層。在布局模式中，有2種工具：布局表格工具、布局單元格工具布局表格（簡稱：表格）、布局單元格（簡稱：單元格）例1：說說布局表格的步驟。（以Dreamweaver例）單擊“查看”菜單|“表格模式”命令|布局模式在“插入”工具欄“布局”面板中單擊“布局模式”按鈕。注：“布局”（使用布局單元格和表格對頁面進行布局）一個布局單元格必須在一個布局表格中。選擇“布局表格按鈕”, 鼠標變成“十”符號。將鼠標指針定位在頁面的某一個位置上，拖拉畫成布局表格。畫多個表時，按住ctrl鍵拖拉鼠標

3、。在布局表格內(nèi)部或下方畫布局表格。例2：設(shè)計P90圖4-10的表格。（以Frontpage例）新建網(wǎng)頁，保存為“index.htm”。在空白頁添加表格。計算好表格行數(shù)、列數(shù)。如：3行3列。選擇整個表格方法1：在單元格中單擊，執(zhí)行“修改”菜單|表格|“選擇表格”命令方法2：在光標停留在表格的任何位置，在文檔窗口的左下角標簽中選擇標簽。選擇表格的行和列：方法：將光標定位于行的左邊緣或列的上端，出現(xiàn)選擇箭頭時單擊。選擇連續(xù)單元格：單擊第一個單元格 + shift鍵 + 最后一個單元格（任意的）選擇不連續(xù)單元格：單擊某個單元格 +ctrl鍵調(diào)整表格結(jié)構(gòu)調(diào)整表格的大小改變行的大小方法：即改變高度，上下拖

4、動行的底邊線改變列的大小方法：即改變寬度，左右拖動行的右邊線增加行或列增加行的方法：修改|表格|插入行 增加列的方法：修改|表格|插入列操作：把光標停留在第1行第1列，增加3行2列把光標停留在第1行第3列，增加3行刪除行或列刪除行的方法：修改|表格|刪除行 刪除列的方法：修改|表格|刪除列合并單元格選中的單元格必須連續(xù)并且是矩形。方法：修改|表格|合并單元格操作：合并第2行第1列的單元格與第3行第2列的單元格合并第4行第1列的單元格與第5行第1列的單元格合并右下角4個單元格為一個單元格拆分單元格 方法：選擇一個單元格，修改|表格|拆分單元格表格的嵌套操作：把光標停留在第4行第1列單元格中，插入一個4行1列的表格，調(diào)整嵌套表格的大小。完善第4行第2列的單元格使用術(shù)語：合并單元格、拆分單元格、嵌套表格寫出操作步驟。設(shè)置表格屬性表格的布局可以設(shè)行數(shù)、列數(shù)、寬度、高度可以設(shè)背景顏色、邊框的顏色和粗細操作：設(shè)第3行第1列單元格的間距為2。練習(xí)：填空題1.當頁面不在表格時，鼠標的光標停留在頁面的 左上角 位置。2.布局表格默認顏色是 綠色 ，布局單元格默認顏色是藍色 。3.在每個表的頂端都有 布局表格 標簽，表格底端標題欄里顯示 每個表的大小 。判斷題1.表格不能重疊，但能在表格的右邊畫表格。（）2.在一個空文