网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 手机学院 | 邮件系统 | 网络安全 | 认证考试
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 图形图象 > 相关软件
图形图象:Photoshop,Fireworks,CorelDraw,Flash,3Dmax,AutoCad,Maya,Director,Authorware,Illustrator,相关软件
本月文章推荐
.微软新成果:为懒人准备的抠图技.
.变变变 Focus Magic让模糊的照片.
.无需Photoshop等软件 上网也能改.
.矢量绘图软件FreeHand 10 快捷键.
.ACDSee和光影魔术手RAW格式转换操.
.用Cool3D和“我是大明星”软件制.
.ImageReady制作像素图GIF动画.
.ImageReady为照片轻松添加动画相.
.合并和分割 让所有文件变成图片的.
.想学手绘的看过来了 Painter手绘.
.矢量绘图软件Illustrator快捷键大.
.Adobe Lightroom和Camera Raw升级.
.不可能的任务 用ACDSee 6.0创建“.
.在Premiere中分割素材以应用不同.
.用SWiSH Pix打制精美Flash相册.
.Premiere优化手机拍摄的视频.
.PhotoImpact处理照片之换头神功.
.Adobe发布Lightroom1.4 新版有Bug.
.ImageReady轻松修改GIF动画尺寸.
.视频特效处理:让文字在视频中“.

用ImageReady切片导出html网页

发表日期:2007-1-11

  1.将ImageReady中的图片拖出参考线。这时可以把文档放大,以便参考线更准确。

Adobe ImageReady的切片教程(图一)

  2.使用切片工具切片。首先为上面的圆边和下面的圆边做切片。

Adobe ImageReady的切片教程(图二)

  3.这一步,切出左边和右边的切片,单象素的切片,需要把画布放大到1600/%,这样才可以选择单象素。

  在网页中,左边和右边的切片,最终会变成单元格,如果最中间单元格里的内容不是固定的,就需要使用设置单元格背景颜色的方法,也可以使用设置单元格背景图片的方法,适应表格中间内容的填充。

Adobe ImageReady的切片教程(图三)

  4,再为中间一片添加切片,这时也可以放大文档准确切片。 

Adobe ImageReady的切片教程(图四)

  5.还有一些没有切片的区域,只有把它们变成用户切片,它们才会固定。

  Adobe ImageReady的切片教程(图五)

  6.为了防止切出的表格变形,需要在“文件>输出设置>切片”中,作如下设置。

Adobe ImageReady的切片教程(图六)

  Imageready不能输出嵌套表格(Fireworks可以),这时最好的方法是把一个文档分成几个部分切片。

  流程:先把一个文档,从上向下,根据内容切成几部分,输出为“仅限图象”。然后,分别打开这些图片,做必要的切片,输出为“html和图像”。

Adobe ImageReady的切片教程(图七)

  示例是把一个页面根据内容先切成几部分,几部分都输出为图片, 然后再把这几个图片分别切片。这么做的原因也是为了防止网页变形。

  这样在dreamweaver中,会生成从上到下的几个表格:

  <table><tr><td>内容</td></tr></table>
  <table><tr><td>内容</td></tr></table>
  <table><tr><td>内容</td></tr></table>
  <table><tr><td>内容</td></tr></table>    

  以上只是做一个例子,并不表示生成的代码一样。

  在Dreamwever中,把几个切出的表格,分别复制在网页中就可以了。这样表格之间不会相互影响。注意最好事先把切出的文件,放在站点里,图像放在image文件夹中。

上一篇:PhotoImpact处理照片之换头神功 人气:12618
下一篇:趣味在线制作:在美女纤纤细腰上留名 人气:5754
浏览全部ImageReady的内容 Dreamweaver插件下载 网页广告代码 2009年新年快乐