澳门游戏平台注册网站 > 网站首页 >

网站建设技术10网站首页测试

  网站建设技术10.网站首页测试_互联网_IT/计算机_专业资料。项目1 实战建站 任务1 制作网站首页 10.网站首页测试 (一)、在firefox和IETESTER中打开首页观察效果。 (二)、在DW中打开首页以方便根据情况修改代码以达到满意的效果。 1、调

  项目1 实战建站 任务1 制作网站首页 10.网站首页测试 (一)、在firefox和IETESTER中打开首页观察效果。 (二)、在DW中打开首页以方便根据情况修改代码以达到满意的效果。 1、调整并解决首页在IE6中文字错行的问题; 2、解决首页在IE7及firefox行距正常,但是在IE6中行距太小的问题; 3、解决首页个别图片在IE7及firefox显示正常,但是在IE6中错行的问题。 (三)、网站测试注意事项及方法介绍 (1) 先在CSS文件头部定义类.clear{clear:both;} 再在没自动增高的div结束符/div前 加div class=”clear”/div可以解决问题。 (2) !important ie7 ie8 ie9 firefox认识,ie6不认;因为ie6在CSS中实行后出现先应用 的原则,所以我们定义2个样式使不同的浏览器采用不同的参数, !important在上面, 如 margin:5px !important; margin:10px; (3) 当ul和li都有margin时统一设置ul的margin。 (4) Ie7中行级标签如h、p有float属性时把文字移到span后面,可以解决错行问题。 (5) UL放入DIV中以便统一调节边距 DIV中可以有P标签,反之不行。 思考练习题 1.测试网站首页时如何解决不同浏览器的错行问题? 2.测试网站首页时如何解决不同浏览器的行距问题? 3.简述网页测试使用的工具及注意事项。 课后拓展 1.在自己的电脑上用IETESTER、FIREFOX测试并调整 网站首页使之能够在不同主流浏览器正常显示浏览。 2.以4人一个项目组为单位,分工协作的用DIV+CSS制 作完成土特产网站的其他5个网页。

上一篇:网易家居 下一篇:没有了