网页设计:如何确定网站栏目

 更新时间:2017年7月6日 23:35  点击:1378

建立一个网站好比写一篇文章,首先要拟好提纲,文章才能主题明确,层次清晰。如果网站结构不清晰,目录庞杂,内容东一块西一块。结果不但浏览者看得糊涂,自己扩充和维护网站也相当困难。网站的题材确定后,并且收集和组织了许多相关的资料内容,但如何组织内容才能吸引网友们来浏览网站呢?栏目的实质是一个网站的大纲索引,索引应该将网 站的主体明确显示出来。一般的网站栏目安排要注意以下几方面:

  1、要紧扣主题

  将你的主题按一定的方法分类并将它们作为网站的主栏目。主题栏目个数在总栏目中要占绝对优势,这样的网站显的专业,主题突出,容易给人留下深刻印象。

  2、设立最近更新或网站指南栏目

  设立"最近更新"的栏目,是为了照顾常来的访客,让你的主页更有人性化。如果主页内容庞大,层次较多,而又没有站内的搜索引擎,设置"本站指南"栏目,可以帮助初访者快速找到他们想要的内容。

  3、设立可以双向交流的栏目

  比如论坛,留言本,邮件列表等,可以让浏览者留下他们的信息。

  4、设立下载或常见问题回答栏目

  网络的特点是信息共享。如在你主页上设置一个资料下载栏目,便于访问者下载所需资料。另外,如果站点经常收到网友关于某方面的问题来信,最好设立一个常见问题回答的栏目,既方便了网友,也可以节约自己更多时间。

我们早已知道,网站的质量在Google中起关键作用。高级Google工程师Matt Cutts在他的blog中多次提到,“优质”对于Google至关重要,无论是内容还是连接。

不过,创建内容和连接并不一定要经历痛苦的过程。网站搭建者们开始趋于从某些角度考虑如何组织内容。所以,让我们放开创新的思维,来想一想所有这些给网站添加优质内容的方法吧。

请先记住以下几点:

  • 你只是被你自己的想法和你的网站限制住了。尝试着往完全不同的方向探索一下。
  • 你的网站内容应该是写给你的顾客看,而不是给你。网站内容也不是写给搜索引擎的,它们不是你的目标群体。
  • 把你的网站想象成一幅完整的画,一个有生命的会呼吸的整体。它会持续成长,而不是停滞不前。

现在我们进入正题了:面向目标群体的优质内容。

1、事件日历。对于房地产网站,它可用于展示新开房屋信息;对于在线书店,可用于介绍新书签名会、作者见面会等;对于收藏类网站,可用于介绍最近的聚会活动等……确保访客能添加他们自己的事件到日历中去。

2、地图。考虑给房地产网站、捕猎/捕鱼网站、露营网站、酒店或者其他任何户外休闲网站建一个地图。在地图的底部添加内容来描述该地图并说明它的意图。

3、售前/售后经历。如果你的顾客能就你提供的产品或服务写一小段文字,或者探讨你的产品/服务带来的好处,就再好不过了。你可以把它们作为成功的证明放在网站上。

4、来自顾客的图片。你可以为已有顾客设立一个特别的地方,让他们能够在你的网站贴出自己的图片和日志等等。这个方法比较适合度假网站、休闲网站、婚姻网站、宝宝网站、摄影工作室等等。想一想,在Halloween网站该怎么做?花卉网站呢?

5、在线填色画。发挥你的想象力。如果你将一些度假物品做成填色画,孩子们就可以在旅程开始前给它们填完色然后 贴到他们在网上专有的版块。旅程结束后,他们的父母又可以贴上度假的图片和日志。这样,一个属于他们的度假纪念“网站”(其实完全是建立在你的网站上)就 成为了你这个度假网站的招牌。他们会怎么使用这个“网站”呢?他们会告诉朋友、爷爷奶奶、叔叔婶婶等等。他们会在其他地方给这个“网站”做连接。你可以把 这个招牌作为独特的核心卖点来跟对手竞争。你将会获得以往顾客过来的连接和未来顾客的浏览。你会赢得优势。如果网站可以作孩子们的文章,你可以想很多增添 填色画的方法,或者类似的针对孩子的创造性活动。

