Dreamweaver入门：利用内置工具设计CSS样式

在Dreamweaver基础教程中，作者深入探讨了如何利用这款强大的Web设计工具设计CSS样式。自2002年MX版本（6.0）引入对CSS的支持以来，Dreamweaver的角色发生了显著变化。起初，它主要用于辅助设置字体样式，CSS样式选项位于【文本】菜单下，而那时CSS技术并未被广泛认知，更多被视为一种辅助工具。 随着2005年Adobe（当时收购了Macromedia）对Dreamweaver的升级，尤其是CS版本的推出，CSS技术得到了全面支持。Adobe将CSS技术视为核心升级内容，使得Dreamweaver成为Web设计领域中的佼佼者。它提供了可视化操作环境和代码输入模式，这对于新手来说尤其友好，能够提升开发效率，通过直观的预览和错误检查工具，帮助节省时间和提高代码质量。 “CSS样式”面板是Dreamweaver的核心组件，从0版本起就整合了CSS技术的各种功能，简化了设计师的工作流程。这个面板具备以下特点： 1. **全能菜单**：所有CSS样式操作都集中在面板菜单中，用户可以通过面板右上角的下拉菜单访问这些功能。 2. **两种显示模式**：允许用户在视觉模式和源代码模式之间切换，以适应不同的设计和调试需求。 3. **三种属性视图**：包括样式表视图、规则视图和声明视图，提供了查看和编辑CSS的不同角度。 4. **四个操作按钮**：提供创建、修改、删除和管理CSS规则的快捷方式。 本教程详细讲解如何利用Dreamweaver的【CSS样式】面板进行CSS样式设计，包括新建、编辑、应用以及维护CSS规则，强调了在实际项目中使用可视化工具的优势，特别是对于初学者来说，它有助于提升CSS编码的效率和代码质量。通过本章节的学习，读者将掌握如何在Dreamweaver中高效地构建和管理CSS样式表，从而更好地实现网页设计的目标。