网页制作的页面标准/尺寸大小规范【PC/手机/响应式网站设计】

NEWS

专业建站公司【三行网络】
6944
发布时间: 2012.10.25

网页制作的页面标准/尺寸大小规范

网站设计时，有一个最常用的指导性原则：页面长度原则上——不超过3屏，宽度不超过1屏。这个原则明显是从用户的体验出发的，特别是宽度不超过一屏，其最基本的表现是浏览器不出现横向滚动条，这几乎是目前的设计准则。网页的页面的高度，是可以向下延展的,所以一般对高度不限制。

对于一屏来说,一般没有一个固定值，因为每个人的浏览器的工具栏不同，所以高度没有确切值。
网页的页面的宽度:

1、在IE6.0下，宽度为显示器分辨率减21，比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。

2、在Firefox下，宽度的分率辨减19。比如1024的宽度-19就变成1005。

3、在Opear下，宽度的分率辨减23。比如1024的宽度-23就变成1001。所以如果是1024的分辨率，你的网页不如设成1000安全一点。如设成900两侧空白更大,视觉上更舒服一点.也方便做一些浮动层的设计！

（1）页面标准按800×600分辨率制作，尺寸宽为760-780PX；
  （2）页面标准按1024×768以及以上分辨率制作，尺寸宽为980-1004PX；
  （3）注意考虑800×600分辨率制作的网页，要设定外层布局表格居中，以确保在1024*768情况下居中，页面长度原则上不超过3屏。
  （4）全尺寸BANNER为468*60PX，小BANNER为88*31PX，另外120*90，120*60也是小图标的标准尺寸。
  （5）最外层布局表格使用像素来定义，内部排版嵌套表格使用百分比来定义
网页HEAD区代码规范
        网页的HEAD区是指首页HTML代码的<head>和</head>之间的内容。其中要包含必要的标题，网页显示字符集，关键字，与描述信息，作者，CSS链接代码，收藏夹图标等，该区域内容对于搜索引擎优化和排名有着非常关键的作用，应该在设计网页模板的时候考虑加入，具体内容应根据各个页面的内容来提取。
      通常必须写入以下信息：
<TITLE>这个栏目的标题----公司网站名称</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<META NAME="KEYWORDS" CONTENT="网页关键字" />
<META NAME="DESCRIPTION" CONTENT="网页描述信息" /> />
<LINK REL="ICON" HREF="/FAVICON.ICO" TYPE="IMAGE/X-ICON" />
<LINK REL="SHORTCUT ICON" HREF="/FAVICON.ICO" TYPE="IMAGE/X-ICON" />
<LINK HREF="STYLE/该页所采用的样式表名称.CSS" REL="STYLESHEET" TYPE="TEXT/CSS" />
注意：TITLE、KEYWORDS 和DESCRIPTION 请根据题目文档中的各个文件对应的内容添加，在新建立HTML文件的时候加入，ICO图标用工具软件把LOGO转换成ICO格式，然后放到根目录。