教学内容与教学过程：
一、

介绍网页制作这门课程

1．学习这门课程的目的：让学生掌握 HTML 语言、以及利用相关网页制作工具制作网页的基本方法与技能。学生
通过这门课程的学习，能够具备综合运用专业软件进行小型网站开发和静态网页页面设计的能力，同时积累一定
的实践经验，为今后从事相应的网站设计制作工作打下良好基础。
2．这门课程的教学内容：在制作软件上：以网页制作软件 DreamWeaver MX 为主干进行网页制作教学，同时选择
了

Flash MX 版本来制作网页中的动画素材，选择了图形图像工具 Photoshop 7.0 版本软件来处理和制作网页中的图

片。

教学内容安排上按照学生学习网页的渐进规律划以及学校制订的计划主要学习第 1、2、3、5、6、9 章，主要包括

网页制作的基础知识、

Dreamweaver MX 软件的使用，初学者利用现有的素材设计制作出一个简单的网页；利用

Photoshop7 和 Flash MX 软件来美化网页，以及网页布局和用色方面的美术知识，如何设计网页的版面和结构，还
要能对供给的素材按照网站的特点进行适当的美化处理；还能掌握中小型网站的建立方法。

3．这门课程的教学和学习方法：教学上以一个个案例为基础，采用项目教学的方法，由浅入深的介绍网页制作的
各个知识点；教学中以学生会操作为目的，重视学生动手能力和自学能力的培养

同学们学习时除了要掌握相应的

操作技能以外，更要重视操作技能的使用，要努力完成每章教学案例的制作以及课后素材案例。在不断的练习过程
中熟悉和升华所学的操作技能。同时，要学会学习，即要学会与老师或同学之间技术心得的交流，要学会能自主的
依靠其他资源（网络、报纸杂志等）来扩展所学的知识体系。
课前思考：
1、Dreamweaver 软件是干什么用的？
2、试用一下 Dreamweaver，你觉得这个软件在界面上更象 Word 还是 Photoshop，为什么？
3、试用一下 Dreamweaver，按默认格式保存，文件的扩展名是什么？
4、双击网页文件，会自动打开 Dreamweaver 软件吗？这点上与 Word 软件相同吗？
1.1 Dreamweaver 的基本概念
1、了解 Dreamweaver 与 IE 有什么区别？
　

Dreamweaver 是制作网页的工具，用它可以生成.htm 或.html 文件，而 IE 是浏览网页的工具，用 IE 只能看网页，

而不能改网页，修改网页还是需要网页制作工具。
2、做网页只能使用 Dreamweaver 一种工具吗？
　

常用的网页制作软件有 Dreamweaver 和 FrontPage。Dreamweaver 由美国 Macromedia 公司开发，虽然初学者感到

比较难学，但它的功能更强大，生成的网页代码质量好，是当今最流行的网页制作工具，适合专业网页设计人员
使用，近年来它还获得过不少大奖呢。

Frontpage 是微软公司开发的 Office 办公软件中的一部分，比较容易上手，但

功能不太强大，我们只在需要时（如向网页中加入微软格式的视频），才会使用

FrontPage。

3、Dreamweaver 最新版是多少？
　

Dreamweaver 从 2.0、3.0、4.0、MX 到现在最新的 MX2004 版，平均每过一年就出一个新版。可见计算机是多么的富

有活力。今年常用的是

MX 版，建议大家在家里的电脑上也将这个版本，以便与学校的相同。对于软件，我并不认

为版本越新越好，它们的基本功能还是相同的，一般版本越高，对计算机的要求也越高，如果计算机配置不高，
初学时还是找个低版本比较好，当然所装的软件必须与书本上的相同，这也是学习其它软件的基本要求。
4、Dreamweaver 与 Firework、Flash 有何关系？
　

它们都是 Macromedia 公司的软件，Dreamweaver 是网页制作工具，Firework 是图形处理工具，与 photoshop 相

似，一般用于网页图形的制作，

Flash 是动画制作工具，在制作好的网页时，一般先用 Firework 和 Flash 先制作好

网页中要用到的图形和动画素材，再用

Dreamweaver 把这些素材做成一张网页，只会 Dreamweaver，不会图形处理

和动画制作，是做不出好的网页的。有人把这三个软件称作网页设计

“三剑客”。

1.2 认识 DreamWeaver
1.DreamWeaver 的作用和特色
2.DreamWeaver 功能界面的分解
3.DreamWeaver 工作流程
4. DreamWeaver 的版本、安装、打开、保存等操作演示：练习制作第一张网页

——作业一　　在主窗口中输入以下文

字，并按以下格式排版，最后把文件以

“学号姓名.htm”为名保存在桌面上。注意难点：设置字体、水平线、二个全角

空格、回车会自动空一行，

Shift+回车就不会空行了。