常用网页服务器的设计与分析_第1页
常用网页服务器的设计与分析_第2页
常用网页服务器的设计与分析_第3页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

常用网页服务器的设计与分析

在web设计过程中,设计师可以按照一定的规则在网站上添加行文件、嵌入风格、链接风格和其他js风格表,从而准确控制布局、字段、颜色、背景和其他文图的效果。但在实际的工作过程中,因浏览器开发商在开发过程中对样式表解释含义不同或没有相关的语法定义,而导致CSS样式表的表现形式上也有区别,并且没有完全按照样式表的国际通用标准W3C来开发,所以导致浏览器兼容性问题——同一个页面在不同的浏览器中呈现不同的表现形式。1浏览器和网络的总结1.2ie日功能采用网页浏览器的作用是在操作系统平台中负责解释、显示网页所包含HTML代码的文件,并让用户与这些文件互动的一种客户端应用程序。常见的网页浏览器包括Microsoft的InternetExplorer、Mozilla的Firefox、Opera和Safari等。1.2.1IE浏览器(InternetExplorer)是Microsoft公司开发拥有大部分用户的浏览器,其捆绑在windows操作系统中的免费销售方式(无需单独安装)及其操作的简便方式,是其赢得大部分计算机用户的主要原因。但是IE浏览器最大的缺点是该软件安全缺陷较多,而且未安装功能插件时功能薄弱,可以说它在功能方面弱于所有其它浏览器。目前IE浏览器使用较多的版本为InternetExplorer6.0和7.0。1.2.2MozillaFirefox(火狐)浏览器是由Mozilla公司开发的具有跨多个操作系统平台(Windows、Linux和MacOS等),并且开放源代码的浏览器,另外由于它软件体积小,浏览网页速度快,本身安全性较高,使得Firefox浏览器以接近15%的市场份额迅速普及开来。目前Firefox浏览器最高版本为MozillaFirefox2.0.0.6。以上介绍的两种浏览器为常用的浏览器,在网页开发设计的过程中也主要以IE和Firefox为目标浏览器。由于浏览器的开发商是针对特定用户,基于某种技术的形式来设计开发的,它必然存在一些问题。随着网络的普及和快速发展,现在的浏览器都朝着分页浏览、自定义皮肤、增强相关的功能插件等这些浏览功能与应用功能紧密的结合在一起的方向发展,当然竞争也很激烈。目前由W3C发布了css3.0,浏览器方面有IE7.0和IE8.0以及firfox3.0。2释式和公平出现兼容性问题的根本原因是不同厂商的游览器对CSS语义的解释存在差异,即使是同一厂商的浏览器,不同的版本也出现不同的解释方式,如IE6和IE7。另一个原因是CSS和浏览器的版本都处在一个不断更新升级的状态中,双方的动态变化,造成了兼容性问题。目前大多数用户所使用的浏览器是IE和firefox。Microsoft的IE和OperaSoftwareASA公司的Opera对CSS的解释比较相似,而网景的Netscape和Mozilla公司的FireFox又有另外的一套解释。3解决包容问题的方法3.1网络地位的定位不准确,例如:以列表方式展示的数据项UL和OL的默认padding值是不一样的,在Firefox中,paddingleft:0;默认值为0px,而IE中大约为40px;如定义一个新闻列表样式,一般的写法是:其默认的padding值由于浏览器的不同显示也不同,相差大约40像素左右,这就使得定位不准确,通常解决这个问题的方法是:通过规范CSS定义的代码,明确的告知浏览器,项目在CSS定义中的准确位置,即在ul中定义其margin和padding的值;将其写成:}这样就可以解决项目列表在显示时定位不准确的问题。3.2元素显示效果例如:相同宽度和高度的层在有边框的情况下,其显示方式有区别,在IE中显示为CSS定义的宽度和高度,在Firefox中显示为CSS中定义的宽度和高度加上边框的大小。比如定义一个名称为layout的层其宽为100px,边框的宽度为2px,边距为10px:其定义方法如下:在firefox下这个元素是显示宽度为100px+10px+10px=120px,因为Firefox将边框解释在元素的外面,而在IE下宽度是100px。其显示效果如图1(上面为Firefox浏览器,下面为IE浏览器)。针对Firefox浏览器,可以用!important语句来优先使用css语句,这种情况下我们在Firefox下将层的宽度设置成为80像素,因为左右边距还有4个像素的宽度,则还应减去4个像素的宽度,实际宽度为76像素。在CSS设计中采取利用!important语法来定义不同的浏览器中不同的元素定义方法,因为IE不支持!important语法。将其写成:这样Firefox将第一个宽度76px设置为当前元素的宽度,加上左右或上下边框的2px,其效果将和IE中的保持一致,如图2(上面为Firefox浏览器,下面为IE浏览器)。表1为“*”语句与“!important”语句在两种浏览器中的支持情况。3.3理想的显示效果既然用户有选择浏览器的权利,那么网页设计者则可以考虑使用多个CSS定义以满足不同浏览器中显示的效果,用户使用不同的浏览器查看网页时,只需根据设计者提供的样式表文件来达到理想的显示效果,但这对设计者来说却不是件轻松的事情。可在网页文件的HTML代码中<head></head>之间加上判断语句;4提高网页设计的技术通过以上三种方法的实验,可以基本解决CSS在不同浏览器中的兼容性问题,因此对于网页设计者来说,如果能够掌握新的技术,及时把握网页设计的发展动向,多从实践中注意总结经验,就可以成为一个合格的网页设计者。1.1层压板phCSS(CascadingStyleSheets)是W3C(WorldWideWebConsortium)于1996年12月制定

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论