1.2 Dreamweaver CS4简介(课件）-高二《网页设计与制作》同步教学（中国人民大学出版社）

1.2 Dreamweaver CS4简介 当今时代，网络成了最重要的媒体和资源宝库。制作网页可以选择学习HTML代码、也可以选择学习用软件来编辑、还可以两者兼用。 Dreamweaver CS4是由美国Adobe公司推出的，一个可视化网页设计和网站管理工具软件。 Dreamweaver CS4是一套网页编辑软件，就算没有制作网页的基础，也能很轻松地利用它制作出漂亮的网页，只要从菜单、面板中直接套用就可以了，免除了学习HTML标签命令的困扰，也节省了很多编写源代码的时间。 Dreamweaver CS4有强大的网站管理功能，当修改文件名、移动或删除文件时，它自动修改相关的链接；它内置FTP功能，可以直接将文件上传到网站服务器，在网站窗口中可以看到本地端和远程网站的文件，随时检查两端的差异。 1.2.1 Dreamweaver CS4的安装与启动 1、安装Dreamweaver CS4 安装Dreamweaver CS4软件与前期版本稍有不同，但根据每一步的提示可以很轻松地安装，具体操作步骤如下： (1)安装前，请先关闭系统上所有目前正在执行的应用程式，包括其他 Adobe 应用程式、Microsoft Office 应用程式以及浏览器视窗。也建议您在安装期间暂时关闭防毒软件。 (2)将 DVD 放入光碟机中，然后依照画面上的指示进行。如果安装程式未自动启动，请浏览至光碟根目录下的 Adobe CS4 资料夹，然后双击 Setup.exe 启动安装程序(如果您是从网络下载的软件，请开启资料夹、浏览至 Adobe CS4 资料夹、双击Setup.exe)，进行初始化，如图1-2所示。 图1-2 初始化 (3)输入Dreamweaver CS4 序列号,然后单击【下一步】按钮，如图1-3所示。 图1-3 输入序列号 (4)阅读Dreamweaver CS4许可协议，单击【接受】铵钮。 (5)在显示的界面中选择要安装的Adobe组件，若安装全部组件，则单击【全选】按钮。然后单击【更改…】按钮，选择安装的路径（默认的安装路径为C:\Program Files\Adobe）。 (6)选择好安装的路径后，单击【安装】按钮，安装程序将显示已经做好安装准备，正在安装…,如图所示。 (7)完成安装进度后，显示填写注册信息，填写好注册信息，单击【立即注册】按钮，如图所示。 (8)安装完毕后，会显示一个安装完成界面，单击【退出】按钮，完成Dreamweaver CS4的安装。 2、启动Dreamweaver CS4 启动Dreamweaver CS4的操作很简单，和其它软件的启动方式基本一致。 (2)单击“开始”菜单按钮，在程序组中选择【程序】→【Adobe Dreamweaver CS4】命令，即可启动Dreamweaver CS4软件，如图所示。 (2)首次启动Dreamweaver CS4时，会弹出【默认编辑器】对话框，用户可为Dreamweaver CS4设置编辑器，如图所示。 (3)在此保持默认设置，单击【确定】按钮，此时将打开Adobe Dreamweaver CS4欢迎屏幕，如图所示。 提示：选择欢迎屏幕下方的“不再显示”复选框，再次启动欢迎屏幕即关闭，在菜单栏中选择【编辑】→【首选参数】→【常规】→【显示欢迎屏幕】命令，即可以在下次启动该软件时将重新显示欢迎屏幕。 1.2.2 Dreamweaver CS4的操作环境 和以前版本相比，Dreamweaver CS4的工作界面焕然一新，可以说是做了一次脱胎换骨的改进，从界面中可以看到更多的设计元素。另外，Dreamweaver CS4的操作环境非常灵活，用户完全可以根据自己的习惯进行定制。下面对Dreamweaver CS4的操作环境进行详细介绍。 Dreamweaver CS4的工作界面由标题栏、菜单栏、插入面板、文档工具栏、文档编辑区、状态栏、属性面板、面板组、扩展管理器等组成，如图所示。 工作界面定制: 用户可以根据各自的习惯进行工作界面的定制，在窗口的标题栏右侧面有一个【设计器】按钮，单击它会弹出一个下拉菜单，可以定制【应用程序开发人员】、【经典】、【编码器】、【设计器】等不同的工作界面。 $$