快速业务通道

新手如何学习DIV+CSS制作前台网页

作者 佚名技术 来源 CSS编程 浏览 发布时间 2012-05-26

  本文和大家重点讨论一下如何学习DIV+CSS制作网页,如何学习Web标准制作网页呢?我想每一个刚刚接触web标准的人都会问这样的问题,我就根据自己的经验总结。

  如何学习DIV+CSS制作网页

  我接触的很多人都问,如何学习Web标准制作网页呢?我想每一个刚刚接触web标准的人都会问这样的问题,我就根据自己的经验总结。

  1.不要一味使用DW等工具设计网页,去熟悉(X)HTML语言和CSS语言

  因为web标准对代码的要求提高了,没有对xhtml代码没有一定的了解是无法通过校检的。DW工具也可以使用,但是要看着代码写网页了。

  首先是xhtml代码,不是很多,知道他们如何使用,怎么正确书写,而且要记得封闭tag。如<img><br>。建议看看一些html参考手册,毕竟xhtml是从html升级来的,很多tag还在在继续使用。

  2.建立标准化的声明(DOCTYPE)和head

  以前的网页,甚至大型的门户网站也连个声明也没有,就仅仅是,现在要做的就是给你的网页加上声明,规范head区域,让搜索引擎和喜欢你的网站。

  推荐写法:

  1. <!--(1)过渡型(Transitional)-->   
  2. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
  3. <!--(2)严格型(Strict)-->   
  4. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">   
  5. <!--(3)框架型(Frameset)-->   
  6. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Frameset//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">   
  7. <!--设定一个名字空间(Namespace)lang="zh-CN"/-->   
  8. <htmlxmlnshtmlxmlnshtmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml"lang="zh-CN">   
  9. <head>   
  10. <!--声明你的编码语言:GB2312/UTF-8/Unicode/ISO-8859-1-->   
  11. <metahttp-equivmetahttp-equivmetahttp-equivmetahttp-equiv="Content-Type"content="text/html;charset=GB2312"/>   
  12. <metahttp-equivmetahttp-equivmetahttp-equivmetahttp-equiv="Content-Language"content="zh-CN"/>   
  13. <!--为搜索引擎准备的内容-->   
  14. <!--允许搜索机器人搜索站内所有链接。如果你想某些页面不被搜索,推荐采用robots.txt方法-->   
  15. <metacontentmetacontentmetacontentmetacontent="all"name="robots"/>   
  16. <!--设置站点作者信息-->   
  17. <metanamemetanamemetanamemetaname="author"content=admin@lvtao.net,memory/>   
  18. <!--设置站点版权信息-->   
  19. <metanamemetanamemetanamemetaname="Copyright"content="www.php100.com,版权所有"/>   
  20. <!--站点的简要介绍(推荐)-->   
  21. <metanamemetanamemetanamemetaname="description"content="php100技术分享社区,中国最大的php资源分享门户"/>   
  22. <!--站点的关键词(推荐)-->   
  23. <metacontentmetacontentmetacontentmetacontent="php,资源,视频教程"name="keywords"/>   
  24. <!--收藏夹小图标-->   
  25. <linkrellinkrellinkrelli

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号