A. 如何设计一个网站
网站设计对于网站来说是非常重要的,关乎到网站开发出来是否美观等问题,一般是需要专业的设计人员的。
1、网页设计第一步是做整体框架规划,比如网站需要哪些项目,需要做一个整体的目录。
2、然后是开始网页设计了,首先是网页的logo和头部,这一部分的难点就在于你的logo要怎么排布,按照网页视觉设计的标准,是要做一条标准参考线的。所以logo的位置非常重要。
3、接下来是我们的导航栏,我这里做的是最简单的,只是做展示。你要设计的是导航栏各项目的位置,按钮形状等。如果有搜索,也需要考虑在其中。
4、第三步是设计网站的banner,也就是所谓的视觉区。视觉区一般是要图片,因为图片可以让用户打开网站第一眼就了解你网站的定位,从而决定要不要继续浏览。你要设计的是banner的尺寸,如果要做幻灯片的话,会如何变化。
5、接下来设计的是内容区,根据不同的内容设置不同的展现方式。例如简介的话可以是一张图片加一段文字,如果是产品介绍的话,可以是多张图片+简介。
6、做好了主内容区,就剩下footer部分设计了。footer一般关系到网站的优化。footer部分包括的内容就根据不同的网页进行设计,例如展现你公司位置的地图,你想要体现的网站,甚至友链部分,都在这里。
7、当然,单纯静态页面很不好看。所以产品可能会要求做一些效果,例如悬浮窗,鼠标放上去后会实现动画效果等。对应的内容也需要网页设计进行制作。
B. 如何做出一个优秀的网站
首先在做一个网站之前,一定要将网站定位清楚,只有明确网站的建站方向,才能够做好一个网站。. 2. 网站栏目规划设计. 一个网站内容方向确定之后,网站的栏目规划,也是应该需要做好探讨,重点突出企业的品牌和形象,为企业创收,才是建站的意义。. 3.网站色调定位. 一个优秀的网站,必然色调搭配也能够很和谐,通过色彩的定位,这样在做图片设计的时候,才能够给浏览者更好的视觉感受。. 4. 网站原型图设计。
C. 你是如何设计一个网站的
用户打开网站之后的第一印象很重要,网站的风格一定程度上能够提升企业的格调和品牌形象,网站的风格也会有变化的,现在比较流行扁平化设计,可能过些年设计风格就变了,那个时候可能网站就要重新进行设计了。网站的局部也很重要,如果网站的布局很乱,内链设置很乱,对用户而言,很难有良好的用户体验。
如果一个网站的打开速度过慢,用户有很大的概率在网站还没打开之前就已经关闭了。所以一个网站的打开速度是非常重要的,这在建设网站初期购买服务器空间、开发等环节就要注意到,尽可能的保障网站的流畅性,提升用户体验才能更好的留住用户。
高质量的内容是留住用户的重要条件,用户在浏览网站时,能从网站中看到自己想要的,得到对自己有用的东西,网站才能更加有吸引力。
D. 怎么做一个网页好或者网站
随着互联网+的时代的不断发展,不同类型的网站比比皆是,人们的生活节奏也比之前快了很多,所以花在网站浏览上面的时间变得越来越少,这就对网站的浏览提出了非常高的要求。因此,想要吸引更多的用户,企业网站建设一定要讲究品质。那一个看似简洁高端的网站其实背后蕴藏非常多的细节,如何能做出高质量的网站,今天深圳网站建设就从建站流程上来剖析。
1、定位、策划
给网站一个方向,明确网站的定位。我们是做商城网站、官方网站、还是营销型网站等等。
明确网站定位之后,甲乙双方需要密切沟通,乙方网站公司方会根据甲方客户现有的产品、优势、以及提供的素材和对网站的要求做进一步的策划安排。
2、原型图
乙方会根据第一步的结果,出网站原型图。
原型图说来简单就是框线图-灰图配文字而已。但是这一步却也是非常烧脑并且考验网站公司过往经验和技术级别的。例如:要把网站的整体风格和企业的优势结合起来,还要考虑目前比价流行的网站元素,以及界面扁平化和尺寸控制。这些都做好之后,甲方确认进行下一步。
3、网页视觉设计/UI设计
设计师会根据原型图做视觉设计,首先会选定网站的基本配色。网站色调很多会根据客户logo来定,毕竟网站也是自己企业VI识别系统中重要的一员。优秀的设计师设计出来的项目,不仅简洁美观,更重要的是兼顾用户体验以及交互效果。用一句话形容甲方爸爸的满意度:我的标准是100分,你做的东西达到200分。这个过程是煎熬和破茧成蝶的过程。为什么煎熬来跟着深圳网站建设看看设计师曾经遇到过的问题。
甲方爸爸:这里我要换成黑色。
设计师:现在已经是黑色了啊。
甲方爸爸:我要的不是这个黑,是一个五彩斑斓的黑!
设计师:......
4、程序制作
切图完成进行程序开发。网特效其实不是越多越好,还要考虑具体的行业是否适合这些效果,客户体验感也是重要的标准,怎么样是吸引人的,让浏览网站的人在不经意当中对你的网站留下满意的印象。那想要了解更多关于网站的相关内容。
当然最基本的网站使用什么语音搭建,网站代码逻辑是否简洁严谨这些是最基础的了。好的程序员,会把页面及细节做到99%还原设计稿,并且体验感劲爽。
5、测试及验收
网站会先由程序员小哥哥检查网站细节bug。再经设计师过手,对比设计稿,看看有没有可以优化的细节。最后交由客服妹子复查网站的整体内容,没有问题交付甲方。
当然一稿是千年难遇的,一般还会经过二稿三搞的修改!问题全部解决之后网站就正式验收上线啦!
E. 如何建设一个好网站好网站的标准是什么
而是真正考虑到客户的实际情况,建设一个对客户真正有效果、有作用的网站,实现一个优异的投入产出比。 所以,本文引入一个新的词,就是网站职能。网站的职能,就是客户对网站能够实现的作用的概括。网站职能例如有:展示企业的形象、实力;方便客户了解产品、包装产品;客户服务等等。所以,一个好的网站,就是能够充分地发挥出在建设前,根据客户的需求所规划出来的各项职能。 大家可能会问,那么之前经常谈到的各项指标难道不是好网站的标准吗?比如说用户友好性、搜索引擎表现力、代码的优化度、系统的承载力、设计的美观度等等。其实,我们在具体建设网站的时候就会发现,通常一个网站无法全部用上这些网站建设的标准。那么没有用足标准的网站是不是就不是好网站了呢?显然这种看法是非常片面的。 所以,这些的网站建设标准其实是网站建设当中用到的手段和方法,在必要的时候进行使用就可以了,并不是所有的好网站就一定要完全参照这些标准的。 真正的标准就是这个网站是否能够完成它的职能,做到一个见效果的网站。 网站实现它的职能实际上是一个与访问者之间互动的过程。首先,访问者因为某些原因来到这个网站。然后,访问者在网站上进行浏览或者与网站进行互动。最后,访问者离开了。这个过程分成了三个环节,最重要的就是第一和第二个环节。 第一次来访的来源 = 公司自身推广 + 搜索引擎 + 口碑(他人传播)。 公司自身推广:公司投入人力物力对网站进行推广和宣传。 搜索引擎:网站的搜索引擎表现力强,并且网站上存在被访问者搜索的内容。 口碑(他人传播):网站上存在优秀的内容,被其他人进行传播或者推荐。 从这个公式当中,我们看到只有第一种公司自身的推广是一种额外的投入增加第一次来访的方式,其它两种都来自于这个网站自身的表现力。所以,如果这个网站能够有较好的搜索引擎表现力和里面的内容比较容易被其他人进行传播和推荐的时候,这个网站就是一个能够直接提升访问量的网站,也就是一个好网站。 再次来访 = 吸引人的内容 + 实用的帮助 + 长期的关系。 吸引人的内容:这个网站当中提供优秀的内容让访问者原因再次回访,关注更多的内容。 实用的帮助:这个网站提供某些功能和实用的内容供访问者在需要的时候再次前往获取。 长期的关系:网站通过建立起与访问者之间的关系,从而获得他们不断的来访。 所以,如果一个网站能够做到上面任意的几点,都可以有效地提升再次来访的人数,同样地提升了网站的访问人数,实现网站的作用和职能。 第二个环节是访问者与网站进行浏览和互动。这个时候,如果访问者马上发现网站内容不是自己想要的,就会立即离开。这样,网站自然无法发挥自己的职能了。所以,我们给第二个环节一个指标,就是转换率。转换率就是成功实现效果的访问者除以来访的人数。转换率直接表明了在第二个环节网站实现它的职能的能力如何。转换率越高,这个网站的效果越好。 什么要素和转换率相关呢?主要还是要看网站的职能是什么。但是我们看到发挥职能的对象是访问者,所以网站的转化率最为相关的就是要吻合访问者的需求和浏览习惯。所以,想要充分提升网站的效果,就一定要充分去分析访问者的情况,而不是由技术人员决定一个网站该如何去建设。在这里面,我们就要用到不少前面提到的网站建设方法的标准,例如用户友好度、设计原则、网站的性能等等。 总结地来说,一个网站是否优秀,衡量的标准就是它能否实现客户所要求的职能。
F. 怎么做一个好的网站
转的别人的 回答者:snowdoor - 见习魔法师 二级
网站中有哪些关键技巧?有哪些陷阱?在这里,世界上一流的网站设计专家,让你共享他们的秘密,告诉你:使网站赋予情趣的诀窍、应该避免做什么、应使用什么工具软件以及他们喜爱和厌恶的网站。
01 明确内容
如果你想成为一个网站设计者,并正想建一个网站的话,首先应该考虑网站的内容,包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。
02 抓住用户
如果用户不能够迅速地进入你的网站,或操作不便捷,网站设计就是失败的。不要让用户失望而转向你的对手的网站。
03 优化内容
内容是核心。大约在两年以前,企业网站就像一本广告册子,更槽糕的是,网站使用了大量的图片,似乎要几个世纪才能下载完。 Chanels网站(www.channels.co.uk)在设计的某些方面是成功的,但是内容太贪乏,并且要花很长时间才能找到所要的东西,因此不能算是一个成功的网站。
04 快速下载
没有什么比要花很长时间下载页面更槽糕的了。作为一条经验,一个标准的网页应不大于60K,通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。
05 网站升级
时刻注意网站的运行状况。性能很好的主机随着访问人数的增加,可能会运行缓慢。但是,如果你不想失去访问者的话,一定要仔细计划好你的升级计划。
06 坚持基本原则
即使你不懂HTML语言,你只需购买一个有版权的所见即所得的网页设计工具,如Adobe PageMill 或 Microsoft FrontPage Express,就可以创建一个看起来很合理的网站。但是,在设计时,这些软件包虽然不需要HTML,却使网站速度下降。 为了成功地设计网站,你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案,用Notepad制作网页。
07 学习HTML
用HTML设计网站,可以控制设计的整个过程。但是,如果你仅仅是网站设计的新手,你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中,HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式,以便你在把网站发送到Web之前,预览你的网站。
08 用笔画一个网站的框架
圣人云:笔比剑更强大。在用计算机之前,用笔画一个网站的框架,显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。
09 “在计算机上永远也找不到好的方案”。 ——专家忠告
10 网站地图
许多设计者把他们的网站地图放在网站上,这种做法,却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息,他们对于你的网站是如何工作的,并没有兴趣。如果你觉得你的网站需要地图,那很可能是需要改进你的导航和工具条。
11 “睁大你的眼睛,留意所有的事情。”
“对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素,确保你的设计是围绕站点浏览进行的。” ——专家忠告
12 点击规则
听说过3次点击规则吗?对于小型网站,在你的主页上,没有任何一条信息,需要点击次数超过3次的。对于大型网站,使用导航和工具条来改善操作。
13 特殊字体的应用
虽然你可以在你的HTML中使用特殊的字体,但是,你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面,在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性,这虽然允许你使用特殊的字体,但是仍需要一些变通的方法,以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题,但是只有最新版的浏览器才支持CSS。
14 “使用切合实际的简便的命名规则。” ——专家忠告
15 检查错别字
好的拼写是人们一生中重要的技能。但是遗憾的是,许多设计者都缺少这种技能。确保你拼写正确,并且格外注意平常容易误写的错别字。
16 避免长文本页面
在一个站点上有许多只有文本的页面,是令人乏味的,且也浪费Web的潜力。如果你有大量的基于文本的文档,应当以Adobe Acrobat格式的文件形式来放置,以便你的访问者能离线阅读。
17 不要使用卷滚条
人们厌恶在网上使用卷滚条。Trouble网站(www.Trouble.co.uk)是一个典型的设计很差的网站。它基于一个浮动的架构,为了阅读所有的文本,浏览者不得不使用卷滚条。
18 专家最喜爱的Web设计工具
1.Adobe Photoshop
2.Macromedia Flash
3.Adobe Illustrator
4.Adobe ImageRead
5.Dreamweaver
6.Macromedia Fireworks
7. Allaire Homesites
8.Microsoft Notepad
9. Macromedia Director
10. Lightwave
11. Macromedia Freehand
12.其它:Adobe Acrobat Exchange,Allaire ColdFusion,BBEdit,HTML Validator等。
19 网站介绍
你应当有一个很清晰的网站介绍,告诉访问者你的网站能够提供些什么,以便访问者能找到想要的东西。但是,许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息,这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。
20 “网站一旦发布,网站设计的优点和缺陷全都公布于世。没有什么方法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到更多的东西。” ——专家忠告
21 闪烁让人头痛
通过使用标识可以吸引访问者对你的主页特殊部分的注意,但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站,就少用此方法。
22 背景颜色
背景颜色也会产生一些问题,可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本,另外还应当坚持使用通用字体。
23 向前和向后按钮
应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条,使浏览者能够从每一页上访问网站的任何部分。
24 “坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习。” ——专家忠告
25 点击记数器
不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务,而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义,它们很容易被做假,浏览者也不想看广告。如果你显示你的网站是多么受欢迎,你最好提供一个链接,显示访问日志。
26 不要用框架
与记数器一样,框架在网页上越来越流行。在大多数网站上,在屏幕的左边有一个框架。但是设计者立刻就发现,在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是,搜索引擎常常被框架混淆,从而不能列出你的网站。
27 去掉图像
在浏览器中即使去掉了图像功能,也要保证访问者能够在你的网站上获得满意的效果。对于那些使用ISDN连接并且关掉了图像功能的访问者,还能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字,而不是图像来满足访问者的需要。
28 重复使用图像
一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会。在创建商标时,在网页上多次使用同样的图像是一个好的方法,并且一旦它们被装入,以后重新载入就会很快。
29 避免使用过大的图像
不要使用横跨整个屏幕的图像。避免访问者向右滚动屏幕。占75%的屏幕宽度是一个好的建议。
30 “避免使用炫耀的技巧。” ——专家忠告
31 选择使用Flash动画
许多使用比较慢的计算机的访问者发现动画图标很容易耗尽系统资源,使网站的操作变得很困难,因此,应该给用户一个跳过使用Flash动画的选择。
32 尽量少使用Flash插件
虽然许多Web设计者认为Flash功能很强大,并且Netscape5.0将支持Flash,在使用时不必再下载任何插件。 但是,最好还是取消使用Flash做各接口的想法。
33 让用户先预览小图像
如果不得不放置大的图像在网站上,就最好使用Thumbnails软件,把图像的缩小版本的预览效果显示出来,这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。
34 动画与内容应有机结合
确保动画和内容有关联。它们应和网页浑然一体,而不是干巴巴的。动画并不只是Macromedia Director等制作的东西的简单堆积。
35 慎用声音
声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢,同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣,但是多次以后肯定会很烦人。使用声音前,应该仔细考虑声音将会给你带来什么。
36 少用Java 和AxtiveX
在网页上应尽量少使用Java 和AxtiveX。因为并不是每一种浏览器都需要使用它,只有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac在处理Java时也存在问题,过分地使用Java,会使Mac崩溃。
37 设计成功的网站
www.bmw.co.uk ——内容和关联性很好
www.yugop.com ——图形下载很快
www.comicrelief.org.uk ——设计简单明了
www.dreamcast-europe.com www.newsunlimited.co.uk www.newbeetle.com www.swoon.com www.viact.co.uk
38 慎用插件
在Web设计中,如果依赖于一些特别的插件,会减少网站的吸引力。如果访问者没有所要求的插件,将不得不到其它站点去下载,这样访问者有可能就不会返回了。
39 使用着名的插件
如果网站上有声音或视频,要保证使用者通过使用某个知名的插件,能够听到或看到。许多站点使用QuickTime、RealPlay和 Shockwave插件。因为,许多访问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。
40 使用先进技术
跟上新的技术。Web技术的进步绝不会停止,所以应花一些时间来研究新产品和开发技术。
41 自己创建图像和声音
使用你自己创建的或从某个商业网站上下载的图像和声音。在制作商业网站时,应该花足够的资金来创建图形,以增强公司的宣传。
42 “无论是游戏、图像、动画还是电影,想想你喜欢的设计是怎样的,这将激发你的创作灵感,使你创作出新的和更好的网站。” ——专家忠告
43 平台的兼容性
要为用户着想,必须最少在一台PC 和一台Mac机上测试你的网站,看看兼容性如何。
44 用软件分析工具找错
使用软件分析工具检查HTML。软件分析工具Doctor HTML能够帮助检查HTML中的任何问题。如果你有许多网页需要检查,可选用软件分析工具。在网址www.weblint.org/validation.html中,你能够找到更多有效的HTML工具。
45 避免错误链接
网站中可能与其它一些有用的站点作了链接。但是,如果在你的网页上有链接,一定要经常检查它们,保证链接有效。链接的网站可能很多,但不要链接到与你的内容无关的网站上。
46 给观众成熟的东西
如果网站没有完成,就不要发送到Web上。所有好的网站都是在幕后完成之后再发布的。
47 在搜索引擎上登记网站
任何一个人发现你的网站的机会都很少,除非你把你的网站在主要的搜索引擎上进行登记。
48 设计一个留言板
浏览者愿意把时间花在好的网站上,所以最好有一个留言本,这能激励访问者再次回到你的网站,还有助于扩充网站内容。
49 测试网站
在你的网站正式发布之前,必须进行有用的测试。在设计网站时要使用最新的软件,但是不要忘了人们并不会使用最新的浏览器,所以要照顾到以前的浏览器。在上载网站时还要测试所有的链接和导航工具条。
50 “尽你所能反复测试所设计的网站,直到你不能发现新的东西为止。” ——专家忠告
51 演示即将发布的网站
在网站正式运行之前,让人演示它。演示中人们会告诉你所设计的网站是否容易使用。
52 动画点缀
网页上的动画最多只用一个
53 “倾斜的按钮看起来不会太好,最好不要使用。” ——专家忠告
54 内容组织
在开始创建新的网页前,仔细考虑网站内容的组织。决定好想让访问者浏览的内容,然后设计导航系统。
55 “空白万岁”
注意留空白。不要用图像、文本和不必要的动画GIFs来充斥网页,即使有足够的空间,在设计时也应该避免使用。
56 “利用空白去吸引注意力。为了吸引眼球,Web设计者使用各种方法,比如:闪烁、旋转等,但是利用空白会吸引更多的注意力。” ——专家忠告
57 图像压缩
为了保持小的图像,可以使用类似GIF向导的程序,它能自动对图像进行压缩。 先声明图像的大小,在图像显示之前最好能详细说明图像大小属性,可以在IMG标签中保存这个属性。这可以使网页显得很流畅,因为浏览器可以在图像被下载之前在屏幕上显示整个网页。
58 设计失败的网站
www.boo.com ——在它上面找一件T恤衫要花一个小时 www.miniheroes.co.uk ——不吸引人,主页太雷赘
www.saturn.com. ——设计太差
www.e13.com. ——没有新意
www.song.com. ——导航不知所云
59 图像大小属性,可以在IMG标签中保存这个属性。这可以使网页显得很流畅,因为浏览器可以在图像被下载之前在屏幕上显示整个网页。
60 用户注册
如果能知道谁浏览了网站以及是怎样浏览网站的,那么就能得到大量有用的信息。但是,要求访问者在浏览网站之前进行注册,这样做是要冒风险的,因为这将赶走一批不愿意注册的人。获得信息的另一种方法是进行有奖竞猜或金钱奖励,让用户能主动填一些信息反馈表。
61 使网站具有交互功能
在网站上提供一些回答问题的工具,使得访问者能从网站上获得交互的信息。
62 图片更新
尽可能经常更换网站上的图片,人们更愿意点击的是图片而不是文本。
63 在网站上提供游戏
游戏是很好的交互工具,它是使访问者能再次光顾网站的好方法。
64 挑选工具软件
仔细选择Web设计工具。保证使用自己最想要的、自我感觉最好的软件。
65 使用最新版本的软件
尽量使用Web设计软件的最新版本,还应当能被授权进行免费或便宜的升级。
G. 怎样设计好一个网站
第一,做网站,首先必须要解决的就是网站内容问题,即确定网站的主题。
对于内容主题的选择,要做到小而精,主题定位要小,内容要精。不要去试图制作一个包罗万象的站点,这往往会失去网站的特色,也会带来高强度的劳动,给网站的及时更新带来困难。
第二,选择好域名
域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站,其所有建设的价值,都凝结在其网站域名之上。失去这个域名,所有前期工作就将全部落空。
第三:掌握建网工具
网络技术的发展带动了软件业的发展,所以用于制作Web页面的工具软件也越来越丰富。从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具,各种各样的Web页面制作工具,网站制作者需了解W3C的HTML4.0规范、CSS层叠样式表的基本知识、javascript、VBScript的基本知识。对于常用的一些脚本程序如ASP、CGI、PHP也要有适当了解,还要熟练使用图形处理工具和动画制作工具以及矢量绘图工具,并能部分了解多种图形图像动画工具的基本用法,熟练使用FTP工具以及拥有相应的软硬件和网络知识也是必备的
第四:确定网站界面
界面就是网站给浏览者的第一印象,往往决定着网站的可看性,在确定网站的界面时要注意以下三点:
①栏目与板块编排
构建一个网站就好比写一篇论文,首先要列出题纲,才能主题明确、层次清晰。网站建设初学者,最容易犯的错误就是:确定题材后立刻开始制作,没有进行合理规划。从而导致网站结构不清晰,目录庞杂混乱,板块编排混乱等。结果不但浏览者看得糊里糊涂,制作者自己在扩充和维护网站也相当困难。所以,我们在动手制作网页前,一定要考虑好栏目和板块的编排问题。
网站的题材确定后,就要将收集到的资料内容作一个合理的编排。比如,将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质是一个网站的大纲索引,索引应该将网站的主体明确显示出来。在制定栏目的时候,要仔细考虑,合理安排。在栏目编排时需要注意的是:
●尽可能删除那些与主题无关的栏目;
●尽可能将网站内最有价值的内容列在栏目上;
●尽可能从访问者角度来编排栏目以方便访问者的浏览和查询;辅助内容,如站点简介、版权信息、个人信息等大可不必放在主栏目里,以免冲淡主题。
另外,板块的编排设置也要合理安排与划分。板块比栏目的概念要大一些,每个板块都有自己的栏目。举个例子:ENET硅谷动力(www.enet.com.cn)的站点分新闻、产品、游戏、学院等板块,每个板块下面又各有自己的主栏目。一般来说,个人站点内容较少,只要分个栏目也就够了,不需要设置板块。如果有必要设置板块的,应该注意:
●各板块要有相对独立性;
●各板块要有相互关联;
●各板块的内容要围绕站点主题;
②目录结构与链接结构
网站的目录是指建立网站时创建的目录。例如:在用Frontpage建立网站时都默认建立了根目录和Images子目录。目录的结构是一个容易忽略的问题,大多数站长都是未经规划,随意创建子目录。目录结构的好坏,对浏览者来说并没有什么太大的感觉,但是对于站点本身的维护,以后内容的扩充和移植有着重要的影响。所以建立目录结构时也要仔细安排,比如:
●不要将所有文件都存放在根目录下。有网站制作者为了方便,将所有文件都放在根目录下。这样就很容易造成:文件管理混乱,搞不清哪些文件需要编辑和更新,哪些无用的文件可以删除,哪些是相关联的文件,影响工作效率;上传速度变慢,服务器一般都会为根目录建立一个文件索引,如果将所有文件都放在根目录下,那么即使只上传更新一个文件,服务器也需要将所有文件再检索一遍,建立新的索引文件,很明显,文件量越大,等待的时间也将越长。
●按栏目内容建立子目录。子目录的建立,首先按主栏目建立。友情连接内容较多,需要经常更新的可以建立独立的子目录。而一些相关性强,不需要经常更新的栏目,例如:网站简介、站长情况等可以合并放在一个统一目录下。所有程序一般都存放在特定目录,例如:CGI程序放在cgi-bin目录,所有提供下载的内容也最好放在一个目录下,便于维护管理。
●在每个主目录下都建立独立的Images目录。一般来说,一个站点根目录下都有一个默认地Images目录。将所有图片都存放在这个目录里很是不方便,比如在栏目删除时,图片的管理相当麻烦。所以为每个主栏目建立一个独立的Images目录是方便管理的。原因很简单,就是方便维护与管理。
其它需要注意的还有:目录的层次不要太深,不要超过3层;不要使用中文目录,使用中文目录可能对网址的正确显示造成困难;不要使用过长的目录,太长的目录名不便于记忆;尽量使用意义明确的目录,以便于记忆和管理。
网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上,但可以跨越目录。形象的说:每个页面都是一个固定点,链接则是在两个固定点之间的连线。一个点可以和一个点连接,也可以和多个点连接。更重要的是,这些点并不是分布在一个平面上,而是存在于一个立体的空间中。一般的,建立网站的链接结构有两种基本方式:
●树状链接结构(一对一),这类似DOS的目录结构,首页链接指向一级页面,一级页面链接指向二级页面。这样的链接结构浏览时,一级级进入,一级级退出,条理比较清晰,访问者明确知道自己在什么位置,不会“不知身在何处”,但是浏览效率低,一个栏目下的子页面到另一个栏目下的子页面,必须回到首页再进行。
●星状链接结构(一对多),类似网络服务器的链接,每个页面相互之间都建立有链接。这样浏览比较方便,随时可以到达自己喜欢的页面。但是由于链接太多,容易使浏览者迷路,搞不清自己在什么位置,看了多少内容。
因此,在实际的网站设计中,总是将这两种结构混合起来使用。网站希望浏览者既可以方便快速地达到自己需要的页面,又可以清晰地知道自己的位置。所以,最好的办法是:首页和一级页面之间用星状链接结构,一级和二级页面之间用树状链接结构。关于链接结构的设计,在实际的网页制作中是非常重要一环,采用什么样的链接结构直接影响到版面的布局。
H. 怎样建设一个好的企业网站
第一步:做好企业网站的备案
现在企业网站服务器在国内的,一般都是先备案在筹建网站;或者网站备案和筹建网站同时进行,但需要注意的是,网站备案一定要在网站上线前准备好,因为在域名备案期间,网站是不允许运营的。如果您试用的是国内的服务器,那么网站备案一定要先行;服务器在国外的,就另外说。不过还是建议做好企业网站备案,因为有备案的企业网站在可信度和访问速度上都有很大的优势。
第二步:选择服务稳定、价格合适的服务器
如果企业网站选择在国内备案,可以通过阿里云平台,按照说明进行上传和邮寄资料就可以了。如果企业网站在备案上面有问题,也可以选择国外的服务器,不过就服务稳定性和速度方面,国内的是更高一筹的。
第三步:企业网站建站前的准备
在企业网站建站前的准备做好之后,就可以开始着手搭建网站了。如果你的团队已经具备一些技术能力,就可以按照需求个性化的开发和建设自己的企业网站。如果技术方面不允许,可以使用开源系统,比如织梦、帝国等,进行企业网站的建设。
第四步:内容的添加
在企业网站各项功能开发好之后,就可以围绕一个核心主题进行添加。如果企业希望通过企业网站对品牌和公司进行推广,那就需要用按照用户和企业自身的需求进行网站搭建。这样之后,从专业领域进行思考,开始内容的添加。
在企业网站内容添加后,上线之后,就可开始企业网站准备长期的运营、管理和优化了。上面介绍的这些就企业网站做网站的步骤,如果你从零开始学建站,大体的操作步骤还是需要了解下的。
I. 怎么设计网站
随着网络技术的不断发展,网络应用已经渗透到人类社会的各个角落。作为网络世界的支撑点的网站,更是人们关注的热点:政府利用网站宣传自己的施政纲领,日益成为与百姓交流的直通车;企业利用网站宣传自己的形象,挖掘无限商机;个人利用网站展示个性风采,创建彼此沟通的桥梁。越来越多的人希望拥有网站,开辟网络世界里的一片天地。如何设计一个出色的网站呢?关于这个问题,人们讨论的很多,可以讨论的内容也很多,加之网络技术的飞速发展,很难提出一个绝对权威和正确的设计思路,笔者不才,根据自己的设计体
会,总结出以下基本设计思路:
一、定位网站的主题和名称
网站的主题也就是网站的题材,网站设计开始首先遇到的问题。网站题材千奇百怪,琳琅满目,只要想的到,就可以把它制作出来。下面是美国《个人电脑》杂志(PC Magazine)评出的99年度排名前100位的全美知名网站的十类题材:
第1类:网上求职
第2类:网上聊天/即时信息/ ICQ
第3类:网上社区/讨论/邮件列表
第4类:计算机技术
第5类:网页/网站开发
第6类:娱乐网站
第7类:旅行
第8类:参考/资讯
第9类:家庭/教育
第10类:生活/时尚
每个大类都可以继续细分,比如娱乐类再分为体育/电影/音乐等小类,音乐又可以按格式分为MP3,VQF,Ra等,按表现形式分古典,现代,摇滚等。同时,各个题材相联系和交叉结合可以产生新得题材,例如旅游论坛(旅游+讨论),经典入球播放(足球+影视)按这样分下去,题材可以有成千上万种。这么多题材,如何选择呢?遵循的原则如下:
1、主题要小而精
定位要小,内容要精。如果你想制作一个包罗万象的站点,把所有你认为精彩的东西都放在上面,那么往往会事与愿违,给人的感觉是没有主题,没有特色,样样有,却样样都很肤浅,因为你不可能有那么多的精力去维护它。网站的最大特点就是新和快,目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示,网络上的"主题站"比"万全站"更受人们喜爱,就好比专卖店和百货商店,如果我需要买某一方面的东西,肯定会选择专买店。
2、题材最好是你自己擅长或者喜爱的内容
比如:你擅长编程,就可以建立一个编程爱好者网站;对足球感兴趣,可以报道最新的战况,球星动态等。这样在制作时,才不会觉得无聊或者力不从心。兴趣是制作网站的动力,没有热情,很难设计制作出优秀的网站。
3、题材不要太滥或者目标太高。
"太滥"是指到处可见,人人都有的题材;比如软件下载,免费信息。"目标太高"是指在这一题材上已经有非常优秀,知名度很高的站点,你要超过它是很困难的。
如果题材已经确定以后,就可以围绕题材给网站起一个名字。网站名称,也是网站设计的一部分,而且是很关键的一个要素。你来看,"电脑学习室"和"电脑之家"显然是后者简练;"迷笛乐园"和"MIDI乐园"显然是后者明晰;"儿童天地"和"中国幼儿园"显然是后者大气。我们都知道PIII的中文名称"奔腾",如果改为"奔跑",可能就没有今天这么"火"了。和现实生活中一样,网站名称是否正气,响亮,易记,对网站的形象和宣传推广也有很大影响。我的建议是:
1、名称要正
其实就是要合法,和理,和情。不能用反动的,色情的,迷信的,危害社会安全的名词语句。
2、名称要易记
最好用中文名称,不要使用英文或者中英文混合型名称。另外,网站名称的字数应该控制在六个字(最好四个字)以内,四个字的也可以用成语。字数少还有个好处,适合于其他站点的链接排版。
3、名称要有特色
名称平实就可以接受,如果能体现一定的内涵,给浏览者更多的视觉冲击和空间想象力,则为上品。例如:音乐前卫,网页陶吧,e书时空等。在体现出网站主题的同时,能点出特色之处。
二、定位网站的CI形象
所谓CI(corporate identity),意思是通过视觉来统一企业的形象。一个杰出的网站,和实体公司一样,需要整体的形象包装和设计。准确的,有创意的CI设计,对网站的宣传推广有事半功倍的效果。具体的做法是:
1、设计网站的标志(logo)
就如同商标一样,标志是你站点特色和内涵的集中体现,看见标志就让大家联想起你的站点。标志的设计创意来自你网站的名称和内容:
(1)网站有代表性的人物、动物、花草等,可以用它们作为设计的蓝本,加以卡通化和艺术化,例如迪斯尼的米老鼠,搜狐的卡通狐狸等等。
(2)网站有专业性的,可以以本专业有代表的物品作为标志。比如中国银行的铜板标志,奔驰汽车的方向盘标志等等。
(3)最常用和最简单的方式是用自己网站的英文名称作标志。采用不同的字体,字母的变形,字母的组合可以很容易制作好自己的标志。
2、设计网站的标准色彩
网站给人的第一印象来自视觉冲击,确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。举个实际的例子就明白了:IBM的深蓝色,肯得基的红色条型,windows视窗标志上的红蓝黄绿色块,都使我们觉得很贴切,很和谐。"标准色彩"是指能体现网站形象和延伸内涵的色彩。一般来说,一个网站的标准色彩不超过3种,太多则让人眼花缭乱。标准色彩要用于网站的标志,标题,主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用,只是作为点缀和衬托,绝不能喧宾夺主。适合于网页标准色的颜色有:蓝色,黄/橙色,黑/灰/白色三大系列色,要注意色彩的合理搭配。
3、设计网站的标准字体
和标准色彩一样,标准字体是指用于标志,标题,主菜单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的"与众不同"和特有风格,我们可以根据需要选择一些特别字体。例如,为了体现专业可以使用粗仿宋体,体现设计精美可以用广告体,体现亲切随意可以用手写体等等。
4、设计网站的宣传标语
也可以说是网站的精神,网站的目标。用一句话甚至一个词来高度概括。类似实际生活中的广告金句。例如:鹊巢的"味道好极了";麦斯威尔的"好东西和好朋友一起分享";Intel的"给你一颗奔腾的心"等等。
三、确定网站的栏目
建立一个网站好比写一篇文章,首先要拟好提纲,文章才能主题明确,层次清晰。如果网站结构不清晰,目录庞杂,内容东一块西一块。结果不但浏览者看得糊涂,自己扩充和维护网站也相当困难。网站的题材确定后,并且收集和组织了许多相关的资料内容,但如何组织内容才能吸引网友们来浏览网站呢?栏目的实质是一个网站的大纲索引,索引应该将网
站的主体明确显示出来。一般的网站栏目安排要注意以下几方面:
1、要紧扣主题
将你的主题按一定的方法分类并将它们作为网站的主栏目。主题栏目个数在总栏目中要占绝对优势,这样的网站显的专业,主题突出,容易给人留下深刻印象。
2、设立最近更新或网站指南栏目
设立"最近更新"的栏目,是为了照顾常来的访客,让你的主页更有人性化。如果主页内容庞大,层次较多,而又没有站内的搜索引擎,设置"本站指南"栏目,可以帮助初访者快速找到他们想要的内容。
3、设立可以双向交流的栏目
比如论坛,留言本,邮件列表等,可以让浏览者留下他们的信息。
4、设立下载或常见问题回答栏目
网络的特点是信息共享。如在你主页上设置一个资料下载栏目,便于访问者下载所需资料。另外,如果站点经常收到网友关于某方面的问题来信,最好设立一个常见问题回答的栏目,既方便了网友,也可以节约自己更多时间。
四、确定网站的目录结构
网站的目录是指你建立网站时创建的目录。例如:在用frontpage98建立网站时都默认建立了根目录和images(存放图片)子目录。目录结构的好坏,对浏览者来说并没有什么太大的感觉,但是对于站点本身的上传维护,内容未来的扩充和移植有着重要的影响。下面是建立目录结构的一些建议:
1、不要将所有文件都存放在根目录下,会造成文件管理混乱
你常常搞不清哪些文件需要编辑和更新,哪些无用的文件可以删除,哪些是相关联的文件,影响工作效率。另外,上传速度慢。服务器一般都会为根目录建立一个文件索引。当您将所有文件都放在根目录下,那么即使你只上传更新一个文件,服务器也需要将所有文件再检索一遍,建立新的索引文件。很明显,文件量越大,等待的时间也将越长。所以,尽可能减少根目录的文件存放数。
2、按栏目内容建立子目录
子目录的建立,首先按主菜单栏目建立。例如:企业站点可以按公司简介,产品介绍,价格,在线定单,反馈联系等建立相应目录。其他的次要栏目,类似what's new,友情连接内容较多,需要经常更新的可以建立独立的子目录。而一些相关性强,不需要经常更新的栏目,例如:关于本站,关于站长,站点经历等可以合并放在一个统一目录下。所有程序一般都存放在特定目录。例如:CGI程序放在cgi-bin目录。所有需要下载的内容也最好放在一个目录下。
3、在每个主栏目目录下都建立独立的images目录
为每个主栏目建立一个独立的images目录是最方便管理的。而根目录下的images目录只是用来放首页和一些次要栏目的图片。
4、目录的层次不要太深
目录的层次建议不要超过3层,维护管理方便。
5、不要使用中文目录
6、不要使用过长的目录
五、确定网站的链接结构
网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上,但可以跨越目录。建立网站的链接结构有两种基本方式:
1、树状链接结构
类似DOS的目录结构,首页链接指向一级页面,一级页面链接指向二级页面。这样的链接结构浏览时,一级级进入,一级级退出。优点是条理清晰,访问者明确知道自己在什么位置,不会"迷"路。缺点是浏览效率低,一个栏目下的子页面到另一个栏目下的子页面,必须绕经首页。
2、星状链接结构
类似网络服务器的链接,每个页面相互之间都建立有链接。这种链接结构的优点是浏览方便,随时可以到达自己喜欢的页面。缺点是链接太多,容易使浏览者迷路,搞不清自己在什么位置,看了多少内容。
这两种基本结构都只是理想方式,在实际的网站设计中,总是将这两种结构混合起来使用,达到比较理想的效果。比较好的方案是:首页和一级页面之间用星状链接结构,一级和以下各级页面之间用树状链接结构。
六、设计网站的整体风格
风格(style)是抽象的,是指站点的整体形象给浏览者的综合感受。这个"整体形象"包括站点的CI(标志,色彩,字体,标语),版面布局,浏览方式,交互性,文字,语气,内容价值,存在意义,站点荣誉等等诸多因素。举个例子:我们觉得网易是平易近人的,迪斯尼是生动活泼的,IBM是专业严肃的,这些都是网站给人们
留下的不同感受。
风格是独特的,是站点不同与其他网站的地方。或者色彩,或者技术,或者是交互方式,能让浏览者明确分辨出这是你的网站独有的。例如新世纪网络的黑白色,网易壁纸站的特有框架,即使你只看到其中一页,也可以分辨出是哪个网站的。
风格是有人性的。通过网站的外表,内容,文字,交流可以概括出一个站点的个性,情绪。是温文儒雅,是执着热情,是活泼易变,是放任不羁。像诗词中的"豪放派"和"婉约派",你可以用人的性格来比喻站点。如何树立网站风格呢?我们可以分这样几个步骤:
1、确信风格是建立在有价值内容之上
一个网站有风格而没有内容,就好比绣花枕头一包草,好比一个性格傲慢但却目不识丁的人。你首先必须保证内容的质量和价值性,这是最基本的。
2、你需要彻底搞清楚自己希望站点给人的印象是什么
可以从这几方面来理清思路:
a.如果只用一句话来描述你的站点,应该是:()
参考答案:有创意,专业,有(技术)实力,有美感,有冲击力
b.想到你的站点,可以联想到的色彩是:()
参考答案:热情的红色,幻想的天蓝色,聪明的金黄色
c.想到你的站点,可以联想到的画面是:()
参考答案:一份早报,一辆法拉利跑车,人群拥挤的广场,杂货店
d.如果网站是一个人,他拥有的个性是:()
参考答案:思想成熟的中年人,狂野奔放的牛仔,自信憨厚的创业者
e.作为站长,你希望给人的印象是:()
参考答案:敬业,认真投入,有深度,负责,纯真,直爽,淑女
f.用一种动物来比喻,你的网站最像:()
参考答案:猫(神秘高贵),鹰(目光锐利),兔子(聪明敏感),狮子(自信威信)
g.浏览者觉得你和其他网站的不同是:()
参考答案:可以信赖,信息最快,交流方便,
h.浏览者和你交流合作的感受是:()
参考答案:师生,同事,朋友,长幼。
你可以自己先填写一份答案,然后让其他网友填写。比较后的结果会告诉你:你网站现在的差距,弱点及需要改进的地方。
3、在明确自己的网站印象后,开始努力建立和加强这种印象
经过第二步印象的"量化"后,你需要进一步找出其中最有特色特点的东西,就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化,宣传。以下做法可作参考:
(1)将你的标志logo,尽可能的出现在每个页面上。或者页眉,或者页脚,或则背景。
(2)突出你的标准色彩。文字的链接色彩,图片的主色彩,背景色,边框等色彩尽量使用与标准色彩一致的色彩。
(3)突出你的标准字体。在关键的标题,菜单,图片里使用统一的标准字体。
(4)想一条朗朗上口宣传标语。把它做在你的banner里,或者放在醒目的位置,告诉大家你的网站的特色是...。
(5)使用统一的语气和人称。即使是多个人合作维护,也要让读者觉得是同一个人写的。
(6)使用统一的图片处理效果。比如,阴影效果的方向,厚度,模糊度都必须一样。
(7)创造一个你的站点特有的符号或图标。
(8)用自己设计的花边,线条,点。
(9)展示你网站的荣誉和成功作品。
(10)告诉网友关于你的真实的故事和想法。风格的形成不是一次定位的,你可以在实践中不断强化,调整,修饰。
七、总结:
网站设计充满无穷魅力,仅靠一篇文章无法穷尽其中的奥秘。这条设计思路不一定完全适合于每个设计者,也不可能完全适合于各种设计的实际情况,全当抛砖引玉。仁者见仁,智者见智,希望更多优秀的网站出自于你我的手。文章中错误之处,望批评指正。
八、参考书目
1、《网页标题制作技巧与实例》--吕少华--清华大学出版社
2、《FrontPage 2000从入门到精通》--成栋等译--电子工业出版社
3、《Web可用性设计》--〔美〕Jakob Nielsen着--人民邮电出版社
4、《网站架构与美工黄金组合》--天蓝工作室着--人民邮电出版社
5、《网页设计与网站开发---HTML网页制作网站开发完全实战》--伍梵华--航空工业出版社
6、《广告制作》--樊志育--人民邮电出版社
J. 如何设计一个好的网页
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。 四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool 3d、Gif Animator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。
五、制作网页
材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。
六、上传测试
网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有FTP功能,利用这些FTP工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友,让他们来浏览。
七、推广宣传
网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
八、维护更新
网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者