网页制作需要那些步骤

网站设计，包含的内容非常多。大体分两个方面：

一方面是纯网站本身的设计比如文字排版，图片制作，平面设计，三维立体设计，静租脊态无声图文，动态有声影像等；

另一方面是网站的延伸设计，包括网站的主题定位和浏览群的定位，智能交互，制作策划，形象包装，宣传营销等等。

这两方面相辅相成（感觉有点象写辨证论文：），加之网络技术的飞速发展，要提出一个绝对正确和权威的设计思路是不可能的，要想在一篇文章中概括出来也很难，所以,根据建设一个网站的思路，将自己几年来网站设计制作的心得整理成一个系列“讲座”，告诉给大家（注意：我并不会非常具体地讲某一个技术或制作技巧，重点在于思路）希望能给您一些帮助。下面是大致的提纲：

1.定位你的网站主题慎尘和名称

2.定位你的网站CI形象

3.确定你的栏目和版块

4.网站的整体风格创意设计

5.网站的层次结构和链接结构

6.首页的设计

7.版面布局的窍门

8.色彩的搭配

9.效果与速度

10.替浏览者考虑

11.细微之处见功力

12.建设完成度与推出时间

13.交互性与亲和度

14.考虑不同的浏览器和分辨率

15.字体的设置和表格的嵌套

16.新技术的运用取舍

17.设计好你的banner和位置

18.语句文字——融入感情

19.对网站设计初学者的建议

以上是本“系列”文章的提纲，会根据实际撰写情况作些变动。我们开始之前，首先明确几个前提：

一．网站设计与网站制作。我们说网站“设计”而不是网站“制作”，它们的区别在于设计是一个思考的过程，而制作只是将思考的结果表现出来。一个成功的网站首先需要一个优秀的设计，然后辅之优秀的制作。设计是网站的核心和灵魂，一个相同的设计可以有多种制作表现的方式。

二．我们说的“网站”是指有确定主题和明确目的的实用性站点，不包括纯表现类或者纯文字类网站。

三．在文章中，可能举例说明或点评到某些具体站点。

定位你的网站主题和名称

设计一个站点，首先遇到的问题就是定位网站主题。

所谓主题也就是你的网站的题材。网络上的网站题材千奇百怪，琳琅满目。只要你想的到，就可以把它制作出来。下面是美国《个人电脑》杂志(PCMagazine)评出的99年度排名前100位的全美知名网站的十类题材，对我们有一些参考价值。

第1类：网上求职

第2类：网上聊天／即时信息/ICQ

第3类：网上社区／讨论/邮件列表

第4类：计算机技术

第5类：网页/网站开发

第6类：娱乐网站

第7类：旅行

第8类：参考/资讯

第9类：家庭/教育

第10类：生活/时尚

每个大类都可以继续细分，比如娱乐类再分为体育/电影/音乐大类，音乐又可以按格式分为MP3，VQF，Ra，按表现形式分古典，现代，摇滚等宽型禅。以上都只是最常见的题材，还有许多专业的，另类的，独特的题材可以选择，比如中医，热带鱼，天气预报等等，同时，各个题材相联系和交叉结合可以产生新得题材，例如旅游论坛（旅游+讨论），经典入球播放（足球+影视）按这样分下去，题材可以有成千上万个，你不会再为题材重复，难以选择而烦恼了吧:)

对于题材的选择，我的建议是：

1.主题要小而精。定位要小，内容要精。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的精力去维护它。网络的最大特点就是新和快，目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示，网络上的“主题站”比“万全站”更受人们喜爱，就好比专卖店和百货商店，如果我需要买某方面的东西，肯定会选择专买店。再举个例子，我的一位网友KK希望制作文学方面的题材，但是文学也包括许多许多内容，有小说，诗歌，散文；有科幻，武侠，推理；仔细了解了他的擅长和想要提供的主要内容，最后将题材定位在网络文学上，删除了原有的一些无关的文学作品，集中扩大和整理网络文学作品。网站推出后，很快受到大家的喜爱。

2.题材最好是你自己擅长或者喜爱的内容。比如：您对擅长编程，就可以建立一个编程爱好者网站；对足球感兴趣，可以报道最新的战况，球星动态等。这样在制作时，才不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有热情，很难设计制作出杰出的作品。

3.题材不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材；比如软件下载，免费信息。“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。除非你下决心和有实力竞争并超过它，记住，在互联网上只有第一，人们往往只记得最好的网站，第二第三名的印象则会浅得多。

OK，如果你已经有一个绝妙的主意了，那我们开始为网站起名字。您可能认为起名字与网站设计无关。其实网站名称也是网站设计的一部分，而且是很关键的一个要素。你来看，“电脑学习室”和“电脑之家”显然是后者简练；“迷笛乐园”和“MIDI乐园”显然是后者明晰；“儿童天地”和“中国幼儿园”显然是后者大气。我们都知道PIIICUP的中文名称“奔腾”，如果改为“奔跑”，可能就没有今天这么“火”了:)。和现实生活中一样，网站名称是否正气，响亮，易记，对网站的形象和宣传推广也有很大影响。一般的建议是：

1.名称要正。这个“正”是自己的说法，其实就是要合法，和理，和情。不能用反动的，色情的，迷信的，危害社会安全的名词语句。

2.名称要易记。根据中文网站浏览者的特点，除非特定需要，网站名称最好用中文名称，不要使用英文或者中英文混合型名称。例如：beyondstudio和超越工作室，后者更亲切好记。另外，网站名称的字数应该控制在六个字（最好四个字）以内，比如“XX阁”“XX设计室”，四个字的可以用成语，如“一网打进”。字数少还有个好处，一般友情链接的小logo尺寸是88X31，而六个字的宽度是78左右，适合于其他站点的链接排版。

3.名称要有特色。名称平实就可以接受，如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。这里举几个人个认为很好的名称：音乐前卫，网页陶吧，天籁绝音。在体现出网站主题的同时，能点出特色之处。

总之，定位题材和名称是设计一个网站的第一步，也是很重要的一部分。如果能找到一个满意的名称，花一天时间翻字典也是值得的。

★★★★★★尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool3d、GifAnimator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。

★★★★制作网页主要有以下一些工具

Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不咋地，我不太喜欢。

Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，是普通网页制作者的首选工具，界面简单，实用功能比较强大。建议初学者选用。

另外一个工具就是代码编辑工具，例如写字本、EditPlus等，这些工具主要编辑asp等动态网页。

此外还有一些网络编程工具，javascript、java编辑器等。

网页制作也是一个比较吃香的行业，要真正做一个好的网站，还必须有良好的设计功底。所以还得学很多边缘性的软件，例如photoshop、flash等。

大型的网站往往还需要数据库的支持，所以还得懂数据库。sql、甲骨文等。

总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。随便混就好了！

★★★★祝你成功。

★你可以结合Dreamwaver和Photoshop来制作网页。

Dreamwaver可以到这里下30天试用版，不过要先登记一个免费帐号，product=dreamweaver

★在网上有这方面的教程

（中国建站专家）

主页和个人空间

（中华网）

建议使用网页制作三剑客Dreamweawer+Firework+Flash或使用Frontpage

★★★★★★老实说这是别人告诉我的....★★★★★★设计模板

切割模板

制作html文件