网站设计流行风格模板评析:商业门户型

 更新时间:2016年9月20日 19:05  点击:1247

  现在的商业门户网站在几乎都是三栏,上面是logo+banner 。其实门户网站因为信息大,更新频繁,在设计时应该充分考虑可扩展性,我认为可以充分利用下拉特性,充分考虑左上位置的设计,主体争取结构明了简洁。下面我们一起来看看几个门户网站的设计。

  下面这个网站是卡通网站,广告栏很大,但通过精心设计使之醒目而不凌乱。图片统一使用斜角,统一又不呆板。




  下面的网站使用曲线与直线的结合,蓝灰色主色,画面沉静而不脏,这里的色彩难度很高,需要细心调试,色块分割,简单明了。



  下面的网站特点主要是空白的使用。其实门户也可以空白,这个站给人空灵和舒服的空间感(虚线的使用一度非常流行)。

<

  网页优化不乏旁门左道,但这往往只是讨一时之巧,结果终是得不偿失。搜索引擎,尤其是大型搜索引擎在侦测作弊行为方面是很聪明的,所以从长计议,最好不要采用以下作弊行为:

  ■ 设置文字颜色与背景相同

  这是种“古老”的提高网页关联度的手段,具体做法是:

  在网页中放置大量的关键词,并将其颜色设成与背景同色,这样可以让搜索引擎检索到更多的关键词,同时还不易被普通浏览者发现。

  这是种典型的作弊行为,现在所有的搜索引擎对此都异常敏感,一旦发现投机取巧者,它们将毫不留情地予以严厉的打击。因此,除非你想证实搜索引擎对此有多恼火,否则千万不要以身试法。

  ■ 使用与网页内容无关的关键词

  有的网站为了增加访问量,在网页中使用一些非常热门,但与自己网页内容无关的搜索词,比如“mp3”、“DVD video”等,希望借此吸引更多的访问者。

  但要知道,这是种极不负责任的行为。当用户碰到这种情况时,他们往往会感到沮丧,并且由于大多数普通网民不了解搜索引擎检索信息的机制,他们会怀疑搜索引擎的有效性,进而对搜索引擎敬而远之,而这正是搜索引擎最不愿见到的结果。

  所以搜索引擎对这类做法也是深恶痛绝,一旦作弊者被发现,所受到的惩罚将是严厉的,轻则取消你网页的排名资格,重则会将你的整个网站从数据库中清除。

  ■ 大量无关的外部链接

  在网页排名基本原则和网页优化部分我们提到外部链接的重要性,但这并不意味着你可以不求策略地与所有愿意与你链接的网站交换链接。实际上过多与网站无关的低质量链接不仅起不了作用,相反会给你带来麻烦,而在这方面Google尤其挑剔。



否则action配置复杂,模块之间的相互调用太多,容易引起混乱以上的观点在web层肯定适用,也就是client层当然,往较底层的代码,在业务层,还是要偏重讲究复用性的,dao层更是

  举例说明:

  *update中的一个例子
  需要查出数据进行更新,一种方式是用LoadXXXAction查出,用UpdateXXXAction进行更新;
以上做法导致:一个简单的更新模块,struts配置需要两个action。

  另一种方式是在UpdateXXXAction中进行分支判断,init就用load逻辑,update就update数据;
重用的是较底层的业务load和update,且只要配一个action;而且以后修改模块,用户也不用在类之间跳来跳去了:一个action类,一个page;(结论:一个模块一个action)


  *query的例子(观点有改变,这种query设计将多个模块的query在一个action,反而使结构不清溪,有时未必一定要追求action配置最少,而是要追求模块本身的清晰,所以以下的做法是不合适的)
