网络软件 系统工具 应用软件 图形图像 多媒体类 免费游戏 安全相关 免费音乐 网页素材 电子书籍 考试考题 建站源码
教育教学 多媒体类 编程开发 操作系统 游戏天地 娱乐天地 简历求职 站长专区 网页设计 安全技术 图形图像 文学驿站
业界资讯 | 图形图像 | 操作系统 | 网络冲浪 | 工具软件 | 办公软件 | 媒体动画 | 精文荟萃 | 认证考试 | 网页设计 | 技术开发 | 专栏
当前位置:热点网络学院图形图像Photoshop用ImageReady切片导出html网页
精品推荐
热点TOP10
·Photoshop十余种漂亮照片边框简单制作技巧
·照片处理:Photoshop人物照片换头术
·Photoshop字体特效
·用Photoshop制作怀旧照片
·Photoshop将肖像照片处理为超酷个性海报
·婚纱照片抠图与背景处理合成技巧
·Photoshop把普通图片打造为杂志封面效果
·用Photoshop三分钟制作完成艺术照
·你也不一定知道的Photoshop技巧167条
·Photoshop绘制五颜六色的圣诞彩灯
·Photoshop让美女的皮肤变得更白
·用Photoshop自己制作标准证件照
·Photoshop用美女大头像制作超级海报
·photoshop照片特效处理:隐藏脸部轮廓凸显五官
·Photoshop修图技巧 消除数码相片黑眼圈
·Photoshop轻松制作可爱大头贴模板背景
·Photoshop打造唯美雨景动画
·Photoshop最常见的问答集
·Photoshop照片处理:给美女黑白照片做“彩妆”上色
·Photoshop打造阳光性感的黑人美女
用ImageReady切片导出html网页
日期:2007年1月15日 作者: 查看:[大字体 中字体 小字体]

  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文件夹中。

(出处:http://www.vipcn.com)

关于我们 | 帮助(?) | 版权声明 | 友情连接 
Copyright 2005-2005 viphot.com All Rights Reserved.
Powered by:mesky