理论教育 插入图像占位符-网页设计与制作步骤

插入图像占位符-网页设计与制作步骤

时间:2023-11-04 理论教育 版权反馈
【摘要】:当在浏览器中查看时,不显示图像占位符的标签文字和大小文本。插入图像占位符的具体操作步骤如下:在文档窗口中,单击第一个表格的第一行内部。单击“插入”菜单→“图像对象”→“图像占位符”项,如图9-15所示。图9-15“图像占位符”对话框单击“确定”按钮。图9-16插入图像占位符后的显示如果系统安装有Fireworks,则可以根据图像占位符创建新的图形。

插入图像占位符-网页设计与制作步骤

图像占位符是将最终图像添加到Web页面之前使用的临时图像,在发布站点之前,应该用适用于Web的图像文件(例如GIF或JPEG)替换所有添加的图像占位符。在对Web页面布局时,图像占位符很有用,因为通过使用图像占位符,可以在创建图像之前确定图像在页面上的位置。当在浏览器中查看时,不显示图像占位符的标签文字和大小文本。

插入图像占位符的具体操作步骤如下:

(1)在文档窗口中,单击第一个表格的第一行内部。

(2)单击“插入”菜单→“图像对象”→“图像占位符”项,如图9-15所示。

(3)在“图像占位符”对话框中,在“名称”文本框中键入zwf;在“宽度”文本框中输入700;在“高度”文本框中输入90;单击颜色框并从颜色选择器中选定黄色;保留“替换文本”文本框为空。

将“图像占位符”对话框中的“替换文本”文本框保留为空时,Dreamweaver会在img标签中添加一个alt=""属性。以后,如果要向某个图像添加替换文本,就可以选择该图像并在“属性”面板中输入替换文本。

(www.daowen.com)

图9-15 “图像占位符”对话框

(4)单击“确定”按钮。图像占位符出现在第一个表格内,如图9-16所示。图像占位符显示最终放置于此处的图像的标签和大小属性(可以切换到“代码”视图中查看)。

图9-16 插入图像占位符后的显示

如果系统安装有Fireworks,则可以根据图像占位符创建新的图形。当选择图像占位符并在“属性”面板中单击按钮时,将启动Fireworks并呈现一个新的画布。新图像的尺寸设置与占位符图像大小相同。可以随意创建并编辑图像,并替换Dreamweaver中的占位符图像。

(5)最后单击“文件”菜单→“保存”命令保存页面。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