5单击“创建” 新文档窗口中将出现一个新页,该页使用您选择的布局。该页填有占位符“ Lorem ipsum” 文本以显示当添加了实际文本后页面设计的外观 无标颗文若(无标题一2 lnage Consectetur Tre set dolo mug ariau ammpor voluptua. Lorem ipsum dolor sit t, consetetur sadipscing eli orem ipsum dolor sit onumy eirmod temp mvi dunt ut labore sadipscing elitr, sed diam nonumy eirmod tempor di am voluptua. A 27x366/2秒 6保存您的文档 着娶保存新页,请执行以下操作 2在“保存为”对话框中,浏览到站点根文件夹中的 Design文件夹 提示:站点根文件夹是您在第18页的“设置本地站点”中设置站点时创建的文件夹 3输入文件名“ index. htm”。 4单击“保存”。 文件名现在显示在文档窗口标题条上“无标题文档”名称后的括号中 26第2章
26 第 2 章 5 单击 “创建”。 新文档窗口中将出现一个新页，该页使用您选择的布局。该页填有占位符 “Lorem ipsum” 文本以显示当添加了实际文本后页面设计的外观。 6 保存您的文档。 若要保存新页，请执行以下操作： 1 选择 “文件” > “保存”。 2 在 “保存为”对话框中，浏览到站点根文件夹中的 Design 文件夹。 提示：站点根文件夹是您在第 18 页的 “设置本地站点”中设置站点时创建的文件夹。 3 输入文件名 “index.htm”。 4 单击 “保存”。 文件名现在显示在文档窗口标题条上 “无标题文档”名称后的括号中
调整布局 预先设计的页提供了一个起始点,但是它们不太可能完全符合您自己的页所需要的布 若要修改页的布局,请使用 Dreamweaver的布局工具。本指南将提及某些工具,但若要获得更 多信息,请参见 Dreamweaver“帮助”(“帮助”>“使用 Dreamweaver”)。 首先,删除您不需要的布局元素。为了创建“ Global Car Rental”页布局,请删除若干多余的 表格和单元格。 然后添加图像占位符并调整表格列的宽度(使用 Dreamweaver的布局视图)使所有内容正好合 删除多余的元囊 在任何预先设计的页面设计中都可能存在最终页不需要的元素。您可以选择这些元素并将它们 如果您正在创建“ Global Car rental”页,标准页面设计中以下元素是多余的 页顶部导航链接中的两个链接 ·主文本列上面的标题区域 侧栏列中标题旁边的小框 页底部的版权栏 删除元素的一般步骤是选择该元素然后按 Backspace键( Windows或 Delete键( Macintosh) 以下步骒说明如何选择并删除毎个多余的元素。完成后,检査以确保已删除了所有要删除的元 素,然后保存该文档。 若要制除多涂的导航能换,青执行以下操作 1选择“查看”>“表格视图”>“标准视图”以确保您正在以标准视图査看表格。 2在文档的导航条中,将鼠标指针从具有“ Sic amet”链接的表格单元格拖到具有 Consectetur”链接的表格单元格。 两个表格单元格都将高亮显示,指示它们已被选中。 3按 Backspace键( Windows)或 Delete键( Macintosh 表格单元格即被删除。其他的表格单元格(“ Lorem”、“ Ipsum”和“ Dolor”链接)自动 扩展以填满表格的宽度。 在 Dreamweaver中创建您的第一个Web站点27
在 Dreamweaver 中创建您的第一个 Web 站点 27 调整布局 预先设计的页提供了一个起始点，但是它们不太可能完全符合您自己的页所需要的布局。 若要修改页的布局，请使用 Dreamweaver 的布局工具。本指南将提及某些工具，但若要获得更 多信息，请参见 Dreamweaver “帮助”（“帮助” > “使用 Dreamweaver”）。 首先，删除您不需要的布局元素。为了创建 “Global Car Rental”页布局，请删除若干多余的 表格和单元格。 然后添加图像占位符并调整表格列的宽度（使用 Dreamweaver 的布局视图）使所有内容正好合 适。 删除多余的元素 在任何预先设计的页面设计中都可能存在最终页不需要的元素。您可以选择这些元素并将它们 删除。 如果您正在创建 “Global Car Rental”页，标准页面设计中以下元素是多余的： • 页顶部导航链接中的两个链接 • 主文本列上面的标题区域 • 侧栏列中标题旁边的小框 • 页底部的版权栏 删除元素的一般步骤是选择该元素然后按 Backspace 键 (Windows) 或 Delete 键 (Macintosh)。 以下步骤说明如何选择并删除每个多余的元素。完成后，检查以确保已删除了所有要删除的元 素，然后保存该文档。 若要删除多余的导航链接，请执行以下操作： 1 选择 “查看” > “表格视图” > “标准视图”以确保您正在以标准视图查看表格。 2 在文档的导航条中，将鼠标指针从具有 “Sic Amet”链接的表格单元格拖到具有 “Consectetur”链接的表格单元格。 两个表格单元格都将高亮显示，指示它们已被选中。 3 按 Backspace 键 (Windows) 或 Delete 键 (Macintosh)。 表格单元格即被删除。其他的表格单元格 （“Lorem”、“Ipsum”和 “Dolor”链接）自动 扩展以填满表格的宽度
着娶制除多余的文本列标题,请执行以下操作 1在文本列的顶部,单击单词“Tite” Lorem ipsum dolor s. 2在“文档”窗口底部的标签选择器中,单击最左侧的< table>标签,该标签出现在<body> 标签的右侧,与它緊挨着。(如果在浮动工作区中无法看到<body>标签,则加宽文档窗口。) sed diam voluptua Lorem ipsum dolor sit amet, consetetur : et adipscing ehtr, sed dam nonumy eirmod tempor inwdunt ea ut labore et dolore magna aliquyam erat, sed diam voluptua. dolor sit <body 3按 Backspace键( Windows)或 Delete键( Macintosh)删除包含标题的表格。 注:标签选择器中有两个< table>标签,这是因为标题区域是一个嵌套在另一个表格中的表格。在本例中,您应 该删除外面的表格,它是由最左边的< table>标签表示的 着娶删除侧栏标题中多的,前执行以下操作 1在右侧列中单词“News”的左侧,在包含感叹号的框中单击 met, consectetue 2在标签选择器中,单击最右边的<td>标签以选择感叹号周围的框。 Lorem ipsum dolor sit amet, consetetur sadipscing eltr, sed: : do am nonumy eirmod tempor nwdunt ut labore et dolore magna alauvam erat sed diam voluntua. Lorem ipsum 3按 Backspace键( Windows)或 Delete键( Macintosh)
28 第 2 章 若要删除多余的文本列标题，请执行以下操作： 1 在文本列的顶部，单击单词 “Title”。 2 在 “文档”窗口底部的标签选择器中，单击最左侧的 <table> 标签，该标签出现在 <body> 标签的右侧，与它紧挨着。（如果在浮动工作区中无法看到 <body> 标签，则加宽文档窗口。） 3 按 Backspace 键 (Windows) 或 Delete 键 (Macintosh) 删除包含标题的表格。 注意：标签选择器中有两个 <table> 标签，这是因为标题区域是一个嵌套在另一个表格中的表格。在本例中，您应 该删除外面的表格，它是由最左边的 <table> 标签表示的。 若要删除侧栏标题中多余的框，请执行以下操作： 1 在右侧列中单词 “News”的左侧，在包含感叹号的框中单击。 2 在标签选择器中，单击最右边的 <td> 标签以选择感叹号周围的框。 3 按 Backspace 键 (Windows) 或 Delete 键 (Macintosh)
着娶制除多余的版权栏,请执行以下操作 1滚动到页的底部。单击底部版杈栏中的任意位置。 2在标签选择器中,单击最左边的< table>标签,即紧靠<body>标签右边显示的那个标签。 然后按 Delete键删除包含版权信息的表格。 着要检查并保存页,请执行以下操作: 1查看页以确保您已删除了多余的元素。 您的页看起来应该和下面的图像类似 无标题文档(无标题-2*) image(1. sodim isy dotor sid dia cretu eirmod ↓News tempor invidunt ut labor Lorem Lorem dolor sit amet. adipiscin Lorem ipsum dolor sit amet, consete sed acing elitr, lor sit iquyam erat, sed diam:: magna ali ::voluptua. Lorem ipsum dolor sit amet erat, sed di am e)body><talle><tr><td)ntinstance: editable> 30x403-8K/2秒 2保存您的文档。 在 Dreamweaver中创建您的第一个Web站点29
在 Dreamweaver 中创建您的第一个 Web 站点 29 若要删除多余的版权栏，请执行以下操作： 1 滚动到页的底部。单击底部版权栏中的任意位置。 2 在标签选择器中，单击最左边的 <table> 标签，即紧靠 <body> 标签右边显示的那个标签。 然后按 Delete 键删除包含版权信息的表格。 若要检查并保存页，请执行以下操作： 1 查看页以确保您已删除了多余的元素。 您的页看起来应该和下面的图像类似： 2 保存您的文档
添加图像占位符 现在创建占位符来代替您将在稍后添加的图像 要添加固像占位符,请执行以下操作 1单击主文本列的开始位置(即文本顶部左侧,正好在文本第一个黑体字之前)。然后按 Enter 键( Windows或 Return键( Macintosh)在文本之前放置一个空行。然后单击这个新的空行 Lorem ipst empor invidunt ut labore et dolore magna erat, sed diam consectetu adipiscing m ipsum dolor sit amet, consetetur sadipscing eltr, 插入点现在应该单独在一行上。如果不是,请将插入点放置在空行上 2选择“插入”>“图像占位符” 3在“图像占位符”对话框中,输入占位符的名称(例如“ Splashlmage”)以及宽度和高度。 对于“ Global Car rental”页,输入的宽度为523,高度为220 注:占位符名称必须以字母开头,只能包含字母和数字
30 第 2 章 添加图像占位符 现在创建占位符来代替您将在稍后添加的图像。 若要添加图像占位符，请执行以下操作： 1 单击主文本列的开始位置（即文本顶部左侧，正好在文本第一个黑体字之前）。然后按 Enter 键 (Windows) 或 Return 键 (Macintosh) 在文本之前放置一个空行。然后单击这个新的空行。 插入点现在应该单独在一行上。如果不是，请将插入点放置在空行上。 2 选择 “插入” > “图像占位符”。 3 在 “图像占位符”对话框中，输入占位符的名称 （例如 “SplashImage”）以及宽度和高度。 对于 “Global Car Rental”页，输入的宽度为 523，高度为 220。 注意：占位符名称必须以字母开头，只能包含字母和数字