您现在的位置: 网页吧 > 技术文档 > 网页设计 > DREAMWEAVER > 正文
  • 站内搜索:

用Dreamweaver表格进行页面布局教程

[作者:未知 | 点击数: | 时间:2007-4-7]【
插入图像占位符

图像占位符是在准备好将最终图形添加到 Web 页面之前使用的图形。在对 Web 页面进行布局时图像占位符很有用,因为通过使用图像占位符,您可以在真正创建图像之前确定图像在页面上的位置。

在文档窗口中,在第一个表格的第一行内单击一次。

选择"插入">"图像对象">"图像占位符"。

在"图像占位符"对话框中,执行下面的操作:

在"名称"文本框中,键入 banner_graphic。

在"宽度"文本框中,输入 700。

在"高度"文本框中,输入 90。

单击颜色框并从颜色选择器中选择一种颜色。在本教程中,我们选择了红棕色 (#993300)。

保留"替换文本"文本框为空。 关于…关于替换文本的说明 替换文本是 Web 页面上的图像的文字描述。它属于 HTML 代码,不会显示在页面上。对于大多数图像,提供替换文本是很重要的,这样使用屏幕阅读器或只显示文本的浏览器用户就可以访问这些图像所提供的文本信息。而对于仅显示 Web 站点徽标的横幅图形,无需提供替换文本。将"图像占位符"对话框中的"替换文本"文本框保留为空时,Dreamweaver 会在 img 标签中添加一个 alt="" 属性。以后,如果您要向某个图像添加替换文本,就可以选择该图像并在"属性"检查器中输入替换文本。例如,如果以后您想更改徽标以包括电话号码或地址,则能够以替换文本方式提供此信息。

单击"确定"。

图像占位符出现在第一个表格内。图像占位符显示最终放置于此处的图像的标签和大小属性。

图片点击可在新窗口打开查看

注意当在浏览器中查看时,不显示图像占位符的标签文字和大小文本。

保存页面。 关于…关于图像占位符 图像占位符是在将最终图形添加到 Web 页面之前使用的临时图形;它不是显示在浏览器中的图形图像。在您发布站点之前,应该用适用于 Web 的图形文件(例如 GIF 或 JPEG)替换所有添加的图像占位符。

如果您有 Macromedia Fireworks,则可以根据 Dreamweaver 图像占位符创建新的图形。当您选择图像占位符并在"属性"检查器中单击"创建"按钮时,Fireworks 将打开并呈现一个新的画布。新图像的尺寸设置为与占位符图像相同的大小。接着,您可以随意创建并编辑图像,并替换 Dreamweaver 中的占位符图像。

上一页  [1] [2] [3] [4] [5] 下一页

用Dreamweaver表格进行页面布局教程网友评论
发表评论
  • 姓 名 :* (必填项)
  • E-mail: QQ:
  • 评 分 : 1分 2分 3分 4分 5分
  • 评论内容:
·请遵守《互联网电子公告服务管理规定》及中华人民共和国其他各项有关法律法规。
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任。
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据。
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为。
网页吧·中国站长第一门户