［精品］DreamWeaver_网页设计与制作说课模板.ppt

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