Dreamweaver CS6是一个可视化网页设计和网站管理工具,即使没有任何网页制作基础,也能很轻松地利用它制作出漂亮的网页,只要从菜单、面板中选择选项就可以了。这免除了学习HTML语言的烦恼,也节省了很多编写源代码的时间。

一、启动Dreamweaver CS6

启动Dreamweaver CS6的操作很简单,和其他软件基本一致。

Dreamweaver CS6简介_菜单栏

二、Dreamweaver CS6工作环境简介

Dreamweaver CS6的工作界面由菜单栏、文档标签栏、文档工具栏、文档编辑区、标签选择器、“属性”面板、“文件”面板组等组成。

Dreamweaver CS6简介_菜单栏_02

三、网站站点相关操作

1.创建本地站点

站点一般包括本地站点(本地计算机上的一组文件)和远程站点(远程Web服务器上的一组文件)。本节以本地站点为例说明创建过程。

Dreamweaver CS6简介_菜单栏_03

2.打开站点

打开站点的方法有两种。

方法1:在菜单栏中选择“站点/管理站点”菜单命令,弹出“管理站点”对话框,选择要打开的站点,单击“完成”按钮即可。方法2:在“文件”面板的“站点”下拉列表中选择已创建的某个站点。

Dreamweaver CS6简介_文件列表_04

3.编辑站点

编辑站点的方法也有两种。

方法1:选择“站点/管理站点”菜单命令,在“管理站点”对话框中双击要编辑的站点。

方法2:在“文件”面板中选择站点列表中的“管理站点”选项,也可打开“管理站点”对话框。

Dreamweaver CS6简介_菜单栏_05

4.复制站点

首先在“管理站点”对话框中选择要复制的站点,单击“复制当前选定的站点”按钮,在站点列表中即增加了一个新的站点。双击复制产生的站点,可以对其进行编辑操作,如改变站名、改变存储位置等。

Dreamweaver CS6简介_下拉列表_06

5.删除站点

在“管理站点”对话框中单击选中要删除的站点名,单击“删除当前选定的站点”按钮 ,在弹出的对话框中单击“是”按钮确认删除,单击“否”按钮则取消删除。

6.导入和导出站点

在Dreamweaver CS6中,可以将现有站点导出为一个站点文件,也可以将站点文件导入为一个站点。导入、导出的作用在于保存及恢复站点和本地文件的链接关系。

Dreamweaver CS6简介_文件列表_07

四、网页文档基本操作

1.新建网页文档和文件夹

“文件”面板是管理网站的重要工具,通过它可以直观地看到整个网站的结构,也可以快速创建网页文档和文件夹。

2.打开网页文档

在Dreamweaver中打开网页文档的方法有多种,下面分别介绍。

方法1:启动Dreamweaver后,移动鼠标至欢迎屏幕上的“打开最近项目”文件列表,单击“打开”选项,然后在“打开”对话框中选择要打开的文档。方法2:移动鼠标至菜单栏中的“文件”命令上单击,然后在弹出的下拉菜单中选择“打开”命令。方法3:打开“文件”面板后,移动鼠标至面板中的文件列表上,双击要打开的文档。

3.保存网页文档

制作网页时,应及时将其保存。

步骤1u  在菜单栏中选择“文件/保存”菜单命令。

步骤2u  出现“另存为”对话框后,首先在“保存在”下拉列表中选择磁盘驱动

器编号和文件夹名称(网页存储位置),然后在“文件名”编辑框中输入网页文档名,接着单击“保存”按钮即可保存文档。

任务实施

一、创建“石市科干院”网站站点

在学习了前面的基础知识后,本节通过一个实例进一步巩固。

Dreamweaver CS6简介_下拉列表_08

二、制作“石市科干院”网站欢迎首页

本节通过制作“石市科干院”网站的欢迎首页,来初步了解网页的制作方法。

Dreamweaver CS6简介_文件列表_09