dreamweaver介绍.ppt

Dreamweaver入门 Dreamweaver MX 2004简介 Dreamweaver MX 2004是一款专业的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。它不但能够完成一般的网页编辑工作，而且能够实现过去需要编程才能实现的效果，因此一直以来Dreamweaver都是网页制作专业人士的首选工具。既是一个功能强大的软件，又是一个使用简单的网页编辑工具，它的所见即所得的可视化特点，可以使我们不用书写一个代码就能制作出精美的、专业的网页。 安装和运行Dreamweaver 系统要求 以下硬件和软件是运行 Dreamweaver 所必需的。 Microsoft Windows 的系统要求： Intel Pentium III 600 MHz 或更快的处理器或等效处理器 Windows 98、Windows 2000、Windows XP 或 Windows .NET Server 2003 至少 128 MB 的可用内存 (RAM) （建议采用 256 MB 内存） 至少 275 MB 可用磁盘空间 能达到 1024 x 768 像素分辨率的 16 位或更高分辨率的监视器 Dreamweaver 工作区 在 Windows 中，Dreamweaver MX 2004 提供了将全部元素置于一个窗口中的集成工作区。 在集成工作区中，全部窗口和面板集成在一个更大的应用程序窗口中。我们可以选择面向设计的布局或面向手工编码的布局。 选择工作区布局 设计人员工作区是一个使用MDI（多文档界面）的集成工作区，其中全部“文档”窗口和面板被集成在一个更大的应用程序窗口中，并将面板组停靠在右侧。建议同学们使用此布局。 编码人员工作区是同样的集成工作区，但是将面板组停靠在左侧，而且“文档”窗口在默认情况下显示“代码”视图。手工编码人员使用这种布局会感觉到比较方便。 快速设置站点 在 Dreamweaver 中，站点通常包含两部分：本地计算机（本地站点）上的一组文件和远程 Web 服务器上的一个位置（远程站点）。 使用 Dreamweaver 创建 Web 站点最常见的方法就是在本地磁盘上创建并编辑网页，然后将这些网页的副本上传到一个远程 Web 服务器使公众可以访问它们。 使用站点定义向导定义本地文件夹 若要定义站点，执行以下操作： 1、启动 Dreamweaver。 2、选择“站点” “管理站点”（即，从“站点”菜单选择“管理站点”）。出现“管理站点”对话框。 3、在“管理站点”对话框中，单击“新建”，然后从弹出式菜单中选择“站点”。出现“站点定义”对话框。 4、如果对话框显示的是“高级”选项卡，则单击“基本”。出现“站点定义向导”的第一个屏幕，要求我们为站点输入一个名称。 5、在文本框中，输入一个名称以在Dreamweaver 中标识该站点。该名称可以是任何所需的名称。例如，可将站点命名为“0311”。 6、单击“下一步”进入下一个步骤。出现向导的下一个屏幕，询问您是否要使用服务器技术。 如果要设计动态网页则选择是，我们在这里主要学习静态网页的制作，所以我们选择否就可以了 7、单击“下一步”进入下一个步骤。出现向导的下一个屏幕，询问您要如何使用您的文件。 8、选择标有“编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）”的选项。 9、单击该文本框旁边的文件夹图标。该文本框使我们可以在本地磁盘上指定文件夹，让Dreamweaver 存储站点文件的本地版本。 10、在“选择站点的本地根文件夹”对话框中，我们选择本地硬盘上的0311文件夹 11、单击“下一步”进入下一个步骤。出现向导的下一个屏幕，询问我们如何连接到远程服务器。 12、现在，我们从弹出式菜单中选择“无”。目前，本地站点信息对于开始创建网页已经足够了。 13、单击“下一步”进入下一个步骤。该向导的下一个屏幕将出现，其中显示我们刚才的设置概要。 14、单击“完成”完成设置。随即出现“管理站点”对话框，显示我们的新站点。 15、单击“完成”关闭“管理站点”对话框。 现在，已经为我们的站点定义了一个本地根文件夹，我们可以开始网页的制作了。 创建静态页 添加图像占位符 现在创建占位符来代替我们稍后添加的图像。 若要添加图像占位符，执行以下操作： 单击主文本列的开始位置。 选择“插入” “图像对象” “图像占位符”。 在“图像占位符”对话框中，输入该占位符的名称（例如 image01）。注意：占位符名称必须以字母开头，只能包含字母和数字。 还是在“图像占位符”对话框中，输入宽度和高度。这里输入一个宽度为778，高度为130的图像占位符。 “颜色”和“替代文本”文本框保留为空。 注意：对于某些类