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

2016-02-19 18:52 7 1 收藏

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐用Photoshop两分钟做个xhtml+css的网站首页,无聊中的都看过来。

【 tulaoshi.com - Web开发 】

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

  开始吧:

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

  图:

  

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

  图:

  

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

  图:

  

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  图:

  

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

  图:

  

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

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

来源:http://www.tulaoshi.com/n/20160219/1619279.html

延伸阅读
这款银光闪闪的手工化妆包简单大方,轻巧、方便。而且它的制作方法也挺简单的,只要轻松的两分钟即可完成。 材料:闪光布、红色线、穿线针、圆头针、纽扣 1、把闪光布裁剪出一块7*5厘米、7*3.5厘米的长方形布,之后用针线将其叠合在一起缝合起来。 2、把较长的一块布对折下来,用剪刀把边沿修剪...
标签: 编织
步骤1: 起始5针,最后一针拉长,然后按照图2钩一个大红枣针,然后再继续4个平针,再然后最后一针钩进第一针,打结,穿上项链就可以了 步骤2: 图片可以放大看,大红枣针 延伸阅读: 手工皂常识篇-基础小知识 拿到皂皂以后(不管成熟与否),请您把皂皂从包装袋中取出,裸放在阴凉、干燥、通风的地方,让皂皂全面接...
统来说,“标准网页”的文件组织就是XHTML+CSS。其中XHTML主要用来表示网页结构和显示内容,而CSS则是定义结构布局和修饰内容样式。 常用于布局的XHTML一般有: DIV:主要用于页面内容逻辑上的分块,比如一张网页一般包括头部、导航、侧栏、内容和版权等责任分区。此时即可使用DIV标签分割。 同时对各区块建议这样的命名:   头部:&...
标签: 化妆 眼妆
化妆前后对比照!妆前我已经很努力的睁大眼睛了哦。   1、注意看双眼皮胶哦,是两个,反过来交叉,如图。   2、第二个重点啦,两个双眼皮胶中间上面又加了一个,也就是三个了,睁开眼睛是不是大了很多呢。   3、画上眼线,...
标签: Web开发
     Blog的全名应该是Web log,中文意思是“网络日志”,后来缩写为Blog,而博客(Blogger)就是写Blog的人。从理解上讲,博客是“一种表达个人思想、网络链接、内容,按照时间顺序排列,并且不断更新的出版方式”。简单的说博客是一类人,这类人习惯于在网上写日记。 如何应用HTML和CSS写出漂亮正规的BLOG:   ...

经验教程

439

收藏

85

精华推荐

XHTML+CSS写出正规的BLOG

XHTML+CSS写出正规的BLOG

疯老头爱痴老太

XHTML+CSS:调用样式表

XHTML+CSS:调用样式表

超级刘蕊

关于DIV+CSS和XHTML+CSS的理解

关于DIV+CSS和XHTML+CSS的理解

5anyliuliu

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部