日新新闻页总结

  到目前为止,日新新闻网(news.ecjtu.net)以及其子页面已经陆续上线了,这也是我个人第一个上线的作品,虽然我也只是写的网页的静态部分,而且就静态部分也有很多写的不标准的地方,但还是小小的有点成就感的。

  从立项到设计再到代码、后期完善。新闻部、技术部有很多人参与到了这个项目中来,在大家的合作下,新页面也得以如期上线。

  就个人代码过程中的感受来讲,主要的一个是兼容性的问题,因为要求了必须要兼容到ie6,而自己写的时候一直是在FF下写的,所以在兼容上的处理还是花了一些时间的,还有一个就是ie6png格式图片的透明效果的处理,在网上借鉴了许多方法,然后添加到自己的代码中,再到ietester下进行测试,但都没达到预期效果。事后在学长的提示下,才知道可能是下的ietester有问题,于是用虚拟机装了个IE6进行测试,已解决该问题。

  另一个,在寒山大大的指点下,知道了把透明图片保存为gif格式且有效处理锯齿的方法,个人觉得这方法在这个项目中还是比较好用的。

  还有就是在检查兼容性的时候,发现列表每行前面的点点在ie6下根本没有显示,在chrome下会发生错位。也是在学长的提示下,将原来css属性中的“list-style-image”改成了“backgroundposition;”有效的解决了这个问题,由于这个问题是最后来解决的,而整个页面又是列表居多,所以一开始说要改的时候生怕要大范围修改(对自己写的代码比较没信心哈),但后来改的时候却发现根本不用改什么内容,可能就是学长说的代码写的还算规范吧,所以修改起来并不是很费力。

  额,刚刚单独给list-style-image测试了下,发现又没有问题了,可能要加上盒子模型才能看出来吧,在W3school上看到

  “定义和用法

  list-style-image 属性使用图像来替换列表项的标记。

  说明

  这个属性指定作为一个有序或无序列表项标志的图像。图像相对于列表项内容的放置位置通常使用 list-style-position 属性控制。

  注释:请始终规定一个 "list-style-type" 属性以防图像不可用。

  ”

  当然,在网上看的话,更多的人还是认为不要用这个属性来判断。而对于这个问题,稍后会进行跟深入的测试。

  最后,希望各位博客园的大大能够点进链接去,看看这代码有哪些写的不够好或是问题比较大的地方,希望得到各位前辈们的指点。

posted @ 2012-11-11 14:12  Demon、  阅读(153)  评论(0)    收藏  举报