dreamweaver 入门-4

《dreamweaver 入门-4》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、替换图像占位符1在Dreamweaver中，打开您在教程：创建基于表格的页面布局中创建的index.html文件。注意如果您还没有完成教程：创建基于表格的页面布局，请参见查找文件了解如何继续。2双击页面顶部的图像占位符banner_graphic。3在“选择图像源文件”对话框中，浏览至您定义为站点根文件夹的cafe_townsend文件夹中的images文件夹。4选择banner_graphic.jpg文件并单击“确定”。Dreamweaver将图像占位符替换为CafeTownsend的横幅图形。1在表格外单击一次以取消选中该图像。2保存该页（“文件”>“保存”）。使用“插入”菜

2、单插入图像1在第一个表格的第三行（低于刚插入的横幅图形两行，彩色表格单元格之上）内单击一次。2选择“插入”>“图像”。3在“选择图像源文件”对话框中，浏览至cafe_townsend文件夹中的images文件夹，选择body_main_header.gif文件，然后单击“确定”。注意如果出现“图像标签辅助功能属性”对话框，则单击“确定”。一个长的彩色图形出现在该表格行中。它看上去更像表格单元格的背景色，而不是图形，但如果仔细看，您将看到该图形具有圆角。添加完所有资源之后，这种圆角效果将使页面的下半部分呈现一种有趣的外观。通过拖动插入图像1在页面上最后一个表格的最后一行（彩色表格单

3、元格之下）中单击一次。2在“文件”面板（“窗口”>“文件”）中，找到body_main_footer.gif文件（它位于images文件夹中），将该文件拖到最后一个表格的插入点。注意如果出现“图像标签辅助功能属性”对话框，则单击“确定”。3在表格外单击一次，并保存该页面（“文件”>“保存”）。从“资源”面板插入图像1在由三列组成的表格（第一个浅棕色表格单元格）的中间一列内单击一次。2在“属性”检查器（“窗口”>“属性”）中，从“水平”弹出式菜单中选择“居中对齐”，然后从“垂直”弹出式菜单中选择“顶端”。该操作将表格单元格的内容对齐到单元格的中间，并使单元格的内容从单元格顶端开始。

4、注意如果您无法看到“垂直”或“水平”弹出式菜单，请单击“属性”检查器右下角的展开箭头。1按一次Enter键(Windows)或Return键(Macintosh)，创建更多空间。1单击“文件”面板中的“资源”选项卡，或选择“窗口”>“资源”。则会显示您的站点资源。2如果未选择“图像”视图，则单击“图像”以查看您的图像资源。3在“资源”面板中，选择street_sign.jpg文件。关于…“资源”面板可以使用“资源”面板查看和管理当前站点中的资源。“资源”面板显示与文档窗口中的活动文档相关联的站点资源。必须首先定义一个本地站点，然后才能在“资源”面板中查看资源。有关更多信息，请参见

5、《使用Dreamweaver》中的使用资源。“资源”面板提供两种视图：站点列表显示您的站点的所有资源，包括在该站点的所有文档中使用的颜色和URL。收藏列表仅显示您明确选择的资源。若要将某个资源添加到“收藏”列表，请在“站点”列表中选择该资源，然后从“文件”面板右上角的“选项”菜单中选择“添加到收藏夹”。在“资源”面板中单击某个资源时，预览区域会显示您所选择的资源。若要更改预览区域的大小，请拖动预览区域与资源列标题之间的分隔线。有关更多信息，请参见《使用Dreamweaver》中的使用资源。1执行下列操作之一：o将street_sign.jpg文件拖到中心位置的表格单元格中的插入点

6、。o单击“资源”面板底部的“插入”。注意如果出现“图像标签辅助功能属性”对话框，则单击“确定”。street_sign.jpg图形即显示在页面上。2在表格外单击一次以取消选中该图像。3保存该页。插入并播放Flash文件接下来，您将插入一个Flash文件，它将播放CafeTownsend的特色食品的照片幻灯片。要插入的Flash文件是一个灵活消息区域(FMA)文件。FMA是向访问者显示告知性信息的一种常见的Flash应用程序类型。可以根据业务需要更改告知性信息。例如，如果CafeTownsend在举行一项特殊活动，则可以轻松地更改FMA（不影响Web页面的其它内容）以显示该活动的信

7、息，而不显示特色食品内容。若要插入该FlashFMA文件，您需要插入HTML代码，将文件嵌入Dreamweaver页面。执行此操作的最简单方法是将SWF文件（导出的Flash影片文件）插入页面。将SWF文件插入Dreamweaver时，Dreamweaver会替您写入所有必需的FlashHTML代码。1在Dreamweaver的“文档”窗口中打开index.html页面的情况下，在第一个表格的第二行内单击一次。即紧接上一节中插入的横幅图形的表格行。2在“属性”检查器（“窗口”>“