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

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的工作界面和基本操作 3. 文档窗口 文档窗口是设计网页的主窗口，在该窗口中，用户可以对各种网页元素进行编辑和排版。在文档窗口中右击，在弹出的快捷菜单中可以选择相应的命令进行操作，如下图所示。 文档窗口 1.2 Dreamweaver 8的工作界面和基本操作 4. 状态栏 状态栏位于文档窗口的底部，用于提供与用户当前编辑的文档有关的信息，如当前窗口大小、文档大小和估计下载时间等，如下图所示。 标签选择器 选取工具 缩放工具 窗口大小 手形工具 文档大小和估计下载时间 1.2 Dreamweaver 8的工作界面和基本操作 5. “属性”面板 在Dreamweaver 8中”属性”面板是经常使用的工具之一。当选中某一对象时，属性面板会自动地显示相关信息和参数，可以对其进行修改和设定，如下图所示。 1.3.1 利用站点定义向导创建站点 1.3 Dreamweaver 8站点的建立及规划 实例1 “藏獒传说”网站的建立 （1）单击菜单“站点” →“新建站点”命令，可打开“站点定义”对话框，在文本框中输入网站的名称，这里输入“藏獒传说”，如右图所示，然后单击“下一步”进入另一个向导。 1.3 Dreamweaver 8站点的建立及规划 实例1 “藏獒传说”网站的建立 （2）接下来站点定义向导2的功能是询问“您是否要使用服务器技术”，选择“否”，表示目前该站点是一个静态站点，没有动态页。选择“是”则需要进一步选择动态网页类型。这里，我们制作的网站是一个静态站点，所以选择“否”，然后单击“下一步”进入下一步向导，如右图所示。 1.3 Dreamweaver 8站点的建立及规划 实例1 “藏獒传说”网站的建立 （3）站点定义向导3主要实现两个功能： 1）第一个功能是指定网页的存放方式。编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）：适合在不连接网络、单机的情况下编辑、制作网站。我们选择第一项。 2）第二个功能在文本框内指定站点所指向的位置，即指定“