Dreamweaver-实验3添加页面内容概要.docxVIP

Dreamweaver cs4 网站制作入门----添加页面内容利用 Dreamweaver cs4 ，你可以很方便地向 Web 页面添加多种内容，包括图像、 Flash 动画、 Flash 视频、文本等。向页面添加内容后，你还可以可在各种浏览器中进行预览，这样你就可以立即查看你的页面在 Web 上将要显示的结果。创建页面布局之后，你就可以将资源添加到页面了。你将从添加图像开始。可以在 Dreamweaver 中使用多种方法向 Web 页面添加图像。本节中，你将使用不同的方法将四个不同的图像添加到my site的首页。一、插入图像?? 替换图像占位符：1、在 Dreamweaver 的“文件”窗口中，双击打开 index.html 文件。2、双击页面顶部的图像占位符 banner_graphic。3、在“选择图像源文件”对话框中，浏览至您定义为站点根文件夹的mysite文件夹中的 images 文件夹。4、选择 banner_graphic.jpg 文件并单击“确定”。5、在表格外单击一次以取消选中该图像。6、保存该页（Ctrl+S）。?使用“插入”菜单插入图像：1、在第一个表格的第三行内单击一次。2、选择“插入”“图像”。3、在“选择图像源文件”对话框中，浏览至mysite文件夹中的 images 文件夹，选择body_main_header.gif文件，然后单击“确定”。4、如果出现“图像标签辅助功能属性”对话框，则单击“确定”。通过拖动插入图像：1、在页面上最后一个表格中单击一次。2、在“文件”面板（“窗口”“文件”）中，找到body_main_footer.gif文件（它位于 images 文件夹中），将该文件拖到最后一个表格的插入点。3、如果出现“图像标签辅助功能属性”对话框，则单击“确定”。4、在表格外单击一次，并保存该页面。?从“资源”面板插入图像:1、在第二个表格的中间一列内单击一次。2、在“属性”检查器（“窗口”“属性”）中，从“水平”弹出式菜单中选择“居中对齐”，然后从“垂直”弹出式菜单中选择“顶端”。该操作将表格单元格的内容对齐到单元格的中间，并使单元格的内容从单元格顶端开始。3、单击“文件”面板中的“资源”选项卡，或选择“窗口”“资源”。、如果未选择“图像”视图，则单击“图像”以查看您的图像资源。4、在“资源”面板中，选择street_sign.jpg文件。?? 执行下列操作之一：5、将street_sign.jpg文件拖到中心位置的表格单元格中的插入点。6、单击“资源”面板底部的“插入”。8、如果出现“图像标签辅助功能属性”对话框，则单击“确定”。street_sign.jpg图形即显示在页面上。9、在表格外单击一次以取消选中该图像。10、保存该页。二、插入并播放 Flash 文件：接下来，您将插入一个 Flash 文件，它将播放Cafe Townsend 的特色食品的照片幻灯片。。1、在 Dreamweaver 的“文档”窗口中打开 index.html 页面的情况下，在第一个表格的第二行内单击一次。2、在“属性”检查器（“窗口”“属性”）中，从“水平”弹出式菜单中选择“居中”，然后从“垂直”弹出式菜单中选择“居中”。该操作将表格单元格的内容放置到单元格的中间。如果您无法看到“垂直”或“水平”弹出式菜单，请单击“属性”检查器右下角的展开箭头。3、选择“插入”“媒体”“Flash”。4、在“选择文件”对话框中，浏览至站点的mysite根文件夹中的flash_fma.swf 文件,选择该文件，然后单击“确定”。5、如果出现“对象标签辅助功能属性”对话框，则单击“确定”。6、Flash 内容占位符将显示在文档窗口中。这是因为 HTML 代码“指向”SWF 文件flash_fma.swf。当用户载入 index.html 页面时，浏览器会播放该 SWF 文件。7、在插入 SWF 文件之后，只要你不单击页面上的其它位置，Flash 内容占位符就会保持为选中状态。如果它不处于选中状态，通过单击 Flash 内容占位符即可将其选中。8、在“属性”检查器（“窗口”“属性”）中单击“播放”。9、如果看不到 Flash“播放”按钮，可单击“属性”检查器右下角的展开箭头。10、Dreamweaver 在“文档”窗口中播放 Flash 文件，显示站点访问者在浏览器中查看页面时将看到的内容。11、在“属性”检查器中，单击“停止”可以结束 Flash 文件播放。12、保存页面。三、插入 Flash 视频：接下来，使用提供的资源插入 Flash 视频文件。1、在 Dreamweaver 的“文档”窗口中打开 index.html 页面的情况下，在第二个表格的第二列中单击一次。2、选择“插入”“媒体”“Flash 视频”。3、在“