网站建设是指使用标识语言（markup language)，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。简单来说，网页设计的目的就是产生网站。

主流代码布局

文字与图片是构成一个网页的两个最基本的元素。你可以简单地理解为：文字，就是网页的内容。图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。

在网页上点击鼠标右键，选择菜单中的“查看源文件”，就可以通过记事本看到网页的实际内容。可以看到，网页实际上只是一个纯文本文件。

它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面，于是就得到你现在所看到的画面。

符合标准

符合标准的是一个术语，经常被用来描述网站和用户代理（通常是Web浏览器）相对符合web标准由万维网联盟（W3C）建议，也可以用来强调不使用专有的方法或功能这些浏览器，以确保互操作性。

这个词也被用来作为代码为“Internet Explorer以外的浏览器'。虽然没有完美的浏览器无缝地坚持当时都在安全标准，已经取得了巨大的进步，由几个主要的网页浏览器（如Mozilla的火狐和Google Chrome）在过去的几年中，这将确保在未来更好的互操作性。

网页格式

静态网页

静态网页多数为单一的超文件标示语言档案。网站建设皆倾向把动态网页静态化，之后提交百度谷歌等搜索引擎最佳化，即网站优化俗称“伪静态”。设计和构建网站步骤，建立一个网站是一个伟大的方式来与世界分享您的想法和思想，全力以赴阅读！

动态网页

动态网页的内容随着用户的输入和互动而有所不同，或者随着用户、时间、数据修正等而改变。动态代码的一个网站,是指它的建筑或它是如何建成的，更具体的是指用于创建一个单一的网页的代码。

动态的Web页面是动态生成的代码，程序或例程拼凑块。动态生成的网页会记得各种比特的信息从数据库中把它们放在一起,在一个预先定义的格式呈现为读者提供了一个一致的页面。在读取cookie识别用户以前的历史,会话变量,服务器端变量等多种方式，包括与用户交互，或通过直接互动(表单元素等)。一个站点可以显示用户的当前状态之间的对话,监控不断变化的情况,或提供一些个性化的要求的个人用户的信息。

网页布局

网页布局大致可分为“国”字型、拐角型、“T”字型、“L”字型、综合框架型、Flash型、变化型，在这里就不做一一论述了。其实在我们做设计的时候并没有过多的去考虑什么形式，最重要的是抓住客户的需求，把握网站的定位做出合理的框架布局。

1、分辨率

网页的整体宽度可分为三种设置形式：百分比、像素、像素+百分比。通常在网站建设中以象素形式最为常用，行业网站也不列外。我们在设计网页的时候必定会考虑到分辨率的问题，常用的是1024*768和800*600的分辨率，网络上很多都是用到778个象素的宽度，在800的分辨率下面往往使整个网页很压抑，有种不透气的感觉，其实这个宽度是指在800*600的分辨率上网页的最宽宽度，不代表最佳视觉，不妨试试760~770的像素，不管在1024还是800的分辨率下都可以达到较佳的视觉效果。

2、合理广告

在一些网站的广告（弹出广告、浮动广告、大广告、banner广告、通栏广告等等……）让人觉得很烦琐，根本就不愿意来看，有时连你这个网站都不上了，这样一来网站受到了严重的影响、广告也没达到广告的目的。这些问题都是我们在设计网站之前需要考虑、需要规划的内容之一。

3、空间的合理利用

很多的网页都具有一个特点，用一个字来形容，那就是“塞”，它将各种各样的信息如文字、图片、动画等不加考虑的塞到页面上，有多少挤多少，不加以规范，导致浏览时会遇到很多的不方便，主要就是页面主次不分，喧宾夺主，要不就是没有重点，没有很好的归类，整体就像个大杂烩。让人难以找到需要的东西。有的则是一片空白失去平衡，也可以用个“散”字来形容。

4、文字编排

在网页设计中，字体的处理与颜色、版式、图形化等其他设计元素的处理一样。

配色

1、用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。

2、用两种色彩。先选定一种色彩，然后选择它的对比色(在Photoshop里按ctrl+shift+I)再进行微小的调整。整个页面色彩丰富但不花哨。

3、用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。也就是在同一色系里面采用不同的颜色使网页增加色彩，而又不花，色调统一。这种配色方法在网站设计种最为常用。

4、灰色在网页设计中又称为“万能色”，其特点是可以和任何颜色搭配，在使用时把握量避免网页变灰。

作用

企业形象展示与提升

互联网作为唯一一种全天候24小时不间断的媒体平台是传统媒体可望不可及的。作为一个企业，在互联网上建立自己的网站，最显而易见的就是可以向世界展示自己的企业风采，让更多人了解自己的企业，使企业能够在公众知名度上有一定的提升。

随着全球化进程的推进，企业越来越多地要和外界发生行业内外的信息沟通，在时机成熟时，这种信息沟通就会成为潜在的交易，因此行业内经常举办一些交易会、展览会。

