个人网站制作教程网页设计流程 以及 网站制作流程

网页设计流程 以及 网站制作流程 对于一个新手想拥有自己的网站来说，怎么样去做是一个问题。当然，你可以到新浪博客或者其他什么地方申请一个免费的个人主页，这是最方便实际的解决方法。 但是，这怎么是我们崇尚DIY精神的表现呢？我们为什么不能自己制作出一个优秀的网站呢？下面我就网页设计以及网站制作的流程做一个小小的总结。 我是搞网站制作的，也是靠这个吃饭的。但是为了支持各位学习技术，我不介意把自己吃饭的家伙掏出来给大家看，希望大家喜欢。否则，我可就太冤枉了~``` 网页设计流程 一、策划。 这两个字看似没有什么意义，表面上来看，的确是如此的。但是，你想拥有一个什么样的网站？你的主色调，你的内容，等等等等，都需要一个策划，否则你打开制作工具，你根本不知道要做什么。就象你或者你的GF要做饭，材料什么都有，菜买回来了，可你不知道要吃什么，还为吃白菜或者吃芹菜而闹不明白。你会很为难。对于新手来说，可以参考借鉴别人的作品，多看看一些你喜欢的网页，然后去模仿，慢慢的就能做出自己的东西了。一个策划做好了，就什么都好说了。 二、设计图纸 你可以先在草稿上先画一画，但那样的话，这个步骤应该归结于第一步。这里说的设计图纸是在PS或者FW中把你想做的网站用图片的形式画出来。我不清楚是否在各位看观中是否有准备去应聘网页美工等工作的。但就我自己的公司在我们附近的一所大学里招聘的情况来看。实在是不怎么理想。因为这些应聘网页美工的同学居然不知道不明白网页是先用PS或者FW画出来的。最后我录用了附近中专的一个学生。倒不是他在学校里学到了什么，是自学的，做得还不错。由此可见，学生在学校里学到的东西实在是太皮毛了~~~~（跑题了是吧~~~~~ ）~~~~~这一个步骤呢就是说~~~~~先把自己的想要的网页用PS画出来。PS的灵活多变以及超级强大的功能，完全可以画出绚烂的网页出来。 现在来说呢，我给大家提供几个数字，就是网页设计图纸的宽度。如果你的网页是准备留有对联广告的位置，也就是像稀饭主站的那种样式来说呢，你的网页的宽度一般为 768 像素。也有760像素770像素780像素。这看个人的设计习惯来的。但一般来说呢，768像素是最符合 规范 编程规范下载gsp规范下载钢格栅规范下载警徽规范下载建设厅规范下载 的，因为768正好是屏幕的高度。如果你是想设计满屏的网页，就像这个论坛吧。宽度一般为1000左右。有人说是1007，的确，在WINDOWS 标准界面下这个宽度能全部显示而不必在下面拉啊拉的。但是如果是XP风格的话，就要左右拉了因此宽度设置为1000差不多。也有设计为998了。这根据个人经验而来，大家可以根据自己的实际判断来说。总之就这左右。告诉嘛~~~~~你想设置多高就多高吧。如果是首页的话呢，最好是能全部显示出来。由于各个浏览器的不同——像多窗口浏览器有一个标签栏，就算是IE，常用图标也有大小之分。因此告诉是多少，你就自己掌握吧。 三、切割网页 切割网页这工作还是交给PS或者FW来制作。也就是使用他们的切片工具。个人认为FW更适合用来切割图片。太专业了。而且很容易上手。PS当然也有这个功能。不过说来寒酸，我到现在也没搞明白那是怎么切割的~~~~~就看别人切割了，自己就是不会~~~~~（没办法，本人电脑知识全部自学，PS、FW、DMX等等等等，因此有些问题搞不明白还是情有可原的吧~~~~ ） 切割网页就是把图片切割成若干个小图片，其中宽度高度什么的都得自己去掌握去学习，我考虑写一个教程。不过时间不是很充裕，看情况。 四、DMX制作网页 终于到这一步了，大家是不是很明白啊？不会用DMX就不能说是会制作网页知道不？现在一般的大学生和职业学校的学生都应该掌握了这个吧。顺便说一下，网页就是表格加图片加FLASH。自己慢慢体会吧。 ============================================= 这里只说了个流程，我看情况能不能有时间写出详细的教程。大家自己有基础的可以先做做。这个流程中没有说到CSS样式的设置和其他的规格一些方面。这些就看自己的发挥了。CSS可以用人家现成的，自己修改修改就可以了。 对于一个新手想拥有自己的网站来说，怎么样去做是一个问题。当然，你可以到新浪博客或者其他什么地方申请一个免费的个人主页，这是最方便实际的解决方法。 但是，这怎么是我们崇尚DIY精神的表现呢？我们为什么不能自己制作出一个优秀的网站呢？下面我就网页设计以及网站制作的流程做一个小小的总结。 我是搞网站制作的，也是靠这个吃饭的。但是为了支持各位学习技术，我不介意把自己吃饭的家伙掏出来给大家看，希望大家喜欢。否则，我可就太冤枉了~``` 网页设计流程 一、策划。 这两个字看似没有什么意义，表面上来看，的确是如此的。但是，你想拥有一个什么样的网站？你的主色调，你的内容，等等等等，都需要一个策划，否则你打开制作工具，你根本不知道要做什么。就象你或者你的GF要做饭，材料什么都有，菜买回来了，可你不知道要吃什么，还为吃白菜或者吃芹菜而闹不明白。你会很为难。对于新手来说，可以参考借鉴别人的作品，多看看一些你喜欢的网页，然后去模仿，慢慢的就能做出自己的东西了。一个策划做好了，就什么都好说了。 二、设计图纸 你可以先在草稿上先画一画，但那样的话，这个步骤应该归结于第一步。这里说的设计图纸是在PS或者FW中把你想做的网站用图片的形式画出来。我不清楚是否在各位看观中是否有准备去应聘网页美工等工作的。但就我自己的公司在我们附近的一所大学里招聘的情况来看。实在是不怎么理想。因为这些应聘网页美工的同学居然不知道不明白网页是先用PS或者FW画出来的。最后我录用了附近中专的一个学生。倒不是他在学校里学到了什么，是自学的，做得还不错。由此可见，学生在学校里学到的东西实在是太皮毛了~~~~（跑题了是吧~~~~~ ）~~~~~这一个步骤呢就是说~~~~~先把自己的想要的网页用PS画出来。PS的灵活多变以及超级强大的功能，完全可以画出绚烂的网页出来。 现在来说呢，我给大家提供几个数字，就是网页设计图纸的宽度。如果你的网页是准备留有对联广告的位置，也就是像稀饭主站的那种样式来说呢，你的网页的宽度一般为 768 像素。也有760像素770像素780像素。这看个人的设计习惯来的。但一般来说呢，768像素是最符合规范的，因为768正好是屏幕的高度。如果你是想设计满屏的网页，就像这个论坛吧。宽度一般为1000左右。有人说是1007，的确，在WINDOWS 标准界面下这个宽度能全部显示而不必在下面拉啊拉的。但是如果是XP风格的话，就要左右拉了因此宽度设置为1000差不多。也有设计为998了。这根据个人经验而来，大家可以根据自己的实际判断来说。总之就这左右。告诉嘛~~~~~你想设置多高就多高吧。如果是首页的话呢，最好是能全部显示出来。由于各个浏览器的不同——像多窗口浏览器有一个标签栏，就算是IE，常用图标也有大小之分。因此告诉是多少，你就自己掌握吧。 三、切割网页 切割网页这工作还是交给PS或者FW来制作。也就是使用他们的切片工具。个人认为FW更适合用来切割图片。太专业了。而且很容易上手。PS当然也有这个功能。不过说来寒酸，我到现在也没搞明白那是怎么切割的~~~~~就看别人切割了，自己就是不会~~~~~（没办法，本人电脑知识全部自学，PS、FW、DMX等等等等，因此有些问题搞不明白还是情有可原的吧~~~~ ） 切割网页就是把图片切割成若干个小图片，其中宽度高度什么的都得自己去掌握去学习，我考虑写一个教程。不过时间不是很充裕，看情况。 四、DMX制作网页 终于到这一步了，大家是不是很明白啊？不会用DMX就不能说是会制作网页知道不？现在一般的大学生和职业学校的学生都应该掌握了这个吧。顺便说一下，网页就是表格加图片加FLASH。自己慢慢体会吧。 ============================================= 这里只说了个流程，我看情况能不能有时间写出详细的教程。大家自己有基础的可以先做做。这个流程中没有说到CSS样式的设置和其他的规格一些方面。这些就看自己的发挥了。CSS可以用人家现成的，自己修改修改就可以了。 如果你是想制作一个静态的网站。那么掌握网页制作流程就差不多了，这一章只要学习网站规划就可以。但大多数人不会愿意制作静态的网站，因为管理实在是太麻烦了，因此，网站必然是动态的。呵呵。 一、整体规划 好像又是没有意义的一个词，但是就根本来说实在是太有意义了。网站的规划分为下面几个部分 1、动态程序语言的选择。 大家可以先了解一个语言，ASP ，PHP ，JSP ，CGJ ，.NET 等等等等。就现在来说，一般的小型网站都是使用 ASP + ACC数据库形式来制作，也是互联网上最广泛的方法。 .NET 是新兴的一种语言，应该是ASP的升级版本。互联网有这种趋势，就是 .NET 语言制作网站。 而 PHP + MYSQL 这种形式也广泛流行，象稀饭论坛就是这种形式。我在这里简单说几句而已，没有基础的可以百度一下详细资料。 一般来说，个人网站的形式 为 asp+ acc数据库 和 php + mysql数据库。 2、网站栏目功能规划。 你的网站有哪些栏目，你的网站实现什么功能。很现实的问题，你得好好策划策划哦！！ 3、根目录策划。 你的网站实际上就是一堆文件的集合，怎么样去规划这些文件，就是目录的安排。好的网站的目录很清晰，让人一目了然。你自己的你看着办吧。我这里点水而过，详细资料请百度。 二、数据库规划 你已经选择了程序和数据库了对吧，我们现在要做的就是规划数据库了。大家没有什么意见吧~~~~~呵呵。数据库里面放什么东西，怎么样去放，详细资料请百度。 三、编写网站后台 前面已经说了，你要策划网站内容以及功能。写网站是先写后台滴！！目前有很多程序员还没有想到这一点，头大。把后台和数据库全部弄出来了，前台就是显示还有什么问题吗？ 四、编写网站前台 网页设计已经在主题帖里面说明了，现在就该是那里设计的也就是网页的前台。网页已经有了，使用程序把内容显示出来应该没有什么问题吧？？ 五、测试，修改 没有一个程序弄好了就是没有漏洞没有错误的，测试和修改是必不可少的。经过你的N多测试，我想网站应该没有什么问题了吧？？ 六、发布。 如果你的网页仅仅是给自己的朋友看看，当做学习，你可以用自己的电脑配置成服务器，这样的软件是多之又多，大家百度一下吧~~~~呵呵~~~~~ASP+ ACC数据库形式的当然就是配置IIS就可以了，呵呵。 如果你的网站准备长期给大家看~~~~想做一名小小的站长，那么你可以考虑购买虚拟空间和域名。当然，现在有很多人选择免费空间和免费域名~~~~~我当年也是这样做的。不过现在的免费空间实在是不咋滴~~~~~大家如果准备把网站做好的话，还是购买收费空间和顶级域名吧~~~~~（写了这么多做个广告大家不介意吧？我这边有空间域名提供哦！呵呵，都是很不错的空间域名。要买的话，找我啦~~~~~） 如果你的网站非常受欢迎，或者你的网站内容非常多，虚拟空间已经不能够满足你了，那你租赁服务器或者托管服务器也是比较恰当的。本人身为网络公司，自然和国内多家IDC商家有着紧密联系， 嗯哼~~~啊~~~大家明白了吧~~~~ 哇！你的网站实在太强了！！一台服务器已经不能满足你了耶~~~~~考虑服务器集群不？？？？网站做到这一步~~~~也是日进斗金啦~~~~` 如果你想做网站，如果你想成为专业站长~~~~~多多的去体验一下吧！！！