网站设计－－定位你的网站CI形象

kairyou 发表于 2006-05-06, 3:40 AM

　　所谓CI，是借用的广告术语。(CI是英文corporate identity的缩写)，意思是通过视觉来统一企业的形象。现实生活中的CI策划比比皆是，杰出的例子如：可口可乐公司，全球统一的标志，色彩和产品包装，给我们的印象极为深刻。更多的例子如SONY,三菱，麦当劳等等。

　　一个杰出的网站，和实体公司一样，也需要整体的形象包装和设计。准确的，有创意的CI 设计，对网站的宣传推广有事半功倍的效果。在您的网站主题和名称定下来之后，需要思考的就是网站的CI形象。

　　有网友要问了：我不是学广告专业的，CI对我来说可能太难了吧:( 不用担心，自己也没有学过设计专业哦。大家只要参考下面的具体做法，很容易将自己网站的CI搞定:)

　　1.设计网站的标志(logo).首先你需要设计制作一个网站的标志(logo)。就如同商标一样，logo是你站点特色和内涵的集中体现，看见logo就让大家联想起你的站点。注意：这里的logo不是指88X31的小图标banner,而是网站的标志。

　　标志可以是中文，英文字母，可以是符号，图案，可以是动物或者人物等等。比如：soim是用soim的英文作为标志，新浪用字母sina+眼睛作为标志。标志的设计创意来自你网站的名称和内容。

　　(1).网站有代表性的人物，动物，花草，可以用它们作为设计的蓝本，加以卡通化和艺术化，例如迪斯尼的米老鼠，搜狐的卡通狐狸，鲨威体坛的篮球鲨鱼。

　　(2).网站有专业性的，可以以本专业有代表的物品作为标志。比如中国银行的铜板标志，奔驰汽车的方向盘标志。

　　(3).最常用和最简单的方式是用自己网站的英文名称作标志。采用不同的字体，字母的变形，字母的组合可以很容易制作好自己的标志。

　　2.设计网站的标准色彩。网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。

　　“标准色彩”是指能体现网站型象和延伸内涵的色彩。举个实际的例子就明白了：IBM的深蓝色，肯得基的红色条型，windows视窗标志上的红蓝黄绿色块，都使我们觉得很贴切，很和谐。如果将IBM改用绿色或金黄色，我们会有什么感觉？

　　一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。标准色彩要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。

　　一般来说，适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。(注：关于色彩搭配的具体方法，我们会在本系列文章的第八篇介绍)。

　　3.设计网站的标准字体。和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，我们可以根据需要选择一些特别字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体等等。当然这些都是阿捷的个人看法，你可以根据自己网站所表达的内涵，选择更贴切的字体。目前常见的中文字体有二三十种，常见的英文字体有近百种，网络上还有许多专用英文艺术字体下载，要寻找一款满意的字体并不算困难.

　　需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的PC里没有安装你的特别字体，那么您的辛苦设计制作便付之东流啦！

　　4.设计网站的宣传标语。也可以说是网站的精神，网站的目标。用一句话甚至一个词来高度概括。类似实际生活中的广告金句。例如：鹊巢的“味道好极了”；麦斯威尔的“好东西和好朋友一起分享”；Intel的“给你一个奔腾的心”。

　　以上四方面：标志，色彩，字体，标语，是一个网站树立CI形象的关键，确切的说是网站的表面文章，设计并完成这几步，你的网站将脱胎换骨，整体形象有一个提高。形象地说：你从一个土气的农民转变为一位西装革履的白领人士。(注意：我们只是以平面静态来设计CI,还没有引入声音，三维立体等因素。)

Tags: 设计

发表在: WebDev 0 条评论阅读 4270 次

加快GOOGLE ADSENSE 显示速度的一段代码

kairyou 发表于 2006-05-06, 3:24 AM

javascript代码

div id="googlead" width="广告的宽度" height="广告的高度">
<div id="googleadcode" style="display:none">
在此贴入您的广告代码。贴入后请将此行删除
</div>
<script language="javascript">
if(document.all.item("googlead") != null)
{
googlead.innerHTML = googleadcode.innerHTML;
}
</script>

原理很简单,就是一个简单的不能再简单的AJAX,将广告的真正代码放在页面的最下面,加载完后再在需要的位置显示.

