网站设计教程学习网页设计步骤

网站制作的流程有哪些？

如今互联网技术渐趋成熟，想在90年代那样做出一个一般的网站就能赚大钱的时代已经一去不复返了，几大门户网站象新浪、搜狐其实都是差的网站（从网页设计角度），但由于成立早，聚集了人气，所以即使你现在做出一个更漂亮更好用的门户网站也难超越新浪搜狐。

　 　　 网站制作 　　 第一步：网站策划 　 　　 以前是没有网站策划这个职位的，但现在竞争越来越激烈，成功的网站必须有一个专职的网站策划，该职位大到负责设计网站的定位、盈利模式、内容架构，小到负责配色、字体、文案、广告图片，网站策划用fireworks或PS画出页面效果图，将其转给美工与后台人员制作。

　　网站策划的人属于文科生，学经济管理类，同时懂IT技术，最好知道软件开发技术，知道用什么软件技术以实现更强大的网站功能。

　　 第二步：美工制作 　　 主要用到dreamweaver软件，先用IIS创建本地服务器站点，一来能随时看到制作效果，二来动态网站所必须。

美工人员属于艺术类或IT类，不懂内容架构，只管配色与制作图片，他们将网站策划交过来的效果图作进一步修饰，然后将其切片，插入到dreamweaver中，生成html文件。

因为dreamweaver图片制作能力不强，制成的网页的不漂亮，必须用fireworks做好，然后切片插入，再用热区功能创建链接。

　　 第三步：后台制作 　　 前台美工不懂编程知识，需要一个后台人员编程，网页上交互性较强的模块如BBS、在线购物、留言板、用户中心、新闻系统都需要后台人员制作，要用到asp、mysql、.NET知识，比较特殊的网站系统如银行的内容通信系统、总分店的信息联接系统要用到高级编程，这时就不是一般网站后台人员能做到的了。

　　 第四步：上传到远程服务器 　　 制作好的网站源代码分为网页（html、asp后缀）、图片（gif、jpg后缀）、数据库类（mdb后缀）文件，用FTP上传工具上传到远程服务器上，这称之为“上线”。

　　 有关网站制作的几个误区： 　　1、非常复杂，html太难了，要编出复杂的网页几乎不可能 　　 很多人还以为网页是用记事本，然后一行一行编html代码得出来的，那是天大的误区！真正制作工具是用dreamweaver软件，可以一个代码也不用写，所有操作全部是可视化的，点击、拖放、插入、设置属性这就是dreamweaver的基本动作。

教材上那些复杂的代码教学只是为了让你懂得其原理，而你制作网站时只管操作，无需知e69da5e6ba90e79fa5e9819331333330333036道原理！（注：会编写代码却不会操作dw也制作不出好的网页） 　　2、要懂得aspjspcss+div知识，要先学它们 　　 现实的网站制作中，根本不用css+div知识，相反，你会操作dw之后就很自然懂得上面那些知识，学习理论知识又难懂又复杂，而且一点价值也没有，抛掉教材，看dw操作视频教程，所谓CSS+DIV、JSP特效不过是dw上面的一个属性设置按钮而已。

　　3、全部网页是在dw中进行的 　　 dw的作用一是生成网页，二是绑定数据库，三是精细修改代码，dw可以设置颜色，但不能做图片，图片必须结合fireworks，漂亮的网页都是fireworks先做好再切片插入，可不是在dw中设置出来的。

怎么样制作一个网页？

Dreamweaver 是可视化网站开发工具。

　　Fireworks是网页设计“三剑客”之“火焰”，它以处理网页图片为特长，并可以轻松创作GIF动画。

flash是网页三剑客之中的“闪电”，其以制作网上动画为特长，它做出的动画声音动画效果都是其他软件无法比拟的。

Fireworks和flash这两个软件!是设计网页用的 Dreamweaver 是后台用的!实现网页之间的超链开发等工作! 在网上下就可以了不咬钱! /eschool/includes/zhuanti/zt/wangye/22.shtml(视频教程)

学习网页设计步骤

首先要了解HTML（超文本设计语言），记住使用原理；接着用两三天的时间学习CSS（层叠样式表单）；进而再花些时间了解一下javascript软件。

掌握这些基础性知识后，就可试着用“记事本”编写网页，在初试阶段千万不要用那些可视化工具，如FrontPage、Dreamweaver，否则将不利于锻炼实际能力。