【文档说明】第13课《网页制作技巧》教学设计2-八年级下册信息技术【川教版】.doc，共(4)页，38.000 KB，由小喜鸽上传

转载请保留链接：https://www.ichengzhen.cn/view-90675.html

以下为本文档部分文字说明：

《网页制作技巧》教学设计一、教材分析本课教学内容是四川教育出版社《信息技术》八年级下册第十三课《网页制作技巧》。本课主要培养学生处理信息、发布信息的能力。本课的学习目标是：网页制作中表格的创建和美化、学会在网页中使用超级链接跳转到其它页面、学会将自己的网站发布到INTERNET。对于网

页制作，是一项技术性较强的内容，本课仅注重网站设计、制作、发布的全过程的体会。而网页制作技巧中，重点是表格的应用，表格使用得法，网页就更规整，也便于管理。网站建好之后，发布是非常重要的一环，只有发布上网，才能

提供浏览，才能让学生体验成功感。二、学情分析通过前一节课《建立自己的网站》的教学，同学们已经初步认识了网页制作工具Dreamweaver，并且已经建立了自己的网站，了解了网站制作的基本流程，为本课教学打下了基础。八年级的学生好奇心重，对感兴趣的事物很愿意追根溯源。而本课是在学生对

网页已有感性认识的基础上探究网页的产生过程，因而只要调动学生的积极性，是很容易达成教学目标。三、教学目标知识目标/技能目标（1）理解表格在网页设计中的重要作用，并能熟练掌握表格调整的方法（2）理解超链接的含义并能够建立超链接（3）掌握网站

发布流程并发布自己的网站过程与方法目标能够通过探索学生学习合理利用表格对网页进行布局和规划情感态度与价值观目标(1)通过网站制作流程的复习，树立规划意识(2)通过学习表格的创建和单元格美化，树立全局和局部意识(3)通过任务驱动巩固知识，提高用所学知识解决问题的能力四、教学重难点1.教学重点利

用表格工具进行页面布局2.教学难点利用表格属性和单元格属性美化表格。五、教学环境及资源准备教学环境：网络教室。资源准备：多媒体课件、网络、专题网站。六、教学过程教学环节教师活动导入新课同学们，我们上一节课初步了解了网站的制作流程，网页的制作工具Dreamweav

er软件，以及在网页制作工具中插入表格，那么表格在网页制作中有什么作用呢？为什么网页制作需要使用表格呢？那么今天就让我们一起走进第13课，网页制作技巧学习新知首先我们一起来了解本节课的学习目标（展示课题，出示学习目标）。1、理解表格在网页制作中的作用，并能够熟练使用表格属性修改的方法2、学会在

网页中使用超链接3、学会发布自己的网站首先我们先来了解表格的妙用一、表格的妙用请同学们看书P82页，了解表格的作用PPT展示任务、生看书P82页，了解表格的作用是对网页中的文字和图片进行定位和布局师问：表格在网页中的作用是什么？生回答：我们通过看书了解了表格的

作用，下面我们通过制作“海海的网上家园”首页来进一步理解表格的作用师：PPt展示海海的网上家园的首页结构图，分析，我们能够根据老师的结构图完成相应的网页设计吗？能不能向word制作中一样呢？生：体验不用表格看

能不能完成相应的操作。不能师：分析根据结构图我们第一步应该插入几行几列的表格？生听讲解，观察，回答3行3列那么首先请同学们用dreamweaver打开学生用文件夹中的index.html然后完成任务一（1）创建表格生完成插入表格任务。师询问完

成情况上一节课我们学习过在制作网站首页的过程中有一条规则是要先大后小，就是说在制作网页时，先把大的结构设计好，然后在逐步完善小的结构设计。因此，根据海海的网上家园结构图，我们需要对表格进行编辑。（2）编辑表格根据需要改变单元格属性，比如颜色、背景、宽度、高度、文

字的风格及对齐方式、合并、拆分、边框等在制作导航栏窗口的时候，师强化表格在网页制作中的重要作用。师总结提示表格属性面板的使用（3）增加内容、美化网页生根据老师的模板，增加网页内容，并进行美化小组互评总结评价（4）预览网页师提示可以在浏览器中预览我们所做网页的效果，生进

行预览。如预览中发现问题，再进行修改我们完成了index.html首页的制作，我们在制作网站的一般来说肯定不止设计一个网页页面，一般来说需要设计多个页面，那么这些页面怎样相互建立关联呢？二、超级链接的使用师、什么是超级链接？我们一起来看一看，师在教师机演示，让学生明白什么是超级链

接。（演示老师制作好的海海的网上家园网页，然后延生到生活中上网的相关超级链接）从一个页面跳转到另一个页面学生明白什么是超级链接后，师在教师机操作演示（提示可以通过属性面板来操作，并让学生观察找到），我们在网页制作中是通过属性面板来添加超级链接的。任务1、将index.html中的

兴趣爱好链接到xqah.html我们任务1是从首页跳转到子页面的，那么我们能不能从兴趣爱好这个页面返回到首页呢？任务2、将xqah.html中首页链接到index.html（自主探究完成，抽学生演示操作）我们任务1和任务2的超级链接都是在同一个网站内进行的链接，那么老师想问问我

们可以使用超级链接链接到其他网站吗？比如蒲江中学实验学校的网站http://www.pjsy.org/，你能够根据刚刚所学的完成本网站以外的链接吗？出示任务三：将友情链接蒲江中学实验学校链接到http://

www.pjsy.org/现在我们的网页已经做完了，前面我们学过网络的主要作用是实现资源共享，今天我们完成了一个简单的网站制作，所以接下来我们就要实现网站的发布，让更多的人能够看到我们做的网站三、网站发布（1）局域网内发布师演示

告知方法，并将做的好的同学的发布到局域网内，让班级的所有同学都去访问，让同学们体会到网页发布的惊喜根据小组内学生的网站发布情况，小组内进行相互评价。（2）互联网发布师提供免费发布的网站http://free.3v.do/在时间充

足的情况下可以给学生演示一下操作的步骤及方法，并告知学生这种免费的网页发布一般只能是很小的网页，如果是大型的网站开发要发布的话，就需要付费购买，比如我们学校网站，以及大家熟知的淘宝等。1、师：根据同学

的完成情况，对学生进行评价。2、对整节课所学知识进行总结。