用Photoshop CS2 快速制作DIV+CSS

本文介绍如何利用Photoshop CS2快速将PSD文件转换成DIV+CSS布局的网页,通过简单的步骤实现从设计到前端的高效转变。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

用Photoshop CS2 快速制作DIV+CSS[时间:2007/05/30| 收藏 投稿 ]【大 中 小】 本日:1 本周:2 本月:2 总数:267 每次用DIV+CSS做网站时候,写代码写的手都痛,今天使用PHOTOHOSP CS2,无意中发现PS居然可以自己生成CSS,不敢独自享用,现在发给大家。
    1、制作PSD,切图。
    2、保存为WEB格式。 以上两步没什么说的了,关键看后面。
    3、存储时保存类型选择HTML及图像,设置选择其他:
    
   4、弹出输出设置对话框,设置选择切片,点选生成CSS,默认切片命名自定:
   
    5、点击确定后即可生成全DIV的网页,稍做修改,比如把网页里的CSS放入样式表,修改下CSS属性(默认是定位)即可。
本文来自:站才网(www.zhancai.com)  原文链接:http://www.zhancai.com/edu_zhizuo_sheji/2227.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值