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" 指明打印样式
思想指导实践,实践加以应用,应用创造价值