河南新华电脑学院叫你认识dreamweaver工作界面.ppt

网页设计与制作《Dreamweaver 网页设计与制作》 上节回顾 能够说出网站与网页的本质区别。 能够区分出什么、是网站什么是网页。 掌握网页的基本组成部分 第一章 Dreamweaver概述 本章主要内容 认识Dreamweaver 工作界面 自定义工作环境 管理文档 案列 菜单栏 编辑区 文档工具栏 状态栏 面板组 属性检查器 标签选择器 1.1 认识Dreamweaver 作为网页三剑客的重要一员，Dreamweaver在网页设计领域具有强大的功能，但它不能简单地定位为网页设计软件。 Web站点架设 可以方便地实现站点架设、管理与维护，简单地发布站点至网络网站空间，实施远端维护等操作。 网页内容排版 在所见即所得的工作环境中，可轻松创建表格、层和框架，对网页资料进行完美编排。 网页特效制作 可以通过简单的图像转换、动态行为、时间轴和层的结合实现具有各种视觉特效的网页。 网页应用程序开发 可以开发coldfusion、asp、asp.net、php等类型的动态网页。 1.1.1 Dreamweaver可以做什么 利用表格排版网页资料 案例 1.1.2 新增功能 Dreamweaver cs6增加了许多激动人心的新功能，为设计工作带来了更高效与快捷的操作。 改进的CSS功能 Spry构件 与photoshop的集成 浏览器兼容性检查 Dreamweaver cs4删减了不少功能。如时间轴、flash元素、站点地图等。 1.2 Dreamweaver工作界面 Dreamweaver的操作界面由菜单栏、文档工具栏、插入工具栏、状态栏、快捷菜单、属性检查器等部分组成。 编辑区 文档工具栏 状态栏 菜单栏 面板组 属性检查器 插入工具栏 标签选择器 “文档”工具栏中主要包含了一些对文档进行常用操作的功能按钮，通过单击这些按钮可在文档的不同视图间进行快速切换。 代码视图 代码和设计视图 设计视图 文档标题 刷新 选项 可视化助理 检查 预览 验证 文件管理 “插入”工具栏提供了”菜单”和”制表符”两种显示方式。包含用于创建和插入对象(如表格、图像)所用到的所有按钮。这些按钮被分类组织到各个选项卡中。 模板 标签选择器 超级链接 命名锚记 图像 表格 状态栏位于文档窗口的底部，提供与用户正编辑的文档有关的某些信息，如当前窗口大小、文档大小和估计下载时间等。标签选择器可查看网页内容的代码标签，也可以单击标签，选中该元素。 手形工具 标签选择器 窗口大小 缩放工具 文档大小和估计下载时间 选取工具 选择“窗口”｜“属性”命令，可以显示或隐藏属性检查器。默认将其显示在文档窗口的下方，分为”常用”和”高级”两部分。 1.3 自定义工作环境 选择工作区布局 Dreamweaver提供了编辑器、设计器和双重屏幕三种工作区布局。选择窗口—工作区布局，可相互切换。 调整工作区布局 默认的三种布局并不一定适合所有用户，可以通过打开、关闭工具栏和面板对工作区布局进行调整。 保存工作区布局 选择窗口—工作区布局—保存当前，保存已调整好的工作区布局。 管理工作区布局 选择窗口—工作区布局—管理，打开“管理工作区布局”对话框，删除或重命名工作区布局。 1.3.1 工作区调整与管理 显示/隐藏面板和工具栏 显示面板/工具栏可方便用户操作，但缩小了文档窗口。可根据需要是否显示或者显示特定对象。 自由组合面板 例如，要将“文件”面板整合到“设计”面板中，可选择“窗口”|“文件”命令，打开“文件”面板，然后右击“文件”面板的名称标签，从弹出的快捷菜单中选择“将文件组合至”|“设计”命令，即可将“文件”面板整合到“设计”面板中。 面板组的基本操作 通过面板组的标题栏和选项菜单，可以停靠和取消停靠面板组，移动、重命名、最大化和关闭面板组。 1.3.2 工具栏与面板操作 编辑首选参数 选择编辑—首选参数，打开“首选参数”对话框，对20个项目进行设置，使其最符合个人操作习惯。 1.3.3 设置便利的操作环境 1.4 管理文档 创建新文件 通过文件—新建，可创建空白文档、基于dreamweaver设计文件的文档以及通过模板创建文档。 打开已有文件 通过文件—打开，可以打开任何html文档或动态文档类型。 保存与另存文件 通过文件—保存或另存为，保存文件。文件名只能使用英文字符和阿拉伯数字，不以数字开头，且不使用空格和特殊符号。 设置参数 通过编辑—首选参数—新建文档，设置默认文档类型和扩展名、默认编码等。 设置页面属性 单击修改—页面属性，或单击属性面板中的