Dreamweaver CS6的初步认识

崔莉　朱添锦

摘要：本文在研究了大量Dreamweaver网页制作教程和教学课件的基础上，结合作者教学经验，针对中等职业学生自身的学习特点，提出了如何讲授Dreamweaver网页制作的第一课，其重点就是将Dreamweaver CS6操作界面简单明了地讲解给学生，将看似深奥的软件学习，变得简单明了。这样能使学生更清晰地认识DreamWeaver CS6软件，为今后进一步学习DreamWeaver CS6软件打下良好的基础。

关键词：Dreamweaver；有效教学；操作界面

中图分类号：G712文献标识码：A文章编号：1005-1422（2015）12-0000-00

“网页三剑客”是中职学校计算机专业学生的必修课程。所谓的“网页三剑客”分别指的是：Flash，Dreamweaver，Fireworks。之所以称为三剑客，很大一部分是因为这三种软件能相互无缝合作。其中Flash主要用来制作动画，Fireworks主要用来处理网上图片，而Dreamweaver则是将各种网页素材集成到一起的主要工具，教师只有将这三种软件很好地结合，才能做到有效教学。

一、Dreamweaver的发展概述

1984年，美国芝加哥，MacroMind公司成立。公司致力于高质量的音频、视频和动画在艺术领域的软件开发。1992年，MacroMind，Paracomp和Authorware三家公司合并变成为Macromedia。1997年，Macromedia收购FutureWave公司，FutureSplash软件更名为Flash。Dreamweaver 1.0发布。此后Macromedia公司陆续推出了2.0到4.0、MX2004、8等多个版本，深受网页图像设计者的追捧。2005年4月为了抗衡微软公司，Macromedia公司和Adobe公司合并，旗下所有产品归Adobe公司。合并后Dreamweaver又推出了CS3、CS4、CS6、CS6等好几个版本，所以我们的学生主要学习的是Dreamweaver CS6。

二、初步高效地认识Dreamweaver CS6

最新的Dreamweaver CS6和以前的Dreamweaver MX版本相比，界面更加具有亲和力、操作性也更灵活，同时，许多原有的功能被加强，尤其是代码编辑和应用程序开发得到进一步扩展，CS6新版本使用了自适应网格版面创建页面，在发布前使用多屏幕预览审阅设计，可大大提高工作效率。此外，还增加了一些新的功能。

（一）Dreamweaver CS6软件的作用

Dreamweaver这个词对于多数的中职学生来说可能是陌生的，但是把这个词换成网页来说，很多学生就会眼前一亮，原来它就是上网时种种网页对于现在的中职生来说是非常熟悉的东西，许多学生在上网的时候看到一些容丰富精彩的网页，就是通过这个软件制作出来的。给学生展示各制作成熟精彩的网页，这样能够激起学生的学习兴趣，告诉学生制作这些网页并不困难，所以网页制作的第一节课就要介绍Dreamweaver CS6最基本的功能。

（二）Dreamweaver CS6的软件界面

1.Dreamweaver CS6是网页制作和网站管理于一身的网页编辑软件，即它的工作区是“所见即所得”。它以强大的功能和友好的操作界面备受广大网页设计者的欢迎。

2.介绍Dreamweaver CS6的操作界面，启动Dreamweaver CS6后，学生主要掌握界面以下几个部分：菜单栏、“插入”栏、“文档”工具栏、文档窗口、浮动面板组、“属性”面板和状态栏。

（1）菜单栏

Dreamweaver CS6的菜单栏共有10种菜单，包括文件、编辑、查看、插入、修改、文本、命令、站点、窗口和帮助。所有的命令可以通过菜单项执行，也可以利用面板上的按钮来实现。其中单击“窗口”菜单下对应的选项可以显示或隐藏各个面板。给学生介绍菜单栏时，可以让学生通过Office软件的菜单栏进行理解。

（2）“插入”栏

“插入”栏包括常用、布局、表单、数据、Spry、InContext Editing、文本和收藏夹等选项。介绍这部分时可以把这些选项的功能和简单的事例相结合，使得学生更好地理解。

（3）“文档”工具栏

利用该工具栏可以方便地进行切换显示视图、设置文档标题、文件管理等操作。

（4）文档窗口

文档窗口是Dreamweaver CS6进行可视化编辑网页的主工作区，在这里可以自由地使用各种网页元素，制作具有个人特色的Web页，可以显示当前文档的所有操作效果。

（5）“属性”面板

“属性”面板可以显示当前对象，如文字、图像等的属性。介绍“属性”面板时，可以将之前学生学过的Flash和Fireworks的属性面板结合讲解。

Dreamweaver CS6的初步认识

（6）状态栏

状态栏位于文档的底部，作用是显示当前编辑文档的相关信息，如当前窗口的大小、文档大小等。

3.Dreamweaver CS6的保存，单击菜单栏的“文件” →“保存” →“另存为”就可以保存文件，文件的后缀名是“.htm”。按下键盘上的键，可以在IE浏览器中预览网页页面。

三、结束语

学习软件能力的培养是中等职业学生教学的重点，教师应该高度重视学习软件中存在的问题，并采用相应的教学策略来有效激发学生的兴趣，要让学生听得懂学得会。学习网页设计首先要了解Dreamweaver CS6软件的界面，掌握界面的功能，然后再了解网页构成元素和网页设计的思路，通过教师由浅入深的讲解，培养学生的自信，调动学生的学习兴趣，这样才能有效地提高学生对Dreamweaver CS6软件学习能力，对今后学习更高层次的计算机应用软件打下良好的学习方法。

参考文献：

[1]李远. 网页制作——Dreamweaver实用教程[M].北京：机械出版社，2009：1-15.

[2]前沿文化. 网页设计与网站建设[M]. 北京：科学出版社，2013：2-9.

[3]孙中魁，王卫军，张静. 中文版 Dreamweaver CS6网页设计教程[M].北京：清华大学出版社，2013：7-14.

[4]钟泽友，李强. 网页设计于制作DREAMWEAVER[M].广州：中山大学出版社，2013：1-34.

责任编辑何丽华