1、网页制作技巧说课稿 田梓辛 尊敬的各位老师，今天我说课的内容是：四川人民出版社出版的初中信息技术中 的网页制作技巧一节，下面我从说教材、说学生、说目标、说教法、说学法、说过程 和说小结等方面来说明本课。 一、说教材 网页制作技巧是初中信息技术八年级下期的第十三课内容，在本期教材中处于重 要地位，要求学生了解网页制作的相关知识，为今后信息技术科目的学习打下基础。根据 中小学信息技术课程指导纲要 ，确定本课的教学重点为： 掌握表格制作的基本操作、超级链接的使用。 教学难点为：网站的发布。 二、说学生 学生是教学活动过程中最基本的因素之一，对学生的充分认识，是取得良好教学效果 的必要条件。根据学生年
2、龄特点和社会阅历，八年级学生对计算机已经有过一定的接触， 对信息技术课程有一定的兴趣。但是他们一般不喜欢空洞的理论知识讲解，而喜欢直接操 作计算机，因此，我将利用实际操作内容来讲解理论知识，主要通过一些操作实例，化深 奥为简单，提高学生的学习兴趣。由于学生之间还存在着明显的个体差异 ,我将结合学生 不同的学习特点,利用上机实践课给学生提供不同的指导,利用分组合作式的学习,互帮互学， 提高全体学生的认知水平。 三、说目标 根据八年级学生的认知特点和本课的教学内容，按照中小学信息技术课程指导纲要 的要求，确定本课教学目标为以下三个方面： 1.知识目标 （1）掌握表格的创建、合并、拆分的方法，以达到
3、布局合理； （2）掌握对表格整体与单元格背景与边框的颜色设置，能初步制作具有独特风格的表 格； 2.能力目标 （1）掌握超级链接的含义与使用 （2）掌握网站的发布。 3.情感目标 培养学生的协作精神，形成积极主动地学习和使用信息技术、参与信息活动的态度。 四、说教法 从学生的实际情况出发，根据信息技术学科的教学特点和目标要求并结合当前素质教 育的要求，按照建构主义学习理论中“任务驱动”的教学思想，科学设计教学“任务” ，综 合选用多种教学方法以便学生多动手、多思考、多实践，从而了解和掌握信息技术课程中 有关网页制作的基本知识和技能。充分利用现代教学手段，利用学校多媒体资源，在分析 教材、学生和
4、教学目标的基础之上，在以教师为主导和以学生为主体的原则指导下，根据 具体教学目标的要求，确定以下教学方法： 1.案例教学法：通过案例设计，将枯燥的理论学习变为有趣的，生动的学习过程。其 最大的特点是能够让学生发现问题、分析问题和解决问题的能力可以得到一定程度的培养。 2.分组合作法：根据学生的个体差异性，以小组合作的方式完成学习，便于不同的学 生共同提高。 3. 任务驱动法：学生以完成一定的任务为目标，通过自主探索，进行完成任务的实践。 通过任务驱动法可以锻炼学生的自主学习能力、培养创新能力。 五、说学法 信息技术的发展也为信息技术教学创造了良好的合作学习环境，即利用网络环境开展 合作式地、研
5、究性的学习。因此，在教学中应努力提高并维护学生对信息技术的学习兴趣； 教会学生发现问题和分析问题的一般方法；鼓励学生多动手尝试并善于举一反三，以便更 好地更多地掌握信息技术的知识和技能，并用所学到知识和技能去解决实际问题；指导学 生开展“合作研究”活动，最终使学生的心理、生理等综合素质得以全面发展。 根据学生的年龄特点和认知结构水平，确定如下学法： 1.自主学习法。提出以完成任务为目标，要求学生自主完成操作演示内容。 2.合作探究法。尝试运用基础案例的方法完成复杂操作，遇到问题的时候，再进行合 作讨论。 3.实践操作法。 4.知识迁移法。要求学生学会举一反三。 六、说过程 教师活动 学生活动
6、说明、反馈 一、 通过展示几个学生自己制作的优秀网站和网页，复习 网站首页设计的几个模块，同时体会表格在网页设计的独特作 用。 1引入：很多同学都希望能制作一些精美的个人网页发布在 网上，上节课我们已经用 Dreamweaver 制作了一个简单的网页， 但觉得和自己在网上所见的网页相比相差太远，如何才能制作 好具有个性特色的网页呢？今天我们就要充分利用表格工具来 制作一个精美的网页。 激发学生学习的积极 参与 2首先我们还得先回想一下网页首页的四个共有的模块： 教师总结： 1) 徽标（logo）和网站的名称：一般位于左上角，是一个形象 化的标志，其作用类似于商品的商标。 2)首页大标题（ban
7、ner）：一般放网站主题词或图片，商业性 的网站放置广告条。 3)导航栏：就像一本书或杂志的目录一样，但比书籍或杂志的 目录更为重要，因为书籍我们可以一页一页的从头向后翻，而 学生思考回答 我们的网页却不可以，只有有了清楚、明晰的导航，才能让浏 览者知道自己身处网站的什么位置。 4)版权和联系方式：一般放在网页的底部，主要功能是版权声 明和听取浏览者的意见或建议。 3黑板上给出了几个在全国获奖的中学生网页作品，4 个同 学一组合作学习，快速浏览其中 23 个，网站地址如下： 我相信我们当中许多同学在这节课上完后所做的作品肯定比他 们做得的还好。现在我们就来动手自己做做看。首先请大家通 过多媒体
8、教学网看看如何创建表格。 激发学生的积极性与 自信心，加深对网页 布局的印象，同时更 深入的学习如何鉴赏 一个网站。 510 分钟 二、 表格制作技巧： l 创建表格 我们在，在 Dreamweaver 中创建表格的方法与在 Word 中表格 的插入方法有相似的地方，请大家看屏幕：创建表格有两种常 用的方法，第一种是首先把插入点调整到要插入表格的位置， 单击“ 对象面板 ”中的 “插入表格”按钮，在弹出的 “插入表格”对 话框中设置所需的行数和列数，表格线宽度为 0，注意“单元格 边距” 表示表格内文本与表格线的距离，“ 单元格间距”表示表格 内单元格之间的距离，这两个在这里不作设置，单击“确
9、定” ， 表格插入进来了。 第二种方法就是上节课所讲的选择菜单栏的“插入” 选项，在弹 出的下拉菜单中选择“表格” ，设置方法与第一种是一样的。 在 word 和 excel 中我们都已讲过对单元格的合并与拆分操作， 学生听课 上机操作 教师巡视 表现问题 及时纠正 （5 分钟） 在这我就不讲了，现在请大家任意选择一种创建表格的方法， 根据自己的需要创建一个表格。 注意：对表格的单元格进行合理的合并与拆分 l 设置单元格背景色和边框颜色 好，大家已经完成了，现在我们就来给框架添加背景色和边框 色，请看屏幕（通过多媒体教学网教师演示操作） 选中需要设置背景色的单元格，单击“属性面板” 上的“背景
10、颜色” 下拉按钮，在下拉的颜色列表中选择自己喜欢的颜色并单击， 即可将所选的单元格背景色改为自己设置的颜色。 要设置边框的颜色，单击“边框” 颜色更改下拉按钮，选择相应 颜色即可修改。 请大家按老师的操作把自己的表格修饰一下吧。 学生听讲 上机操作 鼓励学生在设置颜色 时注意色彩搭配，可 通过图形搭配来形成 具有一定特色的表格， 鼓励学生创新 （5 分钟） 三、根据学生自己准备的素材，学生将文字输入到相应的单元 格内，并插入相应的图片，要求学生至少制作 23 张网页， 提醒学生注意以较为好记的英文名字保存。 学生独立 上机完成 教师巡视，及时处理 发现的问题（20 30 分钟） 四、超级链接的
11、使用 上节课我们的同学已经把网页做好了，有许多同学做的相当好， 甚至比我所演示给大家看的还有特色。怎样把我们所做好的网 页相互联系起来呢？也就是说我们在网上所看到的我要看某条 新闻或某个图片时，一点就能进入，这就是我们今天所要讲的 超级链接，与“超级女生 ”或“超级男生”可一点关系也没有喔。 首先什么叫超级链接呢？超链接在本质上属于一个网页的一部 分，它是一种允许我们同其他网页或站点之间进行连接的元素。 所谓的超链接是指从一个网页指向一个目标的连接关系,这个目 标可以是另一个网页,也可以是相同网页上的不同位置，还可以 是一个图片，一个电子邮件地址，一个文件，甚至是一个应用 程序。而在一个网页中
12、用来超链接的对象，可以是一段文本或 者是一个图片。当浏览者单击已经链接的文字或图片后,链接目 标将显示在浏览器上，并且根据目标的类型来打开或运行。在 教师讲授 学生听讲后思考并体 验超级 链接的作用 书本介绍超级链接过 于简单，从形象思维 角度来看，学生不易 理解，对超级链接进 行一定程度的详细讲 解，有利于加深学生 对超级链接的印象与 理解。（58 分钟） 网页中，一般文字上的超链接都是蓝色（当然，用户也可以自 己设置成其他颜色），文字下面有一条下划线。当移动鼠标指 针到该超链接上时，鼠标指针就会变成一只手的形状，这时候 用鼠标左键单击，就可以直接跳到与这个超链接相连接的网页 或 WWW 网
13、站上去。如果用户已经浏览过某个超链接，这个超 链接的文本颜色就会发生改变。只有图像的超链接访问后颜色 不会发生变化。 请同学们回想一下自己在上网时是不是到处都有超链接，也很 频繁地在使用超链接？ 现在我们就来看看怎样通过超级链接把它们链接在一起。请大 家看屏幕： l 首先在 Dreamweaver 中打开已经制作好的主页 myblog00.htm，选中“个人简介” ，单击“属性面板”中“ 链接”列表 框中左侧的文件夹图标，在弹出的“选择文件” 对话框中，在自 己的文件夹中找到要链接的文件名，我现在要链接的文件是 myblog01.htm，选中点“选择” ，这样只要在“个人简介”文字上 单击就可
14、以进入到个人简介的具体介绍网页当中 了。请大家 看“个人简介” 这几个字在进行完超级链接后，字的颜色是不是 发生了改变，同时加了下划线。 请大家注意，如果在进行超级链接时，字体颜色没有发生任何 变化，很可能是在操作过程中出现了错误。好，现在请大家按 照老师的操作，把自己的网页相互联系起来。 教师讲授演示 学生听讲后上机练习 操作 教师巡视辅导 （15 分钟） 五、网站的发布 网页制作、测试好后保存在本地计算机上，只能在本机的浏览 器中浏览，要让更多的人看到自己制作的网页，就需要把网页 放到互联网上的主页空间里，怎样才能将网页送到远端的服务 器或网站上呢？我们制作网页所使用的 Dreamweav
15、er 本身就有 教师讲授演示 学生听讲后上机练习 操作 教师巡视 进行辅导 同时对优秀作品及时 提出肯定与表扬，对 FTP 的上传、下载功能，可以很方便地进行网站管理。下面就 来看看发布自己的作品： l 申请个人主页空间：互联网上有许多提供个人主页空间的 网站，而且都是免费的，只要注册申请一个空间，就可以把制 作好的网页上传上去。请大家看屏幕，我以“中国学生网” 免费 个人主页空间的申请为例，给大家演示一下：打开 IE 浏览器， 在地址栏中输入“中国学生网” 的网址 “ ”，点击“ 注 册”按钮，在经过第一步阅读条款并同意，进入第二步完整填写 资料，提示空间申请成功，激活空间后得到最后的个人免
16、费主 页空间激活成功的信息，这样就行了。 l 在 Dreamweaver 中配置个人主页空间信息：打开 Dreamweaver 的“站点”菜单中的“定义站点” 命令，在弹出的对 话框中单击“编辑 ”按钮，在弹出的编辑站点对话框的 “分类”栏 中选择“ 远程信息” 选项，在右边出现的 “远程信息”中填入相应 的内容。“FTP 主机”中填入所申请的主页空间的 FTP 地址，登 录和密码。单击“确定” ，再单击“定义站点”的“ 完成”按钮，即 可完成对站点的定义。设置完成后，出现“站点” 窗口，左栏是 远端服务器的文件列表，右栏是本地文件列表，单击工具栏的 “连接 ”按钮，就可以使本地计算机连接到远
17、端的空间服务器上， 选中本地的文件和文件夹，单击工具栏的“上传“ 按钮就可以将 本地计算机上的文件和文件夹上传到远端的主页空间服务器上， 请大家仔细观察“站点” 窗口各部分的变化。 l 浏览个人主页：我们的设置完成了，现在我们就可以通过 浏览器上网看看自己的杰作了。在浏览器的地址栏输入相应的 地址即可浏览。 未完成的同学继续利 用课余时间完成。 （1020 分钟） 七、说小结 本课讲授中，要注意集中学生的注意力，引起学生自主学习兴趣，进入听课的状态。 讲解操作过程 ，巩固知识过程中，让学生体验自己动手操作成功的喜悦，同时掌握操作方 法。引导学生分组探究，完成探索活动，并且要求学生培养协作精神，形成积极主动地学 习和使用信息技术、参与信息活动的态度。
