高中信息技术选修3教案-4.2.2 网页的版面设计-粤教版

《网页导航栏的设计》教学设计 一、教学内容分析 本节选自粤教2003课标版选修3《网络技术应用》第四章《网站的开发》4.2.2《网页的版面设计》的内容。对这一章节的内容，我校采用“基于项目的学习”这种学习模式，设计了校本课程《原创主题网站设计》。本节是校本课程中《网站栏目页版面设计》的第二课时，要求学生依据“小组网站设计规划书”的栏目设计分工，完成个人所负责的栏目页版面中的导航栏设计。 本节课的学习内容分为网站导航栏的形状样式设计及菜单文本编辑和优化两部分，细化为四个任务： 1.利用圆角矩形工具绘制网页导航栏 2.利用文本工具添加导航栏的文字并美化 3.利用自定义图案美化导航栏 4.添加小图标美化导航栏效果 学生通过教师要点讲解，了解导航栏的制作思路，在实践过程中通过观看Moodle平台中的微课，实现个人栏目页的导航栏设计。经过本课的学习，学生可在课堂上利用Photoshop软件，根据小组的原创主题网站策划要求，完成栏目页导航栏设计，并把本节课的设计思想与方法迁移到文章页及主页设计图的制作中。 二、教学对象分析 1.本节课的教学对象是高一的学生，具备一定的自学能力，能通过教师的引导或微课的学习独立完成任务。 2.通过前一阶段的学习，学生对网站的层次结构有具体的理解，并明确了小组原创网站的标题及栏目，为本节导航栏的制作做好了充分的准备。 3.经过上一节课的学习，大多数学生已经初步尝试利用Photoshop软件在网页模板的基础上删减模板上多余的元素，并按策划为网页添加了标题和主题图片。 4.虽然已经利用Photoshop软件为网页添加了标题和主题图片，但大多数学生对Photoshop的具体操作并不熟练，不擅长使用图层、选区、文本、形状等工具，更缺少使用图形、颜色、构图等技巧构建网页版面的经验。 针对以上情况，分任务录制了微课，让不同水平的学生根据需要自主学习完成任务，同时示范讲解设计过程中的关键步骤，以突破教学过程中的重难点，从而提高课堂的效率。 三、教学目标分析 【知识与技能】 （1） 掌握在新建图层上使用形状工具创建导航菜单。 （2） 掌握使用文本工具完成菜单文字的编辑。 （3） 掌握使用图层样式优化菜单的图文显示效果。 【过程与方法】 （1）观赏和分析不同风格的网页版面设计实例，理解导航栏的设计原则和设计要点。 （2）学习并理解Photoshop相关设计技巧，根