网站重构Web标准设计第1版.pptVIP

WEB标准 WEB标准 strong文字加粗/ strong  b文字加粗/ b  3）图片及其他元素img src=“图片路径”title=“图片名称”alt=“图片简介”/objectFlash元素经常用到/ object  4）列表元素ul ol li dl dt dd WEB标准 WEB标准 CSS 1）嵌入样式style type=“text/css”/style style type=“text/css”@import url(css/layout.css) ; /style2) 行内样式a href=# style=color:#000;Home/a3）连接样式link href=css/print.css rel=stylesheet type=text/css/ WEB标准 WEB标准 CSS语法结构 1）类选择符body{ } div{ } span{ }2) 群组选择符 h1,h2,h3,p,span{ }3）包含选择符h1 span{ }4) id及class选择符#adam1985{ } .apple{ } WEB标准 WEB标准 5）组合选择符h1 .a1{ }#content h1{ }h1 .a1{ },#content h1{ }h1#content h2{ }6) 通配选择符 * { } WEB标准 WEB标准 1）高效开发与简单维护2）信息跨平台的可用性3）降低服务器成本4）便于改版5）加快网页解析的速度6）与未来兼容7）更加良好的用户体验 Web标准的好处 * * * 学习是一种思想，一种不断思考，一种不断实践，一种不断创新的过程…… 如何学习web标准 学习没有捷径，只有勤奋，努力，实践，思考…… 学习任何一门技能的时候，首先要明确思想，有了正确的思想才会少有很多弯路，大家学习web标准，首先就要明确一点，到底什么是web标准，如果错误的理解了web标准的思想，很难学好web标准，给初学者的建议：初学者很容易犯的错误就是把web标准理解为div+css，以为div的作用就是简单的替代表格去做表格以前做的事情，于是乎许多采用新技术的网站开始了div+css制作网页，当打开页面代码看到基本整个页面都是div标签，给每个div标签都制定一个class，这是对web标准的一种滥用方式。Web标准的思想是实现结构，表现，行为的分离，不只是简单的把table换成div，如果要学好web标准的细想，首先要做的就是抛弃传统的表格布局思想。那么接下来我就会给大家先讲思想课，让大家更好的了解究竟什么是web标准的思想。 如何掌握学习思想 Web 传统网站是一个“完美”的“和谐社会”，一切即table，table即一切。表格视乎和谐一切…… Web 传统网站 David Siegel 印刷专家 有人说我毁掉了Web，我回答他们，的确如此。我毁掉了Web是因为我把巧克力和花生酱混合在一起却再也不能把他们分开。我犯下了把结构跟表现混合在一起的错误。 David Siegel  他是一个印刷专家。那麽在1997年的时候，这位印刷专家David Siegel改变了web，他自己研究出了一项网页布局技术，利用html中的的table元素和gif图片缝合在一起了，创造了表格布局技术，之后它就犹如一头猛兽泛滥起来。于是乎许多设计师们对他在web上复制传统印刷媒体布局方法感到欣喜若狂，从此以后数百万的页面把结构跟表现混杂在一起。在这之后David Siegel在内的很多人，很快提出反对采用表格进行布局的言论，但我们知道猛兽一旦释放就很难在关起来，加上当时没有有效的方法解决这个问题，猛兽在我们身边自由的徘徊，甚至到现在。我们可以看看互联网上仍然有很多网站都是采用的传统方式布局。 David Siegel  早在1997年，有一个通用的惯例，netscape浏览器使用javascript，为微软的ie使用jscript（一种类似于javasrcipt的脚本语言）。Javasrcipt只能运行在netscape，而微软的ActiveX只