网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > 心得技巧
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.教你制作GBK与Unicode的对照表.
.花生壳给个人网站插上飞翔的翅膀.
.rel=nofollow互联网为超链接戴上.
.网页制作IE功能汇总.
.网站登录Google与网站设计.
.动态加载外部css或js文件.
.在网站上实现 Google Reader 一键.
.实现浏览器全屏窗口的几种方法.
.网页排版中10种致命的语义错误.
.教你如何去掉网页上的Flash动画虚.
.网页制作中九种用途特效按钮的代.
.解决IE6.0、IE5.0、IE5.5差异.
.图片左右循环连续滚动代码,解决.
.正则表达式过滤HTML危险脚本 .
.frameset 使用心得.
.教你如何在自己的主页上制作P2P网.
.DIV不是万能膏药.
.通过W3C XHTML1.0标准验证经验分.
.雅黑字体对IE显示网页布局的影响.
.网站项目建设流程概述.

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

发表日期:2006-8-23


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

  开始吧:

  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 制作

上一篇:如何在网页上实现音乐播放? 人气:10219
下一篇:网页屏蔽(左右键,代码等)的非JS方法 人气:6726
浏览全部photoshop cs2的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