网站建设的标准有哪些

网页设计的美观度

网站的美观度都是其中主要的原则，所谓的美观也没有一个标准，只要能符合大众的审美，符合行业的特色，让用户看了赏析悦目的网站就是美观的网站。但是网页设计的基本取向都是简约大方。

精简的代码和流畅的程序

网站的代码建设要规范，方便后期的查找与修改。把那些冗长、多余的代码去掉，精简代码。程序建设报保证网站加载熟读顺畅，网站没有错误漏洞。

建设一个能协助企业实现经营目标的网站

所谓的营销型网站就是满足企业的营销目的，面向客户，销售的企业的产品或服务。所以定位企业的市场再国内还是国际市场的营销功能非常重要。

要有良好的搜索引擎

搜索引擎的推广是网络营销的重要部分，在建设网站的时候就要考虑什么样的网站才会适合做推广，符合搜索引擎的规则喜好。尤其网站优化推广要求网站必须要有对应的标题、关键词、描述设置功能。每一这一功能设置，网站是很难做优化的。沃然建站平台为了让网站在搜索引擎中有良好的表现，在建设网站时候就要充分考虑到网站框架、栏目和详情页等页面的设计。

网页设计中页面尺寸标准

对于固定宽度的网站布局，设计师常用的分辨率有：760px、780px、920px、950px等，如今大尺寸、宽屏幕的显示器越来越多，越来越普及，有些设计师也开始采用1000px、1003px这样的分辨率。

页面最大化、满屏化的网站看着的确是舒服，但过高的分辨率在设计师显示器上合适，并不代表在浏览者的显示器上也合适。现在用的最多的分辨率还是1024×768，在这种分辨率下，含滚动条的页面最大宽度应不超过994px，所以一般页面宽度定位在990px以内比较适宜。

这一讲主要来说说网页设计的标准尺寸

一、在800×600分辨率下，页面宽度应在778px以内，这样不会出现横向滚动条，高度可以依据版面和内容而定。

二、在1024×768分辨率下，页面宽度应在1003px以内，如果仅一屏显示的页面，高度在612px～615px之间，这样横向和纵向滚动条都不会出现。

三、在photoshop中做800×600分辨率下仅一屏的网页时，尺寸可以设为740×560左右。

页面标准按800×600分辨率制作，尺寸为778px×434px

页面长度一般不要超过三屏，宽度不宜出现横向滚动条为宜

每个标准页面为A4幅面大小，即8.5×11英寸

全尺寸banner为468px×60px，半尺寸banner为234px×60px，小banner为88px×31px

小图标的标准尺寸还有120px×90px、120px×60px等

每个非首页静态页面含图片字节不超过60K，全尺寸banner不宜超过14k

标准网页广告尺寸规格

1、120×120，这种广告规格适用于产品或新闻照片展示。

2、120×60，这种广告规格主要用于做LOGO使用。

3、120×90，主要应用于产品演示或大型LOGO。

4、125×125，这种规格适于表现照片效果的图像广告。

5、234×60，这种规格适用于框架或左右形式主页的广告链接。

6、392×72，主要用于有较多图片展示的广告条，用于页眉或页脚。

7、468×60，应用最为广泛的广告条尺寸，用于页眉或页脚。

8、88×31，主要用于网页链接，或网站小型LOGO。

广告形式 像素大小 最大尺寸 备注

BUTTON 120×60(必须用gif) 7K

215×50(必须用gif) 7K

通栏 760×100 25K 静态图片或减少运动效果

430×50 15K

超级通栏 760×100 to 760×200 共40K 静态图片或减少运动效果

巨幅广告 336×280 35K

585×120

竖边广告 130×300 25K

全屏广告 800×600 40K 必须为静态图片，FLASH格式

图文混排 各频道不同 15K

弹出窗口 400×300(尽量用gif) 40K

BANNER 468×60(尽量用gif) 18K

悬停按钮 80×80(必须用gif) 7K

流媒体 300×200

（可做不规则形状但尺寸不能超过300×200） 30K 播放时间小于5秒60帧(1秒/12帧)

网页中的广告尺寸

1.首页右上，尺寸120×60

2.首页顶部通栏，尺寸468×60

3.首页顶部通栏，尺寸760×60

4.首页中部通栏，尺寸580×60

5.内页顶部通栏，尺寸468×60

6.内页顶部通栏，尺寸760×60

7.内页左上，尺寸150×60或300×300

8.下载地址页面，尺寸560×60或468×60

9.内页底部通栏，尺寸760×60

10.左漂浮，尺寸80×80或100×100

11.右漂浮，尺寸80×80或100×100

