电子商务网页制作教学配套课件谢嵘.pdfVIP

主编：谢嵘 项目5 使用美化网页文本 项目导学 网页中包括文本、图片、链接等要素，在网页中添加 适当的图片并对其进行处理，能使网页看起来更加美 观、生动。本项目将详细介绍在网页中添加图像以及 如何对它进行编辑处理的方法。 Page 2 项目5 使用美化网页文本 体验活动一：在页面中添加图像 活动任务： 在“好书热评”页面中直接插入图像文件；通过插入占位 符来添加图像。 活动指导： – 网页中图片的添加不宜过多过杂，图片的选择一定要 符合网页的主题，在素材中应选取最具代表性，比较 清晰的图片来美化网页。在网页中的图像还可以添加 鼠标经过效果，这样可使网页看起来更加生动、美 观，要特别注意的是尽量使用两张大小基本一致的图 片来创建。 Page 3 项目5 使用美化网页文本 体验活动一：在页面中添加图像 活动步骤： 1.在Dreamweaver中打开 网页，将光标定位在需 要插入图片的位置。 2.在“插入”菜单下点选“图 像”命令，或者单击“常 用”工具栏中的“图像”按 钮。 Page 4 项目5 使用美化网页文本 体验活动一：在页面中添加图像 活动步骤： 3.在对话框的查找范围中 选择图片所在的文件 夹，点选需要插入的图 片。 4.如果所选择的图片不在 当前网页的网站文件夹 中，那么会弹出对话 框，此时单击“是”按 钮。 Page 5 项目5 使用美化网页文本 体验活动一：在页面中添加图像 活动步骤： 5.点击“images”文件夹， 单击“保存”按钮，图像 文件一般保存在 “images”文件夹中。 6.当浏览网页时图片无法 显示，或者当鼠标指向 图片时就会显示“替换 文本”中所输入的内 容。 Page 6 项目5 使用美化网页文本 体验活动一：在页面中添加图像 活动步骤： 7.图片添加图像后的效果 。 8.在网页左边需要插入图 像的位置定位光标。 Page 7 项目5 使用美化网页文本 体验活动一：在页面中添加图像 活动步骤： 9.在“插入”菜单下点选“图 像对象/ 图像占位符”命 令。 10.在弹出的“图像占位符” 对话框中输入图像的名 称和宽度、高度。