ps图片怎么生成html

已举报 回答 关注

ps图片怎么生成html

  • 回答数

    9

  • 浏览数

    9,200

9个回答 默认排序
  • 默认排序
  • 按时间排序

已采纳
其实ps有很多功能是你没有用过的哦,你是不是还在羡慕别人可以写出一个简单html静态页,别羡慕啦,看完这个,你也可以写简单的页面啦!
打开ps软件,选中你要转换成html静态页的图片,这边我就以百度经验的页面为例!
打开百度经验页面的保存为一张图片;看清楚是图片是jpg的;用ps打开这张图片;
html静态网页一般都是图片、文字和效果组成的,这边主要是教你用ps生成html静态页,就是把图片转换成静态页;因为网页为了保证网速都不会把图片裁减的太大,所以这边我就按照正常的图片切图片;
首页选择“切片工具”,如果没有就右击工具那边的右下角箭头,选择切片工具;
切完图片,下面就是见证奇迹的时刻啦,右击菜单栏“文件——选择存储为web和设备所用格式”;弹出“存储页面”;点击“存储”;
取消 评论
你说的应该是psd网页模板吧。

这里要用到ps一个工具——切图。

将psd模板切割成各个部分,
比如说header,footer,
导航栏还有具体内容的划分。
然后在ps里可以直接生成html格式,
然后再编辑各方面的代码。

具体可以百度一下PS切图教程,网上有很多。
快捷键:ctrl+alt+shift+S 存为WEB,
选着HTML及图像即可!
取消 评论
ps切图后,保存web格式,最下面有个选项,生成html. 你把那个选上,就可以了。
ps自动会生成表格,但是不剧中。 用dw打开后;画个div,完了给个强制剧中显示,在把你ps生成的代码扔到div里。就好了
取消 评论
代码看一下
取消 评论
用PS 把 图片和文字合成后 直接切出来不是更方便么
取消 评论
如果你是想以div等标签还原图片
那么布局标签只能手打,按照图片布局的方式一点一点调整css样式。
个别特殊样式可以使用css3ps ps的扩展插件来生成

取消 评论
可否分享一下
取消 评论
可以的,PS里直接就能存成HTML格式的,也可以用网页三剑客中的Dreamweaver MX,希望能帮到你
取消 评论
加载全部9个答案 加载中...
ZOL问答 > 机柜 > 宣墨电气机柜 > 其他 > ps图片怎么生成html

举报

感谢您为社区的和谐贡献力量请选择举报类型

举报成功

经过核实后将会做出处理
感谢您为社区和谐做出贡献

提示

确定要取消此次报名,退出该活动?