人教版（2015）信息技术 九年级上册 第1章 活动2 制作网站的主页 教案（4课时）

活动2：制作网站的主页 教学目标： 知识与技能 熟悉网页制作软件的窗口界面和常用操作。 掌握用表格编排页面的方法。 提高文字和图像混合编排的能力。 过程与方法： 认识并熟悉网页编辑软件FrontPage，掌握利用软件编辑网页的方法。 三：情感态度与价值观： 学习利用软件编辑网页的方法，增强团结协作的意识与能力。 教学重点：FrontPage使用方法。 教学难点：设计、编辑网页的方法。 教学时间：4课时 第一课时 教学内容：认识FrontPage软件的操作界面，创建网站，开始制作主页 教学过程： 教学环节 教师活动预设 学生活动预设 应用软件窗口 设计意图 1、复习 建立网站的基本过程？ 巩固 2、导语 网站最重要的就是网页，多个网页通过链接关系构成一个整体。 主页相当于一个网站的门，通过它可以了解网站的功能和基本结构。 3、讲新 一、FrontPage软件简介 FrontPage功能比较丰富、简单易用。 右图是FrontPage软件的窗口，大家打开软件后观察它的 结构。 下方有四个视图模式按钮，可以改变视图模式。 创建网站 要在网络中建立一个网站，首先要在计算机中创建一个网站，然后在这个网站中添加主页和其他层次的页面。 下面我们来建立一个网站。 在E盘建立一个名为“心灵之约”的网站。 执行“文件-新建”命令，在任务窗格中选择“由一个网页组成的网站” 把网站的位置改为E盘。 如图所示。 在E盘的盘符后面输入“心灵之约”，然后单击确定按钮。 制作主页 主页是整个网站的窗口。制作主页一定要达到整齐美观、活泼鲜明。 、用表格安排页面布局 使用表格可以把整个页面分成很多区域。编辑时，首先把文字、图像等素材定位到指定的单元格中，然后修饰美化单元格。 在主页index.htm中插入表格 双击文件名index.htm，显示它的页面编辑区。 执行“表格-插入-表格”命令，设置好参数，插入一个一行一列、宽度为870像素、不显示边框、居中对齐的表格。 在页面中敲一下回车键后，插入一个一行六列的表格。 继续插入一个2行2列、不显示边框的表格，然后合并其中的第2行单元格。 把第3个表格的第1行第2列单元格拆分成3行。 适当调整表格高度，最后保存网页。 、插入网站标题 把插入点移动到页面中的第1个表格中，然后执行“插入-图片-来自文件”命令。 将素材库中“网站动画标题”插入进去。 3、适当调整标题的大小，然后把图像保存到网站中的images文件夹里。 观察软件 同步操作 小组讨论交流 同步操作 合作交流 实际上，这个网站就是一个文件夹。 完成上述操作后，系统在“心灵之约”网站中生成了“private”和“images”两个文件夹，并自动生成了网页文件index.htm。“private”文件夹用来存放不想供浏览者访问的文件；“images”文件夹用来存放图像文件。 4、课堂补充练习：完成课堂所学内容。 5、小结：网页的布局，表格的插入。 6、课后反思 成功： 不足： 第二课时 教学内容：网站主页制作 教学过程： 教学环节 教师活动预设 学生活动预设 应用软件窗口 设计意图 1、复习 如何调整网页布局？ 小组可以讨论 巩固 2、导语 网页上除了标题以外，还需要放置更多的文字，给浏览者提供丰富的信息。 3、讲新 （三）、输入文字。 1、在第2个表格的6个单元格里分别输入各个栏目标题。 2、设定文字的格式。 3、在第2个表格的第1个单元格中逐行输入下面的文字，然后设置文字格式。 4、将插入点移动到文字当中，然后执行下列操作，设置段落格式。 执行“格式-段落”操作，然后再设置。这部分学生学习过，可独立操作。 在页面相应的位置输入有图红色文字内容，并设置适当的格式。 单机预览视图按钮，在窗口中可以预览网页的效果。 、配插图 网页中，除了文字，还需要配上插图，使网页达到图文并茂的效果。 在“心灵之约”网站的主页中插入合适的图像 ... ...