而在互联网上，信息的沟通非常方便，非常廉价，甚至比起传统方式（如电话，传真）来还要更加丰富。我们再也用不着将大量的产品介绍、产品信息邮寄给远方那些仅仅对此有意向的客户那里，可以将产品陈列在互联网上供人们浏览选择。总而言之，建立了自己的网站就等于找到了自己企业的一个永久的广告发布平台。

网络化的业务、用户管理

在一个有相对规模的企业中，信息流、物流、资金流的管理应该有一个比较规范和科学的流程。而网络的出现，恰恰满足了这种业务管理自动化的需要。在这里，网络在提高效率，比如内部新闻通告，订货管理，客户管理，采购管理，员工管理、好宜居等等许多繁杂的工作都可以在互联网和局域网上很轻松地完成。

许多行业企业的业务可以延伸到更广阔的地域和更大规模的用户群体。在互联网时代，网络在缩短距离，企业无需建立自己的分支机构或派遣业务人员就可将业务拓展到全国乃至全球，大大提高企业内部、生产者和用户联络沟通的效率。因此小公司与大公司争夺，鲤鱼跃龙门的情况也就屡见不鲜。企业原有的业务系统一旦进入互联网的平台将创造更大的价值。

开展电子商务

直接利用互联网开展电子商务，是企业上网的理想目标，目前对于一些大型公司来说这已成为了现实。他们已经尝到了电子商务带来的巨大好处：内部信息数据的瞬间沟通、人员联系的日趋紧密、业务开展效率加快、国际化成分的日益增加、大量门面与分支机构的消减所带来的资金节约等等。

但是电子商务平台搭建的代价和风险又是相当巨大的，非一般中小企业所能承受。那么中小企业就无法开展电子商务了吗？答案当然是否定的，作为专门为中小企业提供电子商务方面服务的软件公司络正在为此做着不懈的努力。我们推出的简约方案，既满足了企业的各方面需要，又使企业在相应费用上投入极小，尽可能使企业的风险降至最小。

网站建设后推广

搜索引擎优化，为近年来较为流行的网络营销方网站推广式，主要目的是增加特定关键字的曝光率以增加网站的能见度，进而增加销售的机会。分为站外SEO和站内SEO两种。

SEO的主要工作是通过了解各类搜索引擎如何抓取互联网页面、如何进行索引以及如何确定其对某一特定关键词的搜索结果排名等技术，来对网页进行相关的优化，使其提高搜索引擎排名，从而提高网站访问量，最终提升网站的销售能力或宣传能力的技术。

建站方式的区别

定制建站

特点：根据你的行业特点与个性需求，来定制网站。

发展历史：这是早期的建站模式，很多大街上发传单建网站的大部分是这种方式，因为这种方式对建站公司而言，门槛低，一个程序员+一个美工，就可以开工了，类似于早期的裁缝店。/n

模板建站

特点：建站公司事先利用成熟技术将各行各业的模板做好，消费者按照自己的行业特点、外观喜好与功能需求选择模板，同时买空间域名，安装后台程序，再配上模板，就是一个网站。

发展历史：如果把定制建站视为手工作坊，那么模板建站就是工业化生产，模板建站是传统建站不能满足市场需求的必然结果，类似于现状大伙买衣服都去服装店买，很少去裁缝店购买一样的道理。

自助建站

特点：自助建站其实是一种特殊的模板建站，就是建站公司提供一个网站的框架，同时提供各行各业的模板，用户直接在平台上注册用户名，然后选择一个模板就可以在线开通，无需用户自己去搭建服务器环境和网站架构。

发展历史：随着大众创业、万众创新创业潮的到来，很多小白用户闯进了网站建设领域，而普通模板建站需要维护服务器/虚拟主机难倒了这些用户，从而很多建站公司在模板建站的基础上改良产生了自助建站。

建站趋势

网络纷繁复杂各种消息都有，囊括了方方面面，比如生活服务、休闲娱乐还有科学教育等等。而网络是个比较年轻的新型媒体，作为还不太成熟的新物种，人们虽然已经习惯了它的存在但还没有完全掌握它的用途。所以，大多数人在上网的时候，都会浏览网页提供给我们的信息。

我们要在自己网站的首页展示当下最红火的新闻内容或者是最惹人关注的热点，吸引住浏览用户的目光，最后点击查看他感兴趣的信息。

在网页设计中，总是有倾向的特定技术来观察，或跟踪的网页设计师加强的趋势。这里有专有和开源和免费的技术专用的支持者。又增加自由和开放源码技术，包括由W3C和WHATWG进行监控和批准，监督和实施增加。

趋势可以发现，不仅在看在时尚领域的使用的技术，如网站和匹配的标志是清晰的喜好确定。著名的艺术字Web2.0至今的重要作用的帮助。

HMTL5趋势以来，虽然HTML5不会取代Flash或Shockwave，但它将会对互联网的很多方面做出改进，使网站具备更丰富的功能，包括跟踪用户位置和在云计算平台中存储更多数据等。在一些简单的功能方面，HTML5将会取代插件，它可为广大用户提供更强大的信息处理能力。此外，HTML5还可能使互联网访问变得更加安全和高效。

