网页布局-教案(可以直接使用，可编辑优秀版资料，欢迎下载）中小学信息技术学科教案第六周课时课题网页布局课型新授教学模式任务驱动教学目标知识目标表格和框架的使用能力目标培养学生利用网络获取信息的能力情感目标培养学生团结协作的精神教学重点表格和框架的使用教学难点表格和框架的使用教学手段多媒体系统教法与学法任务驱动式教学板书设计网页布局一、FrontPage2003的布局工具二、表格的使用三、框架的使用教学设想通过情景导入引发学生的学习兴趣通过学生的自主学习，合作学习和教师的适当指导完成学习任务。教学过程教学内容教师行为及设计意图学生行为及设计意图时间情景导入：制作特色网页,布局是非常关键的。说到布局，现在有两种比较常用的方法，即表格和框架。其中表格应该是最流行的方式了，随便在网上找几个网页看看，很多都是通过表格来搭建王页的。大家想不想为我们制作的王页进行合理的布局呢？师生共同爱好的话题引入教学内容，拉近师生距离,引发学生学习兴趣。听讲，对教师提出的问题给以响应。产生学习新知识、掌握新技能的兴趣3’课后反思与新学期改进一：课后反思与新学期改进二：任务驱动:布置任务下面大家可以利用网络来搜索一图片，也可以用画图程序画图，并输入合理的文字解释,制作一个漂亮的个人网页.1.布置任务，明确课堂活动目标，统一学生课堂活动。2.鼓励部学生探讨新知识听讲、明确活动目的,产生自主学习和进行创作的兴趣。5’课后反思与新学期改进一：课后反思与新学期改进二：完成任务(自主探究、协作学习）1。组织学生自主学习完成任务并根据需要给予及时提示、指导2.教师演示讲解如何创建文字和图片.1。巡视、指导自主学习及学生操作,并对发现的共性的问题进行课堂提示或指导.2.根据学生制作进度，适时进行预计要点提示。1.听讲（集体的提示和指导）2。根据任务目标,利用网络进行自主学习和合作学习20’课后反思与新学期改进一：课后反思与新学期改进二：评价交流：1。同学之间相互观看一下别人的网站2.同学分组讨论本节课中所学到的新知识,选代表总结发言，教师进行必要的引导及补充。1.组织学生演示操作过程，组织学生评价，并对学生进行适当的鼓励。2.组织学生讨论和总结发言，并对学生没有提出的知识点进行补充，进一步巩固学生所学知识1.演示讲解操作2。分组讨论3.总结新知识4.听讲教师补充12课后反思与新学期改进一：课后反思与新学期改进二：强化练习请同学们自己创建几个网页并建立相互的链接关系,制作自己的小型网站.1布置练习任务，指导学生进行操作练习。2.巡视了解学生练习情况，对共性问题集体指导。1。独立或合作完成练习任务。2。听讲：教师对共性问题的讲解5'课后反思与新学期改进一:课后反思与新学期改进二：网页制作评分表平时(30％)：报告（14%）：设计（56%)：得分：姓名：学号：班级：网页主题：页数：网页制作技术使用情况之静态网页部分1、表格定位技术表格数：2、框架定位技术框架数：3、导航条制作个数：4、菜单制作个数:5、多媒体技术的使用情况Photoshop加工的图片数:自己作flash动画数:插入的视频数:插入的音频数：6、是否使用了层技术层数:7、其他技术使用介绍:网页制作技术使用情况之动态网页部分1、表单技术的使用：在第页2、JavaScript脚本脚本数：在第页3、VBScript脚本脚本数:在第页4、交互式网页（ASP或JSP技术）制作数：5、建立的数据库数:《网页制作技术》课程综合设计任务书一、设计目的:巩固网页设计这门课所学的知识，利用网页设计软件相关工具，如DREAMWEAVER等，制作一个网站。二、设计要求及内容：利用学习过的网页设计软件、技术和方法设计一个主题鲜明、内容健康的网站；掌握规划单个网页的栏目、布局设计，掌握网站各网页间的链接结构设计、导航设计,网站目录结构设计；掌握在网页中输入、设置各种网页元素的方法;要求网页中包含超链接、图片、特效、背景音乐、Flash动画、或视频等网页元素。其中图片、图像采用JPEG、PNG、GIF格式，动画采用GIF或Flash格式（SWF)；选做内容:申请免费空间（含域名）、上传网站，动态网站开发；（评分参考)用Word字处理软件撰写出相应的报告论文.三、作品评分要点:界面友好、运用多种技巧或方法（不局限于上课内容）；布局合理、色彩和谐；设计新颖(题材、动画、图片制作等）.四、课程考核方式平时考核成绩占总成绩的30%;作品评价占总成绩的56%；网页制作报告评价占总成绩的14％。信息学院计算机教学研究所2021.10。10中南大学网站制作技术综合设计报告主题学生姓名学生学号专业班级学院指导教师信息学院计算机基础教学