网站建设是一个系统工程（内容策划、美工设计、软硬件系统结构设计、程序编写、数据库结构设计，网站优化推广等），
网页设计只是网站建设的一个部分
网站建设--做网站用到的软件：
Photoshop（网站设计稿用到）
Dreamweaver（编辑排版，写程序用来 asp / php / jsp）
Fireworks（也可以做设计稿主要还是裁图用）
Flash（网站动画）
FTP上传软件（网站制作完成上传到服务器,我用的是：cuteftppro）
基本上做一个网站用到的软件也就这些，当然有的人会用，或其它的设计软件，新人不必要都知道。
案例：东莞奥彩网站建设公司 www.web136.cn
第一步 用Photoshop/Fireworks 做网站设计稿(你看到的网站的图片形式)
注意事项：
颜色 整个网站用到的基本色彩要在3---5种之间，渐变的那种不要。色彩搭配也要合理。
新手解决方案找一个设计比较好的网页截图或平面类设计图片，然后从中吸色，以达到色彩搭配
分辨率 网页的宽度和高度
以前的电脑是800*600 要减去20的浏览器边条，也就是780*600，高度可以大于550，不影响网站；
不过现在的显示器多了什么样的分辨率都有，高手就百分比来做，屏幕越大网站越好看，也比较大气，案例：东莞网站建设作品 网址： www.web136.cn/al/tskj/
新手解决方案 用1004*700（大于700）
块区和内容比重一般是3：2：1 3是你主要展示给别人看的东西，2你的一些分类以及次要展示的东西，1其它不太重要内空。
新手网页设计版块 不要太个性化，等你成老手之后再学会怎么去跑，现在还是先学走路，
一般为：顶部菜单栏（放LOGO，和菜单 有的也放动画） 左侧/右侧分类导航（如：产品新闻分类，推荐产品/新闻，联系方式） 内容栏（你重点展示的内容） 底部信息栏（导航/联系方式/版权）
字体 除个别标题或广告语外其它都选用宋体英文用arial
基本上注意事项就这些，接下来就是各自按自己的网站内容在Photoshop里设计排版做出网站设计稿。
第二步 用Fireworks裁图和动画
注意事项：
裁图 能用背景颜色的用颜色，能用文字的就不要用图片，能用背景图片的就用宽/高1PX的背景图片或一个单位的背景图片，首页最量不要放大图片，影响网站速度。同时裁图要注意细节。
动画 最好都在前面加一个加载进度条，别文件比较小的不需要加。还有动画文件也不要太大。
第三步 Dreamweaver排版成网页
注意事项
网站优化 新建网页第一步设标题如："东莞网站建设_东莞做网站_东莞网页设计_东莞网站策划_东莞奥彩网站建设公司" , 可以在标题中加入几个关键字，不要加太多，其他的可以在关键字里添加如："网站建设,网页设计,画册设计,纯动画品牌网站，flash网站"，也不要加太多，接下来就是网站说明如："东莞奥彩网站建设公司是东莞最具实力的网络公司之一，最专业的网站策划专家，我们用完美的网站建设服务，满足顾客要求。我们始终相信“诚信服务客户，专业缔造完美”，奥彩为您提供一流的网站建设与网页设计，请记住奥彩永久域名：www.web136.cn" 对网站进行一个简单的介绍，以在百度/google里显示给别人来看到，标题和关键字里放不下的关键字也可以放到这里来，也请记住不能放太多。
网页排版 新手先用表格来排等以后再用
，要从上到下一个一个的放表格，不要先放一个大表格再把其它表格放里面。文字和排版近量建一个样式表，内容文字最量用12PX大小的字，要突出的字或其它可以相应的加大加粗换色或其它来标识。
程序部分 这方面不多说了，说不完也说不好，新手比较难懂，就讲下数据库好盲区，一般人学的时候都是越高级越好，便都学MSSQL去了，其实很多网站用到Access 便够了，MSSQL都是用在比较大型的网站或数据量比较大的平台网站，MSSQL可以用来当做发展方向但不能用来当做入门来学，PHP的话当然就是用MSSQL来学比较好了。
第四步 域名和空间
注意事项
空间 网站做成后用FTP上传软件将网页上传到空间商给到的空间的指定目录，得到这台服务器的IP地址，并在相应的后台里绑定你的域名
域名 购买域名后要做解析，也就是把你的域名指向你空间的IP地址，一般做两条就OK了如 ：
www.web136.cn 指向 115.238.252.17 web136.cn 指向 115.238.252.17
到了这一步网站基本完成可以输入你的网址便能打开你自己的网站
归：
很不错，csdn论坛借鉴：