第1章 初识Dreamwaver 8 实战Dreamweaver8网页制作教程电子教案.ppt

1.“插入”面板组 2. “文档”工具栏 3. 文档窗口 4. 状态栏 5. “属性”面板 1.* 第1章 认识 Dreamweaver 8 学习目标 掌握Dreamweaver 8工作界面的基本操作 能利用站点定义向导创建站点和编辑管理站点 初步体验制作一个完整网站的方法 1.1 Dreamweaver 8简述 1.2 Dreamweaver 8的工作界面和基本操作 1.3 Dreamweaver站点的建立及规划 1.4 文件的基本操作 1.5 制作第一个网站“藏獒传说” 本章内容 Dreamweaver 8是美国Macromedia公司开发的集网页制作和站点管理于一身的网页制作软件，也是第一个专门为网页设计师量身定制的可视化网页制作软件，利用它可以制作出跨越平台限制和浏览器限制的充满丰富动感的网页。设计者即使没有掌握HTML语言和JavaScript，仍可以使用Dreamweaver 8轻松制作出精美的网页，而且在制作过程中可以同步预览制作效果，使得网页设计过程简单明了。 Dreamweaver 8是Macromedia系列产品的最新版本，它在原来版本的功能基础之上进行了改进和升级，功能更强大。它不仅可以制作出任何结构复杂的静态网页，具有完美的操作界面、强大的模板功能、创建动态网页、强大的代码编辑功能，在Dreamweaver 8版本中，还加入了经过重新设计的CSS工具、速度更快的后台FTP，以及新的XML/XSLT创作功能，简化了用于Web浏览XML文件的格式化过程。 1.1 Dreamweaver 8概述 1.2.1 Dreamweaver 8的启动 1.2 Dreamweaver 8的工作界面和基本操作 单击任务栏“开始” →“程序” →Macromedia文件夹→Macromedia Dreamweaver 8 。接下来将光标再向右移动，单击Macromedia Dreamweaver 8图标，Dreamweaver 8就被启动了。 首次启动Dreamweaver 8时，系统会打开“工作区设置”对话框，可以从中选择一种工作区布局，如图1-1所示。“设计器”工作区适合于一般的用户，“编码器”工作区适合于具有较高水平网页编程技术的用户。在这里可以选择“设计器”工作区。 工作区设置对话 1.2.2 Dreamweaver 8的工作界面 1.2 Dreamweaver 8的工作界面和基本操作 面板组 面板开关 属性面板 文档窗口 “文档”工具栏 “插入”面板组 菜单栏 标题栏 状态栏 Dreamweaver 8工作界面 1.2 Dreamweaver 8的工作界面和基本操作 “插入”面板组包含用于创建和插入对象所用到的所有按钮，它包括7个子面板，依次为“常用”、“布局”、“表单”、“文本”、“HTML”、“应用程序”和“Flash元素”。 单击下拉列表中的“显示为制表符”，插入面板则以标签的形式显示，如下图所示。单击右端的按钮，在下拉菜单中选择“显示为菜单”命令则恢复为默认设置。 1.2 Dreamweaver 8的工作界面和基本操作 文档工具栏中主要包含了一些对文档进行常用操作的功能按钮，通过单击这些按钮可以在文档的不同视图间进行快速切换，如下图所示。 文件管理 显示代码视图 显示设计视图 文档标题 显示代码和设计视图 没有浏览器检查错误 验证标记 在浏览器中预览/调试 可视化助理 刷新设计视图 视图选项 1.2 Dreamweaver 8的工作界面和基本操作 文档窗口是设计网页的主窗口，在该窗口中，用户可以对各种网页元素进行编辑和排版。在文档窗口中右击，在弹出的快捷菜单中可以选择相应的命令进行操作，如下图所示。 文档窗口 1.2 Dreamweaver 8的工作界面和基本操作 状态栏位于文档窗口的底部，用于提供与用户当前编辑的文档有关的信息，如当前窗口大小、文档大小和估计下载时间等，如下图所示。 标签选择器 选取工具 缩放工具 窗口大小 手形工具 文档大小和估计下载时间 1.2 Dreamweaver 8的工作界面和基本操作 在Dreamweaver 8中”属性”面板是经常使用的工具之一。当选中某一对象时，属性面板会自动地显示相关信息和参数，可以对其进行修改和设定，如下图所示。 1.3.1 利用站点定义向导创建站点 1.3 Dreamweaver 8站点的建立及规划 实例1 “藏獒传说”网站的建立 （1）单击菜单“站点” →“新建站点”命令，可打开“站点定义”对话框，在文本框中输入网站的名称，这里输入“藏獒传说”，如