Dreamweaver CS3网页设计技术入门篇教学课件.pdf

### Dreamweaver CS3网页设计技术入门篇知识点详解 #### 一、Dreamweaver CS3概述 **1.1 Dreamweaver CS3简介** - **软件定位：** Dreamweaver CS3是一款专业的可视化网页开发工具，它与Flash、Fireworks并称为网页设计领域的“三剑客”，分别负责网页矢量动画制作、网页图像处理以及网页编辑排版。 - **发展历程：** 随着技术的发展，Dreamweaver不断更新迭代，CS3版本作为当时的最新版本，在系统配置要求上有所提升，以确保更好的用户体验。 **1.2 系统配置要求** - **配置需求：** 在使用Dreamweaver CS3之前，需了解其最低及推荐系统配置要求，以确保软件能够流畅运行。通常包括处理器速度、内存大小、硬盘空间等方面的要求。 #### 二、Dreamweaver CS3的工作界面 **2.1 菜单栏** - **功能概览：** 菜单栏包含了Dreamweaver CS3的几乎所有功能，共有10个菜单项，覆盖了软件的所有主要操作，方便用户根据需要进行快速操作。 **2.2 插入栏** - **显示方式：** 插入栏支持两种显示方式——菜单方式和制表符方式，便于用户根据习惯选择。 - **功能模块：** 插入栏中集成了常用的网页对象和工具，例如“常用”、“布局”、“表单”、“数据”、“Spry”、“文本”和“收藏夹”等，极大地提高了网页制作效率。 **2.3 属性面板** - **用途介绍：** “属性”面板用于显示所选元素的属性，并允许用户直接在面板中修改这些属性，不同元素的选择将导致面板内容的变化。 **2.4 面板组** - **灵活性：** 面板组可以自由组合，支持展开和折叠操作，同时也支持与其他面板组停靠或取消停靠，帮助用户保持工作区的整洁。 **2.5 文档窗口** - **视图模式：** 提供了设计视图、代码视图和拆分视图三种查看方式，方便用户在设计和编写代码之间灵活切换。 #### 三、Dreamweaver CS3的新功能 **3.1 适合于Ajax的Spry框架** - **概念介绍：** Spry框架是一种基于Ajax的技术，通过它可以实现动态用户界面的可视化设计、开发和部署。 - **应用场景：** 使用Spry框架可以创建更加丰富的网页，如显示XML数据、创建无需刷新整个页面即可显示动态数据的交互式元素等。 **3.2 Spry效果** - **特点说明：** Spry效果为网页设计提供了一种简便的方式，通过简单的设置即可让页面元素具备各种视觉过渡效果，如放大、缩小、渐隐、高亮等，从而增强网站的视觉吸引力。 **3.3 增强的集成** - **集成特性：** Dreamweaver CS3与Photoshop CS3和Fireworks CS3的集成得到了加强，用户可以直接从这些软件中选择设计的部分并粘贴到Dreamweaver页面中，进一步简化了设计流程。 通过以上知识点的学习，初学者可以对Dreamweaver CS3有一个较为全面的认识，为其后续深入学习打下坚实的基础。