Dreamweaver CS5 网页设计与应用（第2版）第1章初识Dreamweaver.pptx

第1章 初识Dreamweaver 本章简介： 本章主要讲解Dreamweaver的基础知识和基本操作。通过这些内容的学习，可以认识和了解工作界面的构成，如何创建网站框架以及站点的管理方法，为以后的网站设计和制作打下一个坚实的基础。 课堂学习目标 了解工作界面的构成 掌握创建网站框架的方法和流程 掌握站点的管理方法 1.1 工作界面 Dreamweaver的工作区将多个文档集中到一个窗口中，不仅降低了系统资源的占用，还可以更加方便地操作文档。Dreamweaver CS5的工作窗口由5部分组成，分别是“插入”控制面板、“文档”工具栏、“文档”窗口、控制面板组和“属性”控制面板。Dreamweaver的操作环境简洁明快，可大大提高设计效率。 1.1.1 开始页面 启动Dreamweaver CS5后，首先看到的画面是开始页面，供用户选择新建文件的类型，或打开已有的文档等。 选择“编辑 首选参数”命令，弹出“首选参数”对话框，取消选择“显示欢迎屏幕”复选框，单击“确定”按钮完成设置。当用户再次启动Dreamweaver CS5时，将不再显示开始页面。 开始页面 “首选参数”对话框 1.1.2 不同风格的界面 选择 “窗口 工作区布局”命令，弹出其子命令菜单，选择“经典”或“编码器”命令。选择其中一种界面风格，页面会发生相应的改变。 1.1.3 多文档的编辑界面 Dreamweaver CS5提供了多文档的编辑界面，将多个文档整合在一起，方便用户在各个文档之间切换。用户可以单击文档编辑窗口上方的选项卡，切换到相应的文档。通过多文档的编辑界面，用户可以同时编辑多个文档。 多文档的编辑界面 1.1.4 插入面板 “插入”面板包括“常用”、“布局”、“表单”、“数据”、“Spry”、“InContext Editing”、“文本”、“收藏夹”8个选项卡，将不同功能的按钮分门别类地放在不同的选项卡中 “插入”面板 1.2 创建网站框架 站点管理器 创建文件夹 定义新站点 创建和保存网页 1.2.1 站点管理器 站点管理器的主要功能包括新建站点、编辑站点、复制站点、删除站点以及导入或导出站点。若要管理站点，必须打开“管理站点”对话框。 1.2.2 创建文件夹 建立站点前，要先在站点管理器中规划站点文件夹。新建文件夹的具体操作步骤如下。 （1）在站点管理器的右侧窗口中单击选择站点。 （2）通过以下几种方法新建文件夹。 选择“文件 新建文件夹”命令。 用鼠标右键单击站点，在弹出的菜单中选择“新建文件夹”命令。 （3）输入新文件夹的名称。 创建本地站点的步骤 （1）选择“站点 管理站点”命令，启用“管理站点”对话框。 （2）在对话框中单击“新建”按钮，在弹出的菜单中选择“站点”命令，弹出“站点设置对象 未命名站点1”对话框。在对话框中，设计者通过“基本”选项卡建立不同的站点，对于熟练的设计者而言，通常在对话框“高级”选项卡的“本地信息”分类中，根据需要设置站点。 1.2.3 定义新站点 1.2.4 创建和保存网页 选择“文件 新建”命令，启用“新建文档”对话框，选择“空白页”选项，在“页面类型”选项框中选择“HTML”选项，在“布局”选项框中选择“无”选项，创建空白网页。 网页设计完成后，选择“文件 保存”命令，弹出“另存为”对话框，在“文件名”选项的文本框中输入网页的名称，单击“保存”按钮，将该文档保存在站点文件夹中。 1.3 管理站点 打开站点 编辑站点 复制站点 删除站点 1.3.1 打开站点 当要修改某个网站的内容时，首先要打开站点。打开站点就是在各站点间进行切换。具体操作步骤如下。 （1）启动Dreamweaver CS5。 （2）选择“窗口 文件”命令，启用“文件”控制面板，在其中选择要打开的站点名，打开站点。 1.3.2 编辑站点 有时用户需要修改站点的一些设置，此时需要编辑站点。例如，修改站点的默认图像文件夹的路径，其具体的操作步骤如下。 （1）选择“站点 管理站点”命令，启用“管理站点”对话框。 （2）在对话框中，选择要编辑的站点名，单击“编辑”按钮，弹出“站点设置对象 未命名站点1”对话框，选择“高级设置”选项卡，此时可根据需要进行修改，单击“确定”按钮完成设置，回到“管理站点”对话框。 （3）如果不需要修改其他站点，可单击“完成”按钮关闭“管理站点”对话框。 1.3.3 复制站点 复制站点可省去重复建立多个结构相同站点的操作步骤，从而提高用户的