《构建网页》参考教案2.docVIP

PAGE1/NUMPAGES3

构建网页

【教材与学情分析】?

《构建网页》是泰山版信息技术教材第二册下第二章第一节的内容，通过本节课的学习，主要让学生初步掌握网页的设计方法，学会利用表格布局网页信息，表达明确的主题。?以，本节课从观察分析网页入手，引导学生总结出网页的基本构成，明确利用网页表达组织信息的一般流程。由于学生已经掌握了在word中插入文字、图片和表格的基本方法，所以，本节课主要采用学生自主探究的学习方式，让学生在探究的过程中发现问题、解决问题，通过知识迁移达成知识与技能目标。?

【教学目标】?

知识与技能：?

1．掌握利用网页表达信息的方法。?

2．学会用表格布局网页信息，使主题表达更清晰更有条理。?

过程与方法：?

1．通过小组活动，提高学生自主探究或合作学习的能力。?

2．在网页制作过程中，体会网页制作流程，并养成先规划后制作的习惯和意识。?

情感态度与价值观：?

通过网页的规划、布局和简单体验，培养自身的审美意识和综合信息表达能力。?

2．让学生在实践中亲身体验创新，发挥学生的主体性，拓展学生思维。?

【教学重点】?

重点：掌握网页的设计方法。?

用表格布局网页信息。?

难点：综合运用所学知识进行网页的制作。?

【教学过程】

导入新课：?

让学生欣赏网页，同学们你们经常上网吗？网上的信息都是以网页的形式存在于网络中，但不真正属于我们，同学们想不想制作属于自已的网页呢？?好我们这节课一块来学习第二章第一节构建网节。（展示课题）?任务一：给网页安个家?

为了方便管理，请同学们在D盘上新建一个文件夹（D:\班级网站）用以存放网页文件，并在此文件夹下新建一个“images”文件夹，用于存放图片文件。?

(注意：“images”文件夹保存到桌面上，同学们可以先复制后粘贴到班级网站下。)?检查任务一完成情况让学生上台便讲便操作。?

网页是用哪个软件做出的？同学们会启动FrontPage2003吗？想一想word的启动方法，如果真想不起来就参考学案。?启动FrontPage2003的两种方法：?1、开始菜单?

开始—所有程序(或程序)—Microsoft?office?Microsoft?office?Frontpage?2003?2、桌面图标。直接双击Microsoft?office?Frontpage?2003

任务二（自主学习）:???制作网页?

阅读课本46页-47页的“实践”动手制作一张简单的关于交通安全信息的网页。?要求：各小组自主学习，掌握简单网页的制作方法。?

注意：图片保存在桌面:\“images”文件夹中。网页中文字的修饰及图片的位置和大小的调整。?制件网页的步骤：?

1、在第一行输入信息标题，设置比正文稍大的字号和黑体字体，并居中放置。?

2、回车插入新的一行，执行“插入—图片—来自文件”，从“images”文件夹中选择该活动的图片，插入到当前位置拖动四周的编辑点，调整图片大小并居中放置。?3、输入文字信息，调整文字大小和段落，使图片、文字的大小和位置相适应。?4、执行“文件—保存”将网页命名为自已的名字并保存到“D:\班级网站”文件夹下。?（注意：文字和图片都在images?文件夹中，图片在安全图片中找，文字在重要文字中找。）?

自主探究

学生活动：在学案上选择喜欢的网页布局样式或自主构建，尝试利用学过的FrontPage基本操作方法按照所选主题与样式，完成网页的制作。?

遇到困难可以小组互助、请教老师，或者参考学案。?

小组活动：小组之间相互协助，解决困惑。?

教师活动：巡视、辅导的过程中，注意观察收集学生在制作过程中出现的困惑。?

【设计意图】让学生利用FrontPage的基本操作方法，尝试着按照所选主题与样式构建网页，在制作的过程中会遇到困难，让学生通过自主探究的过程发现问题，进而解决问题。?展示学生作品，让学生互评。?

任务三（合作探究）:首页的规划和布局?

结合课本48页-49页的“实践”利用插入表格的方法来制作一个简单的首页。?要求：各小组通过合作探究来完成，要加强小组内的合作，共同完成本任务。?

注意：图片和所需要的文字都保存在桌面:\”images“文件夹中。网页要达到美观舒适的视觉表现效果。?

制作一个简单的首页的步骤：?

1、根据收集到的信息内容，确定分类栏目：老师寄语、特长展示、奇思妙想、活动剪影?2、执行“表格—插入—表格”菜单项，插入一个3行1列的表格，并将表格的边框粗细设为0.?

3、按照栏目设置和规划设计（每个人的创意不同，可按自已的规划进行布局），在表格的第1—3行内再分别插入一个1行2列、1行4列、1行2列的表格，以放置相应的内容。?4、在相应的单元格内插入文字或图片，并适当调整文字和图片的大小、字体颜色、单元格背景颜色等，以达到美观、舒适的视觉表现效果。?