网页设计制作说课PPT.ppt

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