2004年02月11日 18:26 点击:超过8000次
如果您是位网页制作的初学者,最好不要考虑制作这种网页,因为这当中可能会遇到非常多的问题、以及非常烦琐的操作。建议将网页做成居中,或偏左的形式,在800×600分辨率下可正常浏览的网页,像国内大多数网站一样,详细请见我写的这篇:http://www.webshu.com/column/102/37.html。
制作满屏显示可适应任何分辨率的网页,需要比较深厚的网页制作经验,并不是单单把表格的宽度设为100%。除了把表格的宽度设为100%,表格当中套入的表格、以及其它单元格的宽度,要根据实际情况灵活设置宽度,有时候必须使用像素单位,有时候必须使用百分比单位。
满屏显示有很多种制作方案,首先一定要在纸上将表格的结构画出来。由于满屏显示的网页表格结构的极其复杂性,这里只能简单地做个介绍。当然,只要你肯动脑筋,满屏显示并不是什么难事,只是会遇到非常多的麻烦:
步骤1、无论使用FrontPage,还是Dreamweaver软件,首先必须将网页左边距、顶边距、表格的cellspacing、cellpadding这四项设为零。
步骤2、无论上下建立了多少个大表格,它的最外层table元素的宽度必须是100%。并根据实际情况,适当地给这个最长的表格填上背景颜色或者画出线条,以体现网页的长度。
步骤3、这时候立刻就可以看出,网页已经可以在任何分辨率下占满全屏。如果你浏览过很多国外网站,你会发现只是那些线条占满了全屏,其它部分仍是像居中时候的样子,其实这也是一种很好的设计方案。其方法就是在这个表格的<table>后面立刻加一句<center>,在<center>后面再套入一个表格。
步骤4、如果想达到全部满屏的效果,接着步骤2,最外层table元素的宽度必须是100%。第一层的table内的<td>元素的宽度必须是百分比单位,然后在它套入的第二层表格的宽度可以是100%,也可以是像素。我建议这时候用像素单位比较好,它最大的好处是切换到800×600、1024×768不会变形,而且在640×480分辨率下可以出现横向滚动条,决定了该网页的最低分辨率是800×600。
步骤5、适当将表格中的某些文字或图片设为右对齐,方法是<p align=right>,这是非常重要的一个步骤。
最后,请切换到800×600、1024×768等分辨率下分别检查。
如果为了适应分辨率而全部制作2个网页,使用JavaScript来判断、跳转,经过长期实践之后,你会发现这是在浪费人力,没有实际意义。
网页树树版权声明:
此文为Webshu.com独家撰稿,著作权属作者所有,禁止转载。
此文网址 http://webshu.com/column/102/101.html