用Photoshop做简单的xhtml+css网页
发布时间：2007-12-12 07:26:11 来源： 网友评论 0 条
大家可能不知道，用Photoshop也可以做出简单的xhtml+css网页，一起来试试吧！
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调整代码.
全站资源
- 微软官方入门教程19：轻松掌握Vista系统的快
- 微软2008大冲击，预借Vista SP1力促Vista市
- 在收件箱中获得 Windows Vista 的最新更新
- 微软官方Vista入门教程全集19篇（Vista学院
- Windows Vista 的成功将势不可挡
- 快快抛弃Vista，拥抱XP SP3！你觉得呢？
- 浅谈Vista系统关闭虚拟内存与使用内存盘加速
- 嘿嘿，按下键盘上面的三个键，马上让你的Vi
- Windows Vista的盗版率只有Windows XP的一半
- 3DMark和PCMark Vantage新版将只支持Vista系
阅读排行
- Photoshop把照片处理成温暖甜美风格
- PS巅峰之作：漂亮MM是这么诞生滴～
- PS易容术 让自己的脸无处不在
- Photoshop打造超绚丽可口可乐海报
- Photoshop：浪漫摄影后期之工笔画风
- Photoshop实例教程:制作放射光芒字
- 海的徜徉 Photoshop精心打造海与海豚
- Photoshop打造美女成暗夜精灵的效果
- 用Photoshop教你制作美丽胶片写真
- 教你用PS制作真实的水珠效果
最新技术文档
- Photoshop照片处理：水灵灵的美女
- 用Photoshop通道为漂亮MM照片抠图
- 用Photoshop做简单的xhtml+css网页
- Photoshop将照片转成水彩画特效
- Photoshop为证件照排版
- Phototshop制作婚纱艺术写真效果教程
- 用Photoshop建立微缩景观效果
- Photoshop实例调色：打造格调美女
- 用Photoshop给汽车“喷漆”换色
- Photoshop简单酒吧网页制作实战
专题教程
- 大话G游 专题：手机病毒揭密
- ARP攻击防范与解决方案 路由故障处理手册
- Picasa中文版_Picasa教程 专题：清除流氓软件
- Firefox专题 seo搜索引擎优化专区
- 重装Windows必知的事情 装机之必备软件大行动
病毒专杀栏