Internet第06章-1网页制作基础.ppt

4.1插入图像占位符 图像占位符是在准备好将最终图形添加到 Web 页面之前使用的图形 将插入点放置在要插入占位符图形的位置。 执行下列操作之一： 在“常用”插入栏中，单击“图像”图标选择“图像占位符”。 选择“插入”“图像对象”“图像占位符”。 “图像占位符”对话框随即显示。 在该对话框中，为图像占位符选择选项。 您可以设置占位符的大小和颜色，并为占位符提供文本标签。 单击“确定”。 4.5对齐图像 插入图像默认的对齐方式是“左对齐”，可以通过对齐图像操作调整图像的位置，使图像与同一行中的文本、另一个图像、插件或其它元素对齐。具体操作步骤如下： （1）在“编辑区”中单击选中要调整的图像，可以看出图像当前默认的对齐方式为“左对齐”，（2）在“属性检查器”中单击“对齐”下拉列表框选择“右对齐”选项，也可以使用“对齐”按钮（左对齐、右对齐、居中对齐）设置图像的水平对齐方式 5.插入多媒体内容 随着多媒体技术的发展，网页已有原先单一的图片、文字内容发展为多种媒体想集合的表现形式。在网页中应用多媒体技术，如音频、视频、Flash动画等内容，取消了之前版本中不常用到的插入Flash按钮及Flash文字功能。可以增强网页的表现效果，使网页更生动，激发访问者兴趣。 创建从 contents.html 到其它文件的链接，如下所示： 若要从 contents.html 链接到 hours.html（两个文件在同一文件夹中），文件名就是相对路径：hours.html。 若要链接到 tips.html（在名为 resources 的子文件夹中），可使用相对路径resources/tips.html。 每个正斜杠 (/) 表示在文件夹层次结构中下移一级。 若要链接到 index.html（在父文件夹中，contents.html 向上一级），可使用相对路径 ../index.html。 每个 ../ 表示在文件夹层次结构中上移一级。 若要链接到 catalog.html（在父文件夹的其它子文件夹中），可使用相对路径../products/catalog.html。 其中 ../ 向上移至父文件夹；products/ 向下移至 products 子文件夹中。 站点根目录相对路径 站点根目录相对路径提供从站点的根文件夹到文档的路径。如果在处理使用多个服务器的大型 Web 站点，或者在使用承载有多个不同站点的服务器，则可能需要使用这些类型的路径。不过，如果不熟悉此类型的路径，最好坚持使用文档相对路径。 站点根目录相对路径以一个正斜杠开始，该正斜杠表示站点根文件夹。例如:/support/tips.html 是文件 (tips.html) 的站点根目录相对路径，该文件位于站点根文件夹的 support 子文件夹中。 更改整个站点的链接 设置“命名锚记” 为命名锚记输入一个名称。 锚记名不能含有空格，而且不应置于层内。 按下“确定”。 6、使用表格进行布局 表格是用于在 HTML 页上显示表格式数据以及对文本和图形进行布局的强有力的工具。表格由一行或多行组成；每行又由一个或多个单元格组成。虽然 HTML 代码中通常不明确指定列，但 Dreamweaver 允许您操作列、行和单元格。 当选定了表格或表格中有插入点时，Dreamweaver 会显示表格宽度和每个表格列的列宽。宽度旁边是表格标题菜单与列标题菜单的箭头。 如果未看到表的宽度或列的宽度，说明没有指定该表或列的宽度。如果出现两个数字，说明“设计”视图中显示的可视宽度与 HTML 代码中指定的宽度不一致。 6.1插入表格并添加内容 将插入点放在需要表格出现的位置。 执行下列操作之一： 选择“插入”菜单“表格”。 在“插入”栏的“常用”类别中，单击“表格”按钮。 即会出现“表格”对话框。 设置相应的参数 单击“确定”完成 6.2使用表格进行布局 选取表格 单击表格的左上角、表格的顶边缘或底边缘的任何位置或者行或列的边框。 所选表格的下边缘和右边缘出现选择柄。 6.3使用表格进行布局 选择行或列 定位鼠标指针使其指向行的左边缘或列的上边缘。 当鼠标指针变为选择箭头时，单击以选择单个行或列，或进行拖动以选择多个行或列。 6.4使用表格进行布局 选择单元格 可以选择单个单元格、一行单元格或单元格块或者不相邻的单元格。若要选择整个行或列 若要选择单个单元格，执行以下操作之一： 单击单元格，然后在“文档”窗口左下角的标签选择器中选择 td 标签。 按住 Ctrl 键单击 (Windows) 若要选择多个单元格，执行以下操作之一： 从一个单元格拖到另一个单元格可选择连续的单元格。 按住 Ctrl 键 (Windows) ，单击要选中的单元格 6.5使用表格进行布