Web标准设计

传统页面：table和图片混合制作的。web标准页面采用结构与表现分离的方式。

推荐设计规范：css2 ECMAscript262

推荐设计辅助工具：

针对Firefox：

CSSViewer
Firebug
WebDebeloper

 

CSS语法结构
1)类选择符
body{} div{} span{}
2)群组选择符
h1,h2,h3,p,span{}
3)包含选择符
h1 span{}
4)id及class选择符
#forefront{}   .apple{}
5)组合选择符
h1  .a1{}
#comtent h1{}
h1 .a1{},#content h1{}
h1#content h2{}
6)通配选择符
*{}

对CSS排版，可以使用dreamweaver中的自动套用排版格式

推荐书籍：

<<网站重构>>
<<CSS网站布局实录>>
<<精通CSS>>
<<CSS禅意花园>> www.csszengarden.com
<<超越css>>
 

Web标准的好处
1)高效开发与简单维护
2)信息跨平台的可用性
3)降低服务器成本
4)便于改版
5)加快网页解析的速度
6)与未来兼容
7)更加良好的用户体验

photoshop设计图片的时候，分辨率设置为72即可。 先有表现（photoshop画图），再有结构（dreamweaver），最后得到的就是表现和结构混杂的产物(table制作的网页)。
采用web标准的制作方法，首先注重设计的是结构。
media="print" 指明打印样式