查询的界面往往雷同,通常是查询条件+列表,所以一类查询可以放到一个action里面,比如所有对order的查询,用act区分查询类型(审核查询,回单查询...)和查询后到的页面类似的还有如xxxInfoX.do获取单条记录的xml流,可用act区分查询的table(party,vehicle...)
(一组相似的查询一个action)XXXX

  *更复杂的录入

  对更复杂的交互,一个模块一个action更能显出优势来,比如以前做过的ContractPayment和现在的配货单,一个模块往往要操作三张关联的表,这时候在一个action中,用act区分动作,再结合session bean,每次都只对session bean的部分进行操作,直到最后完成全部交互后一起提交

  *保持大模块的独立性

  一个大的模块中的小模块应该只属于该大的模块,而不是引用其他大模块中的小模块比如订单查询,在运单中也需要,但建议在运单大模块中添加,而不是在订单中添加了再在运单中引用从维护角度讲,大模块间的相互引用会影响可维护性。当然,适当的引用还是可以简化开发的,特别是确定和业务模块无关的小模块(以后不会随业务的改变而有变动),比如在运单大模块中的查看一张订单信息的小模块,仅是查看一条信息而已,可以跨模块引用。



作者BLOG:http://chouyuchouyu.bokee.com

本文将讨论中文绝对字号在浏览器的缩放显示过程中的显示效果。

先来说一下宋体中文的显示效果。宋体文字显示成12px、13px、14px、15px、16px、18px以及25px+的时候,效果是比较理想的。

下图是宋体不同字号文字在浏览器(IE7 beta除外)中显示的效果:

从图中可以看到,当宋体显示为17px、19px-24px时,易出现锯齿、笔画不均的现象。显示为25px以上时,文字边界被平滑处理,但是明显不如12px或14px时显示的那样清晰。

浏览器是如何放大页面文字的:

当我们将网页上的文字放大的时候,实际上是使文字以另外一个较大的字号显示。比如,在Firefox中,一个14px的中文被放大一挡的时候,显示为15px;再放大一挡则显示为17px。当Firefox将文字放大为17px的时候,显示效果也是不理想的,象IE中显示17px中文一样的不理想。

在我们的印象中,似乎是IE浏览器不能缩放,而其它浏览器(比如,Firefox、Opera…)可以,可以缩放文字甚至是整个页面。而实际上它们的区别是,IE浏览器只能对相对字号起作用,其它浏览器对相对、绝对字号都有效。不过,无论是哪一个都没能克服宋体“12-16px、18px”的局限。

下面,我们来看看目前几个主流浏览器的缩放功能:

Mozilla Firefox

Firefox的“缩放功能”是缩放文字大小,而不改变页面上的其它元素。在“查看-文字大小”中,用户可以选择放大或缩小文字的显示。无论使用的是相对字号还是绝对字号,一视同仁。

Firefox的“缩放功能”只提示通过chtrl+“+/—”可以放大或缩小文字,并没有显示当前的缩放倍数。所以,在这里,我只能用“放大一挡…”来描述。下表是12px的宋体文字在Firefox中,逐级放大后的效果:

