Dreamweaver cs5 网页制作教程ppt全册.ppt

二、Dreamweaver的工作区 1．调整工作区布局 方法：单击工作区切换按钮，选择一种布局方式。 或者：“窗口”——“工作区布局” * 教育学院 * 三、改变界面显示 1、显示与隐藏所有面板 在“窗口”或者“查看”菜单中选择“显示/隐藏面板”。或者按下“F4”。 2、显示与隐藏单个面板 在“窗口”菜单中单击欲显示或隐藏的面板名称。 3、整体隐藏或显示右侧面板组 单击面板组标题栏上的双箭头。 另外，也可以将各面板拖出原来所处的位置。 * 教育学院 * 4、面板显示方式的转换 面板有两种显示方式： 面板组显示方式、浮动面板显示方式 方法：在面板标题栏上按下鼠标左键拖动，即可将面板从面板组中拖动出来成为浮动面板，也可将浮动面板拖动回面板组中。 * 教育学院 * * 教育学院 * 四、设置便利的操作环境 方法：“编辑”—“首选参数”，打开“首选参数”对话框，对20个项目进行设置，使其最符合个人操作习惯。 第三节 使用DreamweaverCS5辅助工具 一、标尺 选择“查看”菜单的“标尺”中的“显示”。 二、网格 选择“查看”菜单的“网格设置”中的“显示网格”。 三、辅助线 选择“查看”菜单的“辅助线”中的“显示辅助线”。 辅助线直接从标尺栏上拖出来：从水平标尺上拖出水平辅助线，从垂直标尺上拖出垂直辅助线。 四、“历史记录”面板 显示：选择“窗口”菜单中的“历史面板”。 用于记录所作的操作，拖动历史面板左侧的标尺可以返回以前的某一步或者某几步。 教育学院 网站建设 第1章 Dreamweaver CS5 概述 教育学院 网站建设 第1章 Dreamweaver CS5 概述 教育学院 网站建设 第1章 Dreamweaver CS5 概述 教育学院 网站建设 第1章 Dreamweaver CS5 概述 教育学院 网站建设 第1章 Dreamweaver CS5 概述 教育学院 网站建设 第1章 Dreamweaver CS5 概述 教育学院 网站建设 第1章 Dreamweaver CS5 概述 教育学院 网站建设 第1章 Dreamweaver CS5 概述 教育学院 网站建设 第1章 Dreamweaver CS5 概述 教育学院 网站建设 第1章 Dreamweaver CS5 概述 教育学院 网站建设 第1章 Dreamweaver CS5 概述 教育学院 网站建设 第1章 Dreamweaver CS5 概述 网站建设 第1章 Dreamweaver CS5 概述 主讲：韩维良 * 第1章 Dreamweaver CS5概述 第一节 认识Dreamweaver Dreamweaver是由Macromedia公司推出的一款网页制作软件，它具有可视化编辑界面，用户不必编写复杂的HTML源代码就可以生成跨平台、跨浏览器的网页，不仅适合于专业网页编辑人员的需要，同时也容易被业余网友们所掌握。 （安装说明） * 教育学院 * Dreamweaver：梦想的纺织者 现在已经被ADOBE公司收编。 第二节 熟悉DreamweaverCS5主界面 当启动Dreamweaver CS5，“开始”页会出现在工作环境中。 “开始”页使用户可以快速访问Dreamweaver 教程、最近的打开过的文件、创建新项目或定义新网站。 若要禁用“开始”页，可在“开始”页打开时选中“不再显示”复选框。 * 教育学院 * 创建新的文件或者Dreamweaver站点 前往ADOBE功能介绍网站 官方的重要信息 教学网站与资源连接 打开最近编辑的文件 是否禁用开始项 * 教育学院 * 文档工具栏 文档窗口 状态栏 属性面板 菜单栏 应用程序栏 工作区切换器 插入面板 文件面板 菜单栏：包括10个菜单，基本上能够实现Dreamweaver的所有功能。 应用程序栏：包含相应的管理按钮。 文档窗口：显示当前创建和编辑的网页文档，是用户在Dreamweaver设计网页的主要工作区。在该工作区中可以进行输入文字、插入图片等多媒体资源、设置超链接等工作，也可以对整个页面进行处理。 文档工具栏：包含3种文档窗口视图按钮、各种查看选项和一些常用的操作。 通过单击这些按钮可在文档的不同视图间进行快速切换。 代码视图 代码和设计视图 设计视图，可视化视图 文档标题 刷新 选项 可视化助理 检查 预览 文件管理 文档代码、拆分、设计视图模式间的快速切换。 设计视图：一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境，类似于在浏览器中查看页面时看到的内容。“所见即所得” 代码视图：一个用于编写和编辑HTML、JavaScript、服务器语言（如PHP、ColdFusion标记语言CFML)以及任何其他