在线首页设计怎么做-网页设计应该怎么做？

大致提纲如下:

○版面布局的窍门

○色彩的搭配

○字体的设置和表格的嵌套

○细微之处见功力

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

○设计好你的banner和位置

○meta标签的重要性

○首页设计的小建议

这里只是关于首页设计的一个引子。让我们来大致了解一下首页设计的步骤。

首页,从根本上说就是全站内容的目录,是一个索引。但只是罗列目录显然是不够的,如何设计好一个首页呢?一般的步骤是:

●确定首页的功能模块

●设计首页的版面

●处理技术上的细节

一).确定首页的功能模块。

首页的内容模块是指你需要在首页上实现的主要内容和功能。一般的站点都需要这样一些模块:

网站名称(logo),

广告条(banner),

主菜单(menu),

新闻(what's

new),

搜索(search),

友情链接(links),

邮件列表(maillist),计数器(count),

版权(copyright).

选择哪些模块,实现哪些功能,是否需要添加其他模块都是首页设计首先需要确定的。

二).设计首页的版面

在功能模块确定后,开始设计首页的版面。就象搭积木,每个模块是一个单位积木,如何拼搭出一座漂亮的房子,就看你的创意和想象力了。

设计版面的最好方法是:找一张白纸,一支笔,先将你理想中的草图勾勒出来,然后再用网页制作软件实现。

三).处理技术上的细节

制作的主页如何能在不同分辨率下保持不变形,如何能在IE和NC下看起来都不至于太丑陋,如何设置字体和链接颜色....等等。

首页设计是整个网站设计的难点和关键,总结出一套较为合理易学的设计方法,从而举一反三,使我们能够更加轻松的完成整个站点的设计制作。

在制作网站前端时,需要遵循一些设计规范;

① 使用当前最流行的设计理念

② 网页特效更具有趣味性,建议使用目前最流行的H5流动效设计。

③ 如果是需要制作营销型网站,那么首页内容要丰富,内页页面也不能沿用传统的固定格局,可以考虑多单独制版一些页面,这样更能体现公司实力。

④ 内页设计与栏目名对应的主题图片,应该每个栏目页均有一张Banner图;

⑤ 内页左侧制作相对应的二级栏目,增加访客良好体验;

⑥ 不出现文字错误和图片错误;

⑦ 对于可预料的内容进行提前设置,比如图片变形预案,字数多时页面会换行的解决办法;

⑧ 最后,网页编码时一定要按照W3C标准编写代码,这样才能让浏览器更好地阅读和展现网页。

1.确定网页的主体色调风格。

我们制作自己的网页首先应该对自己的网页有一个整体的规划,是建一个什么类型的网站,网站主色调使用哪种颜色、设计布局采用什么样的方式等这些都需要有一个很好的规划。

2.规划网站的整体布局――导航、按钮、图片、文字的排版方式。

做什么事都不能盲目的没有目的的进行,那样只能浪费时间浪费精力,在我们制作网页之前一定要对网页的基本元素进行一些设计。可以简单的画草图,或者浏览几个自己比较喜欢的网站学习借鉴。

3.准备和归类素材――图片、音频、视屏、文章等。

制作一个网页需要大量的文件,我们必须先将这些不同类型的文件进行归类放置,整理到一个文件夹中。

打开Dreamweaver软件,新建一个站点,然后在站点下建立不同的文件夹存放素材。

.4建立自己的主页,按照之前的定的风格设计布局。

不要急着添加图片和文字,先将导航栏,标题栏和内容栏都规划好然后在进行素材的导入。注意无论是文件夹的名还是素材名最好使用英文而不是中文。中文状态很容易报错,文件添加后就不要更改文件路劲了,否则会导致文件的丢失。

5.制作网页是一个非常复杂的过程,如果想从头到尾自己制作一个网页的话是很难说清楚的,所以这里就分享一个很简单的方法。

找到一个适合自己风格或是自己比较喜欢的网页,右击鼠标――另存为。

这时浏览器就会将这个网页中的所有的元素都复制下来,存放到一个文件夹中。

6.打开Dreamweaver软件代开刚刚下载的网页,这时Dreamweaver中就会显示你下载网页的所有元素,不会出现丢失的情况。

7.替换网页中的元素即可。

选择需要进行修改的图片或是文字直接更换即可。选择一个元素然后在下面的属性栏中进行更换即可。同时还可以更换图片的大小和其他的属性。

8.按下F12进行预览效果即可。不满意的地方进行修改,一定要注意随时保存文件。