Tags: javascript , 广告 , google

发表在: WebDev 0 条评论阅读 5546 次

申请了个VLOG

kairyou 发表于 2006-05-05, 2:56 PM

VLOG申请地址http://www.im.tv点会员中心,就可以申请到了.

普通会员空间300MB,上传单个文件限制30MB,VLOG算是影音日志,大部分都是MTV等,上传速度还算不错~

我的VLOG:http://www.im.tv/VLOG/personal.asp?Memid=315133

Tags: 播客

发表在: LifeStyle 0 条评论阅读 4880 次

GOOGLE百度破解，网站优化SEO最终详解

kairyou 发表于 2006-05-05, 3:35 AM

大家都是做网站的，有的是爱好，有的就是靠网站吃饭的，21世界网站最重要的是什么？流量！！！

那怎么才能提高流量呢，小弟现丑了，其实在座的各位肯定有懂的比我多的。
主要嘛，提高流量就是从网站的自身去考虑了，简单来说，就是要对自己网站进行一个整体的seo页面搜索引擎优化。

何谓"SEO"？简单的解释就是，通过人为的调整和设计，让你的网站在搜索引擎（主要以google为主，baidu因为有竞价排名，人为对搜索结果的干扰很大，这也是为何有人说"Google是干事业的，百度是做买卖的"，不过只要你的网站在Google中能取得好名次，那么在其它搜索引擎中也不会太坏。）的搜索结果中排名靠前，靠前的好处不用讲，自然是增加网站被点击的机会了，很少有人喜欢去翻上10几页去找一个网站吧，当然，耐心好时间多的朋友例外，要么就是你有特别的目的，比如：帮女朋友找一首很老的歌，如果找不到，咱们就分手。

目前网上专业提供SEO服务的公司很多，鱼龙混杂，不管如何，他们共同的特点就是把自己说的神乎其神，与之接触必曰："你的网站交给我优化，xx期限内，让你的网站出现在xx搜索引擎的xx位置上云云"，有这么厉害吗？还真有这么厉害，当然，我说的是那些有真本事的公司，不是骗子。

本人对SEO的了解也很有限，不过我不是骗子，呵呵，因为我没骗你钱，当然如果你看完了下边的文字觉得没什么意义，那我就是骗子了，因为我骗了你的时间，而时间＝金钱。

关于SEO的经验、教程，网上有很多，什么"关键字密度"、"PR值"、"动态页面静态化"等等，感兴趣的朋友去Google一下就知道了，乍一看很复杂，不错，是很麻烦，但大家也不要敬而远之，SEO并没有你想象的那么神秘，理由：

1、没有人知道如何做才算得上是有效的SEO，因为所谓的SEO都是大家总结出来的既往经验，Google不可能让你随意的操纵它的搜索结果，否则天下岂不打乱？从这一点上说，所谓的SEO这一行当中的高手无非就是比你多过了几座桥，道熟而已，别把他们当神看，喝多也吐^_^

2、因为中文语法、构词的复杂性，国外SEO的经验并不符合我们的国情，也就是说能优化好一个英文网站并不等于能优化好一个中文网站，这也就意味着对于我们、中国人来说，优化自己的网站可能会简单一些，呵呵，因为个别用在英文网站上的招术到我们这里失效了，也就不用学了。

3、"谋事在人，成事在天"，不是说你对网站做了个把优化后你的网站一下子就跑到搜索结果的Top1了，因为还有网站流量、网站流量等多方面的因素，试想，一个无人问津的网站就是优化的再好，也难以想象它会被Google所青睐。所以，大家还是应该把心思放在如何网上网站内容和服务上，靠实力，靠网友的口碑，这才是一个网站真正的立足之地，而对于SEO，大家应该持有一个平和心态：我会尽量让自己的网站取悦Google，但不是为了取悦而取悦，甚至用歪门邪道作弊，绝没有好下场！

接下来，我就向大家介绍一下自己在SEO方面的心得体会，大家可以试着照做，未必有效，但绝对无害。

★页面主题优化

