2.1 Dreamweaver概述(课件）-高二《网页设计与制作》同步教学（北京理工版）

模块2 Dreamweaver网页制作 2.1 Dreamweaver概述 2.2 Dreamweaver的工作界面 2.3 网页中的文本 2.4 在网页中插入图像 2.5 插入多媒体 2.6 设置超链接 2.7 表格布局 2.8 框架布局 下一页 模块2 Dreamweaver网页制作 2.9 层布局 2.10 CSS样式 2.11 行为 2.12 使用模板 2.13 库 上一页 2.1 Dreamweaver概述 Dreamweaver是编辑网页的软件，借助它能够以直观的方式制作网页。Dreamweaver提供了强大的网站管理功能，许多专业的网站设计人员都将Dreamweaver作为创建网站的首选。Dreamweaver, Flash(网页动画制作软件)和Fireworks(网页图像处理软件)构成了网页制作方面的3大利器，被称为网页三剑客。它们同为美国Adobe公司的产品。 Dreamweaver提供了开放的编辑环境，能够与相关软件和编程语言协同工作，所以使用Dreamweaver可以完成各种复杂的网页编辑工作。 返回 下一页 上一页 2.1 Dreamweaver概述 2.1.1 Dreamweaver CS3的特点 目前最新的Dreamweaver版本是DreamweaverCS3，它是Adobe公司在并购Macromedia之后推出的。与以前的版本相比，DreamweaverCS3具有以下特点。 (1)适合于Ajax的Spry框架。使用适合于Ajax的Spry框架，以可视化方式设计、开发和部署动态用户界面。在减少页面刷新次数的同时，增强了交互性和可用性。 (2)Spry数据。使用XML将RSS服务或数据库的数据集成到Web页中。集成的数据很容易进行排序和过滤。 (3)Spry窗口组件。借助适合于Ajax的Spry框架的窗口组件，轻松地将常见界面组件(如列表、表格、选项卡、表单验证和可重复区域)添加到Web页中。 返回 下一页 上一页 2.1 Dreamweaver概述 (4) Spry效果。借助适合于Ajax的Spry效果，轻松地向页面元素添加视觉过渡，以扩大选取、收缩、渐隐、高光等。 (5)可以使用Adobe Photoshop或Fireworks中的文件。可以将在Adobe Photoshop CS3或Fireworks CS3中已完成的资源直接复制并粘贴到DreamweaverCS3中。 (6)浏览器兼容性检查。借助全新的浏览器兼容性检查，进一步确保了跨浏览器和操作系统的一致体验;生成识别各种浏览器中与CSS相关的问题报告，而不需要启动浏览器。 (7) CSS Advisor网站。借助CSS Advisor网站(提供解决方案和见解的一个在线社区)，可以查找浏览器特定CSS问题的快速解决方案。 (8)CSS布局。借助CSS布局，将CSS轻松合并到项目中。在每个模板中都有大量的注释解释布局，有助于初级和中级设计人员快速掌握。也可以为项目自定义每个模板。 返回 下一页 上一页 2.1 Dreamweaver概述 (9) CSS管理。轻松移动CSS代码:从行中到标题，从标题到外部表，从文档到文档，或在外部表之间。可以比较容易地清除较旧页面中的CSS。 (10) Adobe Device Central CS3。使用Adobe Device Central(现在已集成到整个Adobe creative suite 3中)设计、预览和测试移动设备内容。 2.1.2 Dreamweaver对主流技术的支持 1.支持模拟服务器环境 支持如IIS、Apache和ColdFusion等一些主流的服务器环境，满足不同的服务器环境开发要求。 2.支持ASP,PHP和Java等主流技术 支持ASP,PHP和Java等主流技术，可以在Dreamweaver中直接使用这些技术开发相关动态网页。 返回 下一页 上一页 2.1 Dreamweaver概述 3.支持数据库 在Dreamweaver中可以直接连接到数据库。正确设置服务器环境后，通过Dreamweaver可以直接连接到数据库中进行动态网页的制作。 4.支持多数的网页媒体 Dreamweaver可以完美支持常见的网页多媒体格式，如图片、Flash影片、MP3音乐等都可以通过Dreamweaver直接添加，并能够进行即时测试。 5.网页发布系统 Dreamweaver支持多种上传文件到服务器的方式，例如最常用的FTP上传文件方式。可以直接在Dreamweaver中选择和设置上传文件到服务器的方式，在Dreamweaver中完成所有的网页制作和上传发布的操作。 返回 上一页 2.2 Dreamweaver的工作界面 熟悉Dreamweaver