繁体中文   设为首页   加入收藏   登陆  
网站首页 搜索优化 免费资源 精彩图片 模板交易 在线影视 PHPCMS 网页设计 便民黄页 网站运营 建站指南 设计艺术 精彩商城 百科问吧 百度优化 采集教程 创业故事 谷歌优化 建站经验 建站心得 建站源码 论坛模板 模板教程 网页布局 网页模板 网页特效
chinesecookbook 传世私服 吉林教育网 模板定制
   
当前位置:建站指南首页 >> 建站入门 >> 网页设计流程 以及 网站制作流程

网页设计流程 以及 网站制作流程

2007-05-09 16:04:05  来源:http://www.mymoban.com
 
对于一个新手想拥有自己的网站来说,怎么样去做是一个问题。当然,你可以到新浪博客或者其他什么地方申请一个免费的个人主页,这是最方便实际的解决方法。

但是,这怎么是我们崇尚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可以用人家现成的,自己修改修改就可以了。

=============================================
9 7 3 1 2 4 8 :

责任编辑:
0
顶一下
0
踩一下
【 加入收藏 】 【 本文链接 】 【 邮件推荐 】 【 打印本页 】
Powered By Google
Google提供的广告
 相关文章
今日要闻
文字广告内容
精彩图文
关注排行
重点阅读
今日推荐
今日DIGG排行