一个页面的<title></title>部分是很重要的，许多SEO都坚信，Google会优先寻找这里的文字，因此好多网站就疯狂的在这里写下一堆关键字，希望增加被搜索的概率。
呵呵，你会觉得Google这么傻吗？这么容易就被一个title所左右了？其实，我们不妨老实一些，实事求是的写下自己网站的名字，当然，网站的名字要考虑好，最好包含网站的主要内容。

★页面头部优化

页面头部指的是代码中<head></head>部分，具体一点就是<meta>中的"Description（描述）"和"Keywords（关键字）"两部分，这部分也是SEO们比较花心思的地方，理论一大堆！总结起来就是：

1、"描述"部分应该用近乎描述的语言写下一段介绍你网站的文字，在这其中，你应该适当的对你网站的特色内容加以重复以求突出，比如：
<meta name="description" content="网智成提供网站策划，网站设计，域名服务，域名主机，主机空间，网站制作，网站优化，seo优化，网站推广，网站保姆，网站维护，网络营销，网站医生，技术寻租，网站技术，网络人才出租等各项服务；网智成的营销文库里含概了大量的seo技术应用、网站推广等相关的网络营销知识；网智成给广大的客户群体提供网站策划，版面栏目规划，网络市场调查等贴心的保姆服务，大量的网站网络基础、域名选用及网站程序、网站美工相关的知识让您成为一个网站网络技术型人才">

这是我的负责的一个网站，网站在描述中就恰到好处的介绍了网站的内容，同时反复强调了相关的关键字:

2、"关键字"部分也很简单，你只需在这里列出你认为合适的，能突出网站内容的关键字就可以了，不要太多，10个8个就可以了，多了也没用，搜索引擎只会浏览靠前的几个，余下的都是浪费。不过有一点大家要明白，现在的主流搜索引擎都不再依靠<meta>中的关键字了，因此，这部分内容我们也只是"例行公事"，个人觉得意义不大，不过总好过没有。而且关键字的选择也是一门学问，具体可以参考网上的相关文章.比如说这里就有许多seo ;

★超链接优化

搜索引擎为何可以能够索引全世界的网站，是因为各个搜索引擎程序中都有一个会自动"爬行"于互联网上的智能机器人程序，这个机器人就是顺着网站之间的链接游览世界的，那么我们就应该为它创造一个良好的爬行通道——合理的设置链接。

怎样的链接才是合理的呢？你只需牢记以下几点：

1、采用纯文本链接，少用，最好是别用Flash动画设置链接，因为搜索引擎无法识别Flash上的文字，许多公司、个人都喜欢酷酷的Flash动画，网站的入口也做成Flash片断，呵呵，这么做在目前几乎就是"自寻死路"，搜索引擎很难光顾这样的网站。而且个别设计者非常马虎，把网站的入口链接放在了Flash上，有时因为网络繁忙、缺少Flash插件而导致用户根本就看不到网站的内容，失败，失败中的失败。

2、按规范书写超链接，就像这样：<title>工程检测︱检测标准︱检测仪器︱检测论文︱建筑工程︱检测新闻︱质量检测︱无损检测︱检测仪器招标︱检测设备求购︱自助建站︱检测论坛︱检测图书︱检测技术︱检测软件︱学习培训︱检测专家——中国工程检测网</title>

3、最好别使用图片热点链接，理由和第一点差不多。

★图片优化

图片优化不是让你修改图片的大小、颜色，而是你应该为每个<img>标签加上alt属性，就像这样：<img src="1.jpg" alt="庐山瀑布" /> ，alt属性的作用是当图片无法显示时以文字作为替代显示出来，而对于SEO来说，它可以令搜索引擎有机会索引你网站上的图片，大家都用过baidu和google的图片搜索功能吧，你以为搜索引擎是怎么找到图片的，不会以为Google能看懂图片吧！？对于一些确实没什么意义的图片，最好也不要省略alt，而应该留空，即 alt=""。

★为网站制作一个"网站地图"

什么是网站地图？说白了就是一个页面，在这个页面上呢，列出了你网站中各个栏目的入口地址，就像这个，站点地图的作用很大，首先，对于一个栏目众多的网站，它可以帮助访客最快速度找到所需的内容；二则，可以给搜索引擎提供一份自己网站的"鸟瞰图"，方便搜索机器人依次索引整个网站。

★PageRank（pr值）

