Photoshop教程：教你简单打造xhtml+css网页页面

2016-01-29 21:29 16 1 收藏

Photoshop教程：教你简单打造xhtml+css网页页面,Photoshop教程：教你简单打造xhtml+css网页页面

【 tulaoshi.com - PS 】

xhtml+css网站重构web标准等等之类的文章太多了，我就不重复了，发个最简单的制作xhtml+css页面的方法，方法虽然很简单，但真不一定有几个人知道.... 起码google搜索没搜索到。

开始吧：

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

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

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

[next]

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

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

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

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

来源:https://www.tulaoshi.com/n/20160129/1512274.html

上一篇： Photoshop技巧教程：喷溅的潮水制作方法
下一篇： PS鼠绘古代精灵女战士

看过《Photoshop教程：教你简单打造xhtml+css网页页面》的人还看了以下文章更多>>

XHTML+CSS教程:灵活运用HTML标记

标签： Web开发

div+css网页布局已逐渐流行，但面对所谓DIV+CSS布局的叫法让人更为担心，不要让DIV成为Table的替代品，多层嵌套的DIV会严重影响代码的可阅读性，活用HTML为我们提供的标签吧。什么时候应该用DIV？虽然在这方面没有什么硬性的规定,但个人认为DIV更适用于大体框架的定位.例如我们要定义一块头部的区域,一般会这样定义一个DIV: d...

推荐43个XHTML+CSS网页及导航布局实例教程

标签： Web开发

在中国，很多前端开发初学者都会把xHTML+CSS页面制作说成DIV+CSS，甚至很多人都还不知道xHTML+CSS是什么意思，只知道盲目的追求DIV+CSS，但在国外，是没有DIV+CSS这个概念的，很明显如果单从字面上去理解，DIV+CSS的网页就要全都是div，很明显是无法达到语义化标准的。网页教学网也希望通过网站让所有读者正视代码语义化的重要性，请把DIV+C...

XHTML+CSS:调用样式表

标签： Html CSS布局 Div+CSS XHTML

web标准设计网站，过渡的方法主要是采用XHTML+CSS，css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS，如果你以前不常用，那么现在就开始学习吧。要制作符合web标准的网站，不懂CSS是设计不出漂亮的页面的。事实上，所有表现的地方都需要用CSS来实现。我们以前都习惯用tabl...

漂亮样式表在XHTML+CSS网页制作中的应用

标签： Web开发

这是一篇很久以前的文章了，现在看来，其中的思想很值得大家学习，在webjx.com学习案例的同时，不仿学习一些理论的知识，对您知识的突破会很有帮助。大家加油！自从看了Zeldman先生的力作Designing with Web Standards中文版为《网站重构》（第2版）一书，感受颇深，坚定了我用web标准的思想，去开发实践我们的项目...

XHTML+CSS写出正规的BLOG

标签： Web开发

Blog的全名应该是Web log，中文意思是“网络日志”，后来缩写为Blog，而博客(Blogger)就是写Blog的人。从理解上讲，博客是“一种表达个人思想、网络链接、内容，按照时间顺序排列，并且不断更新的出版方式”。简单的说博客是一类人，这类人习惯于在网上写日记。如何应用HTML和CSS写出漂亮正规的BLOG： ...

查看更多精彩>>