6、blog或论坛当然会给网站增添新内容。

7、令你的目标群体感兴趣的文章或者新页面。有规律的写出新内容——你的目标应该是每周1-2篇。

8、在站内主页展示专家问答。请个专家来回答问题,然后每周在主页贴出一问一答(或者每天都贴出,自由控制)。把站上以往的问答做个可搜索的归档。

9、产品评测。如果你的行业有产品或软件需要评测,可考虑写一些公正的评测文章。将文章发布到自己的网站和在线 刊物上。读者永远都会对完整的公正评测感兴趣,因为作者不失偏颇的列出产品的优点与弱点。如果你手头的是风景区业务,应该如何去“评测”呢?作为专家的你 将会使用什么产品呢?为什么?

10、小提示。如果你的产品或服务适合用小提示,就写一个系列并把它们发布到你的网站上。作为新闻信来发送。邀请使用你的产品的读者也来写小提示/技巧,如果他们提交过来,就给他们一些购买其他产品的优惠/折扣。

11、常见问题。常见问题(FAQ)是你的目标群体想要了解的内容。当你从读者那里收到提问,就在FAQ里面添加新的问答内容,使它保持更新。

12、使用手册/指引。人们喜欢看使用手册。如果你正在线销售抽水马桶部件,为何不写一份关于“如何在卫生间安 装抽水马桶”的指导手册呢?为你的顾客提供便利,客人就会源源不断。撰写一系列的使用手册。做一个网络上的“厕所超人”。听着这好像不够有魅力,不过如此 一来你就会被高度关注,并能将网站访问流量转化为销售,你会在互联网以外魅力十足。

13、能够解决实际问题的内容。人们为何访问互联网?为了寻找信息或者对比购物。如果你能为你的访客解决这些问 题,就帮他们达到了目的。举例说,你在卖东方的小毯子。你的潜在顾客可能正寻求点子如何装饰她的办公室。她的办公室很狭小,她想要增加点颜色。墙壁的大部 分都被窗子和金属书橱占据了。如果你创造出一系列内容/图片来展现你的东方小毯子能如何的解决她的问题,其中一个例子里提到长条形的东方地毯。这些内容不 但包含图片,还有文字描述各个问题并给出解决方案。你的潜在顾客自然能从搜索引擎里找到你的页面。

14、历史数据。这次假设你是销售钢管的。钢管的历史是怎样的?创建一个页面专门介绍一下它的历史吧。事实上, 你还应该创建关于以下内容的页面:钢管和铜管以及其他种类的金属管的比较;为何会生锈;钢的硬度如何;钢管的实际价值(钢管是如何在近乎每个建筑物中使用 的,等等);钢的寿命;等等等等,所有这些构成一个版块,将是整个网站非常有价值的组成。

注意,问题来了。这些内容对钢管公司的目标群体是否也有有价值?试想一个目标群:全美国的职业教育培训班。这对他们来说可是个有利资源。如果他们连接到这个网站,都是.edu的网站,是不是会给网站很高的连接欢迎度?想一想看。我们谈的是优质的内容和优质连接。

再举个一个历史数据的例子,圣西蒙岛上的一家旅店。这样一家旅店当然应该在它的网站上提供关于这个岛屿的历史和旅游信息等等。

一家销售Mustang软管部件的网站该如何运用这个策略?销售婚纱礼服的网站呢?

15、采访。制造内容的最简单手段。采访你所在行业内的一位专家。给他列出问题,让专家用自己的话回答。除了纠正拼写错误或者语法错误,不要删改专家的回答。与专家坦诚相待,并保持采访文章的完整性。写出一系列采访文章,并在你的网站主要页面上高亮表示出来。

16、季节性文章。你的行业是否也有“季节性”?如果有,季节性文章常常会很受欢迎。

