《第1章初识DreamweaverCS4.pptVIP

第1章 初识Dreamweaver CS4 Dreamweaver是美国著名的多媒体软件开发商Macromedia公司（已被adobe公司收购）针对专业网页设计师特别开发的Web站点开发程序，在Web站点、Web页面和Web应用程序的设计、编码、开发上具有开创性。集网页制作和管理于一身，所见即所得。 Dreamweaver提供了功能全面的编码环境，加速了站点的建设，简化了站点的维护，能自由地导入、导出手工编码的HTML文档，并为用户使用服务器技术生成由动态数据库支持的Web应用程序提供了可能。利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 网页三剑客 Dreamweaver与该公司的另外两软件——Flash和Fireworks一起合称为 “DreamTeam”(梦之队)，国内常称“网页三剑客”。 Flash用来生成矢量动画； Fireworks用于Web图像制作； Dreamweaver用于各类素材的集成和发布。 1.1 Dreamweaver优点： 支持多种浏览器，可跨平台开发网页，实现了可视化动态HTML编程，方便地集成了Flash、ShockWave、ActiveX等众多外部媒体； 使用简便，可扩展性强，目前全世界范围超过60%的专业网页设计师用其开发网页。 是专业的HTML编辑器，用于对Web站点、 页面和应用程序进行设计、编码和开发。 支持直接编写HTML代码，也支持可视化环境编辑。 （1）灵活的编写方式 具有灵活编写网页的特点，将“设计”和“编码”编辑器合二为一，在设计窗口中还简化了源代码。 DW有许多与编码相关的工具和功能。可以使用服务器语言（如ASP、ASP.NET、CFML、JSP和PHP）生成支持动态的、数据库驱动的的Web应用程序。 浮动窗口使得设计人员可以采用鼠标点击的方式插入各种对象，同时进行代码的编辑，包括样式表CSS和Javascript。 模版和 XML。DW将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版（即模版），指定可编辑或不可编辑的部分，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。 如果偏爱使用 XML 数据，DW也提供了相关工具，可帮助轻松创建 XSLT 页、附加 XML 文件并在 Web 页中显示 XML 数据。可以使用样版正确地输入或输出XML内容。 DW是开放的、可扩展的，用户可以完全自定义。可以创建您自己的对象和命令，修改快捷键，甚至编写 JavaScript 代码，用新的行为、属性检查器和站点报告来扩展 DW 的功能。 可以利用操作环境面板提供的CSS格式化文本、利用层Layer定位网页元素、利用对象库Library实现代码的重复使用，甚至可以进行本地和远程站点的管理和异地网页编辑。 DW是一款容易上手和熟练掌握的优秀网页制作软件。 （2）可视化编辑界面 是一种“所见即所得”的HTML编辑器，可实现页面元素的插入和生成。 可视化编辑环境大量减少了代码的编写，同时亦保证了其专业性和兼容性，并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问。 DW支持精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置，所见即所得。 可以快速地创建页面而无需编写任何代码，同时，提供了强大的设计功能来确保高质量网页的完成，设计环境也使用了层叠样式表CSS（Cascading Style Sheets）来进行网页样式的统一管理，可以迅速高效地开发出代码简洁、专业规范的站点。 （3）功能更多的CSS支持——CSS可视化设计及检查工具 在设计窗口中运用重新设计的Tag检查工具来检测哪个CSS规则应用于当前的选择。 在CSS中创建版面设计配置是非常容易的，在设计窗口中选取divs及其它块元素，然后利用CSS准则检查工具修改它们的属性，单击任意一个CSS规则可以查看其属性的详细说明。 （4）动态跨浏览器验证 当保存时，自动地检查当前文档的跨浏览器有效性（即兼容性）。 对于CSS的动态HTML支持和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。可以指定任何平台的热门浏览器为测试用浏览器，DW可以告知您在不同浏览器上执行的成效如何，自动地检验以确定页面有没有目标浏览器不支持的tags或css结构。当有新的浏览器上市时，只要从DW的网站在下载它的描述档，便可得知详尽的成效报告。 （5）强大的Web站点管理功能 使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称，DW 会自动更新所有连结。 使用文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。 Roundtrip HTML/Jav