网页设计的目的就是产生网站。简单的信息如文字，图片和表格，都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。下面由学习啦小编为大家整理的网站建设的设计步骤，希望大家喜欢!
网站建设的设计步骤
步骤一：页面设计
参与人设计师，这步骤再细分还会分交互设计，美工创意设计，总的都要设计，由设计师根据商务人员从客户那索取到的网站需求进行页面设计构思，包括从网站风格、色系色调整体布局先设计一版首页效果给客户看，确认后进行其他内页设计给到客户一一确认，签署确认书。设计稿定稿了，大的方向就不能改，可以局部文字内容修改，作为企业展示网站没有过多复杂功能设计比较重要，很多后期的前端交互效果，及后台管理功能都会要在设计阶段提前考虑规划进去，否则等后面再来说改设计稿就是返工了。所用工具一般有PS软件。
步骤二：HTML静态页面切图
所用技术HTML+DIV+CSS这些，这项工作的目的就是讲设计好的效果图进行切片、代码编写，尽可能100%还原成效果图的HTML网页， 这项工作的重要性也不言而喻，他的品质决定了用户所看到的视觉效果，就算你前期设计稿设计的再完美，如果静态页面还原的不够好，浏览器兼容问题，样式错乱问题一大堆，几乎可以毁掉一个高品质网站。这里是与平面设计不同的地方，其他的画册包装LOGO等VI设计都不需要代码，因为传播的媒介不一样他们是纸质媒介，而网页是通过浏览器为媒介传播。
步骤三：后台功能开发
后台主要是起到管理网站的内容信息作用，有了一个后台就可以进行方便的更新产品，发布文章及招聘内容信息的维护，开发语言一般有ASP .NET PHP等，当切图好的静态页面给到后台开发人员后，就用DW等软件进行后台代码的开发接入，开发完后就可以进行测试加资料上线了。后台承载了网站后期内容更新维护的重任，角色也很重要，很多网站后期运营维护基本是后台的，因为设计阶段和前端切图阶段确认后基本就不会有变动了。后期维护的工作量比较大。一般讲网站维护主要是网站后台程序的维护。
网站建设的网页布局
1、 分辨率
网页的整体宽度可分为三种设置形式：百分比、像素、像素+百分比。通常在网站建设中以象素形式最为常用，行业网站也不列外。我们在设计网页的时候必定会考虑到分辨率的问题，常用的是1024*768和800*600的分辨率，网络上很多都是用到778个象素的宽度，在800的分辨率下面往往使整个网页很压抑，有种不透气的感觉，其实这个宽度是指在800*600的分辨率上网页的最宽宽度，不代表最佳视觉，不妨试试760~770的像素，不管在1024还是800的分辨率下都可以达到较佳的视觉效果。
2、合理广告
在一些网站的广告(弹出广告、浮动广告、大广告、banner广告、通栏广告等等……)让人觉得很烦琐，根本就不愿意来看，有时连你这个网站都不上了，这样一来网站受到了严重的影响、广告也没达到广告的目的。这些问题都是我们在设计网站之前需要考虑、需要规划的内容之一。
浮动广告有两种，第一种是在网页两边空余的地方可以上下浮动的广告，第二种是满屏幕到处随机移动的广告。建议能使用第一种的情况下尽量使用第一种，不可避免第二种情况时尽量在数量上控制最多一个就好。如果数量过多会直接影响到用户的心理、妨碍到用户浏览信息，适得其反。首页广告不宜过多适中即可。如在注册或者某个购买步骤的页面上最好不要出现过多的其他无关的内容让用户分心，避免客户流失等……
3、空间的合理利用
很多的网页都具有一个特点，用一个字来形容，那就是“塞”，它将各种各样的信息如文字、图片、动画等不加考虑的塞到页面上，有多少挤多少，不加以规范，导致浏览时会遇到很多的不方便，主要就是页面主次不分，喧宾夺主，要不就是没有重点，没有很好的归类，整体就像个大杂烩。让人难以找到需要的东西。有的则是一片空白失去平衡，也可以用个“散”字来形容。
4、文字编排
在网页设计中，字体的处理与颜色、版式、图形化等其他设计元素的处理一样。
4.1文字图形化
文字图形化就是将文字用图片的形式来表现，这种形式在页面的子栏目里面最为常用，因为它具有突出，同时又美化了页面，使页面更加人性化加强了视觉效果。是文字无法达到的。对于通用性的网站弊端就是扩展性不强。
4.2强调文字
如果将个别文字作为页面的诉求重点，则可以通过加粗、加下划线、加大号字体、加指示性符号、倾斜字体、改变字体颜色等手段有意识地强化文字的视觉效果，使其在页面整体中显得出众而夺目。这些方法实际上都是运用了对比的法则。如果在更新频率低的情况下也可以使用文字图形化。
它由域名(domain name 俗称网址)，网站源程序和网站空间三部分构成。域名(俗称网址);网站空间由专门的独立服务器或租用的虚拟主机承担;网站源程序则放在网站空间里面，表现为网站前台和网站后台。
网站建设的配色设计
1、用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。
2、用两种色彩。先选定一种色彩，然后选择它的对比色(在Photoshop里按ctrl+shift+I)再进行微小的调整。整个页面色彩丰富但不花哨。
3、用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿;或者土黄，土灰，土蓝。也就是在同一色系里面采用不同的颜色使网页增加色彩，而又不花，色调统一。这种配色方法在网站设计种最为常用。
4、灰色在网页设计中又称为“万能色”，其特点是可以和任何颜色搭配，
