71页面规划.docVIP

第七单元 制作“专业教程”网页 任务一 页面规划 一、提出任务 1．任务目标 ⑵ 掌握设计层结构。 ⑶ 理解Div标签的作用。 ⑷ 掌握为Div命名。 2. 能力目标 能够熟练地根据网页效果图或客户需求，分析页面布局，设计层结构。 3. 情感目标 正确看待自己在团队中的作用，提高团队协作能力。 三、教学分析与准备 1. 教学重点 ⑴ 根据网页效果图或客户需求，分析页面布局。 ⑵ 根据页面布局设计层结构。 2．教学难点 3. 教学方法 提出任务并带领学生进行分析，通过分析形成解决问题的思路，通过提醒化解解决问题过程中遇到的问题，通过举一反三拓展对知识点的认识与理解。 4. 课时安排 2课时. 教学环境 ２．设计层结构 根据页面布局结构图，设计层结构： 通过完成本任务学习了页面规划的方法与步骤，重点掌握根据页面效果图分析页面布局。 请使用本任务所学知识，对下图所示的网页效果图进行分析，规划出合理的页面布局，画出对应的页面布局结构图，并为页面布局结构图中各部分进行命名。 整个网页效果图分为几部分，每部分又可以如何细分，以长方形表示出来。 每组4名同学，组长组织成员根据网页效果图讨论网页布局。 组织不同组的同学互相评论对方完成任务的优缺点。 教师对每组同学完成任务情况进行总结，对完成任务的表扬，对没有完成任务的鼓励，并帮助他们分析没有完成的原因。可以根据每组任务完成情况结合自评与互评情况给出每组的成绩。 1. 请使用本任务所学知识，对下图所示的网页效果图进行分析，规划出合理的页面布局，画出对应的页面布局结构图，并为页面布局结构图中各部分进行命名。 教师提出问题，学生一起回答，教师总结。 学生演示过程中教师及时点评，并补充其他操作方法。 力求通过任务导入，吸引学生学习兴趣。 学生分组讨论分析整张网页分为几部分，每部分可以如何细分。 学生分组讨论如何为层命名，能表示层的位置和所放内容。 教师作为引导者和组织者，学生分组上机操作，完成相应任务并进行评价。 3 headerleft header 　/*部*/ body 　/**/ container 　/*页面层容器*/ mainright　 main /*主体*/ mainleft maintop maindown maincenter maintop maindown footer　/*底部*/