第1讲_认识Dreamwaver.ppt

1.1 Dreamweaver 8概述 1.2 Dreamweaver 8的新功能 利用XML数据进行可视化创作 XML文件的基本结构： xml version=1.0 mybooks book bookid=1 pubdate03/01/2004/pubdate titleDisplaying XML Data with Macromedia Dreamweaver/title authorCharles Brown/author /book book bookid=2 pubdate04/08/2004/pubdate titleUnderstanding XML/title authorJohn Thompson/author /book /mybooks 每一个book父标签都包含三个子标签：pubdate、title和author。但每个book标签也是mybooks标签的子标签，后者在架构中的级别比前者高一级。只要相应地将标签嵌套在其他标签中，并为每个开始标签指定一个对应的结束标签，就可以随意命名XML标签并安排它们的结构。 新的“CSS样式”面板 后台文件传输 “插入Flash视频”命令 1.* 2009 第1讲 认识 Dreamweaver 8 Dreamweaver 8 李博 第1讲认识Dreamweaver 8 本讲内容 了解Dreamweaver及其基本特点 了解Dreamweaver 8的新功能 Dreamweaver 8概述 Dreamweaver 8的新功能 本讲内容 2005年8月, 美国 Macromedia公司推出了Dreamweaver 8 Dreamweaver是目前主流的网页设计工具，不仅具有强大的 页面设计功能，而且具有完善的站点管理能力，使用Dreamweaver设计网页将是一个便捷、高效的工作流程 Dreamweaver 8结合了Dreamweaver 的可视化排版功能，融合了Dreamweaver UltraDev的动态数据库页面开发功能和HomeSite的强大的代码编辑支持 Dreamweaver 8概述 缩放工具和辅助线 利用XML数据进行可视化创作 新的“CSS样式”面板 CSS布局的可视化 代码折叠 编码工具栏 后台文件传输 “插入Flash视频”命令 Dreamweaver 8的新功能 功 能： 放大并检查图像，使用复杂的嵌套表格布局 缩小可预览页面的显示方式 缩放工具 缩放工具 功能： 测量页面布局，将页面布局和页面模型加以比较，精度可达像素级别 可视化反馈有助于准确地测量距离，并且支持智能靠齐 辅助线 辅 助 线 利用XML数据进行可视化创作 功能： 快速利用XML将源集成到工作中，并揭开XML到HTML转换的神秘面纱； 使用简单的拖放工作流程，可将基于XML的数据（如RSS源）集成到Web页中； 使用改善的XML和XSLT代码提示功能，可跳转到“代码”视图来自定义转换 。 功能创新： 全部CSS功能已合并到一个面板集合中，并已得到增强，可以更加轻松、更有效率地使用CSS样式； 使用新的界面可以更方便地看到应用于具体元素的样式层叠，从而能够轻松地确定在何处定义了属性； 属性网格允许进行快速编辑。 新的“CSS样式”面板 使用“CSS样式”面板可以跟踪影响当前所选页面元素（“正在”模式）的CSS规则和属性，或影响整个文档的规则和属性（“全部”模式）； 使用“CSS样式”面板顶部的切换按钮可以在两种模式之间切换； 使用“CSS样式”面板还可以在“全部”和“正在”模式下修改CSS属性 “全部”模式下的“CSS样式”面板 “正在”模式下的“CSS样式”面板 CSS布局的可视化 应用可视化助理来描画CSS布局边框或为CSS布局加上颜色； 应用可视化助理可揭示出复杂的嵌套方案，并改善所选内容 “可视化助理”菜单 代码折叠 通过隐藏和展开代码块，重点显示想要查看的代码 代码折叠 编码工具栏 　　新的“编码”工具栏在“代码”视图一侧的沟槽栏中提供了用于常见编码功能的按钮 编码工具栏 要了解每个按钮的功能，请将鼠标指针定位于按钮上直至出现工具提示 编码工具栏 默认情况下编码工具栏中将显示以下按钮： 打开的文档：列出已打开的文档。选择一个文档后，它将显示在“文档”窗口中。 折叠整个标签：折叠位于一组开始和结束标签之间的内容。 折叠所选：折叠所选代码。 扩展全部：可还原所有折叠的代码。 选择父标签：可选择放置了插入点的那一行的内容及其两侧的开始和结束标签。 平衡大括弧：选择放置插入点的那一行的内容及其两侧的圆括