02　网站开发工具.pdfVIP

第2 章 网站开发工具 第2 章 网站开发工具 要想成为一名优秀的网页设计师需要具备哪些条件？独特的设计风格、紧跟潮流的设计语言、娴 熟的技术。当然任何艺术设计创作都要靠一定的工具来实现，网页开发设计也不例外。 没有高效、创新的设计开发工具想在激烈的竞争中生存，并成为一名优秀的网页设计师是很难的。 好的设计开发工具就好比嘴巴，可以把心里想的表达出来告诉对方。网页设计意图的准确表达就需要 依赖优秀的设计开发工具。 2.1 Dreamweaver CS3概述 Dreamweaver CS3是一款优秀的网站开发工具，是网页设计师在选择开发工具时一个不错的选择。 网页设计师使用Dreamweaver CS3 能更为高效地设计、开发和维护基于网站标准化的网站。它集成了 众多网站开发中所涉及的最新技术，扩展了页面设计与制作、多媒体开发和动画设计这类丰富实用的 功能。 在Dreamweaver CS3这个新版本中，在很大程度上强化了对于动态网页技术的支持，使得网页设 计师可以制作出更多眩目的互动页面特效。并保留了插件式的软件设计，使得网页设计师可以随意选 择各类扩展性插件进行安装。极具亲和力的操作界面，使网页设计师可以根据自身需要，自定义各类 浮动面板。能够更加方便地使用软件本身的各种内置对象进行开发操作。 2.2 Dreamweaver CS3 的特点和新增功能 Dreamweaver CS3在实用功能上和操作流程上都有了显著的改进。修正了以往版本中软件本身设 计上的一些缺漏，新增功能更是发挥了其高效开发的特点。它允许网页设计师依据个人开发习惯，选 择在设计环境或是编码环境下进行快速编辑。下面就分别从实用功能、操作模式与最新技术这三个方 面介绍Dreamweaver CS3 的一些特点和新增功能。 1. 增强CSS功能 Dreamweaver CS3提供一组预先设计的CSS布局模板。使用这些模板，设计人员可以快速设计好 页面并开始运行。这些模板包括Web上的大多数站点设计的布局，而且每种布局都包含许多附加元素。 同时，Dreamweaver CS3提供强大的CSS管理功能。用户可以轻松地在文档之间、文档标题与外部表 之间、外部CSS文件之间以及更多位置之间移动CSS规则。此外，用户还可以将内联CSS转换为CSS 规则。为了设计人员使用，Adobe还提供Adobe CSS Advisor 网站。通过这个网站，用户可以解决各种 CSS 的应用问题。 2. 更方便地浏览器兼容性检查 在Dreamweaver CS3 中，浏览器兼容性检查功能可生成报告，指出各种浏览器中和CSS相关的兼 励志照亮人生　编程改变命运 11 零基础学　Dreamweaver CS3+ASP 容问题。在代码视图中，这些问题以绿色下划线来标记，帮助用户确认问题代码的位置。如果用户无 法解决问题，还可以在Adobe CSS Advisor 网站获取帮助。 3. 增加Ajax 的Spry框架 通过Dreamweaver CS3 ，用户可以使用Ajax 的Spry框架进行动态用户界面的可视化设计、开发和 部署。Spry与其他Ajax框架不同，它是一个面向Web设计人员的JavaScript库。设计人员可以向用户提 供更丰富体验的网页。Spry框架包括Spry构件和Spry效果两部分。 ❑ Spry构件：它是预置的常用用户界面组件。用户可以使用CSS 自定义这些组件，然后将其添 加到网页中。在Dreamweaver CS3 ，用户可以将多个Spry构件添加到自己的页面中。在这些 构件中，可以包括XML 驱动的列表和表格、折叠构件、选项卡式界面和具有验证功能的表单 元素。 ❑ Spry效果：它是一种提高网站外观吸引力的简洁方式。这种效果可应用于HTML 页面上的大部 分元素。用户可以通过添加Spry效果，对网页元素进行放大、收缩、渐隐和高亮显示。 4. 与其他工具的高度集成