高中信息技术《网络技术应用》第四章 第三课 网站实现教案-人教版高中全册信息技术教案VIP专享VIP免费

第三课网站实现教学目标：要求学生熟练使用网页制作工具布局页面，完成“机器人做学玩网站”的表格布局。教学内容分析：页面设计是网站建设重要的部分，本课例是一节操作较强的课堂，主要介绍用表格布局界面。表格使用对非专业人员来说比较困难，但使用表格进行排版是一个最佳方法，这样制作的网站非常优美。教师以“机器人做学玩”网站为例，一一介绍表格的多种操作：添加表格、选择表格、调整表格结构、表格嵌套等。接着让学生动手设计这个网站的整体结构。教学内容：1.掌握布局表格的步骤2.设计“机器人做学玩网站”教学重点：设计“机器人做学玩网站”——表格布局教学难点：1.高速表格结构（增加或删除行或列数、合并或拆分单元格）2.表格的嵌套工具：Dreamweaver(Frontpage)课时数：1课时布局模式创建一个页面有2种方法：表格实现；使用层。在布局模式中，有2种工具：布局表格工具、布局单元格工具布局表格（简称：表格）、布局单元格（简称：单元格）例1：说说布局表格的步骤。（以Dreamweaver例）①单击“查看”菜单|“表格模式”命令|布局模式②在“插入”工具栏“布局”面板中单击“布局模式”按钮。注：“布局”（使用布局单元格和表格对页面进行布局）一个布局单元格必须在一个布局表格中。③选择“布局表格按钮”,鼠标变成“十”符号。④将鼠标指针定位在页面的某一个位置上，拖拉画成布局表格。画多个表时，按住ctrl键拖拉鼠标。⑤在布局表格内部或下方画布局表格。例2：设计P90图4-10的表格。（以Frontpage例）⑴新建网页，保存为“index.htm”。⑵在空白页添加表格。计算好表格行数、列数。如：3行3列。⑶选择整个表格方法1：在单元格中单击，执行“修改”菜单|表格|“选择表格”命令方法2：在光标停留在表格的任何位置，在文档窗口的左下角标签中选择标签。选择表格的行和列：方法：将光标定位于行的左边缘或列的上端，出现选择箭头时单击。选择连续单元格：单击第一个单元格+shift键+最后一个单元格（任意的）选择不连续单元格：单击某个单元格+ctrl键⑷调整表格结构①调整表格的大小改变行的大小方法：即改变高度，上下拖动行的底边线改变列的大小方法：即改变宽度，左右拖动行的右边线②增加行或列增加行的方法：修改|表格|插入行增加列的方法：修改|表格|插入列操作：把光标停留在第1行第1列，增加3行2列把光标停留在第1行第3列，增加3行③删除行或列删除行的方法：修改|表格|删除行删除列的方法：修改|表格|删除列④合并单元格选中的单元格必须连续并且是矩形。方法：修改|表格|合并单元格操作：合并第2行第1列的单元格与第3行第2列的单元格合并第4行第1列的单元格与第5行第1列的单元格合并右下角4个单元格为一个单元格④拆分单元格方法：选择一个单元格，修改|表格|拆分单元格⑸表格的嵌套操作：把光标停留在第4行第1列单元格中，插入一个4行1列的表格，调整嵌套表格的大小。完善第4行第2列的单元格使用术语：合并单元格、拆分单元格、嵌套表格写出操作步骤。⑹设置表格属性表格的布局可以设行数、列数、宽度、高度可以设背景颜色、边框的颜色和粗细操作：设第3行第1列单元格的间距为2。练习：填空题1.当页面不在表格时，鼠标的光标停留在页面的左上角位置。2.布局表格默认颜色是绿色，布局单元格默认颜色是蓝色。3.在每个表的顶端都有布局表格标签，表格底端标题栏里显示每个表的大小。判断题1.表格不能重叠，但能在表格的右边画表格。（×）2.在一个空文档创建一个表格，它会自动在文档左上角自动形成。（√）3.布局表格不能平行。（√）4.在一个已存在的表格里创建另一个表格，其大小可以超过第一个表格。（×）