PR值是Google提出的一个重要参数，它标明了某个网站的重要程度，那么pr值是如何确定的呢？目前普通的解释为：假如有ABC三个网站，彼此互作友情链接，那么当一个访客通过A上的友情链接来到B时，Google就认为A为B投了"一票"，同理，如果有人从C访问B，那么B又得一票，如果全世界的网站上都有B的友情链接，呵呵，可想而知，B就是世界上最重要的网站了！

那么如何提供我们自己的pr哪，找别人交换链接啊！不过不能乱找，也不能狂找，而应该找一些和自己网站内容相近，且较为优秀的网站，当然，你自己的网站也不能太差，谁会愿意和一个臭棋篓子下棋啊^_^

尽可能多的登陆一些除了三巨头以外的搜索引擎，这也能帮助你提高网站的pr值。每个搜索引擎的标准基本与三大引擎巨头相同。但也有一些细小的差别。这里给出了了大部分知名引擎的入口地址。

切记！不要疯狂的交换链接，如果你的首页上一下子搞了几百个友情链接，呵呵，Google不但不会提升你的pr，没准还得认为你作弊，从而把你从自己的数据库中删除，到时你就哭吧。做推广的可以参考些这里的文章网站推广

★静态页面与动态页面

目前所有的SEO都认为，Google一类的搜索引擎会尽量避免索引带有参数动态页面，而喜欢索引普通的静态页面，这一点并未得到Google等搜索引擎的明确回答，但从效果来看是这样，毕竟动态页面的变数太大，举个例子，你发了一个帖子，可能在论坛某板块的第1页上，可随着跟贴的增加你的发言可能就被挤到第10页上了，你说搜索引擎是不是很头疼啊。

因此，制作网站的时候，最好避免使用动态页面，或者改良技术，让动态页面自动生成对应的静态页面，既能便于搜索引擎收录，也可以降低网站服务器、数据库负担，一举两得，不过这也不是觉对的，还是那句话，网站流量决定一切，即便是一个全部采用动态页面的网站，但因为很受欢迎访客不断，那么它还是会被搜索引擎青睐，还是会出现在搜索结果的前列。而且，随着技术的进步，搜索引擎也会改进，搜索动态页面将来必定会更加容易。

★避免大"体积"的页面

有经验标明，搜索引擎不喜欢索引大体积的页面，即一个页面代码部分的体积不要太大，控制在100kb内为佳，我见过一个网站，其首页光HTML代码部分的体积就高达近300kb，呵呵，每次浏览它都相当于下载一个小软件了，多亏现在是宽带，要是以前用56k小猫，非得以为死机了不可。

★最重要的一点！合理的代码结构

搜索引擎喜欢格式清晰，结构分明的页面，理论上XML是最合乎搜索引擎的胃口了，呵呵，当然，这太极端了，不过如果采用最新的XHTML+CSS技术将页面数据同表现分离，即避免大量嵌套表格和其它冗余的代码还是能够完美实现这一要求的。为了说明这个问题，请允许我再次帮朋友的网站做下广告，呵呵，别看广告，看疗效！

案例1：这个网站题目非常偏，但是在优化了之后却达到了每天三百左右的独立IP的访问量，排名从几百万两个月之前就上升到了十几万。

案例2：
这个网站更厉害，刚建成还没有一个月就从五百万排名升到了三十多万排名，大家看这个网站的每个页面的优化，都是非常符合SEO标准的。
之所以举这两个网站，一来是想帮朋友宣传一下，二来是两个网站从建设开始我都是一直关注的，他们在搜索结果中的排名变化也是我亲眼目睹的，因为我和朋友都对SEO都不是很了解，但就是因为采用了web标准制作页面，让网站页面有了一个非常清晰的结构，也许真的就碰巧迎合了Google的搜索习惯了吧。当然，XHTML对于一些朋友还是有难度的，不过大家同样可以采用正确的HTML 4.01标准制作页面，窍门就是一个：多多使用CSS样式，减少代码中的修饰部分，比如文章标题就应该采用<h1>来表示，段落就采用<p>而不是<br /> 等等，这部分细说起来很麻烦，需要大家自己学习研究，现在国内的专业SEO们也开始重视XHTML技术，因为他们发现，XHTML可以切实满足建立一个"结构良好、条例清晰"的页面的这个要求。