动网论坛,站长建站首选,国内使用量最多的论坛软件 动网论坛官方技术讨论区 站长工具 申请属于您自己的免费论坛
首页 | 新闻资讯 | 网站运营 | 网络编程 | 数据库 | 服务器 | 网页设计 | 图像媒体 | 网络应用 | 搜索优化 | 资源下载 | 动网主机 | DVBOX
    本站内  互联网 ASP论坛  ASP.Net论坛  PHP论坛
   网页设计 → 阅读文章

 GoLive 5教程 4.2 插入图像

作者来源: 
阅读 数 538 人次 , 2006-4-21 17:36:00 

第四部分 创建Web页面中的常用物件

第二讲、插入图像

  做好了上面的操作,就能很方便的插入图像了,其操作方法与DreamWeaver 3相类似,只是GoLive 5更加方便些,不必先制定好图层,或者表格再来插入。在下面的操作中,本节将讲述一种实用性很强的技巧,请注意了!

  步骤一、Window下拉菜单中选择Objects命令,让Objects面板显示在屏幕上,并从Basic标签中拖动Image图标至文档窗口中的Layout视图中。

  此后,Layout视图中将出现一个图像占位符,GoLive 5称为Image Frame(图像框),按住键盘上的Ctrl键后拖动还可复制它。

  步骤二、单击某一个Image Frame,让它处于选定状态后从Window下拉菜单中选择Inspector命令,进入Inspector面板后单击图7中手势所指处的Browse(浏览)按钮。

GoLive 5教程 4.2 插入图像

 图7 单击这个按钮

  步骤三、进入Windows的“打开”对话框后选择要插入的图像,接着单击工具栏中的对齐按钮,如Align Center(对齐中心)按钮,或者使用拖动的方法确定好图像的位置即可完成操作。

  完成上述操作插入图像后,Layout视图中所显示的Image Frame将处于选定状态,并用一个边框线围住所插入的图像,该边框的大小尺寸正好与图像的尺寸相同,若拖动边框线上的手柄可调整其大小尺寸,插入的图像也将随之得到变化。若插入的是GIF动画, Layout视图中可能不会显示它,单击文档窗口中的Preview标签,进入Preview视图后就能看到它在Web页面中的显示情形。

  通过Inspector面板中的Alignment下拉列表还能选择十种对齐方式:Default(默认)、Top(顶部)、Middle(中部)、 Bottom(底部)、Left(左)、Right(右)、Text Top(文本顶部)、Abs Middle(相对中部)、Baseline(基线)、Abs Bottom(相对底部)。它们的特点在屏幕上一试就清楚了,这里也就不详述了。

  
 
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:GoLive 5教程 4.1 设置参数
· 下一篇:GoLive 5教程 4.3 调整物件的位置与大小尺寸
· Google 网站品质指南
· 创建一个纯CSS的水平导航条
· Dreamweaver经典问题大搜罗(一)
· 最精致的日历式日期输入控件
· 按颜色分类:橙色系(Yellow Red)


关于本站 | 联系我们 | 业务合作 | 客户案例 | 诚聘英才 | 广告合作 | 收藏本站
海口动网先锋网络科技有限公司版权所有
Copyright © 2000 - 2006 Cndw.Com
中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077