• English Edition | 站内检索:
  • 网站首页 | 网页技术 | 教程相关 | 软件应用 | 常见问题 | 新手上路 | 网页论坛 | 研究报告
    上网指南 | 网络病毒 | 邮件指南 | 解决方案 | 企业服务 | 服务中心 | 自由泳网 | 想象讲场

  •  网页树树 > 自由勇专栏

    自由勇-王志勇(1980-09-26)
    Webshu编辑。
    1994年开始练习五笔字形;2000年底开始学习和大量实践网页制作;从事网站程序设计。

    自由勇的Blog | 每天启航
    Blog存档

    Gratitude | Matnue | Aucist | Aroat | Aufirm | IXNes | Anydiary | Cersta | Coumit | Tovate | Aroat | Aucist | Matnue | Sinvide | Serble | Auciou | Peaceful Seabed | Sail every day | Sail every day

    访问统计:
    5454

        分辨率专题(2):满屏显示设计方案 作者:自由勇

    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.cn/column/102/101.html

  • 关于我们 :: 使用帮助 :: 版权信息 :: 网站地图 :: 信息反馈
    Copyright © 2003-2025 webshu.com 版权所有