您好,欢迎来到素彩网!

ps快速打造xhtmlcss网页页面

来源:sc115.com | 275 次浏览 | 2011-07-06

标签: 页面 网页 PS简单打造xhtml+css网页页面 综合运用

xhtml+css网站重构web标准等等之类的文章太多了,我就不重复了,发个最简单的制作xhtml+css页面的方法,方法虽然很简单,但真不一定有几个人知道....起码google搜索没搜索到。

开始吧:

1、打开photoshopcs2,打开设计出的网站首页。用切片工具切好。




2、点文件-》存储为web所用格式快捷键为ctrl+alt+shift+s,点右上倒三角的小图片,选择Editoutputsettings  

3、见图,在第二个下拉中选择Slices,选择GenerateCSS,然后在后面的下拉中选ByID



4、点OK保存并关闭设置窗口,在SaveforWeb窗口中点Save按扭,在保存类型中选择HtmlandImages,随便输入一个文件名,点保存。



5、完成任务。看一下代码,是不是xhtml+css的



呵呵,这么简单,就做出了个xhtml+css的页面。当然实际应用中,这种自动生成的页面还是不太好的。

还是建议大家用dreamweaver8+editplus制作

搜索: 页面 网页 PS简单打造xhtml+css网页页面 综合运用 

最热-综合运用

凌乱照片变炫彩背景

ps打造花季少女插画

ps打造MM颓废裂痕特效

ps打造被撕裂的旧海报

大卫PS入门教程 第一课:开场白与照片虚化处理

大卫PS入门教程 第十三课:路径

教你快速打造可爱边框

水晶枫叶

ps快速打造黑白写意画

ps快速打造一个金色的戒指

ps打造一张动感奥运壁纸

PS打造逼真的流星火雨效果

ps签名图教程:大小姐

素材
古代陶器PNG图标古代陶器PNG图标
蓝色邮件PNG图标蓝色邮件PNG图标
五颜六色的气球高清图片5五颜六色的气球高清图片5
五颜六色的气球高清图片4五颜六色的气球高清图片4
五颜六色的气球高清图片3五颜六色的气球高清图片3
五颜六色的气球高清图片2五颜六色的气球高清图片2
五颜六色的气球高清图片1五颜六色的气球高清图片1
中国龙雕塑高清图片6中国龙雕塑高清图片6
中国龙雕塑高清图片4中国龙雕塑高清图片4