<

  关键词不是仅限于单个的词,还应包括词组和短语。

  我们知道,在搜索引擎中检索信息都是通过输入关键词来实现的。因此正如其名所示,关键词的确非常关键。它是整个网站登录过程中最基本,也是最重要的一步,是我们进行网页优化的基础,因此怎么强调其重要性都不过分。然而关键词的确定并非一件轻而易举的事,要考虑诸多因素,比如关键词必须与你的网站内容有关,词语间如何组合排列,是否符合搜索工具的要求,尽量避免采用热门关键词等等等等。所以说选择正确的关键词绝对是需要下一番工夫的。

  那么如何才能找到最适合你的关键词呢?首先,要仔细揣摩你的潜在客户的心理,绞尽脑汁设想他们在查询与你有关的信息时最可能使用的关键词,并一一将这些词记录下来。不必担心列出的关键词会太多,相反你找到的关键词越多,用户覆盖面也越大,也就越有可能从中选出最佳的关键词。

  我们经常听到这样的事例:一家公司的网站在搜索引擎上排在了前20名,业务量随之猛增到原来的10倍。而另一家公司排名同样也在前20位,可业务量前后却一点没变化。是什么造成了如此大的差异?原因很简单,就是前一家公司选择了正确的关键词,而后者在这方面则犯了致命的错误。这一事例说明,正确选择关键词对企业网站营销的成败是何等重要。

  .....................................................................................

  ■ 选择相关的关键词

  对一家企业来说,挑选的关键词当然必须与自己的产品或服务有关。不要听信那些靠毫不相干的热门关键词吸引更多访问量的宣传,那样做不仅不道德,而且毫无意义。试想一个查找测速仪的人,会对你生产的酱油感兴趣吗?当然不。必须承认,有时这种作法的确能提高网站的访问量,但既然你目的是销售产品,不是提供免费的小道消息,那么靠这种作弊手段增加访问量又有何用呢?

  .....................................................................................

  ■ 选择具体的关键词

  我们在挑选关键词时还有一点要注意,就是避免拿含义宽泛的一般性词语作为主打关键词,而是要根据你的业务或产品的种类,尽可能选取具体的词。比如一家销售木工机具的厂家,“Carpenter Tools”不是合适的关键词,“Chain Saws”则可能是明智的选择。

  有人会问,既然“Carpenter Tools”是集合名词,涵盖了厂家所有的产品,为什么不用?我们不妨拿Carpenter Tools到Google一试,你会发现搜索结果居然在6位数以上(实际数字为189,000),也就是说你的竞争者有近 200,000个!想在这么多竞争者当中脱颖而出几乎是“不可能完成的任务”。相反,“Chain Saws”项下的搜索结果则少得多(69,800个),你有更多的机会排在竞争者的前面。

  .....................................................................................

  ■ 选用较长的关键词

  与查询信息时尽量使用单词原形态相反,在提交网站时我们最好使用单词的较长形态,如可以用“games”的时候,尽量不要选择“game”。因为在搜索引擎支持单词多形态或断词查询的情况下,选用“games”可以保证你的网页在以“games”和“game”搜索时,都能获得被检索的机会。

  .....................................................................................

  ■ 别忘错拼的单词?

  不少关于如何选择关键词的文章都特别提到单词的错误拼写,如“contemorary modern coffee tables”,提醒我们别忘将之纳入关键词选择之列。其理论是,有些单词经常被用户拼错,考虑到一般人不会以错别字作为自己的目标关键词,因此如果聪明的你发现了这一诀窍,以错拼单词优化你的网页,那么一旦遇到用户再以这个错别字进行搜索,你就会高高在上,昂然屹立于搜索结果的前列!

  事实果真如此吗?首先我们还是来看看上述例子错在哪里吧。“contemorary”实为“contemporary”,虽为一个字母之差,但从关键词角度两者则相去甚远了。奇怪的是根据关键词监测统计报告,“contemorary”在两个月内出现次数达66次之多!那么我们赶快将它列入关键词清单吗?且慢。我们先分析一下有谁会经常写错别字吧。是受过良好教育的正规商家吗?可能性不大,毕竟“contemporary”不是艰涩的拉丁文借用词嘛。看来象是某些粗心大意的丈夫或勤俭持家的主妇嫌疑比较大。凭心而论,他们会是你珍贵的客源,但不大可能成为你理想的商业合作伙伴。

  反过来,如果一个潜在的客户偶然手误拼错了单词,却赫然发现你的网站出现在眼前,而且那个错别字被多次显著地以粗体字显示,他会做何反应?他会象发现金矿一样欣喜若狂?还是在心里对这家企业的素质产生一丝疑问?他会认为一个连基本文法都掌握不好的厂家,