以上几种说法可能有点小的出入，大家可以探讨一下。

拓展阅读：网页设计防止页面被撑开的方法

一、直接在网页里设置图片大小，比如代码：img src="/uploads/allimg/200907/20090701160532188.jpg" width="600" height="500" border="0"，这样虽然可以限制了图片大小，但是需要在上传图片之前手动修改图片大小，否则上传的图片就会变形。

二、使用如下代码：img src="/uploads/allimg/200907/20090701160532188.jpg" onload="javascript:if(this.width600}{this.resized=true;this.style.width=600;}"

这种方法会在调用图片的时候，自动按比例缩小到指定的宽度，不会引起图片的变形，并且也不会撑破表格，但是缺点是，如果图片太大，在图片下载过程中，也就是图片显示过程中，会先以图片原大小显示，这时就会撑破表格，页面很难看，二当图片完全显示后，图片又会自动缩小。

三、我们可以针对表格的'属性来限制大小防止被撑开，比如在table width="600" border="0" cellpadding="0" cellspacing="0"里添加代码“”，其中“table-layout:fixed; ”是为了将表格布局固定住，就可以有效地防止表格被撑开，“word-wrap:break-word; ”是控制换行的，也就是强制执行换行，这个在文本内容较多的情况下需要使用到，特别是重复的内容出现，不执行换行的话，表格就被撑开了；而“word-break: break-all; ”可以解决IE的框架被英文（非亚洲语言文本行）撑开的问题，但是不会强制换行，只显示表格宽度里的内容。一般情况下只要用到“”就可以。当然，上面调用的语句可以定义在css里，比如

table {

table-layout: fixed;

word-wrap:break-word;

}

四、用css控制图片自适应大小，代码如：

img {

max-width: 600px;

width:expression(this.width 600 ? "600px" : this.width);

overflow:hidden;

}

其中 max-width:600px; 在IE7、FireFox等其他非IE浏览器下最大宽度为600px，但在IE6中无效；width:600px; 在所有浏览器中图片的大小为600px，当图片大小大于600px，自动缩小为600px，在IE6中有效；而 overflow:hidden; 指将超出设置大小的部分隐藏，避免控制图片大小失败而引起的表格撑开变形。

五、最后总结一下最实用的代码：

如果是表格，请用：

table {

table-layout: fixed;

word-break: break-all;

}

如果是div层，请用：

div {

table-layout: fixed;

word-wrap: break-word;

width: 加上宽度;

overflow: hidden; (让多出来的不显示。)

}

网页设计的标准与规范

基本内容

网络上的变革每天都在发生，当我们觉得网站设计技术已经非常简单和熟悉的时候。国外网站设计标准化的概念早已悄悄的形成和迅速“蔓延”，自2000年起，大部分新发行的浏览器版本都开始支持网站标准。主流的网页编辑工具也开始全面支持网站标准，甚至一些软件几乎完全由XML文件组成，例如Dreamweaver MX。一些著名的大型商业网站开始采用网站标准来重新构建另外一些则拒绝非标准浏览器浏览它们的网站众多的设计网站和个人网站更是标准推广的先行者，纷纷转向采用XHTML+CSS来建立。2004年2月4日XML1.1推荐标准正式发布，标志着网站设计的标准时代已经到来。

一.为什么要建立网站标准

我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的“浏览器大战”，为了兼容Netscape和IE，网站不得不为这两种浏览器写不同的代码。同样的，每当新的网络技术和交互设备的出现，我们也需要制作一个新版本来支持这种新技术或新设备，例如支持手机上网的WAP技术。类似的问题举不胜举：网站代码臃肿、繁杂浪费了我们大量的带宽;针对某种浏览器的DHTML特效，屏蔽了部分潜在的客户;不易用的代码，残障人士无法浏览网站等等。这是一种恶性循环，是一种巨大的浪费。

如何解决这些问题呢?有识之士早已开始思考，需要建立一种普遍认同的标准来结束这种无序和混乱。商业公司(Netscape、Microsoft等)也终于认识到统一标准的好处，因此在W3C(W3C.org)的组织下，网站标准开始被建立(1998年2月10日发布XML1.0为标志)，并在网站标准组织(webstandards.org)的督促下推广执行。

简单说，网站标准的目的就是：

提供最多利益给最多的网站用户

确保任何网站文挡都能够长期有效

简化代码、降低建设成本

让网站更容易使用，能适应更多不同用户和更多网路设备

当浏览器版本更新，或者出现新的网络交互设备时，确保所有应用能够继续正确执行。

