南京邮电大学吴江职业技术学院

1、.南京邮电大学吴江职业技术学院教 案教 师 姓 名 沈丹萍授课班级07应电（1）（2）授课形式面授授 课 日 期 2008 年 9月 17日 第 3 周授课时数3授课章节名称1.2 Dreamweaver 8快速入门1.3使用Fireworks辅助设计页面教 学 目 的本章将带领用户认识Dreamweaver MX，了解其新增功能。在开始学习该软件之前，了解一下Dreamweaver MX的工作界面的一些简单设置。通过本章的学习，用户能熟悉Dreamweaver MX的工作界面，并能自行设置具有独特的个性化的工作环境。教 学 重 点1、认识Dreamweaver MX。 2、新增功能。 3、D

2、reamweaver MX主窗口。 4、自定义工作环境。 5、认识Fireworks、photoshop辅助设计软件。教 学 难 点1、认识Dreamweaver MX。 2、新增功能。 3、自定义工作环境。 更新、补充、删节内容使 用 教 具计算机，投影仪课 外 作 业课 后 体 会本章初识DW的工作界面，需要详细介绍。是学生熟悉DW的界面，为今后的学习打下基础。第1章 初识Dreamweaver 8（机房）教学章节：1.2 Dreamweaver 8快速入门 1.3使用Fireworks辅助设计页面教学目的： 本章将带领用户认识Dreamweaver MX，了解其新增功能。在开始学习该软件

3、之前，了解一下Dreamweaver MX的工作界面的一些简单设置。通过本章的学习，用户能熟悉Dreamweaver MX的工作界面，并能自行设置具有独特的个性化的工作环境。教学重点： 1、认识Dreamweaver MX。 2、新增功能。 3、Dreamweaver MX主窗口。 4、自定义工作环境。 5、认识Fireworks、photoshop辅助设计软件。教学难点：1、认识Dreamweaver MX。 2、新增功能。 3、自定义工作环境。教学方法：讲演法教学课时：1课时教学内 容与助学过程：一、 介绍网页制作这门课程1学习这门课程的目的： 让学生掌握HTML语言、以及利用相

4、关网页制作工具制作网页的基本方法与技能。学生通过这门课程的学习，能够具备综合运用专业软件进行小型网站开发和静态网页页面设计的能力，同时积累一定的实践经验，为今后从事相应的网站设计制作工作打下良好基础。2这门课程的教学内容： 在制作软件上：以网页制作软件DreamWeaver MX为主干进行网页制作教学，同时选择了Flash MX版本来制作网页中的动画素材，选择了图形图像工具Photoshop 7.0版本软件来处理和制作网页中的图片。 教学内容安排上按照学生学习网页的渐进规律划以及学校制订的计划主要学习第1、2、3、5、6、9章，主要包括网页制作的基础知识、Dreamweaver MX软件的使用

5、，初学者利用现有的素材设计制作出一个简单的网页；利用Photoshop7和 Flash MX软件来美化网页，以及网页布局和用色方面的美术知识，如何设计网页的版面和结构，还要能对供给的素材按照网站的特点进行适当的美化处理；还能掌握中小型网站的建立方法。 3这门课程的教学和学习方法： 教学上以一个个案例为基础，采用项目教学的方法，由浅入深的介绍网页制作的各个知识点；教学中以学生会操作为目的，重视学生动手能力和自学能力的培养 同学们学习时除了要掌握相应的操作技能以外，更要重视操作技能的使用，要努力完成每章教学案例的制作以及课后素材案例。在不断的练习过程中熟悉和升华所学的操作技能。同时，要学会学习，即

6、要学会与老师或同学之间技术心得的交流，要学会能自主的依靠其他资源（网络、报纸杂志等）来扩展所学的知识体系。课前思考1、Dreamweaver软件是干什么用的？2、试用一下Dreamweaver，你觉得这个软件在界面上更象Word还是Photoshop，为什么？3、试用一下Dreamweaver，按默认格式保存，文件的扩展名是什么？4、双击网页文件，会自动打开Dreamweaver软件吗？这点上与Word软件相同吗？1.1 Dreamweaver的基本概念1、了解Dreamweaver与IE有什么区别？ Dreamweaver是制作网页的工具，用它可以生成.htm或.html文件，而IE是浏览网

7、页的工具，用IE只能看网页，而不能改网页，修改网页还是需要网页制作工具。2、做网页只能使用Dreamweaver一种工具吗？ 常用的网页制作软件有Dreamweaver和FrontPage。Dreamweaver由美国Macromedia公司开发，虽然初学者感到比较难学，但它的功能更强大，生成的网页代码质量好，是当今最流行的网页制作工具，适合专业网页设计人员使用，近年来它还获得过不少大奖呢。Frontpage是微软公司开发的Office办公软件中的一部分，比较容易上手，但功能不太强大，我们只在需要时（如向网页中加入微软格式的视频），才会使用FrontPage。3、Dreamweaver最新版是

8、多少？ Dreamweaver从2.0、3.0、4.0、MX到现在最新的MX2004版，平均每过一年就出一个新版。可见计算机是多么的富有活力。今年常用的是MX版，建议大家在家里的电脑上也将这个版本，以便与学校的相同。对于软件，我并不认为版本越新越好，它们的基本功能还是相同的，一般版本越高，对计算机的要求也越高，如果计算机配置不高，初学时还是找个低版本比较好，当然所装的软件必须与书本上的相同，这也是学习其它软件的基本要求。4、Dreamweaver与Firework、Flash有何关系？ 它们都是Macromedia公司的软件，Dreamweaver是网页制作工具，Firework是图形处理工具

9、，与photoshop相似，一般用于网页图形的制作，Flash是动画制作工具，在制作好的网页时，一般先用Firework和Flash先制作好网页中要用到的图形和动画素材，再用Dreamweaver把这些素材做成一张网页，只会Dreamweaver，不会图形处理和动画制作，是做不出好的网页的。有人把这三个软件称作网页设计“三剑客”。1.2认识DreamWeaver1. DreamWeaver的作用和特色2. DreamWeaver功能界面的分解3. DreamWeaver工作流程4. DreamWeaver 的版本、安装、打开、保存等操作 演示：练习制作第一张网页作业一在主窗口中输入以下文字，并按以下格式排版，最后把文件以“学号姓名.htm”为名保存在桌面上。注意难点：设置字体、水平线、二个全角空格、回车会自动空一行，Shift+回车就不会空行了。本课小结：本课主要介绍了Dreamweaver软件的操作界面、各种工具栏和面板组，然后介绍了一些基本操作，如插入文本、