网页界面设计与前端架构.ppt

关注浏览器 网页配色 基本色彩原理 颜色由色相、明度、饱和度3个要素组成。 色相：不同的波长的颜色构成了不同的色相。 明度：颜色的明暗程度。取决于颜色吸收光的程度，进光量越大，物体对光的反射率越高，明度则越高。反之则低。明度最高是白色，最低是黑色。 饱和度：颜色的纯度，或是与中性灰的差别。凡具有色相的所有色彩都有一定的饱和度，无色彩没有色相，饱和度为0。 RGB模式：根据显示器颜色混合原理。RGB就是红绿蓝相加混合产生的色彩。 网页色彩谱 网页安全色 色彩的文化 色彩的认知是很主观的，每个人对于色彩都有不同的定义域解释，但多数人对于色彩的认知将形成一种趋势，而所谓的多数人，便涉及到了主要浏览群体的文化认知。这中间就包含了政治、宗教、社会结构、历史等诸多因素。 色彩的象征 色彩的象征也可以说是色彩的联想，一般来说这种象征可以分为自然上的象征、文化上的象征及品牌的象征。 色彩的心理感觉 不同的色彩会给人不同的色彩感觉。而这种感觉也会因为地域、时间、环境等因素而改变。 网页配色的特点 色彩的鲜明性 色彩的独特性 色彩的功能性和习惯性 色彩的有限性 色彩的周期性 前端代码设计 基础知识：什么是 W3C W3C（World Wide Web Consortium，/）创建于1994年，研究Web规范和指导方针，致力于推动Web发展，保证各种Web技术能很好地协同工作。大约500名会员组织加入这个团体，它的主任Tim Berners-Lee（/People/Berners-Lee/）在1989年发明了Web。W3C推行的主要规范有HTML，CSS，XML，XHTML和DOM（Document Object Model）。 多年以来，W3C把那些没有被部分会员公司（如Netscape和Microsoft）严格执行的规范定义为“推荐”（Recommendations）。自1998年开始，“Web标准组织”（）将W3C的“推荐”重新定义为“Web 标准 ”，这是一种商业手法，目的是让制造商重视并重新定位规范，在新的浏览器和网络设备中完全地支持那些规范。 其他的标准组织包括European Computer Manufacturers Association（ECMA）将ECMAScript 定义为“标准JavaScript”。 WEB 标准 Web Standards) 的历史 在上个世纪90年代后期，当互联网和web逐渐成为主流时，Web浏览器(包括当时的Netscape 4及以下版本，IE 4及以下版本。行话叫Version 4浏览器)的开发商还没有完全的支持CSS（层叠式样式表，对于Web开发人员来说，他们可以用CSS来控制Html文档的表现）。考虑到CSS1是在1996年制定的，而CSS2是在1998年才制定的，所以这种对CSS支持的不足也是可以理解的。 由于浏览器对CSS的支持不够，再加上一些平面设计师的要求（这些要求与他们经常与印刷品打交道有关）导致他们为了控制网页的视觉表现而滥用HTML。一个典型的例子就是，当设计师可以用border=0 来隐藏表格的边框时，用隐藏表格来控制布局的方法同样被使用。另一个例子是对“transparent”（透明）的使用，同样是不可见，他们却使用空白的GIF图片来控制布局。 WEB 标准 Web Standards) 的历史 由于HTML从来就没被用来控制一个文档的表现，导致大量混乱代码、非法代码、浏览器的专用代码和属性就被随意的使用了。“校验”这个词也很少被人问津。对于这些代码来说，标签大杂烩（tag soup）是一个很形象的名字。 什么是 WEB 标准 Web标准，近年来在国外已经得到了很大的重视。尤其是美国颁布了501号法案以后，皆要求站点必须为残障人士提供与普通人士相当的可访问性支持。要知道，传统的布局方法是很难达到这样的要求的。 美国的多数技术性站点都开始向Web标准转型。许多大型站点也已经使用新方法重构。例如就在最近(2005年1月)，微软公司的msn站点使用XHTML Strict+CSS完全重写。 网站标准不是某一个标准，而是一系列标准的集合 。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。我们来简单了解一下这些标准： 在WEB标准中构成网页的三个主要部分