上一页下一页

创建第二页

在本课中，您将为您的站点创建第二页；在下一课（添加页之间的文本链接）中，您将创建页之间的链接。

创建第二页可以使用多种方法。在本课中，您将通过拷贝第一页来创建第二页，因此第二页将与第一页具有相同的布局。

备注： 如果您要从头开始创建自己的布局，则可以使用 Dreamweaver 表格编辑工具或布局视图。其他的布局方法包括框架和层。但是，本课中不涉及这些可选方法。

在一个较复杂的站点中，确保所有页都具有相同布局的最佳方式就是使用模板。有关阅读哪些部分来了解表格编辑、布局视图、框架、层和模板的信息，请参见其他参考资料。

您在“Global Car Rental”站点中创建的第二页是客户服务页。您将通过以下方法创建客户服务页：制作主页 (index.htm) 的拷贝，然后删除不应该出现在客户服务页上的内容，最后添加新内容。

有关如何添加文本和对文本进行格式设置的更多信息，请参见添加具有样式的文本。

若要创建第一页 (index.htm) 的拷贝，请执行以下操作：
  1. 在“站点”面板中，右击 (Windows) 或按住 Control 键单击 (Macintosh) 您创建的第一页的文件名，即 index.htm（或您为该文件指定的任何其他名称）。
  2. 从上下文菜单中选择“复制”。

    3. 随即会显示该文件的拷贝。

    提示： 如果拷贝没有立即显示，则单击“站点”面板中的“刷新”按钮使其显示出来。

  3. 选择新的复制文件。稍停片刻，然后再次单击它使文件名可以编辑（这与在 Windows 资源管理器和 Finder 中使用的方法相同）。
  4. 为新文件指定一个新名称，例如 customerService.htm。
若要从新页中删除多余的内容，请执行以下操作：
  1. 通过在“站点”面板中双击新的 customerService.htm 页将其打开。

    2. 查看文档窗口的标题条以确保您正在查看 customerService.htm 文件。标题条应该显示“Global Car Rental 主页”，然后是一个文件夹名称和一个文件名；文件名应该是 customerServe.htm（或您在前面的步骤中为其命名的任何其他名称）。

  2. 在 customerService.htm 页中，通过单击大图像（在主文本列中显示汽车的图像）将其选中。
  3. 在标签选择器中，单击 <td> 标签。
  4. 按Backspace 键 (Windows) 或 Delete 键 (Macintosh)。

    5. 将删除该表格单元格中的所有内容，包括图像和文本。

  5. 保存您的文档。
若要将文本添加到新页，请执行以下操作：
  1. 在“站点”面板中，找到 Assets 文件夹中的 custServInfo.htm 文件。双击该文件的图标将其打开。

    2. 此文件包含要添加到客户服务页的内容。如果您在创建自己的站点，您将在此处添加自己的内容，但是为了本课程的需要，为您提供了此内容。

  2. 在 custServInfo.htm 文档窗口中，选择“查看”>“代码”查看 HTML 代码。 
  3. 还是在 custServInfo.htm 文档窗口中，按 Control+A 组合键 (Windows) 或 Command+A 组合键 (Macintosh) 选择文件中的全部内容。

    4. 如果在进行此操作时您不在代码视图中，则可能需要多次按 Control+A 组合键或 Command+A 组合键才能选中全部内容；如果插入点在一个表格单元格中，“全选”最初只是选择该单元格。为了简单起见，在选择全部内容之前先切换到代码视图。

  4. 按 Control+C 组合键 (Windows) 或 Command+C 组合键 (Macintosh) 拷贝所有内容。
  5. 切换回 customerService.htm 文档。在现在为空的主文本列（左边的宽列）中单击。
  6. 选择“编辑”>“粘贴 HTML”。

    7. 您从 custServInfo.htm 文件拷贝的 HTML 代码被粘贴到此文档中。（如果您选择“编辑”>“粘贴”而不是“编辑”>“粘贴 HTML”，则 HTML 代码会被当作文本粘贴到设计视图中。如果在此步骤中 HTML 代码显示在设计视图中，则选择“编辑”>“撤消”并重试。） 

    已将 text.css 样式表附加到此页上，因此将自动对文本进行格式设置。

  上一页下一页