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

 Adobe Golive进阶教程(课程一——页面排版5)

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

  

Adobe Golive进阶教程(五)
作者:远方/mayto 


课程一、页面排版

Adobe Golive进阶教程(课程一——页面排版5)

依上面的方法其他几张图片都放入编辑区然后可以依据上图的方法来重新排列图片。

可以单一移动,也可以框选多个一起移动。甚至还可以将多个对象组群(菜单Edit -> Group),组群后可作为一个物件来看待。 另:移动的时候,按住shift键可保持水平或竖直方向的移动,按住Ctrl将会复制图片。

参照下图使用Layout Text Box(网格文字框)图标,并自其中输入文字。注意在使用了定位网格后,只能这个功能才能输入文字。而网格上是不能直接输入文字的。

Adobe Golive进阶教程(课程一——页面排版5)

按下图的过程改变文字颜色。

Adobe Golive进阶教程(课程一——页面排版5)

最后在编辑区点击定位网格,在Inspector面板中点击Optimize 按钮(下图),这个按钮是将网格压缩至版面所需的最小范围。这样在最初定义网格大小的时候就不用计算太精确。

Adobe Golive进阶教程(课程一——页面排版5)

如果在移动的时候发现锁定的位移量不合适,可以改变网格宽度,或者取消移动锁定,取消后就可以以1像素为单位进行移动。如果觉得网格不好看,可以取消网格可见选项,此时网格消失,但仍然起作用。注意以上选项都包含横向和纵向两类。

GoLive的定位网格实际上就是一个自动判断生成单元格的表格,只不过我们感觉不到其生成过程。若用FrontPage等工具打开本页,就会看到其复杂的表格结构。注意复杂的表格架构会增加网页的加载时间。

最后将网格背景改为黑色。

通过上面的练习,大家可以了解到GoLive排版的工作方式,就是将你所向要的对象功能图标拖进页中,然后由面板中做一些参数设定,事实上在GoLive中大多数过程也是如此。许多看似复杂的效果制作起来都很简单。



  
 
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:Adobe Golive进阶教程(课程一——页面排版4)
· 下一篇:Adobe Golive进阶教程(课程二——交换图片)
· 网页中制作线条的技巧
· XHTML第5天:head区的其他设置
· Xhtml第9天:第一个css布局实例
· 网页字体的美化
· 主页用色的搭配艺术


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