DreamWeaver 网页设计与制作 说课PPT 说课模板

网页设计与制作计算机系

南京技师学院

DreamWeaver 网页设计与制作 说课PPT 说课模板

主要内容

1 2 3 4 5

课程设置 教学对象分析 教学内容 课程实施条件 教学实施—教学单元、方法、考核

http://

DreamWeaver 网页设计与制作 说课PPT 说课模板

课程设置本课程是计算机应用专业网络技术方向的专 业主干课程。 公司推出的“ 业主干课程。是Adobe公司推出的“网页制 公司推出的 作三剑客”之一。 作三剑客”之一。本课是集理论与实践于一 体的综合应用课程。通过学习， 体的综合应用课程。通过学习，使学生掌握 网站建设的基本方法， 网站建设的基本方法，掌握网页制作工具的 使用方法和技巧，培养学生管理、设计网站 使用方法和技巧，培养学生管理、 的能力。 的能力。

http://

DreamWeaver 网页设计与制作 说课PPT 说课模板

课程设置——课程性质 对WEB设计师和网络美工的工作过程进行分解分析， WEB设计师和网络美工的工作过程进行分解分析 设计师和网络美工的工作过程进行分解分析， 确定该岗位的核心能力。 确定该岗位的核心能力。 将核心能力整合提升为对应的课程， 将核心能力整合提升为对应的课程， 构建出以工作体系为基础的课程体系。 构建出以工作体系为基础的课程体系。

网站规划

网站制作

网站维护与管理

http://

DreamWeaver 网页设计与制作 说课PPT 说课模板

课程设置——前导课程与后续课程企业网站设计 动态网站设计

DreamWeaverCS PhotoshopCS 计算机应用计 算 机 应 用 PS DW

http://

DreamWeaver 网页设计与制作 说课PPT 说课模板

课程设置——课程设计思路 以职业岗位为导向，以素质为基础，突出能力目标。以学 以职业岗位为导向，以素质为基础，突出能力目标。 生为主体，以项目为载体，以实训为手段，设计知识、 生为主体，以项目为载体，以实训为手段，设计知识、理 实践一体化的课程。 论、实践一体化的课程。 全面培养学生的“自我学习能力”,以保证学生的持续发 全面培养学生的“自我学习能力” 展能力

精先课程内容

设计教案案例

构建项目模板

组织教学活动

考核职业能力

http://

DreamWeaver 网页设计与制作 说课PPT 说课模板

教学对象——中职学生分析学习准备情况分析 学业基础差 学习自觉性低 厌学情绪大 改变“满堂灌”的状况，贯穿“精讲多练” 改变“满堂灌”的状况，贯穿“精讲多练”的原则

学习风格分析 重视职业技能的训练，重视实践环节锻炼 重视职业技能的训练， 调动学生学习积极性，突出操作环节， 调动学生学习积极性，突出操作环节，提高学生的动手能 力和创新意识

http://

DreamWeaver 网页设计与制作 说课PPT 说课模板

教学内容掌握知识 掌握单项技能 掌握综合技能 练成解实际问题的技能

以企业对网站设计能力需求为导向，以学生感兴趣的网站 以企业对网站设计能力需求为导向， 为实例将相关知识点分解到实际项目

中。 为实例将相关知识点分解到实际项目中。 选择实用性、趣味性强的教学实例进行分析、讲解。 选择实用性、趣味性强的教学实例进行分析、讲解。http://

DreamWeaver 网页设计与制作 说课PPT 说课模板

教学实施以学生为主体，以教师为主导， 以学生为主体，以教师为主导，以具体项目 为载体。 为载体。 课程内容和教学要求以项目任务为单元来展 倡导精讲多练、 开。倡导精讲多练、教学做一体化的教学模 式。 使学生熟悉软技开发的工作流程， 使学生熟悉软技开发的工作流程，能完成相 关岗位的工作任务， 关岗位的工作任务，获得个性发展与工作岗 位需要相一致的职业能力。 位需要相一致的职业能力。

http://

DreamWeaver 网页设计与制作 说课PPT 说课模板

教学单元设计

情景导入

分析讲解

举一反三

总结提高

情景导入

选取学生感兴趣的一些个人主页进行演示， 引导学生分析页面的风格、组成，剖析网页 制作的基本方法和步骤，指导学生由浅入深 掌握网页制制作的基本方法。

http://

DreamWeaver 网页设计与制作 说课PPT 说课模板

情景导入

这个页面漂亮 吗？是如何做 出来的呢？

http://

DreamWeaver 网页设计与制作 说课PPT 说课模板

教学单元设计

情况导入

分析讲解

举一反三

总结提高

分析讲解

通过情景导入法，“教师做，学生模拟” , 实现从知识点到实际操作技能的转变 。

http://

DreamWeaver 网页设计与制作 说课PPT 说课模板

分析讲解——如何规划网站站点目录就是对站点进行规划，就相当于一套住房首 站点目录就是对站点进行规划， 先要分出每个房间的用途功能一样。 先要分出每个房间的用途功能一样。 首页文件和各子页文件放在站点的根目录下， 首页文件和各子页文件放在站点的根目录下，图片文 CEO 件放在指定的文件夹(images)下 件放在指定的文件夹(images)下，各素材分门别类 放到相应的文件夹中。 放到相应的文件夹中。http://

Index.html

imagesLocalhost Upload Images Images

javaScript

http://

DreamWeaver 网页设计与制作 说课PPT 说课模板

分析讲解——网页制作方法页面功能、页面风格的确定。 页面功能、页面风格的确定。 简单的页面可以用直接输入法制作；也可以用表格、 简单的页面可以用直接输入法制作；也可以用表格、 框架、层和表单来制作。(根据客户不同的需要) 框架、层和表单来制作。(根据客户不同的需要) 。(根据客户不同的需要 CEO 创建文件和图像文件夹 添加文本、空格、图像 添加文本、空格、 编辑文本样式 使用代码制作图文网页

http://

DreamWeaver 网页设计与制作 说课PPT 说课模板

教学单元设计

情况导入

分析讲解

举一反三

总结提高

举一反三

配备与知识点相对应的网页项目， 配备与知识点相对应的网页项目， 学生通过项目实习过程后， 学生通过项目实习过程后，能牢 固的掌握网页制作的技术。 固的掌握网页制作的技术。http://

DreamWeaver 网页设计与制作 说课PPT 说课模板

举一反三请同学们自己做一个个人主页，应包含以下内容： 请同学们自己做一个个人主页，应包含以下内容：1.主页中的导航按钮至少包括个人简介，个人作品展示，学习园地等。 主页中的导航按钮至少包括个人简介，个人作品展示，学习园地等。 主页中的导航按钮至少包括个人简介 2.个人简介，包括文字和图片 个人简介， 个人简介 3.个人作品把自己所做的 个人作品把自己所做的Flash、PS 图片和 图片和fireworks图片展示。 图片展示。 个人作品把自己所做的 、 图片展示 4.学习园地，包括学习资料和学习经验交流。 学习园地，包括学习资料和学习经验交流。 学习园地

http://