17、统计。在你的网站上提供统计数据也是一种增加内容的方式。如果统计数据不是来自你自己,则往往会告诉你信息是从哪里来的。引用这些信息来源!金融或者资产抵押网站如何运用这个策略?

18、建议专栏。这可以用在约会网站,也可用在其他网站。SEO网站如何运用此战略?室内装潢网站或者整形手术网站呢?

19、每月冠军。假设你经营一个销售插花的网站。邀请你的顾客发送过来他们用你的花设计的花束的照片等等。把照片公布在网上。每个月选出一个优胜者,并把他的照片放在网站的显要页面。给优胜者颁发价值25美元的礼品作为获奖证书。

20、用花店的例子,制作一些关于如何插花的视频教程。确保观众照着教程做的时候所有的材料都可以在你的店里买到。

21、还是拿花店举例。邀请顾客提供一些心得,比如他们是如何制作插花的,用到了哪些材料,以及照片等等。把这些信息放到你的网站上。相关的材料就连接到你的在线商店。发挥创意。在你的行业里你该怎么做?如果你有一个戏装网站,该怎么做?艺术品网站呢?动动脑筋,把这个策略用到狩猎或者捕鱼网站。

22、每月送出一封新闻信,附上你想告诉顾客的那些信息。可以是来自顾客的小技巧、销售中的产品、假期计划、每月冠军等等。把过去的新闻信也贴在网站上,增加内容。

23、重要人物的传记。如果与你的行业相关,你就可以这么做。比如你经营一个关于美国内战历史的网站或者一个旧书店,这就非常有用。

24、新闻事件。因你的所在行业而异。

25、与社群相关的页面。如果这是个本地网站,比如,你可以在社群相关的页面或者blog上讨论本地的餐馆、棒球联盟、校园开幕式等等。

我们还只是列举出这些点子,开了个头。所有都要根据你的所在行业、你的产品或者服务而不同。你还需要集思广益。

结论:

创建内容时记住“优质”。上面这些点子应该可以帮你开始了。

然后也想想下面这些问题。如果你开始创建优质内容,接下来是什么?优质的连接。其他网站会开始连向你的内容,因为你做了你该做的:为你的顾客提供了他们所需。他们需要看到优质的、持续更新的信息。你成了可信赖的信息来源。

不要试图走“捷径”。成功来自辛勤的劳动。

请注意:拥有域名不代表你就有了网站。

做之前要想一下,网站用来干什么?静态的还是动态的,自己至少要懂一点代码知识,不懂程序的话,也要对html多少了解一些。不然,我建议你还是到各大网站申请个Blog写日志算了:)

如果你:

1.做个简历降男⊥

数位设计引入了一种新的图标设计样式。以下是设计和创建样式图标的具体规范。
图标样式应该有趣、色彩丰富且充满活力,因为现在的系统支持图标是32位图标,并且边缘非常平滑。在矢量程序中绘制完每个图标后,再用Adobe Photoshop进行处理可使图像更加完美。本规范是专为设计者编写的。在创建图像时,建议您与高水平的图形设计者一起工作,尤其是具有丰富的矢量和3D软件经验的图形设计者。

图标设计概述的目的是让您熟悉WindowsXP的新样式,为创建图标做好准备。
图标样式特性
(1) 色彩丰富,是对WindowsXP外观的补充。
(2) 不同的角度和特性为图像增添了动态活力。
(3) 元素的边角十分柔和,并略微有些圆滑。
(4) 光源位于图标的左上角,同时有环绕光照亮图标的其它部分。
(5) 渐变效果使图标具有立体感,进而使图标的外观更加丰满。
(6) 投影使图标更具对比度和立体感。
(7) 添加轮廓可使图像更清晰。
(8) 日常对象(如计算机和设备)具有更现代化的个人外观。

图标尺寸
Windows XP图标有四种尺寸,建议使用以下四种尺寸:
(1) 48×48像素
(2) 32×32像素
(3) 24×24像素
(4) 16×16像素

