第3章 Dreamweaver与Fireworks初探.ppt

第3章 Dreamweaver与Fireworks初探 3.1 初步认识Dreamweaver MX 2004 3.2 熟悉Dreamweaver MX 2004 3.3 创建、打开和重定义一个本地站点 3.4 图片的准备工作 3.5 把准备好的图片插入到网页当中 3.6 在网页中添加文字说明 习题3 打开任何一个网页，我们都可以看到其中会有很多的图片，它们有的是动态的，有的是静态的，有了它们，网页就会显得生动很多。在前面，我们学过使用HTML语言创建简单主页的方法，但代码的编写相对来说显得繁琐，我们可以使用更简单的方法来创建主页。 本章介绍的主要内容有： √ 初步认识Dreamweaver MX 2004 √ 熟悉Dreamweaver MX 2004 √ 创建、打开和重定义一个本地站点 √ 图片的准备工作 √ 把准备好的图片插入到网页当中 √ 在网页中添加文字说明 3.1初步认识Dreamweaver MX 2004  3.1.1掌握Dreamweaver MX 2004的安装方法 若要使用Dreamweaver MX 2004，必须先将其安装到本机上，才能运行它 。 操作步骤： 安装Dreamweaver MX 2004 3.2熟悉Dreamweaver MX 2004的操作界面 安装完成后，就可以运行Dreamweaver MX 2004软件来进行我们的网页设计和制作了。初次运行该软件时，会出现“工作区设置”对话框，该对话框可以设置每次运行Dreamweaver MX 2004时工作区的布局。 3.2.1设计视图 Dreamweaver MX 2004的工作区布局有两种：设计者视图和代码编写者视图，我们可以根据需要选择Dreamweaver MX 2004的视图，将其设置为“设计者”视图呢。 操作步骤： 使用Dreamweaver MX 2004设计视图 3.2.2更改工作区布局 设计完成后，每次运行Dreamweaver MX 2004时，都会进入到设计视图，我们可以更改每次运行的视图。 操作步骤： 更改工作区布局 3.2.3认识Dreamweaver MX 2004操作界面 Dreamweaver MX 2004跟我们接触到的其它软件有相同的界面元素，也有其不同的部分，必须要认识他，才能更好地运用他。 Dreamweaver MX 2004窗口的各个组成部分，各有其作用，在以后应用的过程中，将会涉及 。 3.3创建、打开和重定义一个本地站点 要制作一个能够在Internet上供所有人浏览的网站，必须先在本地磁盘上制作完成该网站，然后才能将其发布到Internet上 。 3.3.1利用Dreamweaver向导创建一个本地站点 本节我们以将C盘上的CAT文件夹设置为本地站点为例，来说明如何利用Dreamweaver的向导创建一个本地站点方法。 操作步骤： 创建本地站点 3.3.2利用Dreamweaver的向导打开一个本地站点 一个网站中包含许多的网页，而所有的这些网页不可能在几个小时或几天内完成，那么当下次重新启动计算机之后，如何打开自己定义的本地站点、继续编辑其中的网页呢？下面以打开“加菲猫”这个站点来加以说明。 操作步骤： 打开一个本地站点 3.3.3利用Dreamweaver向导重新定义一个本地站点 定义站点时，由于种种原因，可能当时的站点定义并不完全合理，那么，如何重新定义现有的站点呢？参照下面的操作步骤，我们可以将“加菲猫”站点重新定义为“小猫”。 操作步骤： 重新定义站点 3.4图片的准备工作 Fireworks MX 2004 是用来设计和制作专业化网页图形的终极解决方案。他是第一个可以帮助网页图形设计人员和开发人员解决所面临的特殊问题的制作环境。他的安装非常简单，可以参看前面介绍的Dreamweaver的安装方法。 3.4.1FireWorks的基本使用方法 通过使用FireWorks制作一个“加菲猫”的肖像，我们来熟悉一下Fireworks的简单操作方法。 操作步骤： 绘制一个“加菲猫”的肖像 3.5把准备好的图片插入到网页当中 图像准备好了之后，要将图像插入到网页中，上网浏览的人才能看到该图像。 3.5.1在网页中插入图像 将准备好的图像插入到我们的网页中，方法很简单，下面介绍如何将上一节完成的“加菲猫”图像插入到网页中。 操作步骤：