网页的设计项目兼容性汇报.docVIP

本文由湖北自考网相关编辑人员整理 网页设计兼容性项目报告 我所做的网页是使用Div+Css来布局自己的网页的，兼容性，还有性能方面都会遇到一些问题。 首先，我要说的是在写css文件过程，最开始要设置的一些东西还不是很清楚，只能参考一些资料或者参考别人写好的css文件然后写到自己的css文件中。换名话说，就是说对css样式里的一些默认值还没有做到都了解，现在只能摸索着和对着参考资料写出css的文件头。 在参考资料中，我理解和了解了a标签和a标签里所带的伪类属性并知道a:visited和a:hover设置的前后顺序一定不能错。还有一个是一定要说的，那就是ie6只兼容a标签里的伪类属性，不兼容其他标签的伪类属性。 其次，再说说对网页整体的布局方面。在整个网页布局定位方面大致上没什么问题，不过还有些小地方，关于父子标签里的定位问题引起了我的重视，刚开始，我始终不能让这两个标签兼容所有的浏览器，后来问了同事才知道可以设置父子的绝对定位和相对定位属性可以使父子两个标签的定位问题解决并且达到兼容。 再然后说下float属性问题，刚开始对于这个浮动属性，我没有重视它，导致我初写网页的时候发现，当我在一个div内的两个子div分别使用float:left;和float::right;的时候，不能兼容，后来我就在网上查询相关资料找到了两种解决办法使之兼容，方法一：使用clear:both;属性清除浮动就可以实现兼容；方法二：使用overflow:hidden;属性也可以使整个效果达到兼容的效果。 还有就是，这次的网页设计项目实践中，我学到了怎么使用列表的相关属性和子标签。不过在网页设计方面我还有很多不足，我现在只能利用纯css样式来控制整个布局，不过，这样一来，设计出来的只能是静态的网页而已，没有起到交互与门户的效果。同时，我在做网页的时候也在查看着很多资料，现在要求网页设计人员能设计出有交互性或者门户型网站。 同时我也知道，要做交互或者门户型的网站必需要用到javascript，可是，恰恰javascript是我目前最欠缺的。还有，网页设计里面，有很多漂亮的效果用纯css不能实现，必需要用到javascript来实现。还有一个也很重要，那就是要了解w3c网页设计的要求。 接下来，我说说我在工作中总结的一些技巧： 1、默认值方面：很多时候我们的一些标签都会有一些默认的值，比如说UL 的margin和padding的默认值就不是0，如果在导航中用到了左浮动的li，往往会把外部的div撑大，导致页面变形。还有Body之类的标签也会有不是0的默认值，所以我们一般都会这样来设置这些标签： body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{ padding:0; margin:0; } 2、img标签方面：这里涉及到的是一个浏览器的兼容问题，ie6是一直让网页设计师最头疼的一个问题，关于图片，这里有一个小小的问题，有时ie6里显示的图片height总是要大于准确值，这里就需要我们记住下面这一点 img{ display：block} 3、float属性方面：有时候一些div会挤到页面的上方，把页面挤破掉，这里可能就是浮动引起的。在没有设置高度的容器里，如果里面的元素是浮动的元素，那么这个容器的高度就不会随着里面的元素的高度增加而增加，这里也是浮动引起的。这时候我们就用到了这个：clear：both，很不错的解决方法。 4、IE6中Height的问题：height等于1px的div，在ie6中可能并不是1px，那怎么解决呢？不妨试一下：在这个div的CSS属性里加上font-size：1px;这样就解决了；还有一种方法就是 在这个Div的Css属性里加上这个 overflow:hidden; 这样也可以。 5、id和class的问题：当一个div要在页面中多次使用时，不要用id，要用class，还有就是要用引用js的时候，样式最好不要用id，因为id要留给js使用，所以最好不用用id，id要留给程序员用，前台我们就用class好了。 6、背景图片优化的问题：页面中最好不要用大块背景，能平铺的要平铺，否则加载起来会很慢，也不利于以后的优化和扩展，当然也有些大的网站，现在都尽量把背景统一放到一张图片上，用background-postion来取得背景，这样其实也好，背景虽然大了点，但只需统一加载一次，就可以了，速度也不会太慢，可以好好学习一下。 7、img的格式问题：好的格式就是gif格式，即确保了背景透明，在ie6中又不会有阴影，有时gif图片会有锯齿，这就需要我们保存成web格式，设置一下matter，matter的值用背景颜色