网站开发 ---页面

来源:互联网 发布:历城二中 李彪 知乎 编辑:程序博客网 时间:2024/05/05 16:35

 也做了几个网站了,  但是页面做的并不让自己满意,   从开始的table到现在的 div+css样式 布局页面

 

 开始用tale 嵌套的形式布局页面 ,好处是页面不会出现乱的情况,  不同浏览器的兼容性也好些。  但是代码量要大的多,看上去就会觉得很乱 。 在用dreamw。布局页面会产生很多无用的代码, 个人觉得还是自己写比较好。 那样可以大大减少页面的大小。便于页面优化。

 

 说到页面就必须涉及到js 和css 样式 , 个人觉得一个页面如果不用js 和css肯定不是个好的页面,但是真正把js和css样式用好却不是那么容易, 首先面临的就是兼容问题 。由于兼容性的问题,在开发的时候就必须测试不同的浏览器,这是个很痛苦的事,如ie7是好好的 ,但是在ff里面就是不行 ,该样式改来改去,改好了还好说,改不好就会比较烦,影响自己的心情,同时影响开发效率。js 也是一样。

 最近写css样式 发现了ie7 和ff的一些区别,

 1。ff 不容易居中, margin-left:auto; margin-right:auto ; 这样就好了, 另外还要清除边缘clear:both 这样有时候会出现div上面有个空隙, 要在它的上面的div也要加清除

 2. 高度自动 ,height:auto , f f 还要加overflow:hidden

 3. ie里面 图片的下边缘容易出现空隙  display:block ; 就可以了

4 . div布局的时候最后都定义高度  那样就不容易乱。

 

css技巧:

 一个元素用几个css 来控制, 这样可以见效css文件大小 , 如把 text-align :left 写成一个样式 c1,background写一个样式c2 ,这样如果一个地方需要背景 ,就引用 c2 ,有个地方需要左对起,就引用c1 ,如果既要背景也要左对起,就用这个样式,这样就可以省去一些代码。 还比如一些下边距  边框 等等 ,把用的多的独立出来。就想方法一样,减少代码的重复。

 

最近看了些优化页面的做法,觉得还是很不错, 以后慢慢去体验,提高自己的编码方式。

 

 

js 带命名空间:

  这也在看了qq空间的js文件后发现才开始这样用 ,觉得这样很好,特别是当自己把自己的js文件丰富后,那样再去使用就方便多了 ,就像写asp.net后台代一样,直接通过命名空间去访问 ,方法是方法 ,事件是事件。 把js方法按不同的用户分在不同的文件,这样也便于维护,修改。

 

 现在想写 ,但好象有些东西还没形成系统,总结不出来, 只有继续做了,等想写了再加 ``