it技术指南:www.itedus.com
  • 信息订阅

IT指南

  • TNT五分钟问卷赢IPOD
  • 贝塔斯曼
  • 广告联盟
  • No pay, More gain!
  • 单价15元-网络广告平台
  • 注册阿里妈妈赚广告费
  • 首页
  • 新闻资讯
  • 网页制作
  • 软件使用
  • 操作系统
  • 软件编程
  • 网络编程
  • 图象处理
  • 网站欣赏
  • 数据库
  • 认证考试
  • 站长知识
正在浏览栏目导航:首页 > 网页制作 > 心得技巧 >

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

时间:2007-08-26 17:59:20   来源:  作者:

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

关键字:
关闭此页
上一篇:如何在网页上实现音乐播放?
下一篇:网页屏蔽(左右键,代码等)的非JS方法

相关文章

    无相关信息
本栏目推荐

排行榜

  • 1如何提高自己的编程水平
  • 2学习网页制作你应该了解的几点知识!
  • 3滚动字幕的制作 marquee
  • 4网页刷新方法
  • 5SEO:Sitemaps将使用统一标准
  • 6frameset 使用心得
  • 7HTML-加速、再加速
  • 8DIV与Table布局在大型网站的可用性比较

最新信息

  • 如何提高自己的编程水平
  • 学习网页制作你应该了解的几点知识!
  • 网页编程安全漏洞全接触
  • 巧妙实现很酷的动态背景文字
  • 搜索引擎技术核心揭密
  • 实现浏览器全屏窗口的几种方法
  • 为网页添加放大或缩小文字
  • 公司建站完全手册--网页色彩设计点滴
关于站点 - 广告服务 - 联系我们 - 返回顶部
Copyright © 2007 www.itedus.com . All rights reserved.QQ群:8814225
如果碰到相关技术问题可以联系我们,原创相关问题请与站长及时联系.鄂ICP备07005792号