Dreamweaver CS3网页设计与制作教程 第2版 教学课件 作者申莉莉教案第1章.ppt

《Dreamweaver CS3网页设计与制作教程 第2版 教学课件 作者申莉莉教案第1章.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第1章DreamweaverCS3的工作环境1.1DreamweaverCS3的新功能1.2DreamweaverCS3的系统需求1.3安装DreamweaverCS31.4DreamweaverCS3的工作环境1.5设置DreamweaverCS3的基本参数1.6热门网页设计欣赏1.1DreamweaverCS3的新功能DreamweaverCS3是Adobe公司在收购了Macromedia公司后，推出的最新版本，是一款专业的HTML编辑器，用于对Web的站点、Web页和Web应用程序进行设计，以及编码和开发设计。它采用了多种先进的技术，能快速高效地创建极具表现力和动感效果的网页。Dr

2、eamweaverCS3提供了更加完善的网页编辑功能，并在管理站点方面有了很大的改善。集网页设计和热点管理于一身。无论开发者是手工编写HTML代码，还是在可视化编辑环境中进行编辑，DreamweaverCS3都会提供有用的工具，使用户拥有更加完美的Web创作体验。Dreamweaver是网页制作与开发领域中用户最多、应用最广、功能最强的软件，Adobe公司发布了DreamweaverCS3新版本，增加了许多的新功能、新特性。1.Ajax的Spry框架通过AdobeDreamweaverCS3，可以使用Ajax的Spry框架进行动态用户界面的可视化设计、开发和部署。Ajax的Spry框架是

3、一个面向Web设计人员的JavaScript库，用于构建向用户提供更丰富体验的网页。Spry与其它Ajax框架不同，可以同时为设计人员和开发人员所用，因为实际上它的99%都是HTML。2.Spry构件Spry构件是预置的常用用户界面组件，可以使用CSS自定义这些组件，然后将其添加到网页中。使用Dreamweaver，您可以将多个Spry构件添加到自己的页面中，这些构件包括XML驱动的列表和表格、折叠构件、选项卡式界面和具有验证功能的表单元素。3.Spry效果Spry效果是一种提高网站外观吸引力的简洁方式。这种效果差不多可应用于HTML页面上的所有元素。您可以添加Spry效果来放大、收缩、

4、渐隐和高亮显示元素；在一段时间内以可视方式更改页面元素；以及执行更多操作。4.高级PhotoshopCS3集成Dreamweaver包括了与PhotoshopCS3的增强的集成功能。可以在Photoshop中选择设计的任一部分（甚至可以跨多个层），然后将其直接粘贴到Dreamweaver页面中。Dreamweaver会显示一个对话框，可在其中为图像指定优化选项。如果需要编辑图像，只需双击图像即可在Photoshop中打开原始的带图层PSD文件进行编辑。5.CSS布局Dreamweaver提供一组预先设计的CSS布局，它们可以帮助您快速设计好页面并开始运行，并且在代码中提供了丰富的内联注释

5、以帮助您了解CSS页面布局。Web上的大多数站点设计都可以被归类为一列、两列或三列式布局，而且每种布局都包含许多附加元素（例如标题和脚注）。Dreamweaver提供了一个包含基本布局设计的综合性列表，您可以自定义这些设计以满足自己的需要。1.2DreamweaverCS3的系统需求1.硬件环境处理器：IntelPentium4，IntelCentrino、IntelXeton或IntelCoreDuo（或兼容）处理器。显示器：1024×768分辨率的显示器（带有16位视频卡）。内存：512MB，建议使用1G内存。硬盘空间：至少需要1GB的磁盘空间，在安装过程中需要更多其他可用空间。外设

6、：DVD-ROM驱动器。2.软件环境一般是Windows操作系统：WindowsXP带有ServicePack2，或者WindowsVistaHomePremium、Business、Ultimate或已为32位版本进行验证的Enterprise版本等。多媒体功能需要QuickTime7软件1.3安装DreamweaverCS31）双击安装程序，首先是解压缩、初始化操作，如图1-1所示。图1-1解压缩、初始化图1-2加载安装界面2)出现加载安装界面，如图1-2所示。3)显示软件的许可协议如图1-3所示。单击“接受”按钮进行安装.图1-3安装许可协议图1-4安装选项4)现在是否安装Adob

7、eExtensionManagerCS3组件后，单击“下一步”按钮继续安装，弹出“按照选项”对话框如图1-4所示。5)选择安装位置，默认的安装位置为“C:ProgramFilesAdobeAdobeDreamweaverCS3”,如图1-5所示。单击“下一步”按钮继续安装。图1-5安装位置图1-6安装摘要安装过程中，将显示安装摘要如图1-6所示，单击“安装”按钮继续安装。6)开始复制安装，如图1-7所示。图1-7复制安装图1-