web标准如何实现高效开发
[color=red][b][size=3]web标准让大家学会了手写代码，显然这样的效率不够高。关于高效开发早已提到了web标准推广的日程上来了，可是现在的成效还不是很让人满意，我个人观点，开发的时候从整体到局部，提高开发效率的时候要从局部到整体，因为这是一种组装，比如head区域，文章显示块，内容列表块，[wiki]表单[/wiki]块......让你的代码复用起来。
[/size][/color][/b]
[size=3]XHTML代码作成存入DW的剪辑库，不需要的部分就删除掉，
TOP Code/头部代码
[/size][b][size=3]CODE:
[/size][align=right][URL=http://bbs.blueidea.com/thread-2639934-1-1.html###][color=#333366][/color][/url] [/align]
[/b]
[size=3]<!--(1)过渡型（TransITional ）-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[/size][url=http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd][size=3]http://www.w3.org/TR/xhtml1/DTD/ ... l.dtd">[/size][/url][size=3]
<!--(2)严格型（Strict ）-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[/size][url=http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd][size=3]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[/size][/url][size=3]
<!--(3)框架型（Frameset ）-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "[/size][url=http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd][size=3]http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">[/size][/url]
[size=3]<!--设定一个名字空间（NameSPace）lang="zh-CN"/-->
<html xmlns="[/size][url=http://www.w3.org/1999/xhtml][size=3]http://www.w3.org/1999/xhtml"[/size][/url][size=3] lang="zh-CN">
<head>
<!--声明你的编码语言:GB2312/UTF-8/Unicode/ISO-8859-1-->
<meta http-[wiki]EQ[/wiki][wiki]UI[/wiki]v="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="[/size][email=ajie@netease.com][size=3]ajie@netease.com[/size][/email][size=3],阿捷" />
<!--设置站点版权信息-->
<meta name="Copyright" content="[/size][url=http://www.w3cn.org][size=3]www.w3cn.org[/size][/url][size=3],自由版权,任意转载" />
<!--站点的简要介绍(推荐)-->
<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>
<!--[wiki]RSS[/wiki]-->
<link rel="alternate" type="application/rss+xml" title="greengnn's space" href="[/size][url=http://www.jluvip.com/blog/feed.ASP][size=3]http://www.jluvip.com/blog/feed.asp"[/size][/url][size=3] />
<!--JS-->
<script src="js/common.js" type="text/[wiki]JAVA[/wiki]script" language="javascript" "></script>
</head>
<body></body>
</html>
Example：
[/size][b][size=3]CODE:
[/size][align=right] [/align]
[/b]
[size=3]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[/size][url=http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd][size=3]http://www.w3.org/TR/xhtml1/DTD/ ... l.dtd">[/size][/url]
[size=3]<html xmlns="[/size][url=http://www.w3.org/1999/xhtml][size=3]http://www.w3.org/1999/xhtml"[/size][/url][size=3] 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="[/size][url=http://www.w3cn.org][size=3]www.w3cn.org[/size][/url][size=3],自由版权,任意转载" />
<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="[/size][url=http://www.w3cn.org/favicon.ico][size=3]http://www.w3cn.org/favicon.ico"[/size][/url][size=3] type="image/x-icon" />
<title>网页设计师:怎样过渡</title>
<!-- 调用样式表 -->
<link rel="stylesheet" href="[/size][url=http://www.w3cn.org/style/001/001.css][size=3]http://www.w3cn.org/style/001/001.css"[/size][/url][size=3] type="text/css" media="all" charset="utf-8"/>
</head>
<body id="w3cn">
</body>
</html>
</code>
Flash嵌入代码
[/size][b][size=3]CODE:
[/size][align=right][url=http://bbs.blueidea.com/thread-2639934-1-1.html###][color=#333366][/color][/url] [/align]
[/b]
[size=3]<object
type="application/x-shockwave-flash" data="movie.swf"
width="400" height="300">
<param name="movie" value="movie.swf" />
</object>
From:[/size][url=http://www.alistapart.com/stories/flashsatay][size=3]http://www.alistapart.com/stories/flashsatay[/size][/url]
[size=3]fildset & legend：fildset套在表单外，legend用于描述表单内容。
[/size][b][size=3]CODE:
[/size][align=right] [/align]
[/b]
[size=3]<form>
<fildset>
<legend>title</legend>
<ol>
<li><label for="user-name">用户名</label>
<input type="text" name="uname" id="uname"/></li>
<li><label for="user-password">密 码</label>
<input type="password" name="password" id="user-password" /></li>
</ol>
</fildset>
</form>
dl,dt,dd：当页面中出现第一行为类似标题/简述，然后下面为详细描述的内容时应该使用该[wiki]标签[/wiki]
[/size][b][size=3]CODE:
[/size][align=right][url=http://bbs.blueidea.com/thread-2639934-1-1.html###][color=#333366][/color][/url] [/align]
[/b]
[size=3]<dl>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
</dl>
ul,li无序列表
[/size][b][size=3]CODE:
[/size][align=right][url=http://bbs.blueidea.com/thread-2639934-1-1.html###][color=#333366][/color][/url] [/align]
[/b]
[size=3]<ul>
<li></li>
<li></li>
</ul>
ol,li有序列表
[/size][b][size=3]CODE:
[/size][align=right][url=http://bbs.blueidea.com/thread-2639934-1-1.html###][color=#333366][/color][/url] [/align]
[/b]
[size=3]<ol>
<li></li>
<li></li>
</ol>
table表格
[/size][b][size=3]CODE:
[/size][align=right][url=http://bbs.blueidea.com/thread-2639934-1-1.html###][color=#333366][/color][/url] [/align]
[/b]
[size=3]<table id="mytable" cellspacing="0" summary="The technical specifications of the Apple PowerMac G5 series">
<caption>Table 1: Power Mac G5 tech specs </caption>
<tr>
<th scope="col" abbr="Configurations" class="nobg">Configurations</th>
<th scope="col" abbr="Dual 1.8">Dual 1.8GHz</th>
<th scope="col" abbr="Dual 2">Dual 2GHz</th>
<th scope="col" abbr="Dual 2.5">Dual 2.5GHz</th>
</tr>
<tr>
<th scope="row" abbr="Model" class="spec">Model</th>
<td>M9454LL/A</td>
<td>M9455LL/A</td>
<td>M9457LL/A</td>
</tr>
<tr>
<th scope="row" abbr="G5 [wiki]PR[/wiki]ocessor" class="specalt">G5 Processor</th>
<td class="alt">Dual 1.8GHz Pow[wiki]ERP[/wiki]C G5</td>
<td class="alt">Dual 2GHz PowerPC G5</td>
<td class="alt">Dual 2.5GHz PowerPC G5</td>
</tr>
<tr>
<th scope="row" abbr="Frontside bus" class="spec">Frontside bus</th>
<td>900MHz per processor</td>
<td>1GHz per processor</td>
<td>1.25GHz per processor</td>
</tr>
<tr>
<th scope="row" abbr="L2 Cache" class="specalt">Level2 Cache</th>
<td class="alt">512K per processor</td>
<td class="alt">512K per processor</td>
<td class="alt">512K per processor</td>
</tr>
</table>
[/size]
[[i] 本帖最后由 MyCnCom-孟祥东 于 2006-8-10 12:57 AM 编辑 [/i]]
