随笔-9  评论-168  文章-266  trackbacks-0

  对于一个新手想拥有自己的网站来说,怎么样去做是一个问题。当然,你可以到新浪博客或者其他什么地方申请一个免费的个人主页,这是最方便实际的解决方法。但是,这怎么是我们崇尚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可以用人家现成的,自己修改修改就可以了。

posted on 2009-09-06 09:21 紫蝶∏飛揚↗ 阅读(1946) 评论(4)  编辑  收藏

评论:
# re: [转]网页设计流程[未登录] 2009-09-07 09:40 | Diablo.Wu
有些东西说的详细点就好了。还有,大哥,都什么年代了,还table给网页布局那。。。另外,个人觉得一个良好的美工,应该对w3c的html的基本规范了解,所以就是不用dm之类的东西也应该做出来网页来。  回复  更多评论
  
# re: [转]网页设计流程 2009-09-08 13:17 | 紫蝶∏飛揚↗
楼上说的文章里推荐table布局,哪里有说?而且页面设计是怎么方便,怎么好用,随个人喜好,DM工具本就是为了能以更少的出错更少的时间进行开发.如楼上所说,不用DM开发,等你写好了.调好了,项目早过期了.如楼上所说的手工写代码那才是什么年代的事...  回复  更多评论
  
# re: [转]网页设计流程[未登录] 2009-09-14 09:08 | Diablo.Wu
@紫蝶∏飛揚↗
手写,那是基本的素质,我也没说让你手写啊。工具在开发过程中是肯定需要的,手工写html只是一个基础技能而已,就像学高数,在日后的工作中也不一定能用到,但是缺必不可少。现在很多人用ide写网页,最后连w3c的标准都不知道。  回复  更多评论
  
# re: [转]网页设计流程 2009-09-15 09:47 | 紫蝶∏飛揚↗
W3C是什么并不重要,重要的是技术只是谋生的手段,并不是每个人都非要做所谓的高手,高手,高高手的.如某些前辈所说,"技术是永无边境的".越到后来,程序越复杂,你手写?能理清得了结构层次,开始简单的项目手写固然可以.复杂的程序结构怎么办?那可不是手写能记的清的.最后在重申一篇,技术只是谋生的一个方面而已.  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航: