广东省揭阳市第一中学高中信息技术《网络技术应用》第四章 第三课 网站实现教案.doc

第三课 网站实现教学目标：要求学生熟练使用网页制作工具布局页面，完成“机器人做学玩网站”的表格布局。教学内容分析：页面设计是网站建设重要的部分，本课例是一节操作较强的课堂，主要介绍用表格布局界面。表格使用对非专业人员来说比较困难，但使用表格进行排版是一个最佳方法，这样制作的网站非常优美。教师以“机器人做学玩”网站为例，一一介绍表格的多种操作：添加表格、选择表格、调整表格结构、表格嵌套等。接着让学生动手设计这个网站的整体结构。教学内容：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.在一个空文