繁體中文当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop做简单的xhtml+css网页
- Photoshop
- 桔子“高难度抠图”两种方法
- 桔子抠玻璃杯十步教程
- 桔子婚纱抠图教程
- 桔子特殊照片修复超简方法
- 桔子超细通道抠图教程
- 立体按钮
- Photoshop字体特效--华夫字效
- 如何制作图片的卷页效果
- 吃光照片的修复
- Photoshop数码暗房9大功能图解
- 一定要用好调整层（一）：什么是调整层
- 一定要用好调整层（二）：用调整层解决实际问题
- 一定要用好调整层（三）：为什么要使用调整层
- 一定要用好调整层（四）：关键在于控制蒙版
- 一定要用好调整层（五）：特长在于精细的局部调整
- 一定要用好调整层（六）：究竟要调整哪个层
- 一定要用好调整层（七）：化腐朽为神奇
- 蒙版的五大功能图解
- 图层蒙版的五大功能（一）：无痕迹拼接图像
- 图层蒙版的五大功能（二）：复杂边缘图像抠图
Photoshop做简单的xhtml+css网页
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-15 浏览: 376 ::
收藏到网摘: n/a
大家可能不知道，用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调整代码。
评论 (0) All
