整站静态页面制作的心得

来源:互联网 发布:pc预测软件 编辑:程序博客网 时间:2024/04/30 10:14

        此次所上传的网站静态页面源码,是初次做的一个完完整整的页面。以前的练习都是针对某些样式所做的。直至此次,就单单对于此次静态页面的制作,有以下几点个人的心得。

1、关于PS切图。此次的页面根据一张psd图片,近似百分百还原,但是切图过程中也遇到了些许的麻烦。比如习惯于用Print Screen键截屏。但是在打开PS文件之后,按下这个键所截的图片的大小失真,直接导致页面所需图片的尺寸大小,并不是psd文件所给定的大小。之后所采取的另一个方法:用shift+ctrl+alt+s先把psd文件保存为gif,jpg,png等格式的图片,然后再操作。

2、在页面制作过程中,对于行内元素和块级元素总是不注意。比如给行内元素没有设置display:block,就对其设定高宽等。

3、IE6兼容性问题,因为IE6不支持PNG格式的图片,所以页面中所有的PNG格式图片,在IE6中都出现了各种问题。同时,IE6行高不能针对图片设置,所以不能通过line-height来实现图片居中。等等。

(具体源码请看我上传的文件)

0 0