达达首页 | 设计教程 | 辅助工具 | 字体字库 | 素材贴图 | 非 主 流 | PS 笔刷 | 签名模版 | 网页模版 | 访客留言
设为首页

加入收藏

联系我们
PhotoShop 教程 | Illustrator 教程 | CorelDraw 教程 | FireWorks 教程 | 3D MAX 教程 | MAYA 教程 | Flash 教程 | After Effects 教程
相关教程
推荐教程 手把手教你制作个性…
普通教程 PS网页制作技巧：从…
普通教程 PS网页设计实例：女…
推荐教程 手把手教你绘制可爱…
普通教程 Photoshop精彩实例：…
普通教程 PS网页设计实例：多…
普通教程 精彩教程：LOGO的制…
普通教程 详细步骤 多图展示：…
普通教程 InterFace网页的平面…
普通教程 Photoshop网页制作教…
最新更新

Photoshop简单制作…
Photoshop简单制作…

Photoshop制作网页…
Photoshop打造漂亮…
您现在的位置： 达达派 >> 教程中心 >> PhotoShop教程 >> 网页篇 >> 教程正文
Photoshop简单制作xhtml+css网页页面
作者：佚名 文章来源：网络采集 点击数： 更新时间：2007-11-12 8:25:50
教程录入：令彬    责任编辑：令彬  添加到雅虎收藏+
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 制作
  • 上一篇教程：

  • 下一篇教程：
    • 【字体：小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】
    关于我们 | 帮助(？) | 广告服务 | 版权声明 | 商业合作 | 发展历程 | 联系我们

    Copyright ? 2005-2008 CGFancy.com， All Rights Reserved，达达网络：陕ICP备06010337号

    技术交流：71125455（平面）、545534707（三维），业务合作：71125455