网管联盟 | 网管论坛 | 网管u家 | 网管博客 | 网管软件 | 网管求职 | 小游戏 | 网管搜索 | 网管原创 | 网管聚合 | 网管读摘 | 网管焦点 | 世界素材 | 会员投稿 | 会员中心 
中国网管联盟
Windows Linux Cisco 网络技术 数据库 黑客攻防 DotNet Java PHP 认证 新闻资讯 服务器 存储资讯 网络设备 网管学堂 技术专题 焦点 网吧频道
 当前位置: > bitsCN.com > 网管学堂 > 平面设计 > Photoshop > 设计实例 > Photoshop做简单的xhtml+css网页  

Photoshop做简单的xhtml+css网页

2007-11-06  作者:bitsCN整理  来源:中国网管联盟  点评 投稿 收藏

 大家可能不知道,用Photoshop也可以做出简单的xhtml+css网页,一起来试试吧!

网管网www_bitscn_com

  1、在photoshop cs2中打开设计好的网站视觉设计稿。用切片工具切好。

网管u家u.bitscn@com

  用Photoshop做简单的xhtml+css网页1_整理 中国网管论坛bbs.bitsCN.com

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

  用Photoshop做简单的xhtml+css网页2_整理

中国网管论坛bbs.bitsCN.com

  3、见图,在第二个下拉中选择 Slices,选择Generate CSS ,然后在后面的下拉中选By ID。 网管u家u.bitscn@com

  用Photoshop做简单的xhtml+css网页3_整理

中国网管论坛bbs.bitsCN.com

网管联盟bitsCN_com


TAGs   网页   简单   选择   css   xhtml   保存   Save   下拉   、点   代码      
 上一篇:Photoshop画笔应打造月光下的美女   下一篇:Photoshop照片合成玫瑰花瓣围绕的女孩
Photoshop做简单的xhtml+css网页 评论:
loading.. 评论加载中…
评论:请自觉遵守互联网相关政策法规,评论不得超过250字。

验证码: 注册用户
本类热门排行:
最新推荐文章:
网管论坛交流: