网页制作与网站制作流程1.doc

网页制作与网站制作流程
编辑:佚名来源:网络评论:16阅读:8539[2008/6/219:20:25]

本文简单介绍网页制作与网站制作的不同,并介绍网页制作流程与网站制作流程。
对于一个新手想拥有自己的网站来说，怎么样去做是一个问题。当然，你可以到新浪博客或者其他什么地方申请一个免费的个人主页，这是最方便实际的解决方法。但是，这怎么是我们崇尚DIY精神的表现呢？我们为什么不能自己制作出一个优秀的网站呢？下面我就HYPERLINK"http://www.web2bar.cn/"\t"_blank"网页设计以及HYPERLINK"http://www.web2bar.cn/"网站制作的流程做一个小小的总结。我是搞网站制作的，也是靠这个吃饭的。但是为了支持各位学习技术，我不介意把自己吃饭的家伙掏出来给大家看，希望大家喜欢。否则，我可就太冤枉了~```HYPERLINK"http://www.web2bar.cn/"\t"_blank"网页设计流程一、策划。
这两个字看似没有什么意义，表面上来看，的确是如此的。但是，你想拥有一个什么样的网站？你的主色调，你的内容，等等等等，都需要一个策划，否则你打开制作工具，你根本不知道要做什么。就象你或者你的GF要做饭，材料什么都有，菜买回来了，可你不知道要吃什么，还为吃白菜或者吃芹菜而闹不明白。你会很为难。对于新手来说，可以参考借鉴别人的作品，多看看一些你喜欢的网页，然后去模仿，慢慢的就能做出自己的东西了。一个策划做好了，就什么都好说了。
二、设计图纸
你可以先在草稿上先画一画，但那样的话，这个步骤应该归结于第一步。这里说的设计图纸是在PS或者FW中把你想做的网站用图片的形式画出来。我不清楚是否在各位看观中是否有准备去应聘网页美工等工作的。但就我自己的公司在我们附近的一所大学里招聘的情况来看。实在是不怎么理想。因为这些应聘网页美工的同学居然不知道不明白网页是先用PS或者FW画出来的。最后我录用了附近中专的一个学生。倒不是他在学校里学到了什么，是自学的，做得还不错。由此可见，学生在学校里学到的东西实在是太皮毛了~~~~（跑题了是吧~~~~~）~~~~~这一个步骤呢就是说~~~~~先把自己的想要的网页用PS画出来。PS的灵活多变以及超级强大的功能，完全可以画出绚烂的网页出来。现在来说呢，我给大家提供几个数字，就是HYPERLINK"http://www.web2bar.cn/"\t"_blank"网页设计图纸的宽度。如果你的网页是准备留有对联广告的位置，也就是像稀饭主站的那种样式来说呢，你的网页的宽度一般为768像素。也有760像素770像素780像素。这看个人的设计习惯来的。但一般来说呢，768像素是最符合规范的，因为768正好是屏幕的高度。如果你是想设计满屏的网页，就像这个论坛吧。宽度一般为1000左右。有人说是1007，的确，在WINDOWS标准界面下这个宽度能全部显示而不必在下面拉啊拉的。但是如果是XP风格的话，就要左右拉了因此宽度设置为1000差不多。也有设计为998了。这根据个人经验而来，大家可以根据自己的实际判断来说。总之就这左右。告诉嘛~~~~~你想设置多高就多高吧。如果是首页的话呢，最好是能全部显示出来。由于各个浏览器的不同——像多窗口浏览器有一个标签栏，就算是IE，常用图标也有大小之分。因此告诉是多少，你就自己掌握吧。
三、切割网页
切割网页这工作还是交给PS或者FW来制作。也就是使用他们的切片工具。个人认为FW更适合用来切割图片。太专业了。而且很容易上手。PS当然也有这个功能。不过说来寒酸，我到现在也没搞明白那是怎么切割的~~~~~就看别人切割了，自己就是不会~~~~~（没办法，本人电脑知识全部自学，PS、FW、DMX等等等等，因此有些问题搞不明白还是情有可原的吧~~~~）切割网页就是把图片切割成若干个小图片，其中宽度高度什么的都得自己去掌握去学习，我考虑写一个HYPERLINK"http://www.web2bar.cn/"\t"_blank"教程。不过时间不是很充裕，看情况。
四、DMX制作网页
终于到这一步了，大家是不是很明白啊？不会用DMX就不能说是会制作网页知道不？现在一般的大学生和职业学校的学生都应该掌握了这个吧。顺便说一下，网页就是表格加图片加FLASH。自己慢慢体会吧。
=============================================这里只说了个流程，我看情况能不能有时间写出详细的HYPERLINK"http://www.web2bar.cn/"\t"_blank"教程。大家自己有基础的可以先做做。这个流程中没有说到CSS样式的设置和其他的规格一些方面。这些就看自己的发挥了。CSS可以用人家现成的，