网页是借助于美术构图与程序互动、动画等方式向大众推广相关信息的媒体，所以网页设计包括了几大部分：

* 版面构图（见平面设计）
* 程序开发（见网页应用程序）
* 网站内容管理（见内容管理系统、资讯架构学）

下面将会介绍网页的版面构图的技术为主。
目录

* 1 简史
o 1.1 HTML
o 1.2 XHTML
* 2 外观的影响
o 2.1 流动性 对 固定排版
o 2.2 Flash
o 2.3 两种设计模式
* 3 参见
* 4 外部链结

简史

HTML

网络的资讯越来越多，网站须有引人注意的外观，才能增加人次，达到宣传的目的。人们开始注意网页的外观，HTML亦因此变得更复杂、更具弹性。表格，原本是更整齐展现资料的工具，变成了排版工具。CSS的出现令以表格为基础的外观设计被视为过时。服务器方面的技术亦改变了网络的构造，使用者可以选择其浏览方式、外观。Flash的出现为设计师和媒体创作人开创了新路。除了引人的外观之外，亦有一个重要的考虑点︰网络无障碍，即使用者能否容易读取资讯。

XHTML

由于XML的可构造性，目前W3C组织将会在2008年前公布新的XHTML标准，即HTML将会随着时间而淘汰。

外观的影响

流动性 对 固定排版

大部分网站设计师原本是每处地方都有绝对限界的平面设计师。可是在网页浏览器，却不能控制某些因素，特别是浏览器的阔度。

有些设计师将其网页定义在固定大小的表格中，每部分的长度都有精确完美的订明，一般使用确定的值，这就是固定排版了。然而有人认为这不好，因为这种设计罔顾使用者的设定，他们使用流动性排版，网页的长度使用百分比定义长度，因此网页会依浏览器的状、尺寸而改变。

Flash

Macromedia Flash这套软件能够很轻易做到一些华丽的图象效果，亦可以进行编程，因此近年来出现在不少网站上。有些网站更以Flash完全代替HTML。 、 可是Flash带来的问题不少︰

* 搜索引擎不能记录Flash的内容
* 盲人不能透过文本朗读软件来取得其内容

所以大部分人都不会以Flash为主要设计，Flash通常成了首页的开场画面或网站内的小游戏。

两种设计模式

从前一般网页都使用表格进行排版设计，这样作的优点在于设计制作速度快，尤其在可视化网页编辑器，如Microsoft FrontPage中，这样设计显得直观而方便，然而这使得越来越复杂的版面需要许多曾不断嵌套的表格设计，致使网页代码变得冗长复杂，使文件体积增大，且不容易被搜索引擎查找。同时，这样做也不利于大型网站的改版工作。

于是随着主流网页浏览器对CSS的支援度提高，近年来兴起了一种新的网页设计模式。被业界称为“网页重构”的革命，其核心在于分隔网页的风格和内容(en:Separation of style and content)，指标记语言(如HTML,XML)负责定义页面的内容，但不可以定义任何涉及网站外观(风格)的东西。而网站风格就由另外的CSS档案负责。在排版方面，新的模式提倡使用由CSS定义的DIV进行页面排版，而将表格还原为排列数据的最初功能。这种模式有很多好处，例如可以协助搜寻引擎查找网页的情况，减小文件提及提高浏览速度，且由于一个CSS档案可以控制多个页面，这也给改版带来了很大方便。

由于W3C是该模式极力的倡导者，于是业界鉴定网页是否符合W3C标准，就可以在W3C网站自动检测该网站的情况。

这种模式也有缺点，其中一个弱点就是，在不同浏览器出来的效果会有分别，但这种情况主要是由于微软的Internet Explorer对CSS文档的支持有众多缺陷造成的。另一方面，开始设计CSS时，并不能清楚看到目标，因此显得不直观。