网页设计与制作说课.pptxVIP

网页设计与制作第一页，共二十四页。主 要 内 容1课程设置2教材分析3教学实施—教学单元、方法4学生学习分析第二页，共二十四页。课程设置本课程是电子商务专业网络技术方向的专业主干课程。是Adobe公司推出的“网页制作三剑客”之一。本课是集理论与实践于一体的综合应用课程。通过学习，使学生掌握网站建设的基本方法，掌握网页制作工具的使用方法和技巧，培养学生管理、设计网站的能力。第三页，共二十四页。课程设置——课程性质对WEB设计师和网络美工的工作过程进行分解分析， 确定该岗位的核心能力。将核心能力整合提升为对应的课程。构建出以工作体系为基础的课程体系。网站制作网站规划网站维护与管理第四页，共二十四页。课程设置——前导课程与后续课程动态网站设计DreamWeaverflashDWPhotoshop计算机应用flashPS计算机应用第五页，共二十四页。课程设置——课程设计思路以职业岗位为导向，以素质为基础，突出能力目标。以学生为主体，以项目为载体，以实训为手段，设计知识、理论、实践一体化的课程。全面培养学生的“自我学习能力”，以保证学生的持续发展能力精选课程内容构建项目模板考核职业能力设计教案案例组织教学活动第六页，共二十四页。教材分析 本课程选用的是清华大学出版社出版的《网页设计与制作》 本书简单易懂，对中职高专学生来说都比较适用。第七页，共二十四页。教材分析电子教材自编项目网络项目课件参考教材有：1、《Dreamweaver 网页设计》2、《Dreamweaver网页设计与实训教程》3、《计算机图形图像处理Photoshop》4、《Flash网页动画编程》5、 网上资料第八页，共二十四页。教学内容掌握知识掌握综合技能练成解实际问题的技能掌握单项技能以企业对网站设计能力需求为导向，以学生感兴趣的网站为实例将相关知识点分解到实际项目中。选择实用性、趣味性强的教学实例进行分析、讲解。第九页，共二十四页。教学实施以学生为主体，以教师为主导，以具体项目为载体。课程内容和教学要求以项目任务为单元来展开。倡导精讲多练、教学做一体化的教学模式。使学生熟悉软件技术开发的工作流程，能完成相关岗位的工作任务，获得个性发展与工作岗位需要相一致的职业能力。第十页，共二十四页。教学方法设计难点重点 在教学过程中，培养学生以客户需求为导向，分析网站的风格和功能，使用合适的方法完成相应功能培养学生的网页设计能力以及再学习能力和创新能力第十一页，共二十四页。教学方法设计理论教学使用案例驱动教学法。概念采用类比法讲解练习基于榜样的教学方法任务陈述 知识点讲解 教师示范 指导练习 教师点评 Learning Cycle演示总结Company Logo第十二页，共二十四页。学生学习分析学习准备情况分析 学业基础差 学习自觉性低 厌学情绪大改变“满堂灌”的状况，贯穿“精讲多练”的原则学习风格分析 重视职业技能的训练，重视实践环节锻炼调动学生学习积极性，突出操作环节，提高学生的动手能力和创新意识第十三页，共二十四页。选取学生感兴趣的一些个人主页进行演示，引导学生分析页面的风格、组成，剖析网页制作的基本方法和步骤，指导学生由浅入深掌握网页制作的基本方法。情景导入学生学习分析分析讲解举一反三情景导入总结提高第十四页，共二十四页。情景导入这个页面漂亮吗？是如何做出来的呢？第十五页，共二十四页。通过情景导入法，“教师做，学生模拟” ，实现从知识点到实际操作技能的转变 。 分析讲解学生学习分析分析讲解举一反三情况导入总结提高第十六页，共二十四页。分析讲解——如何规划网站站点目录就是对站点进行规划，就相当于一套住房首先要分出每个房间的用途功能一样。首页文件和各子页文件放在站点的根目录下，图片文件放在指定的文件夹（images)下，各素材分门别类放到相应的文件夹中。Index.htmlimagesjavaScript第十七页，共二十四页。分析讲解——网页制作方法页面功能、页面风格的确定。简单的页面可以用直接输入法制作；也可以用表格、框架、层和表单来制作。（根据需求不同自主选择）创建文件和图像文件夹添加文本、空格、图像编辑文本样式使用代码制作图文网页第十八页，共二十四页。配备与知识点相对应的网页项目，学生通过项目实习过程后，能牢固的掌握网页制作的技术。 举一反三学生学习分析分析讲解举一反三情况导入总结提高第十九页，共二十四页。举一反三请同学们自己做一个个人主页，应包含以下内容：1.主页中的导航按钮至少包括个人简介，个人作品展示，学习园地等。2.个人简介，包括文字和图片3.个人作品把自己所做的PS和Flash 图片展示。4.学习园地，包括学习资料和学习经验交流。第二十页，共二十四页。举一反三——方法探讨同学们积极思考，各抒己见，得出以下方法：整体布局可用表格或框架确定各功能区的大小。导航按钮可