[!--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
  • 深入解析WordPress中加载模板的get_template_part函数

    这篇文章主要介绍了WordPress中加载模板的get_template_part函数,其中重点讲解了其函数钩子的使用,需要的朋友可以参考下...2016-01-14
  • mac下Apache + MySql + PHP搭建网站开发环境

    首先为什不自己分别搭建Apache,PHP和MySql的环境呢?这样自己可以了解更多知识,说起来也更酷。可也许因为我懒吧,我是那种“既然有现成的,用就是了”的人。君子生非异也,善假于物也。两千年前的荀子就教导我们,要善于利用工具...2014-06-07
  • mysql配置模板(my-*.cnf)参数详细说明

    mysql安装成功后有几个默认的配置模板,列表如下: my-huge.cnf : 用于高端产品服务器,包括1到2GB RAM,主要运行mysql my-innodb-heavy-4G.ini : 用于只有innodb的安装,最多有4GB RAM,支持大的查询和低流量 my-large.cnf : 用于...2015-03-15
  • WPF实现类似360安全卫士界面的程序源码分享

    最近在网上看到了新版的360安全卫士,感觉界面还不错,于是用WPF制作了一个,时间有限,一些具体的控件没有制作,用图片代替了。感兴趣的朋友一起跟着小编学习WPF实现类似360安全卫士界面的程序源码分享...2020-06-25
  • php实现网站留言板功能

    我要实现的就是下图的这种样式,可参考下面这两个网站的留言板,他们的实现原理都是一样的畅言留言板样式:网易跟帖样式:原理 需要在评论表添加两个主要字段 id 和 pid ,其他字段随意添加,比如文章id、回复时间、回复内容、...2015-11-08
  • Smarty模板学习笔记之Smarty简介

    1、简介Smarty是一个使用PHP写出来的模板PHP模板引擎,是目前业界最著名的PHP模板引擎之一。它分离了逻辑代码和外在的内容,提供了一种易于管理和使用的方法,用来将原本与HTML代码混杂在一起PHP代码逻辑分离。简单的讲,目...2014-05-31
  • 网站广告怎么投放最好?首屏广告投放类型优化和广告位布局优化的案例

    网站广告怎么投放最好?一个网站中广告位置最好的是哪几个地方呢,许多的朋友都不知道如何让自己的网站广告收效最好了,今天我们就一起来看看吧。 在说到联盟优化前,...2016-10-10
  • photoshop安卓和苹果界面设计之尺寸规范详解

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说下安卓和苹果的界面设计之尺寸规范,各位想知道的使用者们,那么下面就快来跟着小编一起看看吧。 给...2016-09-14
  • photoshop设计重影效果具体制作教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计重影效果具体的制作教程,各位想知道具体制作方法的软件使用者们,那么大家就来看下小编带来的教...2016-09-14
  • PS怎么设计T恤 PS制作T恤教程

    PS怎么设计T恤?很多人都想要在T恤上有自己喜欢的图案,那么自己设计T恤的图案是方法之一,本次为大家带来了详细的ps设计T恤教程,有兴趣的同学快来看看吧。 1、打开PS,新...2016-12-31
  • Illustrator结合photoshop设计可爱的卡通女厨师头像制作教程

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

    这篇文章主要为大家详细介绍了Ionic默认的Tabs模板使用实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2016-09-01
  • photoshop设计一张节约用水环保主题海报制作教程

    今天小编在这里就来给photoshop的这一款软件的使用者们来详细的说说设计一张节约用水环保主题海报的制作教程,各位想知道具体制作方法的使用者们,那么下面就快来跟着小...2016-09-14
  • Springboot使用thymeleaf动态模板实现刷新

    这篇文章主要介绍了Springboot使用thymeleaf动态模板实现刷新,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-08-31
  • 个人站长做网站应该考虑的一些问题

    个人网站建设应该考虑哪些问题呢?这个问题我们先在这里不说,下文会一一列出来,希望这些建义能帮助到各位同学哦。 我相信VIP成员里面有很多站长,每个人几乎都拥有一个...2016-10-10