11、网页图像插入与编辑全攻略

网页图像插入与编辑全攻略

在网页设计中，图像是不可或缺的元素。即使网页文本内容丰富且语义结构良好，有时仍需图像来强化观点、打破文本的单调，使页面更具吸引力。下面将详细介绍如何在网页中插入和编辑图像。

一、在网页中插入图像

1. 准备工作 ：打开之前操作的SampleSite站点的Chapter4.html页面。若未打开，需先打开。
2. 创建新段落
   • 在设计面板中，滚动到包含文本“Adding Images to a Webpage”的h4标签处。
   • 将光标置于该文本末尾，按下键盘上的Enter键，创建一个新段落。
3. 插入图像
   • 从“插入”菜单中，指向“图片”，然后点击“来自文件”。在处理网站或网页时，常见的图像插入源来自站点文件夹外部，这些图像可能尺寸或格式不适合网页显示。
   • 在“图片”对话框中，浏览到指定的媒体安装文件夹（Documents\Microsoft Press\Expression Web 4 SBS），再进入\Files文件夹。
   • 双击图像ChickenDog.bmp，在“可访问性属性”对话框的“替代文本”字段中输入“Dog with Chicken”，然后点击“确定”。此时图像以原始尺寸（宽1536像素，高2048像素）和原始文件格式（.bmp）插入页面，这对于网页显示来说太大且不合适，后续将使用Expression Web解决这些问题。
   <