查看示例站点 本指南中使用的示例出自一个名叫 Global Car rentals(全球租车公司)的虚构公司的小型示 例站点。在开始学习这些课程前,请在浏览器中査看示例站点,以了解在您的整个课程学习期间 将创建哪些内容 着要在浏览器中查看示例端点,请执行以下操作: 1打开 Dreamweaver应用程序文件夹中的 Samples文件夹。然后依次打开 Getting Started文件 夹和 FinalSite文件夹 2双击 Finalsite文件夹中的 index. htn文件以在浏览器中查看该站点。 3在査看了示例站点后,请继续阅读本指南中您感兴趣的任一章节 16第1章
16 第 1 章 查看示例站点 本指南中使用的示例出自一个名叫 Global Car Rentals （全球租车公司）的虚构公司的小型示 例站点。在开始学习这些课程前，请在浏览器中查看示例站点，以了解在您的整个课程学习期间 将创建哪些内容。 若要在浏览器中查看示例站点，请执行以下操作： 1 打开 Dreamweaver 应用程序文件夹中的 Samples 文件夹。然后依次打开 GettingStarted 文件 夹和 FinalSite 文件夹。 2 双击 FinalSite 文件夹中的 index.htm 文件以在浏览器中查看该站点。 3 在查看了示例站点后，请继续阅读本指南中您感兴趣的任一章节
第2章 在 Dreamweaver中创建您的第一个Web站点 本章提供一系列简短的课程,指导您完成在 Macromedia dreamweaver MX中使用可视化创作 工具创建简单的静态Web站点的过程。有关在 Dreamweaver中使用手工编码工具的信息,请参 见第3章第49页的“在 Dreamweaver中编辑代码”;有关创建数据库驱动动态web应用程序 的信息,请参见第4章第59页的“了解Web应用程序” 本章中课程的顺序是按照创建一个站点可能的工作流程安排的。当创建自己的站点时,您可以按 照任何最适合您的工作流程进行 着娶创建鲁态Web站点,前执行以下操作: 1规划和准备(请参见第18页的“设置本地站点”和第23页的“将资源添加到您的站点”) 2创建页(请参见第24页的“创建并保存新页”)。 3对页进行布局和设置(请参见第27页的“调整布局”和第33页的“设置页面标题”)。 4向页中添加内容(请参见第33页的“添加具有样式的文本”和第37页的“添加图像”)。 5将页链接在一起(请参见第42页的“添加页之间的文本链接”和第43页的“为图形化链接 创建鼠标经过图像”)。 6发布您的站点(请参见第45页的“在浏览器中预览”和第45页的“设置远程站点,然后发 布”)
17 第 2 章 在 Dreamweaver 中创建您的第一个 Web 站点 本章提供一系列简短的课程，指导您完成在 Macromedia Dreamweaver MX 中使用可视化创作 工具创建简单的静态 Web 站点的过程。有关在 Dreamweaver 中使用手工编码工具的信息，请参 见第 3 章第 49 页的“在 Dreamweaver 中编辑代码”；有关创建数据库驱动动态 Web 应用程序 的信息，请参见第 4 章第 59 页的 “了解 Web 应用程序”。 本章中课程的顺序是按照创建一个站点可能的工作流程安排的。当创建自己的站点时，您可以按 照任何最适合您的工作流程进行。 若要创建静态 Web 站点，请执行以下操作： 1 规划和准备（请参见第 18 页的“设置本地站点”和第 23 页的“将资源添加到您的站点”）。 2 创建页 （请参见第 24 页的 “创建并保存新页”）。 3 对页进行布局和设置 （请参见第 27 页的 “调整布局”和第 33 页的 “设置页面标题”）。 4 向页中添加内容 （请参见第 33 页的 “添加具有样式的文本”和第 37 页的 “添加图像”）。 5 将页链接在一起（请参见第 42 页的“添加页之间的文本链接”和第 43 页的“为图形化链接 创建鼠标经过图像”）。 6 发布您的站点（请参见第 45 页的“在浏览器中预览”和第 45 页的“设置远程站点，然后发 布”）
设置本地站点 使用 Dreamweaver创建web站点最常见的方法就是在您的本地磁盘上创建并编辑页,然后将 这些页的拷贝上传到一个远程Web服务器使公众可以访问它们。可以通过其他方法(例如在您 的本地计算机上运行Web服务器,或将文件上传到模拟调试服务器,或像使用本地磁盘一样使 用安装的磁盘)使用 Dreamweaver,但本指南中的课程假设您在本地磁盘上进行操作,然后上 传到远程服务器 在 Dreamweaver中,站点是下列任意一项的简称: ·Web站点:一组位于服务器上的页,使用Web浏览器访问该站点的访问者可以对其进行浏 ·远程站点:服务器上组成Web站点的文件,这是从您的(创作者的)角度而不是访问者的角 度来看的。 ·本地站点:与远程站点上的文件对应的本地磁盘上的文件。您在本地磁盘上编辑文件,然后 将它们上传到远程站点 · Dreamweaver站点定义:本地站点的一组定义特性,以及有关本地站点和远程站点对应方式 的信息。 通常,创建Web站点是从对其进行规划开始的:决定要创建多少页、每页上显示什么内容以及 页是如何互相连接起来的。不过,在本课中,您将创建一个非常简单的站点,因此不需要太多的 规划:它将只包含两个Web页,其间具有链接。因此,对于此站点,您可以跳过规划,进入创 建站点定义阶段 您将使用“站点定义”对话框创建站点定义。您可以以两种视图中的任意一种来填写此对话框 “基本”或“高级”。“基本”方法指导您一步一步地完成站点设置。如果您宁愿在没有指导的情 况下编辑站点信息,则可以随时单击“高级”选项卡。 以下过程介绍如何设置“基本”版本对话框中的选项,该版本的对话框也叫做“站点定义向 导”。如果需要有关如何在“高级”版本中设置选项的详细信息,请单击“高级”选项卡,然 后单击“帮助”按钮。 着要定义站点,执行以下操作 1选择“站点”>“新建站点”。(即从“站点”菜单中选择“新建站点”。) 即会出现“站点定义”对话框 2如果对话框显示的是“高级”选项卡,则单击“基本” 出现“站点定义向导”的第一个屏幕,要求您为站点输入一个名称 18第2章
18 第 2 章 设置本地站点 使用 Dreamweaver 创建 Web 站点最常见的方法就是在您的本地磁盘上创建并编辑页，然后将 这些页的拷贝上传到一个远程 Web 服务器使公众可以访问它们。可以通过其他方法（例如在您 的本地计算机上运行 Web 服务器，或将文件上传到模拟调试服务器，或像使用本地磁盘一样使 用安装的磁盘）使用 Dreamweaver，但本指南中的课程假设您在本地磁盘上进行操作，然后上 传到远程服务器。 在 Dreamweaver 中，站点 是下列任意一项的简称： • Web 站点：一组位于服务器上的页，使用 Web 浏览器访问该站点的访问者可以对其进行浏 览。 • 远程站点：服务器上组成 Web 站点的文件，这是从您的（创作者的）角度而不是访问者的角 度来看的。 • 本地站点：与远程站点上的文件对应的本地磁盘上的文件。您在本地磁盘上编辑文件，然后 将它们上传到远程站点。 • Dreamweaver 站点定义：本地站点的一组定义特性，以及有关本地站点和远程站点对应方式 的信息。 通常，创建 Web 站点是从对其进行规划开始的：决定要创建多少页、每页上显示什么内容以及 页是如何互相连接起来的。不过，在本课中，您将创建一个非常简单的站点，因此不需要太多的 规划：它将只包含两个 Web 页，其间具有链接。因此，对于此站点，您可以跳过规划，进入创 建站点定义阶段。 您将使用 “站点定义”对话框创建站点定义。您可以以两种视图中的任意一种来填写此对话框： “基本”或“高级”。“基本”方法指导您一步一步地完成站点设置。如果您宁愿在没有指导的情 况下编辑站点信息，则可以随时单击 “高级”选项卡。 以下过程介绍如何设置 “基本”版本对话框中的选项，该版本的对话框也叫做 “站点定义向 导”。如果需要有关如何在 “高级”版本中设置选项的详细信息，请单击 “高级”选项卡，然 后单击 “帮助”按钮。 若要定义站点，请执行以下操作： 1 选择 “站点” > “新建站点”。（即从 “站点”菜单中选择 “新建站点”。） 即会出现 “站点定义”对话框。 2 如果对话框显示的是 “高级”选项卡，则单击 “基本”。 出现 “站点定义向导”的第一个屏幕，要求您为站点输入一个名称
3在文本框中,输入一个名称以在 Dreamweaver中标识该站点。该名称可以是任何所需的名 称。例如,您可以将站点命名为“ Global Car rental 基本商级 站点定义 正在编辑文件正在测试文件正在共享文件 eb站点 ermx中的站点是文件和文件夹的集合,它对应于服务器上的 您打算为您的站点起什么名宇? 上步①下步四习[取消帮助一 4单击“下一步”进入下一个步骤 现向导的下一个屏幕,询问您是否要使用服务器技术。 在 Dreamweaver中创建您的第一个Web站点19
在 Dreamweaver 中创建您的第一个 Web 站点 19 3 在文本框中，输入一个名称以在 Dreamweaver 中标识该站点。该名称可以是任何所需的名 称。例如，您可以将站点命名为 “Global Car Rental”。 4 单击 “下一步”进入下一个步骤。 出现向导的下一个屏幕，询问您是否要使用服务器技术
5选择“否”选项指示目前该站点是一个静态站点,没有动态页 al Car Renta1的站点定义为 站点定义 编辑文件,第2部分正在国试文件正在共享文件 ⊙落,我不担傅用胆等器技术0 区上一步步①习[取消一匚帮助 如果要设置站点来创建Web应用程序,则需要选择动态文档类型,例如 Macromedia Id Fusion. Microsoft Active Server Page(ASP). Microsoft ASP.. Sun JavaServer Page UJSP)或 PHP Hypertext Preprocessor(PHP),然后提供有关应用程序服务器的信息(有关更 多信息,请参见第5章第71页的“在 Dreamweaver MX中开发Web应用程序”)。 6单击“下一步”进入下一个步骤 现向导的下一个屏幕,询问您要如何使用您的文件。 7选择标有“编辑我的计算机上的本地拷贝,完成后再上传到服务器(推荐)”的选项。 在站点开发过程中有多种使用文件的方式,但为了学习本课程,请选择此选项。 8文本框允许您在本地磁盘上指定一个文件夹, Dreamweaver将在其中存储站点文件的本地版 本。若要指定一个准确的文件夹名称,通过浏览指定要比键入路径更加简便易行,因此请单 击该文本框旁边的文件夹图标。 随即会出现“选择站点的本地根文件夹”对话框 9在“选择站点的本地根文件夹”对话框中,先浏览到本地磁盘上可以存放所有站点的文件夹 现在不要单击“确定
20 第 2 章 5 选择 “否”选项指示目前该站点是一个静态站点，没有动态页。 如果要设置站点来创建 Web 应用程序，则需要选择动态文档类型，例如 Macromedia ColdFusion、Microsoft Active Server Page (ASP)、Microsoft ASP.NET、Sun JavaServer Page (JSP) 或 PHP Hypertext Preprocessor (PHP)，然后提供有关应用程序服务器的信息（有关更 多信息，请参见第 5 章第 71 页的 “在 Dreamweaver MX 中开发 Web 应用程序”）。 6 单击 “下一步”进入下一个步骤。 出现向导的下一个屏幕，询问您要如何使用您的文件。 7 选择标有 “编辑我的计算机上的本地拷贝，完成后再上传到服务器 （推荐）”的选项。 在站点开发过程中有多种使用文件的方式，但为了学习本课程，请选择此选项。 8 文本框允许您在本地磁盘上指定一个文件夹， Dreamweaver 将在其中存储站点文件的本地版 本。若要指定一个准确的文件夹名称，通过浏览指定要比键入路径更加简便易行，因此请单 击该文本框旁边的文件夹图标。 随即会出现 “选择站点的本地根文件夹”对话框。 9 在“选择站点的本地根文件夹”对话框中，先浏览到本地磁盘上可以存放所有站点的文件夹。 现在不要单击 “确定