《Dreamweaver 网页设计与制作》课件——项目二 创建度假村网站——Dreamweaver CS3 入门.pptVIP

二、在 Dreamweaver 中定义站点 为便于管理和编辑站点，在创建网页之前，首先要在 Dreamweaver 中定义站点。定义站点可以将本地磁盘中的站点文件夹同 Dreamweaver 建立一定的关联，可以使用 Dreamweaver 上传或下载站点内容。 定义站点主要包括设置站点名称、站点性质，以及站点所对应的文件夹。 设置站点名称和服务器技术 设置网站编辑方式和站点根文件夹 设置连接远程服务器的方法 所设参数总汇 “文件”面板中显示新创建的站点? 三、新建文档 Dreamweaver 中的文档也就是网页，创建新网页的方法有多种。下面使用“文件”菜单创建网页。 “新建文档”对话框 创建新文档 四、保存和关闭文档 新建或编辑网页文档后，需要保存文档才能使所做的设置生效。 “另存为”对话框 五、打开和预览文档 除常用的新建、保存和关闭文档操作外，有时还需要打开某个文档进行编辑。 打开文档? 文档打开效果 预览文档 * LOGO * LOGO 项目二?创建度假村网站——Dreamweaver?CS3 入门 任务 1 面板基本操作——初识 Dreamweaver CS3 任务 2 创建“fuligong”站点——新建和管理站点 任务 3 为首页设置头信息和页面属性——页面总体设置 任务4　万能五笔输入法使用技巧 任务 3　 任务 1 面板基本操作——初识 Dreamweaver CS3 任务 2　 创建“fuligong”站点——新建和管理站点 为首页设置头信息和页面属性——页面总体设置 任务 1?面板基本操作 ——初识 Dreamweaver CS3 ◆熟悉 Dreamweaver CS3 操作界面 ◆掌握网页文档的基本操作 Dreamweaver CS3 工作界面如图所示，其界面大致可以直观地划分为 9 个部分。 Dreamweaver?CS3 工作界面 一、文档窗口 文档窗口有三种视图状态，分别是代码、拆分和设计。在文档工具栏部分有三个按钮，如图所示，可以快速地切换三种视图。 视图切换按钮 二、状态栏 状态栏提示当前创建文档的有关信息，如图所示。 状态栏 三、“插入”工具栏 “插入”工具栏提供的是部分操作或功能的快捷按钮，这些操作或功能在编辑网页中会频繁使用。下图展示了其中的常用、布局、表单和文本四个部分。 “插入”工具栏（常用） “插入”工具栏（布局） “插入”工具栏（表单） “插入”工具栏（文本） 四、“文档”工具栏 “文档”工具栏上有前面提到的文档视图切换按钮，同时还有新建、打开、保存、剪切、复制、粘贴、页面预览、上传、根据 DTD 声明验证 HTML 标记等快捷按钮。 “文档”工具栏 五、“属性”面板 “属性”面板用于对网页中元素属性进行设置，“属性”面板中的属性项动态关联至鼠标选定的网页元素。如图所示，分别展示的是网页中文本的属性面板和图像元素的属性面板。 “属性”面板（图像属性） “属性”面板（文本属性） 六、“结果”面板 “结果”面板用于显示几种常用操作的操作结果，如图所示。 “结果”面板 1. 搜索 Dreamweaver CS3 提供的搜索功能十分强大，如图所示。其搜索范围可以是鼠标选定的一段文字、当前文档、当前打开的几个文档、某个文件夹下的所有文档，甚至是整个站点的文档。 查找和替换功能 七、“文件”面板 “文件”面板可以管理当前站点的文件和文件夹，无论它们是本地站点还是在远程服务器上。 “文件”面板? 八、面板组 面板组是分组在某个标题下的相关面板的集合，如图所示。 面板组 1.?CSS CSS 面板显示当前元素的 CSS 式样，可以在该区域新建、修改或删除 CSS 声明语句。 2. 代码片断 代码片断面板收集了许多常用代码段，包括 HTML 代码、JavaScript 代码等。 3. 应用程序 应用程序面板为使用动态技术页面的编写提供了方便，该部分包括数据库链接、数据集绑定、组件使用等方面的内容。 4. 标签检查器 标签检查器动态关联到文档窗口内当前选定的元素标记，标签检查器列出该标记具有的属性、可供该标记绑定的事件等。 5. 资源 资源面板用于管理页面中使用的多媒体元素，包括图片、Flash 动画、声音文件等。 九、菜单栏 1. 标签库 标签库的显示如图所示。在该编辑器中可以新建标签，并且为标签添加 属性。 标签库编辑器 2. 快捷键 可以修改或添加常用操作的快捷键，以提高使用 Dreamweaver CS3 的效率。 快捷键设定面板 3. 首选参数 （1）新建文档 首选参数设置面板（新建文档） （2）验证程序“验证程序”部分的作用是为没有明确声明参数的页面指定规范标准。 首选参数设置面板（验证程序） 任务 2?创建“fuligong” 站点——