无论是那些想进入网页设计殿堂的创意达人，还是需要理解以便管理网页创意和开发流程的商务精英们，我们要聊一聊的不是怎样用镶褶的字体和绚烂的背景样式搭建个人主页，我们要探讨的是为那些真正的客户开发商业级别的网站和系统——无论是财富100强还是创业公司，都需要强大的网站和系统以担当起全球商务中的主要功能。
我们在设计网站的过程中首先需要做的事情就是：建立团队角色和分工
设计网站是一个浩大的工程，为此需要和整个团队的人合作——有可能是公司的其它部门、供应商、或者独立顾问：
面对早已车水马龙的互联网，你必须准备一套完整的商业策略和市场计划才能够应对。商务和市场人员，不论他们是你的同事还是你的客户，都需要在早期的时候就介入到网站项目中来，他们将会承担起下面这些工作。
（1） 制定网站目标和业务需求，你必须时刻将网站的商业目标作为优先考虑的事项。
（2） 定义目标用户群。市场团队成员是最接近终端用户的人。他们应该提供一个网站主要服务的理想客户的特征描述。
一旦客户及公司决定开始做一个全新的网站项目，几乎可以肯定的说，他们的眼界会越来越宽，直至超出预期。由于不了解网站开发的复杂程度，因此他们经常会提出一些不太现实的要求。而产品经理或项目经理的众多职责当中，最重要的一项就是设定和控制客户的预期，避免项目偏离轨道。因此产品经理或者项目经理会使用各种工具，例如Microsoft Project 以此来保证项目、团队、客户，以及产品预期都始终朝着正确的方向推进。
这个让人印象深刻的头衔所称呼的人，他们每天的工作就是坐下来思考怎样将整个网站的各个部分组织到一起，以及用户如何从一个页面导航到下一个页面。这个角色也通常由产品经理和项目经理担任，因为他们是最了解需求的人。信息架构师同时还会承担起设计人物角色——以及目标用户的个人档案——以及在开发流程后期组织用户测试的工作。信息架构师他们会分析页面上的每个细节，然后绘制一系列用来表现网站各个主要页面内容和导航元素的线框图。线框图这个说法来源于三维建模当中一项传统的技术，他的意思是在进行渲染之前，先用铁丝网一样的线条在屏幕上粗略地画出模型的基本形状。这个概念后来被网站设计行业所吸收，用来代指在视觉设计阶段之前那些图表样式的页面原型，这就是是我们常说的网站的原型图。这是在开始进行视觉设计之前关键的第一步。
用站点地图和线框图把网站的底层结构定义好之后，接下来就需要视觉设计师将公司的品牌形象和风格加以泛化，并应用到网站的外观和体验当中。视觉设计并非仅仅让网站变得好看而已，它对一个网站的有效性甚至是可用性都起着至关重要的作用。一个优秀的视觉设计师不会只是简单地给线框图“上色”。他会重新组织页面元素，调整元素的位置及尺寸，依照专业平面设计中关于色彩、表单、一致性以及布局方面的原则，突出导航模块及重要内容，并明确地向用户指明应该如何在各个页面上进行交互。
前端开发人员负责将网站页面上的元素以HMTL（Hyper Text Markup Language，超文本标记语言）以及CSS（Cascading Style Sheets，层级样式表）的方式组装起来。开发一个网站的前端（也就是你我浏览一个网站是所看到的东西）是一门艺术，因为有非常非常多的浏览器和系统环境需要考虑。
非常遗憾的是，尽管W3C（World Wide Web Consortium，万维网联盟 www.w3.org）制定了Web标准，却没有任何两个浏览器对HTML和CSS的解析是一致的，而且浏览器所运行的平台不同让这个问题变得更加复杂——Mac，PC，智能手机，还有各式各样的移动设备。前端人员需要根据不同浏览器的解析方式加入一些冗余代码，只有这样才能帮助网站实现在不同设备及计算机上都能够正确显示的效果。要知道这是一个相当苛刻的要求。
如今的网站项目如果没有程序团队的参与是不可能完成的。不论你的网站是一个电子商务网站还是社交网站，这些家伙都能将网站变成一个强大的工具，赋予网站无穷的能量。
相信你平时上网的时候一定已经注意到了，每个网站看上去都有好几百个页面。然而，如果看得更深入一点，你会发现这些网站其实是由数据量相对较少的模板构成的。其实对于任何网站，基本只需要5-20个模板页面就足以支撑起整个网站。而其中的奥秘就是，这些模板文件其实是与存放着网站所有内容的数据库相连的。这样的网站在业内被称为动态网站，这个是因为单个页面模板可以根据用户的实际操作，动态地进行配置，显示出当前所需要的特定内容。
除了使用像PHP(Hypertext Preprocessor，超文本预处理器)或者ASP(Active Server Pages，动态服务器页面)这样的脚本语言开发网页模板外，程序员们还需要创建一个线上数据库来存储模板需要的所有信息。建立数据库是一个复杂的过程，多数情况下，你都会需要一个专业的数据库开发人员来完成这项任务。
现在我们已经对将要共事的不同类型的专业人士有了一个初步的了解，接下来是时候到产品设计开发中了。
下一章我们将探讨网站设计过程中的第二件事情——从概念到执行。