图标色彩深度支持
WindowsXP支持32位图标。32位图标为24位图像加上8位alpha通道。使图标边缘非常平滑,且与背景相融合。
每个WindowsXP图标应包含以下三种色彩深度,以支持不同的显示器显示设置:
24位图像加上8位alpha通道(32位)
8位图像(256色),加上1位透明色
4位图像(16色),加上1位透明色

调色板
图标中使用的主要颜色。

对象的角度和分组
WindowsXP样式图标使用的网格:并非所有对象使用16×16的复杂图像都能获得较好效果。某些对象通常以直观图像显示:文档图标、符号图标(如警告或信息图标)、单一对象图标(如放大镜)

除非创建重叠辅助对象可以更清楚地表达图标的含义,否则就可读性和完整性而言,还是应使用直观图像。还应考虑如何按组查看图标,以便确定如何将对象分组。

投影
使用投影后,WindowsXP图标将更清晰且更具立体感。可在Photoshop中实现这种效果,本指南的后面部分将对此进行描述。若要为图像添加投影,请在 Photoshop中双击图像的图层,并选择Drop Shadow。然后将Angle更改为135,Distance更改为 2,Size更改为2。此时投影为75%不透明黑色。

轮廓
绘制XP样式图标时,为图像添加轮廓可使之更清晰,并可保证图像在不同背景色上都具有较好效果。

概念
设计图标时,请考虑以下因素:
使用已有概念以确保真实表达了用户的想法。考虑图标在用户界面环境中以何种形式出现,以及如何作为图标集的一部分使用。考虑图形的文化背景。避免在图标中使用字母、单词、手或脸。必须用图标表示人或用户时,请尽可能使其大众化。如果图标中的图像由多个对象组成,应考虑如何使图像尺寸更小。建议在图标中使用的对象不超过三个。对于 16×16的尺寸大小,还可考虑删除某些对象或简化图像使之更容易辨认。

透明工具
将Gif Movie Gear(GMG)打开一个对话框,其中显示您的图标。使用吸管工具单击图标的背景色。此颜色将更改为暗黄绿色(或在 GMG中选作透明背景色的颜色)。重复所有4位和8位帧。若要保存图标,请选择 File->Save Icon As...。

创建工具栏
Windows工具栏图标除不使用投影之外,使用的样式与其它图标相同。由于工具栏图标非常小,建议您使用简单的图像。如果以直观方式显示图像即可清晰地表达图标的含义,则不必使用其它复杂方式。

创建AVI
WindowsXP使用8位AVI。创建.avi文件的过程与创建图标的过程相同-在Photoshop中准备图像,然后将其拖动到GMG 中。请按以下指导创建8位图标。若要使用GMG保存AVI,请转至File->Export As->AVI file。
创建.avi文件时,请考虑以下因素:使用品红(R255 G0 B255)作为背景透明色。在Photoshop中,重要的一点是不要出现杂散像素。请将填充能力设置为0,并确认未选中取消锯齿.

