《网页设计与制作教学课件》2aDW介绍.pptVIP

* Dreamweaver新手上路 Dreamweaver概述 Dreamweaver CS5界面介绍 Dreamweaver建立网页流程 站点创建与管理 1.Dreamweaver概述 DW是一款专业的HTML编辑器，它提供了各种便捷、完善、舒适的编辑环境，方便创建内容丰富、形式活泼的Web网页。 1、可视化编辑功能。 2、高效站点管理。 3、全面的编码环境。 4、支持服务器技术。 5、扩展功能。 2.Dreamweaver CS5界面介绍 开始界面 菜单栏 文档工具栏 文档窗口 标签选择器 属性面板 文件面板 面板组 网页标签 2.1菜单栏 “文件”菜单中包含网页文件操作的基本项目，如网页文件的新建、打开、保存、关闭、浏览、导入以及导出等，选择相应的命令即可执行相应的操作。 “编辑”菜单中主要包括一些对网页对象进行操作的命令，如“剪切”、“复制”、“粘贴”、“撤消”和“重做”等。 “查看”菜单主要是对工作界面的一些设置，如文档的各种视图（“代码”、“设计”和“代码和设计”），显示和隐藏不同类型的页面元素和Dreamweaver工具及工具栏。如“标尺”、“网格”的显示/隐藏、“文件头内容”等。 “插入”菜单用于将对象插入的文档。大部分功能都可以通过“插入栏”中的相应按钮来实现，这里不再赘述。 “修改”菜单用于更改选定页面元素或对象的属性。使用此菜单，可以编辑标签属性，更改表格和表格元素、并且为库项目和模板执行不同的操作。 “格式”菜单可以设置文本的格式。 “命令”菜单提供对各种命令的访问，包括一个根据的格式首选参数设置代码格式的命令、一个创建相册的命令，以及一个使用Macromedia Fireworks优化图像的命令。 “站点”菜单用于提供与管理站点以及上传和下载文件有关的菜单项。 “窗口”菜单提供对Dreamweaver中的所有面板、检查器和窗口的访问，若访问工具栏，请参见“视图”菜单。 “帮助”菜单用于提供对Dreamweaver文档的访问，包括关于使用Dreamweaver以及创建Dreamweaver扩展功能的帮助系统，还包括各种语言的参考材料。 单击该按钮可以切换到“代码”视图中。“代码”视图是用于编写和编辑HTML、JavaScript、服务器语言代码（如Microsoft Active Server Page （ASP）或ColdFusion 标记语言）以及任何其他类型代码的手工编码环境。 单击该按钮可以切换到“代码”视图和“设计”视图中。在该窗口中可同时看到同一文档的“代码”视图和“设计”视图。 单击该按钮可以切换到“设计”视图中。“设计”视图用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中显示文档的完全可编辑的可视化表示形式，类似于在浏览器中查看页面时看到的内容。 2.2文档工具栏 在浏览器中预览/调试。单击该按钮后，在弹出的菜单中选择“预览在iexplore”命令后即可在IE浏览器中浏览或调试当前网页。 单击该按钮可以刷新当前网页。 显示不可编辑的、交互式的、基于浏览器的文档视图。 显示浏览器用于执行该页面的实际代码。 文档标题 文件管理 该窗口中显示当前创建和编辑的文档，这是进行网页设计的主要工作窗口。 2.3文档窗口 网页标签用于显示打开的网页名称，单击网页标签可在各网页间切换 标签选择器显示了一些常用的HTML标签，灵活运用这些标签可大大降低设计人员的工作量。比如想选择表格中的某一行，则可通过单击标签选择器中的标签快速选择。 2.4标签选择器 “插入”面板包含用于创建和插入对象（例如表格、图像和链接）的按钮。 常用类别 用于创建和插入最常用的对象，例如图像和表格。 布局类别 ：用于插入表格、表格元素、div 标签、框架和 Spry 构件。您还可以选择表格的两种视图：标准（默认）表格和扩展表格。 表单类别 ：包含一些按钮，用于创建表单和插入表单元素（包括 Spry 验证构件）。 数据类别 ：使您可以插入 Spry 数据对象和其它动态元素，例如记录集、重复区域以及插入记录表单和更新记录表单。 Spry 类别：包含一些用于构建 Spry 页面的按钮，包括 Spry 数据对象和构件。 文本类别 ：用于插入各种文本格式和列表格式的标签，如 b、em、p、h1 和 ul。 收藏夹类别 ：用于将“插入”面板中最常用的按钮分组和组织到某一公共位置。 2.5插入面板 插入面板与Dreamweaver 中的其它面板不同，您可以将“插入”面板从其默认停靠位置拖出并放置在“文档”窗口顶部的水平位置。这样做后，它会从面