网站设计明确你的网站要做些什么，目标用户是谁，需要收集哪些数据等等 设计数据库，就是数据库表格的设计，准备数据，把数据导入到mysql中。可以用smarty来做网站模板，方便后期维护，可以找一个界面做得漂亮的网站修改一下，基本上每个网站都大同小异，就那么几种模板。或者用一些开源的php框架来做，重复的工作框架已经帮你实现，目前流行的php框架很多，如zend、yii等。先选取自己满意的模板。如pageadmin自助建站系统（内有免费模版下载）有基础的朋友可以网上找源码用dreamwaver（修改网页文件的软件）、photoshop（修改图片神器）来自行修改和编排。而对于一些菜鸟朋友们可以选择在pageadmin里找模板或者找可DIY的模板来建。利用进行APACHE（一款搭建语言环境并可以本地测试的软件）进行本地测试 ，详细可参照其他视频，这里也不多说了。
Photoshop：学习图像处理、编辑、通道、图层、路径综合运用；图像色彩的校正；各种特效滤镜的使用；特效字的制作；图像输出与优化等，灵活运用图层风格，流体变形及褪底和蒙板，制作出千变万化的图像特效。 CorelDraw：通过CorelDRAW9的全方面的设计及网页功能融合到现有的设计方案中，制作矢量的插图、设计及图像，标志、简报、彩页、手册、产品包装、标识、网页及其它。 PageMaker：学习排版设计的基本法则、使用方法与技巧，工具箱、快捷键的使用，菜单功能及操作技巧，出版物、书籍、宣传彩页、出片输出注意事项，报纸杂志等的高级专业排版制作的方法。 Illustrator：学习图形绘制、包装、宣传页的制作，让你更加方便地进行LOGO及CI设计，不到一个月，您就会成为一名真正的美术大师，在Photoshop的基础上再学它如虎添翼，效率成倍提高。
DreamWeaver,：自制动态HTML动画的网页.DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。 DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。
网页设计制作过程 一、确定网页的主体风格和色调。 这里指的也就是要对我们网站页面首先要有个整体的规划，我们建设的网站属于什么类型，网站的布局和网站主色调主要运用什么颜色等，都有一个很好的规划。
二、网站的整体布局描述，例如图片、文字、导航、按钮的排版方式。 我们做网页设计制作之前，要学会动手画画，把我们心中的页面设计感觉通过草图先描画出来，不要上来就盲目的开始制作，那样只会浪费自己时间和精力。
三、准备好素材，并且归好类。 起初做网页设计，都是模仿，并且每一位好的美工设计师，都是从模仿开始，我们要为网页设计之前准备大量的文件，建立起不同类型的文件夹，然后把收集起来的图片素材保存起来，素材越多越好。
四、打开网页设计制作软件，进行真实的操作。 好的网页设计是非常复杂的过程，注意的东西很多，我们只有自己操作了慢慢总结出经验才可以真正领悟。在这里建晨网页设计给大家一点建议。不管我们浏览什么网站时，只要自己认为不错的页面，都要保存下来，放入文件夹中。制作网页过程中，我们不要在原基础上来修改，每次修改都要记住随时保存。
网页设计知识 html语言：一个优秀的网页设计师，必须要懂得html语言，这是我们学网页设计和网站开发的基础课，html语言虽说不懂的人看起来很难，但真正学起来还是很容易的。 javascript脚本：这个可能相对html语言来说，有点编程的意思了，但如果想做出特别的效果出来，也是必不可少的。 photoshop：这是必须要撑握的，页面美观如何全靠photoshop在制作效果图时设计的如何。 dreamweaver：这是专业的网页设计软件，可以像word一样简单来开发html言语页面，也是网页布局非常简单的一个可视化工具。 flash：这是网页动画软件，可以制作出非常酷非常炫的页面出来。 div+css样式：利用div+css样式，可以简化网页代码，使网页的打开速度提高，也使搜索引擎对网页的收录起到很好的作用，它可以使网页和样式分离，现在很多企业在招聘网页设计时，都要求会用div+css样式来布局页面。