1、Dw基础入门知识学习,保定职业技术学院电子商务技术专业,目录:,Dw 菜单栏介绍 Dw文档窗口介绍 文档工具栏介绍,介绍:,介绍:,“文件”菜单 包含“新建”、“打开”、“保存”、“保存全部”,还包含各种其他命令,用于查看当前文档或对当前文档执行操作,例如“在浏览器中预览”和“打印代码”。“编辑”菜单 包含选择和搜索命令,例如“选择父标签”和“查找和替换”。“编辑”菜单还提供对DW菜单中“首选参数”的访问。“查看”菜单 使您可以看到文档的各种视图(例如“设计”视图和“代码”视图),并且可以显示和隐藏不同类型的页面元素和 DW工具及工具栏。 “插入”菜单提供“插入”栏的替代项,用于将对象插入您的
2、文档。,介绍:,“修改”菜单 使您可以更改选定页面元素或项的属性。使用此菜单,您可以编辑标签属性,更改表格和表格元素,并且为库项和模板执行不同的操作。 “格式”菜单使您可以轻松地设置文本的格式样式。 “命令”菜单 提供对各种命令的访问;包括一个根据您的格式首选参数设置代码格式的命令、一个创建相册的命令等。,介绍:,“站点”菜单 提供用于管理站点以及上传和下载文件的菜单项 “窗口”菜单 提供对 DW中的所有面板、检查器和窗口的访问。 “帮助”菜单 提供对 Dreamweaver 文档的访问,包括关于使用 Dreamweaver 以及创建 Dreamweaver 扩展功能的帮助系统,还包括各种语言
3、的参考材料。,介绍:,介绍:,“设计”视图 一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中,Dreamweaver 显示文档的完全可编辑的可视化表示形式,类似于在浏览器中查看页面时看到的内容。 “代码”视图 一个用于编写和编辑 HTML、JavaScript、服务器语言代码(如 PHP 或 ColdFusion 标记语言 (CFML)以及任何其它类型代码的手工编码环境。 拆分“代码”视图 “代码”视图的一种拆分版本,使您可以通过滚动以同时对文档的不同部分进行操作。 代码和“设计”视图 使您可以在一个窗口中同时看到同一文档的“代码”视图和“设计”视图。,介绍:,“实时
4、”视图 与“设计”视图类似,“实时”视图更逼真地显示文档在浏览器中的表示形式,并使您能够像在浏览器中那样与文档交互。“实时”视图不可编辑。不过,您可以在“代码”视图中进行编辑,然后刷新“实时”视图来查看所做的更改。 实时“代码”视图 仅当在“实时”视图中查看文档时可用。“实时代码”视图显示浏览器用于执行该页面的实际代码,当您在“实时”视图中与该页面进行1交互时,它可以动态变化。“实时代码”视图不可编辑。,介绍:,当“文档”窗口处于最大化状态(默认值)时,“文档”窗口顶部会显示选项卡,上面显示了所有打开的文档的文件名。如果您尚未保存已做的更改,则 Dreamweaver 会在文件名后显示一个星号。若要切换到某个文档,请单击它的选项卡。Dreamweaver 还会在文档的选项卡下(如果在单独窗口中查看文档,则在文档标题栏下)显示“相关文件”工具栏。相关文档指与当前文件关联的文档,例如 CSS 文件或 JavaScript 文件。若要在“文档”窗口中打开这些相关文件之一,请在“相关文件”工具栏中单击其文件名。,谢谢欣赏,若想继续了解此课程可以登录,