《网页设计电子教案项目备课.docxVIP

项目一 网页概述【项目描述】在学习制作一个网页之前，首先应该了解一些网页和网站的基本知识，培养对网页设计与制作这门学科的兴趣，了解常用的网页制作工具，熟悉网站开发的工作流程。【教学目标】师生互动，讲解网页设计与制作这门学科的发展前景，培养起学生的兴趣。了解Web的起源、特征和基本结构。掌握web的常用术语。了解网页制作工具，掌握红蜻蜓抓图软件和Microsoft Office Visio 2007的基本功能。熟悉网站开发的工作流程。浏览器与HTML。【项目分配】任务一 讲解网页设计与制作这门学科的发展前景。（1课时）任务二认识网页制作软件。（1课时） 任务三网站规划。（2课时）任务四Web简介。（1课时） 任务五 用html代码编写“我的第一个网页”的网页。（1课时）任务二认识网页制作软件（1课时）一、【教学目标】知识目标：通过介绍网页制作软件三剑客FrontPage、Fireworks、Dreamweaver各自的功能以及优缺点后，带领学生认识并学会使用红蜻蜓抓图软件和Microsoft Office Visio 2007的基本功能。技能目标：选择一个网页，教学生使用红蜻蜓抓图软件，分结构的把网页各部分抓到Microsoft Office Visio 2007页面中，完成网页的布局，为下一任务的学习打下坚实的基础，要求每位同学完成一个网页抓图、布局。情感目标：通过本次学习后，能培养学生对网页制作软件的进一步了解，增强学生学习网页设计的兴趣和欲望，熟知网页制作软件给我们设计网页带来的便捷。二、【教学重点】1．认识网页制作软件三剑客FrontPage、Fireworks、Dreamweaver各自的功能以及优缺点。2．认识并学会使用红蜻蜓抓图软件和Microsoft Office Visio 2007的基本功能。三、【教学难点】学会使用红蜻蜓抓图软件和Microsoft Office Visio 2007的基本功能。四、【教学过程】 （一）明确项目任务（包括了导入项目任务和布置项目任务）上节课，我们介绍了网页起源以及其基本组成部分，请同学来回答一下网页的基本组成部分有哪些？（在电脑上展示一张下载好的网页）大家想不想知道这些网页的各个部分是用什么软件制作的？今天我们一起学习吧！（二）制定项目实施计划（项目实施）1．教师讲解示范：步骤1：介绍网页制作软件三剑客falsh、Fireworks、Dreamweaver各自的功能以及优缺点后，向学生示范安装红蜻蜓抓图软件和Microsoft Office Visio 2007。步骤2：安装好红蜻蜓抓图软件和Microsoft Office Visio 2007后，红蜻蜓抓图软件的图标在桌面，带领学生一起找到Microsoft Office Visio 2007，并启动两软件。2．学生活动：教师演示完步骤后交由学生完成，教师做好对学生的辅导检查，对做的好的学生给予鼓励。教师最好是先将学生进行分组，让有基础的学生做好带头作用充当小老师，这样也减轻了教师的辅导量。待大部分学生做完后开始下一步讲解。3．教师讲解示范：打开一个网页（下载好的电子科大的网页），用红蜻蜓抓图软件，分别把网页的logo、导航条、横幅、版面文字内容、版尾板块抓图下来，并分别以图片保存下来。4．学生活动：让学生选择任意网页进行抓图保存。教师做巡查和辅导，对后进生进行手把手操作示范，充分鼓励学生自主完成作业，鼓励组长帮助组员。5．老师讲解示范：在Microsoft Office Visio 2007窗口，单击菜单中“文件”，鼠标移到“新建”上，在列表中选择“网络”的“网站图”；把事先保存好的图片合理布局到Visio 文件中；保存绘图文件：快捷键ctrl+s或者单击菜单中“文件”，点击“保存”选项，把绘图文件（.vsd）保存到个人文件夹下。6．学生活动：学生根据自己裁剪的图片，合理安排布局。教师做好指导，督促所有学生都能完成任务。五、【练习巩固发展】找张自己喜欢的网页，根据网页基本组成部分裁剪，并在Visio 中完成网页的布局。六、【评价与反思】本次上课，学生们学会了在Visio 中完成网页的布局，但是Visio功能强大，在上课过程中我也没有对此知识点进行扩充，导致学生用起这个软件一知半解的。七、【学生作业及上交】未布置作业。任务三网站规划（2课时）一、【教学目标】知识目标：熟悉网站开发的工作流程，自行设计一个网站页面的链接图。学习网站制作流程，带领学生确定网站的主题与名称，怎样收集材料，规划好自己的网站。技能目标：基本了解网站的制作步骤，为下一任务的学习打下坚实的基础，要求每位同学完成网站的主题与名称的确定，并构思网站有几个怎样的页面组成，学会布局网站基本的链接图。情感目标：通过本次学习后，能培养学生对网页制作软