Dreamweaver网页设计与制作教学探讨
中图分 类号 ：Ｇ １ ７２
文 献标 识码 ：Ｂ
文 章编 号 ：１ ７—８ Ｘ ２ １） １０５— ２ ６ １４ ９ （０２ ２— ０６ ０
Ｄ Ｃ Ｓ ｎ ｏ ｒ ａ ｗ ａ ｅ Ｗ ｂ ａ ｅ Ｄ ｓ ｎ ａ ｄ Ｍ ｋｉｇ ／ ｈ ｎ Ｆ ｎ ｑ ｎ Ｕ Ｓ ｎ Ｄ ｅ ｍ ｅ ｖ ｒ ｅ ｐ ｇ ｅ ｎ ａ ／ Ｃ ｅ ｅ ｇ ｉ ｉ Ｓ ｉ ｏ ｉ ｇ ｎ
以真 实工 作任 务或 社会 产 品为 载体 。
的 问题 。笔 者 结合 自己 的实 际 教 学 经验 来 谈 几 点 看 法 。
２教学内容 的选取
广 州科 技 贸 易职 业 学院 Ｄ ｅｍ ｅ ｖ ｒ ｒ ａ ｗ ａ ｅ 网页 设 计与 制 作 安 排 的学 时 数是 ５ 学 时 。在 教 学 过 程 中 选取 典 型 的 、使 ４
Ａｂ ｔｒ ｏ Ｄ ａ ｗｅ ｖ ｒ ｓ ａ ｔ ｒｅ ｍ ａ ｅ Ｗｅ ｐ ｅ ｂ ａｇ Ｄｅ ｇ ａｎ Ｍａ ｎ ｉ ａ ｏ ｎｄ ｔｉ ｎ ｏ ｓ ｏ ｃ ｍｐ ｅ ｐ ｏｆ ｓｓ ｏ ａ１ ｓｉ ｎ ｄ ｋｉ ｇ ｓ ｆ ｕ ａ ｏ ｃ ｕｒ ｅ ｆ ｏ ｕｔ ｒ ｒ ｅ ｉ ｎ ． Ｔ ｓ ｈｉ ｐａ ｅ ｓ ｕ ｅ ｔ ｅ ｏ ｒｓ ｔ ａ ｈｉ ｇ ｐ ｒ ｔ ｄｉ ｓ ｈ ｃ ｕ ｅ ｅ ｃ ｎ ｍｅ ｈｏ ｃ ｍ ｎ ｄ ｔ ｄ ｏ ｂｉ ｅ ｗｉ ｈ ｔ ｔｈ ｐ ａｃ ｃ ｔ ａｃ ｎｇ ｘ ｒｉ ｃ ｅ ｒ ｔｉ ａｌ ｅ ｈｉ ｅ ｐｅ ｅｎ ｅ． Ｉ ｔ
２ １年 ７ 下 第２ 期 （ ０２ 月 ｌ 总第 ２ ９ ） ７期
…
教学 园地
陈 芹 Ｄａｅ ｅ 页 计 制 教 探 凤 ：ｒ ｍ ａ ｒ 设 与 作 学 讨 ｅｗ ｖ 网
Ｋ ｙ ｗｏｒ Ｄ ａ ｗｅ ｖｅ ｅ ｄｓ ｒｅ ｍ ａ ｒ： ｗｅ ｐ ｅ ｅ ｇ ａ ｍ ｋｉ ｇ： ｃ ｍｐ ｅ ｏ ｓ ｏ ｂ ａｇ ｄ ｓｉ ｎ ｎｄ ａ ｎ ｏ ｕｔ ｒ ｐｒ ｆｅ ｓｉ ｎａｌ
Ａ ｔ ｒ ｓ ｄｄ ｅｓ Ｇ ｎ ｈ ｕ Ｖｏ ａｔ ｏ ｌ ｕ ｈｏ ’ ａ ｒ ｓ ｕａ ｇｚ ｏ ｃ ｉ ｎａ Ｃｏ ｅｇ ｏｆ ｅｃ ｎｏ ｏ ｌｌ ｅ Ｔ ｈ ｌ ｇｙ ＆ Ｂｕ ｎｅ ， Ｇ ａｎ ｈ ｕ Ｃ ｎ ５ ４４ ｓｉ ｓｓ ｕ ｇｚ ｏ ， ｈｉ ａ １１ ２
摘 要 Ｄ ｅ ｍ ｅ ｖ ｒ ｒ ａ ｗ ａ ｅ 网页设 计与 制作 是计 算机 类各 专业 的一 门专 业基 础课 。结 合 实际教 学经 验 ，探 讨该课 程 的教 学 方法 ，主 要从 课程 设计 理念 、教 学 内容 的选取 、教 学过 程 的实施 ３ 个方 面进 行 探讨 。 关键词 Ｄ ｅ ｍ ｅ ｖ ｒ 网页设 计与 制作 ：计 算机 类专 业 ｒ ａｗ ａｅ ；
一
过 程 系 统 化 理念 为指 导 ， 以教 学 做 一 体 化为 实现 途 径 ，
注 重 课 程 的 职 业 性 、 实 践性 、开 放 性 。在课 程 设计 中遵 循的理念是 ：１ ）课 程 标 准 ， 以高 级 网 页 制 作 员 在 网 页 设 计 中进 行 网页 设 计 与 制作 所 要 求 的职 业 能 力 培 养 为 主 线；２ ）内容 选 取 ， 以工 作 需求 为 目标 ；３ ）教 学 组 织 ，
以学生 为 中心 ， 以工 作 过程 为 主线 ：４）教 学 实施 ， 以实 际案 例 为场 景 ，教学 过 程在 实 训室 完 成 ；５ ）表现 形 式 ，
个 符 合 高 职 人才 培 养 目标 及 方 向 的 、熟 练 的 网 页 制作
者 和Ｗ ｂ 点 管理者 。如 何使 学生 更好 地掌 握Ｄ ｅ ｍ ｅ ｖ ｒ ｅ站 ｒ ａ ｗ ａ ｅ 设计 制 作 网 页 的技 能 ， 以适 应 社 会 的 需求 ，是 需 要 探讨
Ｄ ｅ ｍ ｅ ｖ ｒ 页设 计与 制 作是 计 算机 类各 专 业 的一 ｒ ａｗ ａ ｅ 网 门专 业 基础 课 ，该 课 程 是 一 门操 作 性 和 实 践 性 很强 的课 程 ，主要 是培 养 学生 使 用Ｄ ｅ ｍ ｅ ｖ ｒ １ 静 态 网页 的 能 ｒ ａｗ ａ ｅ ￥作 ］ 力 。通 过 课 程 的 学 习 ，学 生 能 掌握 网页 设 计 与 制作 的基 本 方 法 以及 基本 技 能 ，具 有 独立 建 设 网站 的技 能 ， 成 为
用 率 高 的工 作任 务 作 为 教 学 训 练 项 目， 并根 据 一 般 的 网
１课程设计理 念
课 程 根 据 网 页 设计 与 制 作 岗位 从业 人 员所 必 须 具 备
的 综合 能力 要 求 ， 以综合 职 业 能 力 培 养 为 目标 ， 以工 作
表 １ 模 块 、任务 情境 及涉 及知 识点
ｄｉ ｃｕ ｓｅ ｔ ｒ ａｓ ｅ ｓ ｉ ｌ ｄｉ ｇ ｏ ｅ ｏｆ ｃ ｒ ｃ ｕ ｓ ｓ ｓ ｈ ｅｅ ｐ ｃｔ ， ｎｃ ｕ ｎ ｃ ｎｃ ｐｔ ｕ ｒｉ ｕｌ ｍ ｄ ｓｉ ｎ ｓ ｅ ｉ ｎ ｅ ｇ ， ｅｌ ｃｔ ｏ ｏｆ ｔ ａ ｈｉ ｇ ｏ ｅ ， ｅ ｃ ｎ ｃ ｎｔ ｎｔ ａ ｄ ｍ ｅ ｅ ａ ｏ ｏｆ ｅａ ｈｉ ｇ ｎ ｉ ｐｌ ｍ ｎｔ ｔｉ ｎ ｔ ｃ ｎ ｐｒ ｃｅ ｓ ｏ ｓ．
５ ６
陈 芹 Ｄａ ｅｅ 页 计 制 教 探 凤 ：ｒｍａ ｒ 设 与 作 学 讨 ｅｗｖ 网
教学 园地
１． ９９ ｊ ｉｓ．６ １４９ ．０ ２２ ．５ ０ ３６ ／ ．ｓｎ １ ７—８ Ｘ２ １．１０ ６
Ｄ ｍ ｅ ｖ ａｗ ａ ｅ ｒ ｅ ｒ 网页设计与制作教 学探讨
陈凤芹 广州科技贸易职业学院 广州 ５ １ ４ １４２
Dreamweaver CS6网页设计与制作教学教案
《Dreamweaver CS6网页设计与制作标准教程》教学教案掌握互联网基础和网站建设基本流程。
掌握网站建设基础和网页设计基础。
掌握网页的制作常用软件和标准技术。
熟练掌握网站建设的基本流程。
熟练掌握网页设计基础知识。
软件的应用和标准技术。
掌握软件的工作界面和创建网站框架。
掌握管理站点文件和文件夹的方法。
掌握管理站点和网页文件头设置。
熟练掌握Dreamweaver CS6工作界面的基本操作。
熟练掌握Dreamweaver CS6的站点。
在Dreamweaver CS6中站点的建立及编辑。
第3讲掌握输入文本和设置文本属性的方法。
掌握项目符号和编号列表的创建方法。
掌握水平线、网格与标尺的使用方法。
熟练掌握文本的多种创建方法和编辑技巧。
熟练掌握项目符号、编号列表和水平线的使用方法。
能够正确输入文本并编辑相关属性。
3.1.14 设置文本样式3.1.15 段落文本3.2 项目符号和编号列表3.2.1 课堂案例——电器城网店3.2.2 设置项目符号或编号3.2.3 修改项目符号或编号3.2.4 设置文本缩进格式3.2.5 插入日期3.2.6 特殊字符3.2.7 插入换行符3.3 水平线、网格与标尺3.3.1 课堂案例——摄影艺术网页3.3.2 水平线3.3.3 显示和隐藏网格3.3.4 标尺3.4 课堂练习——有机果蔬网页3.5 课后习题——休闲旅游网页小结1、熟练掌握文本的使用方法和技巧。
2、了解并掌握项目符号和编辑列表的使用方法和技巧。
作业第4讲熟练掌握图像的插入方法。
掌握多媒体在网页中的应用。
熟练掌握图像的格式与模式。
熟练掌握Flash文件的插入与设置。
能够正确使用图像和图像的属性设置、Flash文件的格式及设置属性。
4.4 课后习题——房源网页小结1、熟练掌握图像的格式与插入方法和使用技巧。
2、掌握Flash动画的插入和属性的设置。
作业第5讲了解超链接的概念与路径知识。
掌握文本、图像超链接的创建方法。
Dreamweaver网页设计课程教学方法探讨共5页word资料
Dreamweaver网页设计课程教学方法探讨网页设计是很多高等院校计算机、计算机网络等专业开设的主要课程。
Ｄreamweaver是目前最流行的网页制作软件之一，以其较高的开发效率及对代码的完美支持，成为高校网页设计课程首选的开发工具。
如何提高Ｄreamweaver课程的课堂教学效果，培养学生的动手能力，是目前许多教学单位广泛关注的问题。
一、Ｄreamweaver网页设计课程的特点Ｄreamweaver网页设计课程的教学内容实践性较强，能极大地激发学生的参与性，锻炼学生的动手能力，培养学生的专业兴趣。
教学中一定要注意理论与实践相结合，其中实践内容是教学的主线。
学生应该有较充足的动手实践机会，能够较熟练地创作出实用的动态网页来。
理论教学服务于实践教学，实践教学反过来又作用于理论教学。
从这一点上讲，此时的课程教学相当于一个完整的项目开发，任何一个细节都是为整体服务的。
在教学过程中常有学生反映，上课能看懂、理解，不管是设计方法还是操作步骤，知其然也知其所以然，但课后就忘了，更不要说以后的实践了。
这是本课程教学的最大特点：易学易忘。
二、Ｄreamweaver网页设计课程教学方法设计1.根据任务驱动教学法进行Ｄreamweaver课程教学设计任务驱动教学法是建立在建构主义学习理论基础上的一种教学模式。
它强调学生的学习活动必须与任务相结合，以问题的探索来引导和维持学习者的学习兴趣和动机。
首先，教师应向学生布置本课程、本阶段、本单元、本节课的学习任务，要求学生带着任务和问题去学习。
Ｄreamweaver网页制作是一门实用性、操作性很强的课程。
在教学开始时，教师可推荐一些富有特色的网站供学生欣赏，将学生带入真实的学习情境中去，激发他们学习的热情，同时引导他们去思考如何建设网站、设计网页，由此确定课程的总体任务——建设一个完整网站。
然后，教师要针对课程中每一部分知识点将总体任务细分为若干大任务，如文本、图像、链接、表格、框架、CSS样式、层、时间轴、模板和库等，再将这些大任务进一步细分为一些小任务。
探索使用Dreamweaver进行网页制作的技巧
探索使用Dreamweaver进行网页制作的技巧使用Dreamweaver进行网页制作是一项技术性很强的任务。
虽然现在有很多网页设计工具可以选择，但Dreamweaver作为一款专业的网页设计和开发软件，拥有丰富的功能和灵活的界面，依然是许多网页设计师的首选。
本文将探索使用Dreamweaver进行网页制作的一些技巧，按照不同的类别进行分章节介绍。
第一章：基本界面和功能介绍Dreamweaver具有直观的用户界面和丰富多样的功能。
在这一章节中，我们将介绍软件界面的各个部分，包括工具栏、菜单栏、文件管理器等。
同时，我们会介绍一些基本的功能，例如创建和保存网页文件、预览网页等。
第二章：网页布局和排版在网页制作中，良好的布局和合适的排版至关重要。
本章节将介绍如何使用Dreamweaver进行网页布局和排版。
包括使用网格和辅助线进行布局，调整页面元素的大小和位置，选择合适的字体和字号等。
第三章：图像和多媒体元素的插入和调整图像和多媒体元素可以使网页更具吸引力和互动性。
在这一章节中，我们将介绍如何使用Dreamweaver插入和调整图像、音频和视频等多媒体元素。
同时，我们还会讨论图像的格式选择和优化，以及多媒体元素的自动播放和控制等问题。
第四章：连接和导航网页中的连接和导航功能是用户体验的重要组成部分。
在这一章节中，我们将介绍如何使用Dreamweaver创建超链接和导航栏。
我们还会讨论如何设置链接的样式和目标页面，以及如何创建下拉菜单和网站地图等。
第五章：表单和动态内容表单和动态内容是网页制作中需要注意的重点。
在本章节中，我们将介绍如何使用Dreamweaver创建表单，并进行表单元素的布局和样式设置。
同时，我们还会讨论如何使用Dreamweaver结合服务器端语言（如PHP）实现表单提交和动态内容的显示。
第六章：网页优化和调试一款高效的网页应具备良好的性能和兼容性。
在这一章节中，我们将介绍一些网页优化和调试的技巧。
探析Dreamweaver网页设计与制作的教学策略
众 所 皆知 ． 兴趣 是 最好 的 老 师 。 如 果 学生 有 浓厚 的 学 习兴趣 就会 积 极 主 动 地 学 习 ， 集 中 注意 力 ． 注 重每 一 步 操 作 的 细 节 。 因 此， 在 教 学 的过 程 中 ， 教 师要 激 发 学生 的 积极 性 ， 培 养 学 习兴趣 。 如 第 一章 介 绍 网页制 作 的基 本 内容 和 相 关操 作 步 骤 时 ．教 师 就 要 结 合具 体 的 实例 进 行 具体 讲 解 ．介 绍有 代 表 性 网站 的整 体 布 局、 网站风 格 等 网站 的 相 关 内容 。 由此 学生 就 能 触类 旁 通 ． 根 据 自己的 想 法制 作和 设 计 出意 想 中 的 网站 风格 ．从 而 产 生制 作 个 也倍 受 学生 的 青睐 。 该课 程 具 有 自身的 特 点 ． 它对 学 生 的操 作 能 人 网站 的欲 望 这份 欲 望 给 了 学生 巨大的 动 力 ． 也 是 学生 学好 网 力 和 实 践 能 力 要 求 比较 高 ． 主 要 是 要 求 学 生 能 够 熟 练 掌 握 页制 作 的前提 条件 Ｄｒ ｅ ａ ｍ ｗｅ ａ ｖ ｅ ｒ 制作 简单 的静 态 网 页 通 过使 用 Ｄｒ ｅ ａ ｍｗｅ ａ ｖ ｅ ｒ 软 ２ ． 改进 教 学方 法 ． 提 高 学生 的 动手 能 力 件 掌握 基 础 网 页设 计 与 制作 的基 本 方 法 ．综 合 所 学知 识 能 够 建 《 网页设 计与 制作 》 课 程要 求 学生 具有较 强 的动 手 实践 能力日 。 立 基本 的静 态 网站 。 成 为社 会 所 需人 才 。 因此 ， 本 文根 据 社 会 的 不仅 要 求 学 生 能 够 熟 练使 用 Ｄｒ ｅ ａ ｍ ｗｅ ａ ｖ ｅ ｒ 进 行 基 本 的 网 页制 需求 ．就 如何 使 学 生更 好地 掌握 Ｄ ｒ ｅ ａ ｍｗｅ ａ ｖ ｅ ｒ网页设 计 与 制作 作 ， 还 要 求 学 生能 够根 据所 学知 识 解 决具 体 问题 ． 能 够 灵 活运 用 进 行探 析 。 到 实际操 作 中。 １ ． 改变 教 学理 念 ． 激发 学 生 的学 习积 极性 《 网 页设 计 与 制 作 》 课 程 的教 学要 循 序 渐进 ． 首先 学习网页 根 据 社 会发 展 的要 求对 本课 程 的教 学 内容 进 行 了一定 地 调 设 计 与 制作 的基 础 知识 ． 然后 要 学 习如何 美化 网页 、 使 用各 种 工 整。 课 程教 学 内容 的调 整 必 定 涉及 到教 学理念 的改 变 由 于调 整 具进 行 操作 ． 最后 综 合 所 学 知识 制 作 一 个 简单 的 网站 ． 使 所 学知 后 的课 程 教 学 内容 主要 由 当今 实 用的 、 流行 的 新 技 术 几 个部 分 识 能够 融会 贯 通 ， 灵活运用． 这样 就 可 以有 效提 高 学生 的 整体 性 组成 ， 如 Ｈｔ ｍｌ 和ｆ ｉ ｒ ｅ ｗｏ ｒ ｋ ｓ 的使 用 ． 而 这 几 个部 分 的 内容 具 有 较 思 维能 力 ． 增 强 学生 的 动手 能 力 强 的 实用 性 、 操 作 性 。 因此 ， 教 师 讲授 时应 该 抓 住 Ｄｒ ｅ ａ ｌ Ｔ ｌ Ｗｅ ａ ｖ ｅ ｒ ３ ． 改 革考 核 方 法 这条 主 线 ， 将 课 程 内容 融 会 贯 通 ， 整 理 思路 ， 便 于 学生 接 受 和 掌 考 核 是 任 何 课 程 进 行 测 试 的一 种 方 法 ． Ｄｒ ｅ ａ ｍ ｗｅ ａ ｖ ｅ ｒ网 页 握 。 设计 与 制 作课 程 也 不例 外 改 革 考核 方 法 一 方 面 可 以帮 助教 师 《 网页设 计 与 制作 》 课 程 在 学 完理 论 知识 后 还 有 相 关 的 实验 改进 教 学方 法 ． 激发 学 生 学 习的 积极 性 日 以前 一 些操 作 性 和 实 操作ｍ 。因此 ． 教 师 在 安排 课 时 的 时候 ． 应 该采 用 四 节课 连 上 的方 践 性较 强 的课 程 也 习惯 用笔 试 的 方 法进 行 考 核 ．考核 的 内容都 式进 行 教 学 ．这 样 就能 保 证 学 生 学 习的 理 论知 识 得 到 及 时 的巩 是 一 些理 论 知识 ， 根 本 不 能 反 映 学 生对 所 学课 程 的 具 体 情 况 ． 这 固． 较 好 地 避免 上 课 听 懂 了但 实验 操 作 无从 下手 的 情 况 ． 从 而使 与 该课 程 的要 求相 悖 因此 ． 在“ 网 页设计 与 制 作” 课程 中． 要 采 学 生更 好地 掌握 所 讲 的知 识 。 提 高教 学 效 果和 水 平 ． 也 激发 了 学 用 多种 考核 方 式 ． 把 学 生 的成 绩分 为三 部 分 。 分 别 为 平 时 考 查 成 生 的 学 习积 极 性 为 了具 体 的说 明这 一 点 ． 就 举 一 个 实例 ． 如网 绩、 综 合作 业 、 期 末 考试 页 中需要 在 表 单 中插 入 两 行 两 列 的表 格 就 需要 以 下 Ｈｔ ｍｌ 语 言 考 查成 绩 主 要 是 根 据 学 生在 上 实践 课 时 的 表 现 来 评 定 ． 此 和代 码 来 实现 ： 部分成绩 占３ ０ ％：综合 成 绩 则 以 学生 在 规 定 的 实 时 间 内完 成 的 ＜ｈｅ ａ ｄ＞ 设 计 方案 来 考 查 学 生的 动 手 实践 能力 ．教 师 根 据 学 生 的设 计 方 ＜ ｉ ｔ ｄ ｅ ＞ 标题＜ ／ ｉ ｔ ｄ ｅ ＞ 案 评 定 学 生的 综 合 成绩 ．评 价 学 生的 专 业技 能 ．这部 分成 绩 占 ＜／ ｈｅ ａ ｄ＞ ３ ０ ％； 最后 是 期 末 上机 考 试 的成 绩 ， 考试 形 式 为 开卷 式 ． 只对 最终 主 体 部 分＜ ｂ ｏ ｄ ｖ ＞ 网 页的 制作 效 果提 出要 求 这 样 学生 就 能根 据 自己的 想 法设 计 ＜ｆ ｏ ｔ ｉ ｎ ａ ｃ ｔ ｉ ｏ ｎ＝” ’ ’ ｍｅ ｔ ｈｏ ｄ ＝’ ’ ”ｎａ ｍｅ ＝” ｆ ｏ ｒ ｍｌ ” ｉ ｄ ＝’ ’ ｆ ｏｒ ｍｌ ’ ’ ＞ 出不 同风格 的、 有 自己个 性 的 网站 ．提 高 学生 的 整体 思 维性 能 ＜ｐ＞＆ｎ ｂｓ ｐ； ＜／ ｐ ＞ 力． 最终 的 考核 质 量作 为 学 生的 考 试成 绩 ， 占总成 绩 的 ４ ０ ％。 ＜ｔ ａ ｂｌ ｅ ｗｉ ｄｔ ｈ＝’ ’ ’ ’ ｂｏ ｒ ｄ ｅ ｒ ＝’ ’ ”ｃ ｏｌ ｏ ｒ ＝’ ” ’ ＞ 总之 ． 改革 Ｄｒ ｅ ａ ｍｗｅ ａ ｖ ｅ ｒ 网 页设 计与 制 作 课程 的考 核 方 法 ． ＜ｔ ｒ ＞ 有 利 于 激发 学生 的 学 习积 极 性 ． 培 养 学 生 的 学 习兴趣 ． 提 高 学生 ＜ｔ ｄ＞＆ｎｂｓ ｐ； ＜／ ｔ ｄ ＞ 的整 体 思 维性 能 力 ．进 一 步提 高 学生 的 动 手 能 力和 实际操 作 能 ＜ｔ ｄ ＞＆ ｎ ｂｓ ｐ；＜／ ｔ ｄ＞ 力． 从 而提 高随着现代信息技 术的发展 ， Ｄｒ ｅ ａ ｍｗｅ ａ ｖ ｅ ｒ网页设 计与制作 与网站建立的联 系越来越 密切 ， 因此 Ｄｒ ｅ ａ ｍｗｅ ａ ｖ ｅ ｒ 网页设计
《网页设计与制作Dreamweaver CS6》电子教案
XXX中等职业学校教案
适用年级： XXX 课程名称：网页设计与制作 Dreamweaver CS6 任课教师： XXX
XXXX学校计算机专业组制
第1-4课时讲授2学时实践2学时
第5-10课时讲授2学时实践4学时
第11-16课时讲授2学时实践4学时
第16-21课时讲授2学时实践4学时
第22--27课时讲授2学时实践4学时
第28-37课时讲授4学时实践6学时
第38--41课时讲授2学时实践2学时
第41--50课时讲授4学时实践6学时
第51--56课时讲授2学时实践4学时
第57--60课时讲授2学时实践2学时
第61--68课时讲授4学时实践4学时
第69--74课时讲授2学时实践4学时
第75--80课时讲授2学时实践4学时
第81--90课时讲授4学时实践6学时
第91--94课时讲授2学时实践2学时。
Dreamweaver MX 网页设计与制作教案DW (5)
6.F12查看生成网页
7.层和表格之间转换
电子教案
课程
DreamweaverＭＸ网页设计与制作
任课教师
课
题
图像映射、层的使用
班级
16电商
人数
19
课堂类型
实践
教学方法
多媒体与课堂讲授相结合，讲练结合。
授课时间
年月日星期第节教学周第周课时节
教学目的
【知识目标】
1.掌握图像映射的原理和使用
2.掌握热点的使用
3.使学生掌握层的使用
4.使学生掌握层和表格的相互Dreamweaver，新建一个网页，将图片插入到页面中。
3.【地图工具】单击鼠标左键点击图片，这时候软件下方的属性面板就会变成和图片相关的属性。
注：如果没有上图显示的热点地图工具，是地图工具属性隐藏了，可以点击属性面板右侧的三角符号打开。
4.绘制热点：注意方块、圆形、多边形三个小图标，它们就是我们要用的“图片热点”工具，不同的热点工具可以绘制出不同形状的热点区域。
“替换”就是鼠标悬浮在该区域时提示的文字。一般使用"_blank"，指超链接将在新窗口打开。
6.修改热点：对热点区域进行拖动或者局部调整，如果需要修改热点区域，或者需要进行微调。点击热点区域，热点区域四周会出现浅蓝色的点。光标放在浅蓝色的点，点击鼠标左键，即可调整热点区域的大小。
7.多个图片添加热点：
Dreamweaver MX 2004可以利用层来建立自己的结构，然后将它们转换为表格。
Dreamweaver课程解析
关键词：网页设计与制作；实践；教学方法一、课程的特点《网页设计与制作》是指静态网页的制作。
使用的软件是Dreamweaver。
因为在做网页的时候还有图片或者动画素材要处理，所以还要求学生掌握Photoshop和Flash软件的应用。
这门课难度不大，知识点多，实用性、操作性较强。
二、课程课时的安排这门课的知识点比较多，学生要在掌握一些网页制作的基础理论的基础上掌握Dreamweaver软件的基本操作技能，学生通过这门课的学习，能够熟练的制作静态网页。
在学时上，按一个学期18周计算，每周课时不能少于4节。
总课时不能少于72节，只有课时够，学生才会对这门课所要掌握的知识有充分理解，才会有更多的练习时间，才能有较强的动手能力。
三、任务驱动教学法传统的教学方法教师先授课，讲关于做网页的知识点。
然后再安排教师上机。
这样的教学方法不容易调动学生的积极性和主动性，并且知识零碎。
如果一直这样上课，学生会逐渐失去学习的兴趣。
所以上课的过程应该是在机房上课，少讲理论，多操作演示，保证学僧上机操作的时间，激发学生的学习兴趣。
并且把学生的学习兴趣转化为其内在的学习动力，从而达到预期的教学效果。
我在实际的教学过程中，用的是任务驱动法。
任务驱动的教学方法使学习目标非常明确，适合学生的特点，把学生放在教学活动的主体地位，让学生能够处于主动探索和主动思维的状态，而学生恰恰是在这种状态下，学习才可能出成效。
在《网页设计与制作》这门课中，在使用“任务驱动”教学法时，我将知识点融入到具体的网页制作中，每一章节都通过具体的站点制作，让学生在完成站点网页制作的同时，也掌握相应章节的知识。
在讲“表格与网页布局”这一章时，教学目标是要熟练掌握在网页中插入表格的方法，使用表格和单元格设计页面布局，在单元格中创建、编辑和美化表格。
所有的知识点不要先讲授，而是先让学生坎这一章要做的站点的最终的效果，当学生看到具体的漂亮的网站时，才能激发学生的求知兴趣和动手欲望。
【精品】Dreamweaver网页设计与制作教学探讨-教育文档
D r e a m w e a v e r网页设计与制作教学探讨-教育文档Dreamweaver网页设计与制作教学探讨Discussion on Dreamweaver Webpage Design and Making//Chen FengqinDreamweaver Webpage Design and Making is a foundation course of computer professional. This paper studies the course teaching method combined with the practical teaching experience. It discusses three aspects, including concept of curriculum design, selection of teaching content, and implementation of teaching process.Author’s address Guangzhou Vocational College of Technology & Business，Guangzhou, China 511442 Dreamweaver网页设计与制作是计算机类各专业的一门专业基础课，该课程是一门操作性和实践性很强的课程，主要是培养学生使用Dreamweaver制作静态网页的能力。
通过课程的学习，学生能掌握网页设计与制作的基本方法以及基本技能，具有独立建设网站的技能，成为一个符合高职人才培养目标及方向的、熟练的网页制作者和Web站点管理者。
如何使学生更好地掌握Dreamweaver设计制作网页的技能，以适应社会的需求，是需要探讨的问题。
笔者结合自己的实际教学经验来谈几点看法。
1 课程设计理念课程根据网页设计与制作岗位从业人员所必须具备的综合能力要求，以综合职业能力培养为目标，以工作过程系统化理念为指导，以教学做一体化为实现途径，注重课程的职业性、实践性、开放性。
Dreamweaver网页制作——教学建议
Dreamweaver网页制作——教学建议姓名分析建议邹良峰按目前情况看我们班的同学对于直接抄写代码，对绝大多数的人来说还是没有太大的作用，原因是他不懂这个代码是如何形成的，抄了一遍也同样的不明白。
还有个别同学就直接拿别人的抄，只是应付作业罢了，课后也基本没有谁会去复习，所以并达到老师的预期效果。
利用上课期间，将上一次的任务进行回顾，让同学们对这个有大概得了解之后，再进行下一个（前提是不会和老师的教学计划冲突）实际操作多一点，这样我认为可能，更有效的提高我们的操作能了，间接的也提高理论知识。
杨聪教师在讲解知识点的基础上，要重视学生的操作练习，完成实践项目的工作任务。
应当教、学、做三位一体化，理论与实践并重。
最后已以3-4人为一组，完成主题网站的建设，深化对课程学习内容的掌握。
培养学生团队协作能力、交往与合作能力、沟通能力、抗挫折能力、创新实践能力、获取新知识与新技能的能力。
1. 能综合应用Dreamweaver软件、HTML和CSS技术制作网页，掌握规划、开发、发布和管理静态网站的专业知识和技能这些类别每周最少布置到2-3个作业，多做多练，熟能生巧的效果。
2.网页制作这个学期输入的代码比较多，对于每个学生来说记忆力不好，所以要多写。
3.在上课时期而且我们的网页制作课程不是一上午就是一下午，这样上的会好枯燥与乏困，所以我建议老师在讲可的时候老师在上课时间可以采取互动或者把要用的代码用文档发给同学，自由操作。
陈小艺老师上课理论实践太多实践较少1.老师在讲授过程中可采取设置疑问的方式让学生带着问题听课，积极参与讨论。
2.在课堂上大部分时间交给学生，让我们自己动手制作。
教师在学生制作过程中不做过多指点，而是多些引导，让学生在实践中自我摸索、不断提高。
3.老师不应该放松对上机课的教学，对玩手机的同学严加管理。
幸礼航我们班的学生对老师的教学方式可能不是很感兴趣。
加强课堂的秩序，增加教学的趣味性，多与学生互动朱子龙听听学生遇到的问题，并对应解决。
结合人才市场的需求谈谈如何教学《Dreamweaver网页设计与制作》课程
站策划知识， 并与 Ｆ ｌ ａ ｓ ｈ以及 Ｆ ｉ ｒ ｅ ｗ ｏ ｒ ｋ ｅ ｒ ｓ 软件的使用相结合， 使我们的学 首先， 我们来看一则来 自 于智联招聘网站的招聘网页设汁师的广告。 生不仅在技术层面上会建网站 ， 还要能建好的、 精美的网站。任务驱动教 “ 岗位要求： 第一、 大专以上学历， 美术或设计相关专业毕业 ， 热爱互联网 事业， 网页设计与制作 ２ 年以上工作经验； 第二 、 有良ｌ 子 的美术基础， 色彩 ３‘ ‘ 任务驱动法’ ， 在网页设计与制作教 学中的运用 感强 ，具备 优秀的审美和创 意能力 ；熟 练使用 Ｐ ｈ ｏ ｔ ｏ ｓ ｈ ｏ ｐ 、 Ｆ Ｌ Ａ Ｓ Ｈ 、 ３ ． １ 创设腈境， 布置任务。首先， 教师在在第一堂就给学生们布置给一 Ｄ ｒ ｅ ａ ｍＷｅ ａ ｖ ｅ ｒ 等 网页设计制 作软件 ，熟悉 Ｊ ａ ｖ ａ ｓ ｃ ｒ ｉ ｐ ｔ 、 Ａ Ｓ 脚 本语法 、 个本课程的学习任务 ，例如制作某公司网页或者个人网页，在教学开始 Ｄ Ｈ Ｔ ＭＬ 、 Ｈ Ｔ ＭＬ代码 ， 熟练使用 Ｃ Ｓ Ｓ ＋ ｄ ｉ ｖ 布局制作页面； 第三、 熟悉网站 时， 教师应带学生们欣赏—些具有特色的网站， 将学生带入真实的学习情 建设流程 ， 能独立承担中型网站项 目的页面创意设计与制作， 具备与程序 境中去， 然后引导ｆ ］ —个完整的网站是如何建设 出来的， 接下来 ， 教师 员配合开发的经验； 第四、 有良好的学习能力， 沟通能力和领晤能力， 工作 要针对课程中每一部分知识点将总体任务细分为若干大任务， 如文本、 图 效率高， 能够承受较大工作压力； 有 良好的团队合作意识， 耐心 ， 诚恳， 有 像 、 链接 、 表格 、 框架、 Ｃ Ｓ Ｓ 样式、 层时间轴、 模板和库等 ， 再将这些大任务进 强烈的责任心和积极主动的工作态度 ， 怕困难并能ｉ 亩 日 班及各种应 步细分为—些小任务。 任务应从易到难， 为使ｆ ］ 自觉主动地完成任务 急需求。” 这样的招聘广告只要打开招聘网站便随处可见， 招聘 ＾ 数少则 打下 基础。 Ａ， 多则十几人， 薪资也是三千至八千不等 ， 是—份高薪职业， 从这些招 ３ ２分析任务， 分组讨论。 对学生进行分组， 让学生们选出—个网站主 聘广告不难看出网页设计与制作的人才有广阔的市场 ，我们培养出的高 题， 共同来完 网站， 并目 告知学生团队一起做出来的网站将会有个 职生有广阔的就职空间， 但是从每年的用 ＾ 、 单位反馈 回的信 息中都发现 ， 比拼， 谁的网站做得好， 也会获得—个较高的分数。那么学生们就会积极 我们培养出的大部分高职生工作无法很 陕上手，甚至到了用人单位需要 参与进来， 并且他们会对呈现的任务进行仔细思考 、 分析和讨论， 提出完 重新学习， 这说明我们的教学方法有些过时了， 那么市场到底需要怎么的 成任务需要解决的问题。例如， 在跑马灯效果的教学中， 教师先演示某一