网页制作技巧.doc

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