繁體中文当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop简单制作xhtml+css网页页面
- Photoshop
- PS照片处理教程:蒸汽朋克风格的插图
- PS教程:制作超酷闪字Photoshop教程
- Photoshop快速制作金属质感相框
- PS合成教程:艺术手法表现美女所在空间
- PS磨皮和调色修复惨不忍睹的美女照片
- 文字理论介绍Photoshop通道
- PS教程:制作有金属外环的蓝色玻璃球
- Photoshop轻松绘制卡通蝴蝶
- PS调色:让人深思的深绿色调照片
- Photoshop文字特效教程:五彩发光文字
- Photoshop教程:快速制作蓝色冷光文字
- PS图层样式制作有视觉冲击力的冰雪字
- PS制作大空间场景中很酷的光线照明效果
- Photoshop经典合成教程:藤蔓之恋
- Photoshop经典教程:鼠绘美女性感嘴唇
- photoshop教程:绘制幻彩星空壁纸
- 作品欣赏:25个优秀的矢量作品
- PS调色教程:暗黄色调人物风景照片
- Photoshop调色皮肤偏黄色的妹妹照片
- Photoshop制作时尚的麦芽糖手枪玩具
Photoshop简单制作xhtml+css网页页面
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 58 ::
收藏到网摘: n/a
xhtml+css网站重构web标准等等之类的文章太多了，我就不重复了，发个最简单的制作xhtml+css页面的方法，方法虽然很简单，但真不一定有几个人知道.... 起码google搜索没搜索到。
开始吧：
1、打开photoshop cs2 ，打开设计出的网站首页。用切片工具切好。
图:
2、点 文件-》存储为web所用格式 快捷键为ctrl+alt+shift+s ，点右上倒三角的小图片，选择Edit output settings 图:
3、见图，在第二个下拉中选择 Slices，选择Generate CSS ，然后在后面的下拉中选By ID
图:
4、点OK保存并关闭设置窗口，在Save for Web窗口中点Save按扭，在保存类型中选择Html and Images，随便输入一个文件名，点保存。
图:
5、完成任务。看一下代码，是不是xhtml+css的
图:
呵呵，这么简单，就做出了个xhtml+css的页面。当然实际应用中，这种自动生成的页面还是不太好的。
还是建议大家用dreamweaver 8 + editplus 制作
评论 (0) All
