网页制作与网站设计_03DreamweaverCS3基础剖析.ppt

项目三 Dreamweaver CS3 基础 内容摘要 Dreamweaver CS3的优势特点和新特性 创建Web站点工作流程 。 如何启动Dreamweaver CS3应用程序 。 Dreamweaver CS3主工作区 创建和打开文档的方法 创建本地站点的方法 学习目标 了解Dreamweaver CS3其特点 了解创建Web站点的工作流程 掌握启动Dreamweaver CS3应用程序的几种方法，了解主工作区 掌握创建、打开文档的方法 学会建立本地站点 Dreamweaver CS3 基础 任务一描述：了解Dreamweaver CS3 前面小刚已经学习了网页制作的基础，了解了网站的类型。但选择那种软件来之制作网页呢？目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样，老师向小刚推荐了Dreamweaver CS3，现在我们就先来了解CS3软件。 解决方案 Dreamweaver CS3是集网页制作和网站管理与一身的“所见即所得” 的网页编辑软件，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。它以强大的功能和友好的界面备受广大网页设计者的欢迎，已成为网页制作的首选软件。 通过对Dreamweaver CS3特点的分析和功能的介绍对其有个初步的了解。 Dreamweaver CS3基础  知识讲解及操作步骤 Dreamweaver特点： 灵活编写网页的特点 可视化编辑界面 强大的Web站点管理功能 业界领先的网页设计工具 集成的工作流 整的CSS支持 轻松的Spry Dreamweaver CS3基础  任务二描述：了解Dreamweaver CS3创建Web站点的工作流程 经过对Dreamweaver CS3特点、新特性的了解，小刚已经对Dreamweaver CS3有了基本的认识，下面我们来学习如何利用Dreamweaver CS3创建Web站点的流程。 解决方案 制作网站上的网页，对于熟练网页制作的使用者来说，通常是先建立本站站点，然后在本地站点中创建网站文件夹，把制作网页的相关文件、图像复制到相应的文件夹内，接着再利用相关文件和素材，制作网站上的网页。最后，在完成网页制作以后，利用本地站点和远程站点的链接，发布网页，完成真正的网页制作过程。因此，在制作网页之前，本小节将简单地介绍站点建设。 Dreamweaver CS3基础  知识讲解及操作步骤 站点的规划 管理站点文件 设计web页面布局 向页面添加内容 手工编码 设置web应用程序 创建动态页 快速开发应用程序 Dreamweaver CS3基础  任务三描述：了解Dreamweaver CS3的启动和主工作区 小刚在了解了Dreamweaver CS3创建网站的工作流程之后，已经迫不及待地要制作自己的网站了，但老师告诉他在使用之前你还需要学会如何启动它，了解Dreamweaver CS3的主工作区。 解决方案 使用Dreamweaver CS3之前，应该先启动它。根据软件安装的不同情况，启动Dreamweaver CS3的方法有通过快速启动栏启动、通过桌面快捷方式图标启动、通过选择命令启动及通过“运行”对话框启动。 Dreamweaver CS3基础  知识讲解及操作步骤 成功安装好后，它会自动出现在“开始”菜单的程序组中，选择“开始”|“所有程序”|“Adobe Dreamweaver CS3”命令，即可启动Dreamweaver CS3。如下图 Dreamweaver CS3基础  其他启动方法： 通过快速启动栏启动：，单击快速启动栏中启动 Dreamweaver CS3的快捷方式图标。 通过桌面快捷方式图标启动：双击Dreamweaver CS3快捷方式图 标即可打开应用程序。 通过“运行”对话框启动 选择“开始”|“运行”命令，在打开的对话框中输入“dreamweaver”,单击确定即可。 Dreamweaver CS3基础  Dreamweaver CS3的工作区主要包括以下几个部分 ，如图所示： Dreamweaver CS3基础  知识讲解及操作步骤 单击“保存”按钮，保存网页为HTML文档，保存后，网页的名称、路径、类型都显示在Dreamweaver上的标题栏上 如果要将网页另存为其他