《课Web标准基础知识.ppt》由会员分享,可在线阅读,更多相关《课Web标准基础知识.ppt(10页珍藏版)》请在金锄头文库上搜索。
1、Div+Css网站布局第一课第一课张鹏张鹏Web标准基础知识标准基础知识目标目标1什么是什么是Web标准,标准,Web标准的构成标准的构成2采用标准的好处采用标准的好处3理解表现和结构分离理解表现和结构分离什么是web标准 一、什么是web标准?web标准不是某一个标准,而是由W3C和其他标准化组织制定的一系列标准的集合。 包含我们所熟悉的HTML、XTHML、Javascript、以及CSS等。二、Web标准的目的?在于创建一个统一的用于Web表现层的技术标准,以便于通过不同浏览器或终端设备向最终户展示信息内容。学习CSS布局的10大理由1、提高页面浏览速度。使用CSS方法,比传统的web设
2、计方法至少节约50%以上的文件尺寸。2、缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。3、降低网站流量的费用。带宽要求降低(代码更简洁),成本降低。4、更容易被搜寻引擎搜索到。提高网站在百度或google中的排名。5、内容能被更广泛的设备所访问。包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等等。学习CSS布局的10大理由6、内容能被更多的用户所访问。包括失明、视弱、色盲等残障人士。7、表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。8、更好的用户体验。用户能够通过样式选择定制自己喜欢的表现界面。9、提高你的职
3、场竞争实力。越来越多的网站采用Web标准,工作机会增加,降低失业风险。 10、面向现在与未来的设计。XHTML+CSS的设计将全面替代,传统的HTML+表格设计,成为新一代互联网设计的标准。Web标准的构成?四、Web标准的构成?Web标准主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。理解表现和结构分离 web标准的好处之一是“理解表现和内容分离”-那这到底是什么意思呢? 首先我们必须先明白一些基本的概念:内容、结构、表现和行为。 1、内容:就是制作者放在页面内真正想要让访问者浏览的信息 2、结构:使内容更加具有逻辑性和易用性类似于:
4、1级2级标题、正文、列表等把它们称为结构 3、表现:用于修饰内容的外观的样式的东西称为表现。 4、行为:对内容的交互及操作效果,如通过javascript判断表单提交等 Web常见问题 1、什么样的网站才符合Web标准符合Web标准的网站首先一点是网页能够通过W3C的代码校验,W3C提供了一个帮助使用者校验自己网站各方面语法程序。校验网址http:/validator.w3.org/2、什么叫网站重构?重构一词本身源于软件开发中对于代码的改良,在网站重构一书引入中国之后,也带来了一股网站重构的热潮。网站重构可以理解为改变老式的HTML表格布局,使用新的符合Web标准的网站结构及代码改良的方式。将现有网站转向Web标准设计可以称之为网站重构关于Web标准的误区1、抛弃表格布局的思维方式:刚开始使用DIV+CSS布局的人往往认为“DIV+CSS布局就是将原来用表格的地方用层替代,原来用表格嵌套,现在用层嵌套”2、Web标准的目的是实现内容与表现的分离“通过验证”并不是最终目的让网页具有良好的结构、更快的浏览速度、更友好的界面以及对更多设备的支持才是最终目的