世界上最有趣的职业是网站设计师,有人为自己的作品喊价5000美金,有人129美金就行,而很多人并看不出这两者的差别,我见过一个加拿大 Freelancer 设计师,他的网站上有个报价系统,你可以选择自己的预算范围,其中最小的一个选项是2500-5000美金,而在 Craigslist (www.craigslist.org)上,百把美金的网站设计师比比皆是。如果你读 Alistapart (www.alistapart.com),就会知道顶尖设计师整天都在想什么,他们简直是小题大做,为一些细微的东西较真,这世界上不乏追求完美的人,而完美并不存在,于是所有人都胡乱地做,网站是这样一种产品,它的消费者以为是高不可攀的东西,在设计者眼里可能视之如草芥,它的门槛如此之低,而真正的好作品又是如此之难。中国有130万网站,它们要么从来就没有更新过,要么包含了大量技术错误,要么压根无法在第二种浏览器中访问,要么被搜索引擎彻底抛弃,要么惨不忍睹,要么让人摸不着头脑,要么一攻即可破,要么过度设计得象爆发户,要么简陋得象草台班子。
  
  《完美企业网站的101项指标》是这样诞生的,大约在1999年始,我从事的职业相当于企业的 IT 咨询顾问之类,主要面向企业的 Web 应用与开发,先后参与开发了 COMSHARP E2RP 和 COMSHARP CMS (www.comsharp.com)两个产品,后者是一个网站内容管理系统,认为本帖是广告帖的读到这里可以选择离开,很多人仍然记得90年代末,2000年初的那段日子,那时 Netscape 还没有死,Firefox 还没有诞生,但 Opera 已经悄无声息地活着了,因为它太低调,人们使用 Javascrīpt 探测浏览器版本的时候甚至都没想到它。那个时代,为不同浏览器输出不同 HTML 代码很流行,微软的 DHTML 很激动人心,在网站上开 Javascrīpt 特效很酷,Java Applet 更酷,总之,人们在 Web 泡沫尚且丰富的那个时期,为 HTML 这个乡下丫头肆意地打扮,新技术层出不穷,而每个新技术人们都无不用其极。
  
  在先后从事这两个产品开发的空隙,一直到2007年,我都在从事 Web 易用性,安全,W3C标准以及 SEO 方面的研究,这方面的积累是101指标的基础,前面说过,完美是不存在的,所以我并不保证这101项指标本身是完美的,而且标准也在随时变化,从这个意义上说,完美企业网站只是一个目标,101指标分强制性指标和指导性指标,强制性指标一般针对易用性,安全,W3C标准以及SEO等方面,而指导性指标针对的是内容和设计。《完美企业网站的101项指标》现在是第二版,我会随时调整其中的条目推出更新版本。

  我们有一套严格的标准,包含101项指标,用来评测企业网站是否完美,COMSHARP CMS 建立在这套标准之上,这101项指标分为7个类别,它们是:

  • 内容
  • 易于使用
  • 设计
  • 安全
  • 性能
  • W3C标准
  • SEO

  我们把内容放在第一位,而把很多企业过分侧重的设计放在第三位,事实上,在一个企业网站中,内容代表整个站点80%的价值,这是 COMSHARP CMS 反复强调的东西。如果将上面的7个方面用于人,我们不妨这样理解一个完美的人:

  • 内容 (我有真才实学)
  • 易于使用 (容易沟通与相处)
  • 设计 (看上去也很棒)
  • 安全 (非常可靠)
  • 性能 (健康强壮)
  • W3C标准 (遵守规则)
  • SEO (被很多人关注)
[!--infotagslink--]

