做网站知识

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

新闻资讯 发布时间2012.10.25.浏览数:6598

广州网站设计|广州网页设计

广州网站设计|广州网页设计

网站设计时,有一个最常用的指导性原则:页面长度原则上——不超过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格式,然后放到根目录。

三行网络_广州网站改版公司 ——网页细节精细制作!秉承以高品质网页设计,丰富的网站制作经验和高超创意的建网站水平,根据您的企业的行业类型和产品特点设计出更加商业化,以优秀的视觉效果为您量身打造经典的企业网站形象,为广大商业客户搭起“双赢之桥”。

此文《网页制作的页面标准/尺寸大小规范》由三行网络公司原创,转载请保留原文链接,谢谢!
关键词标签:广州网站设计|广州网页设计    (PC+手机)响应式网站建设

15989229398(微信咨询)

专业做网站 · ¥明码实价!


匠心打造精品,用心成就经典!携手客户共创双赢!
© Copyright 广州三行网络科技有限公司
粤ICP备案号:09210325