当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop教程:教你简单打造xhtml+css网页页面

Photoshop
Photoshop 偏暗的人像快速磨皮及润色
photoshop 外景人物的简单磨皮及嫩肤方法
Photoshop 巧妙的消除背景突出主体
Photoshop 制作经典的合成文字效果
Photoshop 一块光滑的褐色鹅卵石
Photoshop 粉红色的古典美女签名制作教程
Photoshop 调出外景人物图片梦幻的青色调
Photoshop 外景照片调色并加上暗角
Photoshop 快速美化人物脸部
Photoshop 绚丽的街舞动作
Photoshop 可爱的卡通雪人
Photoshop 简单的蓝色水晶按钮
photoshop 合成冲出画面的恐龙
Photoshop 偏色的古装人物转手绘效果处理方法
用photoshop给美女加上淡淡的彩妆的方法
用photoshop 合成子弹穿透物体的瞬间
Photoshop下利用滤镜制作漂亮的高光漩涡
Photoshop 精修陈年老照片
photoshop 鼠绘受伤的卡通酷哥
Photoshop 打造一把锋利的青铜剑

Photoshop教程:教你简单打造xhtml+css网页页面


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-12-05   浏览: 199 ::
收藏到网摘: 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 制作