相关文章

  • photoshop设计一幅大鱼海棠动画片海报制作实例教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计一幅大鱼海棠动画片海报制作的实例教程,各位想知道具体制作步骤的使用者们,那么各位就快来看看...2016-09-14
  • 如何获取网站icon有哪些可行的方法

    获取网站icon,常用最简单的方法就是通过website/favicon.ico来获取,不过由于很多网站都是在页面里面设置favicon,所以此方法很多情况都不可用。 更好的办法是通过google提供的服务来实现:http://www.google.com/s2/favi...2014-06-07
  • ps怎么制作倒影 ps设计倒影的方法

    ps软件是一款非常不错的图片处理软件,有着非常不错的使用效果。这次文章要给大家介绍的是ps怎么制作倒影,一起来看看设计倒影的方法。 用ps怎么做倒影最终效果&#819...2017-07-06
  • C语言程序设计第五版谭浩强课后答案(第二章答案)

    这篇文章主要介绍了C语言程序设计第五版谭浩强课后答案(第二章答案),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2021-04-02
  • Photoshop设计商务名片的5种常见思路分享

    今天小编在这里就来给Photoshop的这一款软件的使用者们来说下计商务名片的5种常见思路,各位想知道的使用者,那么下面就快来跟着小编一起看一看吧。 给各位Photosho...2016-09-14
  • mac下Apache + MySql + PHP搭建网站开发环境

    首先为什不自己分别搭建Apache,PHP和MySql的环境呢?这样自己可以了解更多知识,说起来也更酷。可也许因为我懒吧,我是那种“既然有现成的,用就是了”的人。君子生非异也,善假于物也。两千年前的荀子就教导我们,要善于利用工具...2014-06-07
  • php实现网站留言板功能

    我要实现的就是下图的这种样式,可参考下面这两个网站的留言板,他们的实现原理都是一样的畅言留言板样式:网易跟帖样式:原理 需要在评论表添加两个主要字段 id 和 pid ,其他字段随意添加,比如文章id、回复时间、回复内容、...2015-11-08
  • WPF实现类似360安全卫士界面的程序源码分享

    最近在网上看到了新版的360安全卫士,感觉界面还不错,于是用WPF制作了一个,时间有限,一些具体的控件没有制作,用图片代替了。感兴趣的朋友一起跟着小编学习WPF实现类似360安全卫士界面的程序源码分享...2020-06-25
  • photoshop安卓和苹果界面设计之尺寸规范详解

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说下安卓和苹果的界面设计之尺寸规范,各位想知道的使用者们,那么下面就快来跟着小编一起看看吧。 给...2016-09-14
  • 网站广告怎么投放最好?首屏广告投放类型优化和广告位布局优化的案例

    网站广告怎么投放最好?一个网站中广告位置最好的是哪几个地方呢,许多的朋友都不知道如何让自己的网站广告收效最好了,今天我们就一起来看看吧。 在说到联盟优化前,...2016-10-10
  • photoshop设计重影效果具体制作教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计重影效果具体的制作教程,各位想知道具体制作方法的软件使用者们,那么大家就来看下小编带来的教...2016-09-14
  • Illustrator结合photoshop设计可爱的卡通女厨师头像制作教程

    今天小编在这里就来给Illustrator的这一款软件的使用者们来说一说结合photoshop设计可爱的卡通女厨师头像的制作教程,各位想知道具体制作步骤的使用者们,那么下面就快来...2016-09-14
  • PS怎么设计T恤 PS制作T恤教程

    PS怎么设计T恤?很多人都想要在T恤上有自己喜欢的图案,那么自己设计T恤的图案是方法之一,本次为大家带来了详细的ps设计T恤教程,有兴趣的同学快来看看吧。 1、打开PS,新...2016-12-31
  • photoshop设计一张节约用水环保主题海报制作教程

    今天小编在这里就来给photoshop的这一款软件的使用者们来详细的说说设计一张节约用水环保主题海报的制作教程,各位想知道具体制作方法的使用者们,那么下面就快来跟着小...2016-09-14
  • 个人站长做网站应该考虑的一些问题

    个人网站建设应该考虑哪些问题呢?这个问题我们先在这里不说,下文会一一列出来,希望这些建义能帮助到各位同学哦。 我相信VIP成员里面有很多站长,每个人几乎都拥有一个...2016-10-10
  • c#实现51单片机频率计的代码分享(数字频率计设计)

    c#实现51单片机频率计的代码分享,大家参考使用吧...2020-06-25
  • photoshop设计蜘蛛侠纹理文字效果制作教程

    今天小编在这里就来给给各位photoshop的这一款软件的使用者们来说一说设计蜘蛛侠纹理文字效果的制作教程,各位想知道具体制作步骤的使用者们,那么大家下面就来跟着小编...2016-09-14
  • Photoshop设计武侠风毛笔字效果教程

    今天小编在这里就来给Photoshop的这一款软件的使用者们说下设计武侠风毛笔字效果得教程,各位想知道到底该怎么射击制作的使用者们,那么下面就快来跟着小编一起看一看制...2016-09-14
  • 网站排名提升后稳定排名方法

    一、靠前排名成搜索关注的对象   从搜索引擎的角度考虑一下,就不难理解为什么搜索引擎对排名在首页的网站那么慎重,甚至对新进排名在首页的一些网站进行为期一个多月的...2016-10-10
  • 分享利用论坛签名提升网站权重

    分享一篇利用论坛签名提升网站权重的方法,在推广中论坛签名也是一种不错的外链推荐的方法,但现在权重越来越低了,有需要的朋友可以看看。 话说有一天在站长网上面看...2016-10-10