浏览器提供商产生出相当多的互联网浏览器的改进思路，正是这些思路逐渐发展为第五代HTML标准的原型。第五代HTML正式规范早在6年前已经开始制订，许多HTML5的用户惊讶地发现，尽管规范制订得很好，但它距离成为标准还有很长的差距。举例来说，苹果的HTML5测试版虽然给用户留下了深刻印象，但只在Safari浏览器上才能很好地运行。

技巧

网站主题规划

主题不可过于分散，网站主题越集中，一般情况下网站所有者在这方面投入的精力会更多，因此所提供信息的质量也会越高。

丰富网站内容

两者相辅相成，有着丰富内容的通常会受访问者的欢迎。但是这里的内容丰富并不是指内容的繁杂，而是指内容的深度。搜索引擎在排名网站时，不仅要看网页的信息相关度，同时也会考虑网站的声望如何，比如外部链接有多少，网页的点击率有多高等等。

因此一个内容充实的网站肯定会排在内容贫乏的网站前面由于不同的搜索引擎在网页支持方面存在差异，因此在网页设计时不要只注意外观漂亮，许多平常设计网页时常用到的元素到了搜索引擎那里会产生问题。

有些搜索引擎（如FAST）是不支持框架结构的，他们的"蜘蛛"程序无法阅读这样的网页。图象区块（Image Maps），除AltaVista、Google明确支持图像区块链接，其他引擎是不支持它的。当"蜘蛛"程序遇到这种结构时，往往会感到茫然不知所措。因此尽量不要设置ImageMap链接。

特效链接

有不少的网站为导航链接加上了特效，如点击某个项目会展开下层链接等。这些效果一般通过Java script实现，视觉上非常新颖，但在"蜘蛛"程序的眼里则没那么诱人，相反它无法解读这种链接。为了让搜索引擎顺利检索到网页，建议还是牺牲掉一些花哨的东西。

FLASH

虽然FLASH制作的网页视觉效果较好，但搜索引擎对此却不太感冒，个案表明这一类的网站很难被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH网页两种选择，这样即增加了网页的观赏性，又照顾到了搜索引擎的情绪。

动态网页（DynamicPages）

任何地址中带“?”号、“&”号（及其他类似符号）的网页都会把“蜘蛛”程序挡在门外。这些网页通常由CGI、PHP、ASP、JSP等程序产生，技术上较先进，但不适合搜索引擎的“蜘蛛”程序。

代码质量

当创建一个网站，它是很好的做法，以符合标准。这通常是通过描述指定元件做什么。不符合标准的网站无法使用或容易出错的，标准可以涉及到正确的页面布局的可读性，以及确保适当地关闭了编码元素。这包括代码中的错误，代码为更好的布局，以及确保你的ID和class的正确识别。

新标准

W3C已经发布了新的标准的HTML（HTML5）和CSS（CSS3），以及新的JavascriptAPI的每一个新的，但个人的标准，但是，而在长期HTML5是只使用到参考的新版本的HTML（标准通用标记语言下的一个应用）和一些的JavaScript的API，它已成为常见的，用它来指整套新标准（HTML5，CSS3和JavaScript）。

质量监控

网站建设的流程无外乎首页设计、内页设计、前后台编码、网站测试和验收确认工作。因此，在每一个‘关键’环节当中建立起监测点，并严格遵照建站项目质量方案书的要求进行，是避免网站建设项目发生错误，以致无可挽回的损失或需重头再进行的重要手段。

工具技术

Web设计者使用各种不同的工具，这取决于他们参与。这些工具的生产过程中的哪一部分被更新随着时间的推移，新的标准和软件，但其背后的原则保持不变。

Web图形设计人员使用创建Web格式图像或设计原型向量和光栅图形软件包。用于创建网站的技术包括标准化的标记，可以手工编码或生成所见即所得的编辑软件。也有专有的软件插件绕过客户端的浏览器版本为基础，这些往往是所见即所得的，但使用该软件的脚本语言的选项。搜索引擎优化工具可以用来检查搜索引擎排名，并提出改进建议。

网页设计师可以使用的其他工具包括标记验证和其他测试工具的可用性和易用性，以确保他们的网站符合网页易读性指引。

相关概念

“移动优先”和“Unobtrusive JavaScript”/“渐进增强”（考虑一种新的网站设计时的策略）是先于RWD的相关概念:基础的手机浏览器不理解JavaScript或者media queries，因此建议的做法是创建一个只有基本框架的网站，然后再为智能手机和PC提供增强功能；而不是试着“优雅降级”——让一个复杂的，图像丰富的站点工作在最基本的移动电话上。

在一个网站必须支持缺乏JavaScript的基本的移动设备的情况下，浏览器(用户代理)探测也叫做“浏览器嗅探”)，和移动设备探测是推断某些HTML和CSS特性是否受支持的两种方式(作为渐进增强的基础)—然而，这些方法不完全可靠。