网页设计与制作说课PPT学习课件.ppt

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