长沙鼎誉网科教你如何设计出一个优秀的网站 |
|
文章作者:鼎誉网科 发布时间:2011/4/9 浏览次数:10111 『打印此页』『收藏此页』 |
1。了解网站的主题,清楚地显示该网站的内容和浏览群的情况
想建立一个网站,是用户有用的网站,首先应该考虑网站的内容和网站功能,用户需要什么?他们如何快速,方便地找到你所想要的吗?作为一个在设计的时候网站设计者应紧紧围绕这一领域。如果用户不会很快得到他们想要的,或您的Web站点操作不方便,那么这个网站是一个失败。用户可能会失望了,可能永远不会再登录到您的网站。一个小例子:如果你想分享方面的网站,但网站是12px文字的字体大小,你想,现在退休了,老人,股票的数量不是一个小数目,即使您的网站内容,然后无论多么辉煌,他们看不到前方放大镜显示在您的网站上,只能让你成为了大量用户的损失。
2。合理的颜色
对于一个网页设计师,设计过程是痛苦和幸福,明确以什么样的网站,应反映的主题是较为合理的经过颜色的选择和布局的过程。个人认为,如果不是制作个性化网站超弦理论,那么颜色并不难。首先,明确了主色调。事实上,色彩行业的特点是不是很沉重,但人们对一个已经造成了行业协会和诸如馆网站的颜色,做客设备行业的看法,当然不能是红色,为什么?事实上,植根于人类感知,因为我们都同意,红色是一种喜庆色彩的一种,因此不符合客人仪器博物馆。喜欢蓝色一般用在更好的技术或技术为基础的网站,该网站在女性方面的使用,以及良好的粉红色。其次,二次色和眼睛的颜色来看,一个网站证实,主色,辅色和点缀必须有更多的相同的颜色和相邻的配色使用颜色,间色。在相同的颜色,改变了主色透明度,饱和度,减轻或变暗的网页接近匹配的是由在色轮上相近颜色的主色采取了诸如红色和橙色。点与主色眼睛之间有较大的区别一般的色彩,为了更符合一般的网页或按钮,其作用的重要内容,以吸引用户浏览,清晰的页面提供的视觉疲劳,眼睛色点的合理使用,为了避免过多的出现,否则就会适得其反。
3。一个良好的网页布局
页面布局应把握的内容明确的优先次序,协调清洁和尊重用户的视觉习惯,合理安排内容。用户所要显示在第一战线尽可能,铭记可能引导用户的行为。常言道:好的坏的书面内存在一个web界面的设计,首先要对网站的设计规划图铅笔素描,达到预期的效果,然后使用绘图软件,创建和修改。细节决定成功或失败的设计实施计划,尽量减少使用大块的色彩,突出了导航,论坛是清晰,简洁,干净整洁和协调,以取得成果。是添加导航栏的示例,鼠标结果;页彩色线,避免过多;轮廓阴影不要明显,若有若无 好的,适当的插图,网站论坛,一个合理的规模和统一的间距,文字的风格统一同一水平;对生命的尊重来实现(如耀眼的光芒那边,那边有点短,另外一个例子,一个物体周围的丝带,转折点应略圆,略突出的阴影)物理特性逼真的效果... ...
当制作效果图确认页面后,我们将开始的HTML网页制作。
4。网页标题和元
网页标题和元不应与基础和内容页面的一部分可能是,并非所有的站使用的形式,关键字可以不加,对搜索引擎的影响不大,关键字堆避免切割头标记。
5.h1 - h6的标签使用
H1标签的网页只能使用一次。在一个网站的首页,频道页,列表页,H1标签是用于网站名称,频道名称,列清单的名称,但在一个网站的一篇文章详细信息页面,H1标签必须使用文章的标题。的H2 - h6的标签可以重复使用的一个页面,然后单击以符合网站的层次结构。
6.css文件
尝试导入一个带有链接外部CSS文件,写一个复位经常用自己的css样式reset.css。避免使用* {}。写在作风,减少文件大小,可以使用类的定义中定义的ID减少使用,以避免不同的浏览器的使用CSS Hack技巧万元可能没有这样做。
7。优化的背景
除了以外的图像的使用在CSS文件中定义,框架网页的实际内容,根据实际为背景,合并,以改善加载速度。 好不要做一个更大范围非常小的图像瓷砖。
8.div + CSS布局,减少嵌套页
杂七杂八的CSS布局的目的是为了减少页面的代码,以便明确的网站,内容和形式的层次结构可以分开。不仅降低了嵌套搜索引擎友好,也有利于减少页面大小更方便修改后的维护。
9。 js的优化网页
js的文件可以合并为一个单一的,大规模的流通和减少参考,以改善增加的负载和速度过高的水平。
10。为了避免死链接和空中连接
对于用户来说,如果你点击了一篇文章,他们想开一个“页面无法显示”多少挫折那将是什么。
11。适当的文字和图形,毛
不要刻意填满你的图片的网站,搜索引擎可以得到另外的ALT属性,他们不知道该图片。在用图片的地方,有助吸引旅客,消除疲劳看起来很棒撰写文章。
12。网页图片的要求
网络与ALT属性,宽度和高度属性的图像,而不是刻意压缩图像,以确保图片显示不变形。
13。在不同的浏览器来测试您的网站。
为了让更多的人访问您的网站内容,请使用不同的主流浏览器来测试您的网页,确保您的网站能够正常工作。
14。通过W3C验证。
|
|
|
|
【返回上一页】【到顶层】【关闭此页】 |