您的位置:首页 >> 平面教程 >> Photoshop >>

用Photoshop制作个xhtml+css的网站首页

作者:未知 时间:2007-09-19 来源:未知

Photoshop制作

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

  开始吧:

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

  图:

用Photoshop两分钟做个xhtml+css的网站首页

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

  图:

用Photoshop两分钟做个xhtml+css的网站首页

  3、见图,在第二个下拉中选择 Slices,选择Generate CSS ,然后在后面的下拉中选By ID

  图:

用Photoshop两分钟做个xhtml+css的网站首页

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

  图:

 用Photoshop两分钟做个xhtml+css的网站首页

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

  图:

用Photoshop两分钟做个xhtml+css的网站首页

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

  还是建议大家用dreamweaver 8 + editplus 制作

拥有帝国一切,皆有可能。欢迎访问phome.net

中华大观园版权申明:本站部分图片和文章来源于网络。除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。 特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有。

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:5000sky@gmail.com
现有 条评论 | 更多评论..
我要发表看法
验证码: 匿名发表(无需注册)
    如果您还不是中华大观园会员,欢迎加入
  • ※ 评论注意事项:
  • 您的评论将在管理员审核后才会显示。
  •   
  • 不是中华大观园会员或未登陆发表评论,评论人名字显示为匿名。
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除评论中的任意内容
  • 参与本评论即表明您已经阅读并接受上述条款