对于网站设计和开发人员来说，遵循网站标准就是使用标准;对于你的网站用户来说，网站标准就是最佳体验。

访问量排名世界第4，中国第1的新浪网站，也遭遇非标准DHTML的问题。在最新发布的Netscape7和Mozila1.6浏览器中，新浪首页的漂浮广告全部失效，层叠挤在页面左下角。也许那些广告主认为损失这些潜在的用户无所谓。(截图日期2004年4月12日)

二.什么是网站标准

网站标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。我们来简单了解一下这些标准：

1.结构标准语言

(1)XML

XML是The Extensible Markup Language(可扩展标识语言)的简写。目前推荐遵循的是W3C于2000年10月6日发布的XML1.0，和HTML一样，XML同样来源于SGML，但XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML的.不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。关于XML的好处和技术规范细节这里就不多说了，网上有很多资料，也有很多书籍可以参考。

(2)XHTML

XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0。XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的站点，直接采用XML还为时过早。因此，我们在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。简单的说，建立XHTML的目的就是实现HTML向XML的过渡。

2. 表现标准语言

CSS是Cascading Style Sheets层叠样式表的缩写。目前推荐遵循的是W3C于1998年5月12日推荐CSS2。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。

3.行为标准

(1)DOM

DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范，DOM是一种与浏览器，平台，语言的接口，使得你可以访问页面其他的标准组件。简单理解，DOM解决了Netscaped的javascript和Microsoft的Jscript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们。

网站建设的标准是什么？

很多人做网站都是凭自己的爱好来做的，很多细节都没注意到，导致用户体验度不高。那么老yu哥认为，网站建设的标准至少有四点：

1、网站设计要整洁、实用、方便浏览。

2、网站打开的适度要快，很多用户因为打开速度慢就会走掉。

3、网站要能兼容所有浏览器和不同屏幕的分辨率，因为用户的浏览习惯不一样，浏览器的选择多样。

4、网站的内容要丰富，文章内容要通俗易懂，能直接解决用户痛点。

如何制作一个网站?

很简单啊，你想建一个什么网站啊，我可以教你啊

做一个网站，需要注册域名、空间、制作网页。

不管制作什么样的网站，有二个必须的工作，一是注册域名，二是租用虚拟主机空间（当然有实力的话可以购买服务器），你可自己到

到这个网站去注册域名、租用空间。费用：域名一般60-100元/年，空间100M价格在一、二百元左右/年。

首先是注册域名。域名注册.com（国际域名）和.cn（国内域名）为宜，域名最好不要太长、且有一定的意义、容易记,现在好的域名已经不多了，你可灵活的使用数字、英文单词、拼音等的组合，在域名的前、后加上i、e、51、ok、hao、88、163等，可以灵活的组合出许多好的域名。

想好一个域名后，到底可不可以注册呢？你可到

去查一下，如果不能注册，说明已经被人捷足先登了，如果可以注册，那就恭喜你，好的域名可能有很多眼睛虎视耽耽，一定要先下手为强哟。

接下来是制作网站，如果完全自己做一个网站，通常要花很多时间和精力，且需要有一定的网页制作技术!企业的话如果自己有条件的话,可以让自己的员工制作.现在多数都是请外面的制作网页的公司制作,现在制作网页的公司有很多,价格都是比较低,一般都是2000-10000左右就可以完成了,当然还得根据网站的内容来定了。这里，我也可以介绍一个免费的办法给你,你可以选择耐思尼克

的建站宝盒来建。你只要去他们公司申请一个虚拟主机加域名套餐，就可以免费获得一大功能强大的建站系统了。

建站宝盒NiceBox是耐思尼克凭借多年企业上网和网站建设的服务经验，基于对数万中小企业用户建站需求的深入分析，倾力打造的一款自助建站系统。由上千套精美网站模板，上百种网站功能，购物系统，在线支付系统、权限系统、产品发布系统、新闻系统、会员系统、短信系统、投票系统、广告系统、招聘系统、高级统计系统、流量统计系统、在线投票、留言板、网站推广、天气预报、网站地图、msn

、旺旺、QQ系统等功能，运用功能强大的管理平台，轻点鼠标就能立即制作精美的网站。帮助企业一步跨越了从注册域名、租用主机、网站开发到最终发布网站的复杂过程，实现了网站即买即开通。

建站宝盒是企业建站最坚实后盾，傻瓜式建站方式不需要额外的技术和成本投入，大大节省企业拥有网站的成本和企业建站时间。新升级建站宝盒凭借其独特的功能引领新一代自助建站系统潮流。赢得众多用户的青睐和业界的好评,被业界誉为“网站建设革命”的“蒸汽机”。