分辨率

来源：互联网发布：nfs端口编辑：程序博客网时间：2024/04/27 06:01

方案一、网页居中
　　
　　国内网站大多数都是使用800×600的标准分辨率。这样的好处非常多，一是浏览者习惯，二是为今后减少了很多工作量。800×600分辨率的网页，还有利于内容的集中安排。
　　如果切换到1024×768或更大的分辨率之后，网页可能就是左对齐了。当然，左对齐也是很正常的，以前的CCTV网站就是左对齐，左对齐并不会影响美观。
　　如果网页的左边距设为零，800×600分辨率下最多可显示780像素的宽度。如果你想让网页像现在的门户网站一样居中，请按如下步骤进行：
　　方法1：在FrontPage或Dreamweaver下设置最外层的表格对齐方式为“居中”就可以了，但是这样做很麻烦，你必须准确找到外层表格，然后在最外层表格所含的单元格里按鼠标右键→表格属性。
　　方法2：先切换到HTML模式下，查找left，如果能找到align="left"，应该先全部删除align="left"这句。如果没有找到left，那一切都好办了。只要在＜body>后面加一句。
　　并且表格宽度不要用百分比，要用像素单位。
　　
　　
　　
　　
　　＜body topmargin=0 leftmargin=0＞
　　
(这是最关键的一句)
　　

//////////////////////////////////////////////////
<script language="JavaScript" type="text/javascript">

</script>

再在BODY部分加上
<body onload="redirect()">
　　

　　＜/body＞
　　
　　
　　方案二、满屏显示设计
　　
　　制作满屏显示可适应任何分辨率的网页，需要比较深厚的网页制作经验，并不是单单把表格的宽度设为100%。除了把表格的宽度设为100%，表格当中套入的表格、以及其它单元格的宽度，要根据实际情况灵活设置宽度，有时候必须使用像素单位，有时候必须使用百分比单位。
　　满屏显示有很多种制作方案，首先一定要在纸上将表格的结构画出来。由于满屏显示的网页表格结构的极其复杂性，这里只能简单地做个介绍。当然，只要你肯动脑筋，满屏显示并不是什么难事，只是会遇到非常多的麻烦：
　　步骤1、无论使用FrontPage，还是Dreamweaver软件，首先必须将网页左边距、顶边距、表格的cellspacing、cellpadding这四项设为零。
　　步骤2、无论上下建立了多少个大表格，它的最外层table元素的宽度必须是100%。并根据实际情况，适当地给飧鲎畛さ谋砀裉钌媳尘把丈蛘呋鱿咛酰蕴逑滞车某ざ取?
　　步骤3、这时候立刻就可以看出，网页已经可以在任何分辨率下占满全屏。如果你浏览过很多国外网站，你会发现只是那些线条占满了全屏，其它部分仍是像居中时候的样子，其实这也是一种很好的设计方案。其方法就是在这个表格的后面立刻加一句
，在
后面再套入一个表格。
　　步骤4、如果想达到全部满屏的效果，接着步骤2，最外层table元素的宽度必须是100%。第一层的table内的元素的宽度必须是百分比单位，然后在它套入的第二层表格的宽度可以是100%，也可以是像素。我建议这时候用像素单位比较好，它最大的好处是切换到800×600、1024×768不会变形，而且在640×480分辨率下可以出现横向滚动条，决定了该网页的最低分辨率是800×600。
　　步骤5、适当将表格中的某些文字或图片设为右对齐，方法是
，这是非常重要的一个步骤。
　　最后，请切换到800×600、1024×768等分辨率下分别检查。
　　
　　方案三、用脚本判断分辨率，跳转到为不同分辨率的网页
　　解决分辨率问题在Dreamweaver中没有此项功能，我们只能手动加入一段javascript代码。首先在change－ie.html或change－nc.html页面代码中的和< /head>中加入以下代码：
　　< script language=javascript>
　　　　 < !－－
　　　　 function redirectPage(){
　　　　 var url800x600=″index－ie.html″; //定义两个页面，此处假设index－ex.html和1024－ie.html同change－ie.html在同一个目录下
　　　　 var url1024x768=″1024－ie.html″;
　　　　 if ((screen.width==800) ＆＆ (screen.height==600))　//在此处添加screen.width、screen.height的值可以检测更多的分辨率
　　　　 window.location.href= url800x600;
　　　　 else if ((screen.width==1024) ＆＆ (screen.height==768))
　　 window.location.href=url1024x768;
　　　　 else window.location.href=url800x600;
　　　　 }
　　　　 // －－>
　　< /script>
　　然后再在< body…>内加入onLoad=″redirectPage()″
　　最后，同样地，在< body>和< /body>之间加入以下代码来显示网页的工作信息：
　　< script language=javascript>
　　　　 < !－－
　　　　 var w=screen.width
　　　　 var h=screen.height
　　　　 document.write(″系统已检测到您的分辨率为:″);
　　　　 document.write(″< font size=3 color=red>″);
　　　　 document.write(w＋″×″＋h);
　　　　 document.write(″< /font>″);
　　　　 document.write(″正在进入页面转换,请稍候…″);
　　　　 // －－>
　　< /script>
　　这个方案适合一些资讯量小的网站，不然后期维护，需要维护两套系统了，会很烦琐的。
　　
　　方案四、使用CSS&DIV排版网页
　　
　　详见3w标准网站：http://www.w3.org/Style/CSS/
　　
　　方案五、排版方式
　　偏左或偏右的排版，并以1024*788制作网页，在左或右放一些，不重要的信息，如广告，调查，说明等。
　　基本上，偏左的网页多。
　　大多数韩国网站是这样排版的。
　　国人的也有，如：www.1studio.net,等。
　　偏右的比较罕见。