Dreamweaver 网页设计与制作（第二版）课件：创建度假村网站——Dreamweaver CS3 入门.pptx

;任务1?面板基本操作

——初识DreamweaverCS3;◆熟悉DreamweaverCS3操作界面

◆掌握网页文档的基本操作;DreamweaverCS3工作界面如图所示，其界面大致可以直观地划分为9个部分。;一、文档窗口

文档窗口有三种视图状态，分别是代码、拆分和设计。在文档工具栏部分有三个按钮，如图所示，可以快速地切换三种视图。;二、状态栏

状态栏提示当前创建文档的有关信息，如图所示。;三、“插入”工具栏

“插入”工具栏提供的是部分操作或功能的快捷按钮，这些操作或功能在编辑网页中会频繁使用。下图展示了其中的常用、布局、表单和文本四个部分。;“插入”工具栏（表单）;四、“文档”工具栏

“文档”工具栏上有前面提到的文档视图切换按钮，同时还有新建、打开、保存、剪切、复制、粘贴、页面预览、上传、根据DTD声明验证HTML标记等快捷按钮。;五、“属性”面板

“属性”面板用于对网页中元素属性进行设置，“属性”面板中的属性项动态关联至鼠标选定的网页元素。如图所示，分别展示的是网页中文本的属性面板和图像元素的属性面板。;六、“结果”面板

“结果”面板用于显示几种常用操作的操作结果，如图所示。;1.搜索

DreamweaverCS3提供的搜索功能十分强大，如图所示。其搜索范围可以是鼠标选定的一段文字、当前文档、当前打开的几个文档、某个文件夹下的所有文档，甚至是整个站点的文档。;七、“文件”面板

“文件”面板可以管理当前站点的文件和文件夹，无论它们是本地站点还是在远程服务器上。;八、面板组

面板组是分组在某个标题下的相关面板的集合，如图所示。;1.?CSS

CSS面板显示当前元素的CSS式样，可以在该区域新建、修改或删除CSS声明语句。

2.代码片断

代码片断面板收集了许多常用代码段，包括HTML代码、JavaScript代码等。

3.应用程序

应用程序面板为使用动态技术页面的编写提供了方便，该部分包括数据库链接、数据集绑定、组件使用等方面的内容。;4.标签检查器

标签检查器动态关联到文档窗口内当前选定的元素标记，标签检查器列出该标记具有的属性、可供该标记绑定的事件等。

5.资源

资源面板用于管理页面中使用???多媒体元素，包括图片、Flash动画、声音文件等。;九、菜单栏

1.标签库

标签库的显示如图所示。在该编辑器中可以新建标签，并且为标签添加属性。;2.快捷键

可以修改或添加常用操作的快捷键，以提高使用DreamweaverCS3的效率。;3.首选参数

（1）新建文档;（2）验证程序“验证程序”部分的作用是为没有明确声明参数的页面指定规范标准。;任务2?创建“fuligong”

站点——新建和管理站点;◆了解网页文档和文件的命名规则

◆熟悉定义站点的步骤，能定义站点并创建网页;一、网页文档和文件夹的命名规则

网站中所有文件和文件夹的命名最好遵循一定的规则。

1.静态的首页文件一般命名为“index.html”。如果是包含程序代码的动态页面，如ASP文件，则命名为“index.asp”。

2.最好不要使用汉字命名文件和文件夹。

3.文件名中不要使用大写英文字母。;4.运算符号不能用在文件名的开头。

5.比较长的文件名可以使用下划线“_”隔开多个单词或关键字。

6.在大型网站中，分支页面的文件应存放在单独的文件夹中。

7.在动态网站中，用来存放数据库的文件夹一般命名为“data”或者“database”。;二、在Dreamweaver中定义站点

为便于管理和编辑站点，在创建网页之前，首先要在Dreamweaver中定义站点。定义站点可以将本地磁盘中的站点文件夹同Dreamweaver建立一定的关联，可以使用Dreamweaver上传或下载站点内容。

定义站点主要包括设置站点名称、站点性质，以及站点所对应的文件夹。;设置站点名称和服务器技术;设置网站编辑方式和站点根文件夹;设置连接远程服务器的方法;“文件”面板中显示新创建的站点?;三、新建文档

Dreamweaver中的文档也就是网页，创建新网页的方法有多种。下面使用“文件”菜单创建网页。;创建新文档;四、保存和关闭文档

新建或编辑网页文档后，需要保存文档才能使所做的设置生效。;五、打开和预览文档

除常用的新建、保存和关闭文档操作外，有时还需要打开某个文档进行编辑。;预览文档;六、“文件”面板的应用

使用“文件”面板可以非常高效地管理站点。实际操作中，在定义站点后，通常都是利用该面板创建、重命名或打开站点中的网页文档或文件夹。;重命名文档;新建文件夹;重命名文件夹;任务3?为首页设置头信息

和页面属性——页面

总体设置;◆掌握设置网页头信息的方法

◆熟悉