web标准让大家学会了手写代码,显然这样的效率不够高。关于高效开发早已提到了web标准推广的日程上来了,可是现在的成效还不是很让人满意,我个人观点,开发的时候从整体到局部,提高开发效率的时候要从局部到整体,因为这是一种组装,比如head区域,文章显示块,内容列表块,表单块......让你的代码复用起来。
小毅已经整理很很多了,但是没有针对DW的,我个人比较喜欢DW,界面美观方便,而且提供多种浏览器预览,做法就是将常用的XHTML代码作成存入DW的剪辑库,不需要的部分就删除掉,现在还在整理中,先列出一部分,也希望大家给以补充。
TOP Code/头部代码
<!--(1)过渡型(Transitional )--> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!--(2)严格型(Strict )--> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!--(3)框架型(Frameset )--> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <!--设定一个名字空间(Namespace)lang="zh-CN"/--> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> <head> <!--声明你的编码语言:GB2312/UTF-8/Unicode/ISO-8859-1--> <meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> <meta http-equiv="Content-Language" content="zh-CN" /> <!--为搜索引擎准备的内容--> <!--允许搜索机器人搜索站内所有链接。如果你想某些页面不被搜索,推荐采用robots.txt方法--> <meta content="all" name="robots" /> <!--设置站点作者信息--> <meta name="author" content="ajie@netease.com,阿捷" /> <!--设置站点版权信息--> <meta name="Copyright" content="www.w3cn.org,自由版权,任意转载" /> <!--站点的简要介绍(推荐)--> <meta name="description" content="新网页设计师。web标准的教程站点,推动web标准在中国的应用" /> <!--站点的关键词(推荐)--> <meta content="designing, with, web, standards, xhtml, css, graphic, design, layout, usability, ccessibility, w3c, w3, w3cn, ajie" name="keywords" /> <!--收藏夹小图标--> <link rel="icon" href="/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <title>网页标题</title> <!--连接样式表--> <link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" /> <style type="text/css" media="all">@import url( css/style01.css );</style> <!--RSS--> <link rel="alternate" type="application/rss+xml" title="greengnn's space" href="http://www.jluvip.com/blog/feed.asp" /> <!--JS--> <script src="js/common.js" type="text/javascript" language="javascript" "></script> </head> <body></body> </html>
Example:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="zh-CN" /> <meta content="all" name="robots" /> <meta name="author" content="ajie33(at)gmail.com,阿捷" /> <meta name="Copyright" content="www.w3cn.org,自由版权,任意转载" /> <meta name="description" content="新网页设计师,web标准的教程站点,推动web标准在中国的应用." /> <meta content="web标准,web标准教程,网站重构, css布局, xhtml, css,xhtml+css,layout, usability, w3cn, CSS+DIV" name="keywords" /> <link rel="icon" href="/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="http://www.w3cn.org/favicon.ico" type="image/x-icon" /> <title>网页设计师:怎样过渡</title> <!-- 调用样式表 --> <link rel="stylesheet" href="http://www.w3cn.org/style/001/001.css" type="text/css" media="all" charset="utf-8"/> </head> <body id="w3cn"> </body> </html> </code>
出处:蓝色理想
责任编辑:moby
上一页 下一页 web标准实现高效开发系列之二 [2]
◎进入论坛网站综合、网页制作版块参加讨论
|