中文版网页制作基础：第2讲 走进Dreamweaver 8

Dreamweaver8

中文版网页制作基础主讲人

第二讲走进Dreamweaver81、启动与退出2、工作界面3、创建简单页面

1、启动与退出1．启动2．退出3.打开网页文档4.关闭网页文档1.1.启动在Windows窗口中执行命令执行【开始】/【所有程序】/【Macromedia】/【MacromediaDreamweaver8】命令即可启动MacromediaDreamweaver8程序，如下图所示。

1.2．退出

Dreamweaver8程序常用的退出方法有如下四种。单击Dreamweaver8窗口右上角的关闭按钮。单击Dreamweaver8窗口左上角的图标，在打开的下拉菜单中执行【关闭】命令。在Dreamweaver8窗口中执行【文档】/【退出】命令。当当前活动窗口为Dreamweaver8时，按Alt+F4组合键也可退出Dreamweaver8。

1.3．打开网页文档执行【文件】/【打开】命令，打开【打开】对话框，找到需要打开的网页文档，单击选中，然后单击“打开”按钮，即可打开。1.4．关闭网页文档编辑完文档后，可以单击文档工具栏上的按钮，关闭文档。若文档有改动则弹出如图所示的提示框，询问是否保存改动。2、

工作界面2.1窗口介绍2.2面板组

2.3重组面板2.4首选参数设置2.1．窗口介绍在默认状态下，Dreamweaver8窗口主要有标题栏、菜单栏、文档工具栏、编辑区、【属性】面板、插入栏、面板组、状态栏等组成，如上图所示。标题栏：显示当前正在编辑的文档的目录和名称。菜单栏：菜单栏位于标题栏的下面，有10个菜单组成，包含了几乎所有的Dreamweaver8命令。文档工具栏：文档工具栏中包含按钮，使用这些按钮可以在文档的不同视图间快，还包含一些与查看文档、在本地和远程站点间传输文档有关的常用命令和选项，如图所示。插入栏：包含用于创建和插入对象（如表格、层和图像）的按钮。当鼠标指针滚动到一个按钮上时，会出现一个工具提示，其中含有该按钮的名称，如下图所示。插入栏插入栏上的插入命令按钮被分成了如下七个常用类别：【常用】、【布局】、【表单】、【文本】、【HTML】、【服务器代码】、【应用程序】、【Flash元素】、【收藏】。状态栏：编辑窗口底部的状态栏提供与用户正创建的文档有关的其它信息，如下图所示。编辑区：主要用来设计页面和编辑代码的工作区域。它有三种视图模式：设计视图、代码视图、拆分视图。【属性】面板：对当前编辑区选中的对象进行属性设置，如设置文本的字体、大小、颜色。2.2．面板组2.3．变更面板默认情况下，Dreamweaver8都是将几个功能相近的面板集合成一个面板组，以进行集中管理，但这些面板不是固定的，可以自由更改，因此用户可以将自己常用到的几个面板集合到一个面板组中，以便使用。例如，将【层】移到【应用程序】面板组的操作如下图所示。2.4．首选参数设置执行【编辑】/【首选参数】命令，打开【首选参数】对话框，通过设置这些参数，可以寻找一个最适合个人习惯的配置。3、

创建简单页面3.1创建页面3.2保存页面

3.3设置页面属性3.1．创建页面

启动Dreamweaver8程序后，执行【文件】/【新建】命令，打开【新建文档】对话框，在【常规】选项卡的【类别】列表选择“基本页”，在【基本页】列表选择“HTML”项，然后单击“创建”按钮即可，如下图。在窗口中执行【文件】/【保存】，打开【另存为】对话框，在【保存在】项选择目录，然后在【文件名】后面输入需要保存的文件名“index.html”，如图所示。单击“保存”按钮后，即可完成保存文档。3.2．保存页面3.2．设置页面属性

在【属性】面板中单击“页面属性”按钮，打开打开【页面属性】对话框，然后进行相应的设置，如图所示。在【页面属性】对话框中可以设置网页的外观、链接、标题、标题/编码、跟踪图像共五个方面的内容。外观：可以设置当前页面的字体、字号、背景色和4个边距等。链接：设置网页中的链接属性。标题效果：设置1-