用ps两分钟做个xhtml+css的网站首页

   2015-08-30 0
核心提示:xhtml+css网站重构web标准等等之类的文章太多了,我就不重复了,发个最简单的制作xhtml+css页面的方法,方法虽然很简单,但真不一定有几个人知道,这里使用ps实现的,确实有意思,但还是建议用dw作为网页

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

  开始吧:

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

  图: 

用ps两分钟做个xhtml+css的网站首页

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

  图:  

用ps两分钟做个xhtml+css的网站首页

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

  图:

  

用ps两分钟做个xhtml+css的网站首页

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

  图:
 

用ps两分钟做个xhtml+css的网站首页

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

  图:

  

用ps两分钟做个xhtml+css的网站首页

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

  还是建议大家用dreamweaver8 + editplus 制作

 
标签: XHTML css 网站首页
反对 0举报 0 评论 0
 

免责声明:本文仅代表作者个人观点,与乐学笔记(本网)无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
    本网站有部分内容均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责,若因作品内容、知识产权、版权和其他问题,请及时提供相关证明等材料并与我们留言联系,本网站将在规定时间内给予删除等相关处理.

  • HTML5和XHTML的区别
         既然被问到了HTML5和XHTML的区别,那我就在这里给大家分享一些我个人的理解,同时我也觉得从他们的来源上讲,他们藏着一个有趣的故事。     首先认识三个组织,IETF (Internet Engineering Task Force)  互联网工程任务组,W3C (World Wide Web C
    03-08
  • html和xhtml有哪些区别
    今天小编给大家分享的是html和xhtml有哪些区别,相信很多人都不太了解,为了让大家更加了解,所以给大家总结了以下内容,一起往下看吧。一定会有所收获的哦。HTML超文本标记语言,是一种基于标记的网页设计语言,专门用来设计和编辑网页。XHTML是为了适应XML
    02-08 htmlxhtml
  • 详解XHTML中的标题标签与段落标签的使用
    这篇文章主要介绍了XHTML中的标题标签与段落标签的使用,这些标签在语法和作用上与普通HTML版本中的标签基本上相同,需要的朋友可以参考下
  • 详解HTML/XHTML中img图像标签的基本用法
    这篇文章主要介绍了HTML/XHTML中img图像标签的基本用法,文中列出了img标签的一些常用属性,需要的朋友可以参考下
  • XHTML中的常用标签整理
    这篇文章主要介绍了XHTML中的常用标签整理,XHTML是一个扮演着类似HTML的角色的可扩展标记脚本,这里的XHTML标签需要的朋友可以参考下
    03-10 XHTML标签
  • 纯CSS+XHTML实现的二级导航菜单效果
    纯CSS+XHTML实现的二级导航菜单效果
    这篇文章主要为大家介绍了纯CSS+XHTML实现的二级导航菜单效果,通过简单的鼠标事件操作页面元素样式变换实现二级导航菜单的功能,非常简单实用,需要的朋友可以参考下
  • HTML与XHTML、以及HTML4与HTML5标签之间的区别
    这篇文章主要介绍了HTML与XHTML、以及HTML4与HTML5标签之间的区别,是网页前端编程入门学习中的基础知识,需要的朋友可以参考下
    11-13 HTMLXHTML
  • css网站布局实录学习笔记第二部分XHTML与CSS基础
    css网站布局实录学习笔记第二部分XHTML与CSS基
    这篇文章主要介绍了css网站布局实录学习笔记第二部分,需要的朋友可以参考下
  • HTML5 与 XHTML2
    多数人使用 HTML 4 和 XHTML 1 编写网页。相对较少的 HTML 狂热者了解语义 HTML 的概念、验证 HTML 结构和改进文档的可访问性。高质量的 HTML 文档是反复权衡、设计优选和讨论酝酿的结果。尽管受到诸多批评,还没有任何语言的普及性能与 HTML 比肩。多数用户满足于标准的现
    11-07
  • X/HTML5 和 XHTML2
    X/HTML5 和 XHTML2
    在了解了XHTML 2的进展之后,我们再来看看X/HTML 5 的进展。 X/HTML 5酷在什么地方 章节元素的构想 X/HTML 5引入新的元素用于把Web页面分成若干章节。这些组成部分有助于搜索引擎和辅助工具更好地理解页面内容。使用这些新元素可以使标签更具可读性。 章节化
    11-07
点击排行