Photoshop做简单的xhtml+css网页

平面设计 2024/10/25 佚名

3 2 1

帝王谷资源网 Design By www.wdxyy.com

大家可能不知道，用Photoshop也可以做出简单的xhtml+css网页，一起来试试吧！

　　1、在photoshop cs2中打开设计好的网站视觉设计稿。用切片工具切好。

图1 用切片工具切好

　　2、点 “文件-》存储为web所用格式”，快捷键为ctrl+alt+shift+s ，点右上倒三角的小图片，选择Edit output settings。

图2 存为Web格式

　　3、见图，在第二个下拉中选择 Slices，选择Generate CSS ，然后在后面的下拉中选By ID。

图3 输出设置

　　4、点OK保存并关闭设置窗口，在Save for Web窗口中点Save按扭，在保存类型中选择Html and Images，随便输入一个文件名，点保存。

图4 设置5、完成任务。看一下代码，是不是xhtml+css的？

图5 代码

　　没想到吧？这么简单就做出了个xhtml+css的页面。当然实际应用中，这种自动生成的页面还是不太规范，建议大家还是要用dreamweaver 8或者editplus调整代码。

标签：

帝王谷资源网 Design By www.wdxyy.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

帝王谷资源网 Design By www.wdxyy.com

评论“Photoshop做简单的xhtml+css网页”

暂无评论...

www.wdxyy.com 帝王谷资源网

139,976互联网资源

144,792高清电影

21,817无损音乐

631,128技术资源

2024年10月25日