Photoshop简单制作xhtml css网页页面
来源:不详 作者:佚名
Photoshop简单制作xhtml css网页页面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 制作
开始吧:
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的页面。当然实际应用中,这种自动生成的页面还是不太好的。
还是建议大家用dreamweaver 8 editplus 制作
搜索更多相关主题的帖子:xhtml css Photoshop 网页 photoshop
简单的,我们教你,深奥的,你来分享,非主流照片|qqkongjian|feizhuliu|tupian|luntan|psjiaocheng|bishua|ruanjian|chajian|xiazai|psxiazai|qqkongjiandaima全教程完,学完记得交作业。如果本教程对您有所帮助,请推荐给你的朋友。
推荐教程
-
网页模版,个人网站建设入门知识
Becky赵 -
网页模板,设计酒吧主题网页模板实例
WOZLK -
ps设计蓝色主题风格的网站首页模板教程
Axin123 -
ps切片工具怎么用
顾盼神飞 -
教您怎样用Photoshop制作一个漂亮的网页
-
Photoshop CS5制作放射状光线网页广告板
bbs.16xx8.com -
Photoshop设计动漫游戏网站模板
admin -
Photoshop另类实用技巧:切网页
佚名 -
Photoshop绘制简洁而多彩的作品展示网页
bbs.16xx8.com -
photoshop设计企业网站首页实例
qp3db 发布 -
photoshop设计vista风格网页
空来风 -
Photoshop绘制绿色风格的尼康相机网页平面图
bbs.16xx8.com -
Photoshop教程:制作3D网页效果
bbs.16xx8.com