网站设计有以个几个关健步骤:
观感：包括平面设计，颜色搭配和导航元素等等。
内容：信息，产品等
功能：网站提供的互动功能和必须具备的结构功能
实用性：从访问者角度来设计网站，包括程序互动，导航和帮助性

观感
观感包括网站的整体布局，美工决定使用什么颜色什么字体，及所有网页的布局。
美工还必须有敏锐的审美眼光，能准确领悟某一颜色搭配和图片排列会带给访问者什么样的视觉冲击。

内容
内容是指网站所有的文本文档，包括从隐私策略到说服力十足的推销信，这种推销信竭力宣传某一产品的优点说服访问者购买。如果这些内容是书面形式的，也属于文本内容，要写出好的网站内容，需要专门的文字编辑人员。

功能
功能包括一个网站的所有互动部分，包括动画。普通的denominator是程序员使用各种程序语言在服务器上或浏览器上创建这些功能。
Flash 可以用来做动画，Perl, php 和 java 是用在网站服务器上创建高级动态网页的程序语言。这些页面可以独立工作，但是通常需要数据库我们所需要的各项功能。

JavaScript用在浏览器中已创建诸如移动鼠标以更换图片，“ticker tapes”，链接颜色更改等等JavaScript用在网站服务器上而不是浏览器上。
还有其他的后台程序，对顾客来数都是透明的，不如比表格制作，内容管理和其他后台管理程序，这些程序使得不懂程序的人也可以维护更细网站数据。

所有这些程序必须插入HTML代码才能使用。

可用性
可用性是从网站浏览者的角度来说的，，大多数情况下包括以下测试
观感是否传递了恰当的图像
导航是否用户友好
导航是否链接到了正确的网页
网站下载是否快速
程序是否运行正常

设计与开发
网站设计与网站开发之间存在着许多重合之处，当你创建内容，测试可用性时，设计和开发就会混淆。

一个人可以把这些事情独立完成吗？有些可以，多数人还没有这个能力。

网站设计通常包括通常包括内容创建和观感设计，而网站开发多数时候指创建功能，测试功能。

网站设计师需要熟练掌握平面设计的各个工具比如Photoshop。还需要了解HTML，从而实施他们的设计。但是，使用动画和布局内容也是设计师的工作。

许多网站站主会提供网页内容，但是作为设计师有时候需要自己编辑文本内容， 有时候还要测试可用性，导航和下载速度。

网站开发程序员为网站创建功能，这些功能要插到HTML页里，反之，HTML也必须插到程序里去。网站开发者也要测试网站的可用性和已创建好的功能。所以网站开发者也必须懂HTML。

无论在那种情况下，网址设计师和开发师都要合作才能确保完全按照站主的要求来建设网站。