网站建设教学设计.doc

网站建设教学设计江西省瑞金第一中学 杨小勇一、教学内容分析：这节课的教学内容为上海科技教育出版社高中信息技术（选修3）网络技术应用第四章第二节“网站建设”，本节是在第一节给出的“我爱我校”网站建设实例的基础上，详细介绍利用Frontpage2003建设网站的主要步骤。通过学生的自主探究，科学研究的方法，发展创新意识，动手能力。二、教学对象分析：本节课授课的对象为高二学生，在前阶段的学习，学生已经初步掌握了文字、图片、声音、视频等多媒体信息的简单加工和处理技术，并且已经利用WORD进行过小报的制作。经过第一课时的学习，学生初步了解信息集成的一般过程，知道了选题立意及设计规划的重要性，确定自己的选题，并在纸上做了初步规划，素材已经按照要求存放，大多数学生对网站制作表现出很强的兴趣。三、教学设计思想与策略：设计思想： 1、借助学习网站，改变学生的学习方式，以自主学习为主，培养学生实践上机能力，教师组织引导为辅，培养学生自学、动手、动脑的能力，课堂教学中采取自主学习，交流学习，任务驱动以及引领展示的模式，课的内容由案例欣赏，模仿制作，原创作品三部分构成。2、利用学习网站，改变传统的作品上传及评价模式。教学策略：通过展示“我爱我校”网站建设案例，激发学生的学习兴趣，将制作过程分解为若干任务，通过学生自主探究，老师适时引导的方式完成整体网站的制作，然后根据所学知识自主选题，完成自已的作品创作。四、教学目标1、知识与技能：（1）掌握建设网站的流程。（2）学会利用FrontPage 2003建立站点，掌握网页制作的基本方法：文字的插入、图片的插入和设置、动画的插入和设置、表格的相关操作等。（3）掌握用Frontpage制作超链接的方法。（4）掌握动态表现网页和表单的制作方法。2、过程与方法：以任务为驱动，以学习网站作为技术支持，让学生在自我探索、自我学习中完成任务，掌握网页制作的基本方法，并体会整体规划的重要性。3、情感态度与价值观：（1）通过学习和实践，培养了对建设网站的兴趣和主动探索的精神。（2）通过与小组其他同学的密切配合，培养团队协作的精神。（3）学会欣赏他人的劳动成果，给出中肯的评价意见，提高艺术修养和审美情趣。五、教学重点、难点教学重点：熟悉Frontpage2003基本操作，引导学生掌握建设网站的一般流程和常用方法，激发学生的求知欲。教学难点：1、对“框架”的理解和使用。2、表单的制作与提交。六、教学方法与手段1、任务驱动法将FrontPage2003的基本操作学习隐含在任务中。避免了枯燥的技能训练，利于学生循序渐进地学习信息技术的知识和技能，让学生在学习任务中，自已在网站上浏览帮助、尝试操作、主动探究。教师在整个过程中起到组织、引导、协调、控制、咨询的作用。2、案例分析法通过展示“我爱我校”网页作品，在教师的引导下，学生注意观察并分析网页的组成元素及组织方式，了解页面布局，为自己的网页制作打下基础。七、教学准备1、素材准备： （1）教师课前准备简介自己的材料。事先用word制作一份自我介绍的文档，也可以用PowerPoint制作一组幻灯片，或者用flash制作一段动画，或者录制一段视频。（2）案例素材已发送到学生电脑桌面。（3）自主选题素材从学习网站上下载。2、学习网站：学习任务与指导、案例网站赏析、作品上传、作品评价。八、教学过程：导入：展示“我爱我校”布局网页，进行分析，引入今天授课的主题，如何制作自己布局的包含小组相关主题的页面。如：新授：第一步：【初识FrontPage】Microsoft FrontPage，简称FP，是微软公司推出的一款网页设计、制作、发布、管理的软件。 FrontPage由于良好的易用性，被认为是优秀的网页初学者的工具。FrontPage的版本不断升级，目前一般常用的是FrontPage2000或FrontPage2003。Microsoft FrontPage2003 工作界面如下：FrontPage软件具有如下特性：所见即所得集成了编辑、代码、预览三种模式于一体与Microsoft Office各软件无缝连接良好的表格控制能力继承了Microsoft Office产品系列的良好的易用性创建只包含一个网页的个人网站 单击开始程序Microsoft FrontPage2003。单击文件新建，选择“其他网站模板”，出现对话框。在对话框中单击“个人网站”图标，然后在“指定新网站的位置”处，输入文件夹名，单击确定。双击画面中的“index.htm”，即可编辑主页页面，FrontPage2003 的初步使用非常简单，可以在页面填加文、图片等等对象。页面编辑完成后注意保存，保存完成后单击文件浏览，即可查看刚刚编辑的主页。第二步：【任务驱动，探索新知】任务一：新建站点：（教师演示）1、 建立网站所在的文件夹在本地盘中新建一文件夹如“e:myschool”。站点就是一个文件夹，用来保存放网页和网页素材的。2、 创建一个空站点“文件/新建”“其它网站模板”弹出“网站模板”窗口“空站点”模板“指定新站点的位置”输入“e:myschool”“确定”。3、 准备建点素材将准备好的建站图片文件放到“e:myschoolimages”文件夹下，并查看各图的文件大小规格。任务二：创建网站的主页1、 创建框架 “文件/新建/网页” “其它网站模板” 弹出“网页模板”窗口“框架网页”“自顶向下的层次结构”模板“确定”。2、 创建网页依次在上、中、下框架中单击“新建网页”按钮，为每一个框架建立一个网页。3、 保存页面“文件/保存文件”分别用不同名保存上面三个新建的网页。new_page_2.htm，new_page_3.htm，new_page_4.htm，index.htm。4、 设置框架属性和网页属性（老师演示）框架属性设置。网页属性设置。请