设为首页  
联系我们  
加入收藏  
网页制作 冲浪宝典 图形图像 操作系统 软件教学 编程开发 认证考试 安全技术 站长专区 文学驿站 娱乐天地 游戏天地 办公软件
文章搜索
您的位置: 首页 >> 文章首页 >> 图形图像 >> Photoshop >> Photoshop做简单的xhtml+css网页
精品推荐
Photoshop点击TOP10
·Photoshop打造“非主流”颓废照片特效
·Photoshop打造美女林嘉欣梦幻效果
·经典实用PS技巧167条
·Photoshop CS教程之简历封面设计
·PHOTOSHOP超强磨皮大法 将斑点选出来
·清晰还原!Photoshop处理人物模糊照片
·Photoshop制作Lomo风格非主流效果
·Photoshop制作漂亮的心型挂坠Gif动画图
·扣图:Photoshop抠出复杂背景下的乱发
·教你用photoshop打造浪漫婚纱照
图形图像点击TOP10
·中文字体设计欣赏合集
·Photoshop打造“非主流”颓废照片特效
·Photoshop打造美女林嘉欣梦幻效果
·经典实用PS技巧167条
·Photoshop CS教程之简历封面设计
·PHOTOSHOP超强磨皮大法 将斑点选出来
·清晰还原!Photoshop处理人物模糊照片
·Adobe flash cs3 ActionScript 3.0入门
·Photoshop制作Lomo风格非主流效果
·Photoshop制作漂亮的心型挂坠Gif动画图
精选专题

Photoshop做简单的xhtml+css网页

作者: 来源: 时间:2007-11-6 12:41:20

大家可能不知道,用Photoshop也可以做出简单的XHTML+CSS技巧">CSS网页,一起来试试吧!

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

  用Photoshop做简单的xhtml+css网页1_天极设计在线整理

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

  用Photoshop做简单的xhtml+css网页2_天极设计在线整理

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

  用Photoshop做简单的xhtml+css网页3_天极设计在线整理

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

  用Photoshop做简单的xhtml+css网页4_天极设计在线整理

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

  用Photoshop做简单的xhtml+css网页5_天极设计在线整理

  没想到吧?这么简单就做出了个xhtml+css的页面。当然实际应用中,这种自动生成的页面还是不太规范,建议大家还是要用Dreamweaver 8或者editplus调整代码。


Photoshop做简单的xhtml+css网页 相关文章:
Photoshop做简单的xhtml+css网页 相关软件:
特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
转载请注明来源:http://www.xgdown.com