三原色创意日志

坚持面向用户的原则进行SEO

yanbx@syscy.com (严璧新) — Thu, 17 Dec 2009 07:24:28 +0800

三原色网站经过改版与优化工作后，百度对他的态度是几经起伏。但三原色团队还是坚持面向用户，不太考虑搜索引擎的暂时表现，坚持于原创、有用的内容建设，终于取得了好的效果。

第一阶段：三原色网站经过优化操作，排名进入百度前5页内时。三原色决定网站改版，因为原先的网站引导性不是很强，很多内容用户并不能轻易找到。

第二阶段：经过大的改版操作后，网站首页有近一个月百度没有更新。但排名依旧。三原色经讨论后，决定不去管搜索引擎的算法，即使无法恢复以前排名，也不再恢复原来的网站。

第三阶段：网站首页更新，北京网站建设排名进入百度第二页。

第四阶段：最近一次更新，首页沉底了。这个阶段，收录数由800多增加到1030,但排名消失。

今天，百度放出首页。收录数不变。排名恢复至第三页。

由以上，三原色感知：

面向用户的SEO才是最好的优化操作。是长期的、有效的方法，而坚持则是达到目标的必由之路。

网页设计VS平面设计：字体篇

syscy.com@163.com (三原色) — Mon, 30 Nov 2009 16:35:20 +0800

网站设计师和平面设计师虽然都是同一类型，同属创意设计类，但二者还是有很大区别的。由于二者设计的载体，表现的形式都不同，因此一些设计细节也不相同。

因为平面设计是往往是印刷出来的，所以，最后他们的作品是固态的。设计完后就不再动了。里面的字体也是如此，因此，设计出的作品涉及到字体的时候，可以不用考虑用户端的情况，用专业的话讲，只管转成曲线做成图片就好了。因此，平面设计上的字体很丰富多彩，而且平面设计师设计成什么样，表现就是什么样。

而网页则不同，它要考虑网络带宽，又要考虑内容的传递，所用的字体是HTML文本格式。因此，显示起来要受到用户处电脑的限制。如果设计师用了一种精美的字体，而用户的电脑上没有这种字体的话，就按照用户系统默认的字体来显示。对于我们的普通用户来说，中文WINDOWS系统默认的字体当然就是宋体字了。

而且在网页中，由于HTML设置字体、字号大小等，即使同一种字体，在不同的显示器分辨率下都会变得不同，与设计师在PHOTOSHOP中显示的效果图出现很大的差异。

由此，可以看出——在字体选择上平面设计和网页设计要考虑的点就不同。

在很多情况下，如果要精准于设计师的效果，那么网页制作中对于很多字体要采用图片的形式来处理，这样就不会失真与变形。那么会增加这样一些问题：网络带宽的消耗，更主要的是变成了图片后，很多字体内容的显示与传递，明显就受到了限制。

因此，做为一个跨界的设计师，会在网页设计时，有针对性的选择设计字体。对于一个有经验的设计师来说，他会在WEB设计上，很平衡的选择字体，在美感与可操作性上一个平衡。

三原色原创，转载请标明出处：三原色创意科技

网页设计小贴士：

在网页设计中，有经验的设计师往往对一般性的字体，直接用一般用户默认的宋体字，12PX，或者14PX来做设计，这样成网页也不会失真。

JPEG上传与WEB无法显示的灵异事件(无处说理,别问我为什么)

unovo@126.com (长江VS长征) — Wed, 17 Jun 2009 10:25:02 +0800

本文介绍几个特殊的WEB怪异事件, 有很多无解的情况......

一. JPEG可以在本地电脑上看,但无法通过浏览器浏览

这个案例是出现在以前制作的亚龙礼品网的事情. 网站主反映, 为什么从别的网站另存下来的图片, FTP上传至网站空间里, 在网页中打不开呢?

当时去看图片的链接等全部没有问题,但确实无法通过WEB观看.

后来解决办法是通过Photoshop软件另存了一下图片, 解决问题.

这是出现在2004年的事情吧.

二. JPG图片无法用无组件上传,或者显示

这是近期的一件事情, 这个图片是用扫描仪描出的图片, 怎么也无法上传.

后来是把它用PHPTOSHOP软件另存一下, 且尺寸变为小于200K后可以上传成功.当时在PHPTOSHOP打开这个JPG图片时,发现Photoshop窗口上出现RGB 8#的字样, 而复制后新建窗口另存的图片,则显示GRB 8的字样.

(中间用画图另存一下,无效)

后来, 查了网上的一些资料:

PHOTOSHOP图片中RGB/8 RGB/8# RGB/8* 以上格式是有区别的.

扫描的图片不能在Photoshop中转换成JPG格式是由于位差的原因, 扫描仪使用的色彩数与PS的不符.

从以上文章中,可以知道, 确实同是JPG, 但其实他们还是有区别的. 这可能就是造成以上问题的,但是具体的原因, 现在确实查询不到了.

下面是一些网络上的相关的案例:

上传身份证扫描图片为什么上传失败？

为什么阿里对有些JPEG格式的图片不支持，上传…

两个文章也全部无解.基本上没有说明具体的原因.三原色估计是由于色位的原因罢.

以上问题解决思路:

1. 图像标准的问题 : 建议用PHOTOSHOP这种专业的软件另存.甚至是复制新建文档另存. 用Windows自带的画图另存不一定解决问题.

2.图片大小的问题.

文章专题:关联分类文章,机构区域新闻的设置方法(北大政务网)

unovo@126.com (长江VS长征) — Thu, 04 Jun 2009 14:04:11 +0800

老实说, 目前还不知道怎样准确描述此类应用的叫法, 所以暂时文章名字叫做:文章专题:关联分类文章,机构区域新闻的设置方法(北大政务网)

那么, 先说说需求吧, 可能有助于了解是怎么回事?

北京大学电子政务知识网有一个频道, 叫"政府风采" 它是为展现各地政府电子政务发展的新闻以及文章.

在规划中, 这些文章都有共性, 比如属于介绍"城市动态"的, 或者介绍"地方特色"的. 但这些文章也有一个个性,比如属于某个具体城市的.

那么比如发布一条文章"宜昌市城市风貌"的文章, 它即出现在整个"政府风采"的"城市动态"这个栏目中, 又要单独出现在电子政务网站专门介绍"宜昌"这个城市中.

事实上, 在上图中专门介绍"宜昌"的页面中, 可以针对宜昌做特别的展示.

那么, 上面这种情况的文章, 它除了栏目分类外, 还有一个关联的分类(城市).

再比如, 它还有一个频道, 高校合作, 每个合作的高校都有一个页面.而这个页面上除了高校的简介,师资力量外,还有一些新闻.

上图中, 高校合作里把共同的信息都提取出来了. 在"北京科技大学"和"频道动态"中间, 还可以发布一些属于她的专属新闻...

在三原色系统建站, 这种情况采用了下面的处理方式:

1. 首先, 认为此种还是文章信息, 但是, 它有一个关联分类.

如图, 将栏目设置管理中的"近期工作"的类型设置为"栏目+专题", 同时关联的是"政府风采"

注意的是:是栏目+专题形式,还要选择好关联的专题是什么. 点击这里查看修改栏目设置的方法

2.第二步, 要在政府风采这个专题下增加很多的子分类"城市"

如下图中,点击:"网站信息管理"--"文章特殊分类"下面, 点击"增加新的"或者去修改一个城市,如本例"宜昌"

点击"增加新的", 界面我们就不出图了.详细说一下每个字段的意义.

* 标题: 即名称, 如果是政府风采, 则填入城市名字. 如果是高校合作, 则填的是高校的名称.

* 语言: 这里一般选择默认的中文通用即可.

* 分类:选择"政府风采"或者"高校合作"

摘要信息, 信息内容, 信息内容2: 这里是根据不同的分类有不同的作用的.

比如, 在"高校合作"中, 每个高校都有自已的介绍, 与师资力量的介绍. 那么, 在这个系统中, 则在信息内容里增加的是高校的介绍, 而信息内容2里面则是师资力量的介绍.

* 模版: 这里一定要选中合适的模版, 这样, 前台才个性化的显示不同的个体, 是某个学校, 还是某个地方政府.

排序: 排列顺序, 数字越小越靠前, 默认从1000开始.您可以编辑990, 1005等以决定顺序. 最好中间有空位, 以便于修改.插入等.

点击率, 最后修改时间: 如题.

3. 增加具体的文章.

如图, 后台已经有了"政府风采文章管理"与"高校合作文章管理", 这里的文章修改方法与以前基本一样, 唯一不同的是如图,多了一个"政府风采分类", 看图中的文章,大的分类属于"政府风采"--"近期工作", 下面关联了一个分类"宜昌". 表示这个文章又是宜昌这个城市的文章.

长江VS长征编辑, 更多帮助文件请参考:三原色帮助中心

三原色建站:页面局部内容修改及FLASH动画轮播一法

unovo@126.com (长江VS长征) — Sat, 30 May 2009 01:14:09 +0800

在网站建设中, 特别是首页, 经常会有局部的内容是个性化的. 这块内容如何方便的修改呢?

三原色建站系统采用了页面标签,或者叫补丁的修改方法, 只修改这一个局部文本框.

如下图, 后台中点击"页面内容修改"就会出现如图的主界面中. 像一些局部信息, 如"底部版权页信息","首页公司简介"等都可以在这里增加修改.

(图一.页面内容修改主界面)

在上图中点击新增按钮,即会出现下图.本图中已经填写上了数据.

名称: 只是方便记忆和管理用.

说明:可以简单写一下说明.

调用代码: 这里不可以用错.是与模版程序配套使用的. 如上图中, 程序会自动调用代码为"Copyright_cn"的内容显示在版权页处.

页内正文: 即具体显示的内容. 在这里修改, 会影响到前台显示的内容.

页内正文处有一个在线文本编辑器, 上面有两个链接, 一个是上传文件的链接, 另一个"简单模式"点击它会去掉这个在线文本编辑器的显示.

FLASH动画轮播的修改:

下图是出现在页面上的一个FLASH轮播, 三原色建站系统中,下面是它的一个修改方法之一.

还是在上面(图一.页面内容修改主界面)中, 里面有一个是FLASH轮播的项目,点击修改会出现下图:

下图中是点击了"简单模式"后去除文本编辑器的界面. 因为加上文本编辑器,这块内容就显得比较乱.

这里的重点是正文处, 是设置FLASH动画轮播的.如图阴影处文字, 即是一组设置, 它说明了Flash显示的图片(filesarr[1]), Flash图片链接打开的页面(linksarr[1]), 以及广告的说明文字(textsarr[1]).

在上图中,一共显示了七组图片, 我们只需要像下面的一样,复制7份就可以了. 如果想去除哪个, 就把哪组去掉.

不过,[]里面的数字应该从1开始,是连续的数字.

编辑:长江VS长征, 更多文件请访问三原色帮助中心

三原色建站:图文文章的增加方法

unovo@126.com (长江VS长征) — Fri, 29 May 2009 22:17:22 +0800

图文文章实际上是普通文章的一种, 只是有了一种标题图片,主题图片而已. 在三原色建站系统中, 它的增加方法与普通文章是一样的, 只是在前台显示时调用了不同的模版而已.

点击这里先查看一下:如何使用三原色文章发布系统增加修改发布文章

好, 下面看一下图文文章的特殊设置:

1. 首先, 在系统最开始时应该有它专用的模版, 这样前台才能做特殊的显示.

比如本例中的产品展示, 也是用的文章系统, 如下图, 后台必须设置栏目管理, 点击"通用照明LED"处的小铅笔, 必须选择模版"产品LED"这样, 前台发表的文章才会像图中那样图文并茂.

2. 图文文章如何增加呢?

下图中,左侧文章管理后点击主界面上的"增加新文章"按钮.

下图很熟悉吧, 是增加文章的界面.

图文文章只是用到上面的标题图片一部分: 只要在这里上传了图片, 就会调用以前的模版显示在前台显示相应的图片文章.

在这里, 点击"上传标题图片", 必须在这里上传图片. 这里能把图片上传到服务器指定到相应的位置, 然后,把图片文件名复制在这里, 前台的模版就能自动调用它了.

注意: 这里只填写文件名即可. 当然, 您也可以手动用FTP上传图片, 但必须知道在三原色建站系统中图片文章所要上传的位置即可.

上传标题图片的方法手动进行图片上传的方法

编辑: 长江VS长征三原色建站系统帮助中心全部文章

三原色建站:广告管理-广告图片组管理

unovo@126.com (长江VS长征) — Fri, 29 May 2009 15:03:38 +0800

三原色建站广告管理,即是在系统中上传一些图片,来利用系统产生一些动态效果.使普通的编辑人员也能够组合设计一些广告图片.

广告图片组管理:

1. 登录三原色管理界面---"广告管理"---选择"广告组管理"

2. 点击广告组管理出现下图:

(图2 广告管理界面)

上图中, 出现了三组广告, 其中每项说明如下:

ID: 生成广告组在数据库中的ID号.是一组递增的序数. 同时, 在程式中它也是生成的广告文件的文件名. 它会生成一个JS文件, 放置于服务器上指定的文件夹中.

名称: 是本组广告的名称, 仅供我们认识作用.

说明: 仅对广告有个简单的说明, 方便我们后台管理.

类型: 一般是图片, 也可能包括FLASH等. 对于我们一般编辑人员来说, 图片算是基本的. FLASH等就相对专业了.

高度, 宽度: 指这组广告的屏幕显示大小, 单位是像素.

效果: 即实际显示的广告效果样式.

操作:即我们可以对本组广告做的操作功能.

3. 功能详解:

3.1. 新增广告, 点击:最上面的"增加新的"按钮即到了下图:

输入这里只需要设定"广告形式", 和"宽","高"即可.

广告形式: 是后台设置的程序,使上传的图标按固定样式显示. 具体效果见文章最后的效果展示:

在广告介质中, 只选择图像即可. 目前,系统中暂不支持FLASH. 因为一般编辑人员无需制作FLASH. 如果制作了FLASH的能力, 一般也不会采用这个文告系统了:)

3.2 提交后即会像图2这样新增一个广告组.

我们点击第一个"小铅笔"图标, 则会出现修改新增时名称的选项.

第三个是删除, 第四个图标是查看.

现在点击第二个"加号"的小图标, 则会出现设置具体文告的界面.

文件数目设定, 这里可以设置有几个图片.

后面的[安全上传图片]: 三原色建站系统上传文件的使用方法打开新页查看.

下面分成组, 图像: 上传图片文件的路径. 链接: 点击图片后要打开的网页地址. 说明: 点鼠标放在文告图片上会出现的提示文字.

提交后即会自动生成文告JS文件. 会自动更新前台页面.

我能够新增加广告组吗 ?

这个广告组一般三原色建站工作人员会放置于固定的页面模版上, 一般编辑人员只需编辑修改就可以.

如果您要新增, 需要您稍微了解一下网页制作, 如果您能理解下面的话语, 您就可以新增使用了:

新增广告组, 点击查看会弹出一个查看页面, 这里显示的是文告的效果. 下面有这个JS的文件及路径,您复制到网页的相应位置即可. 在正文中, 您可以在编辑源代码状态下, 将此句话复制在文章中.如下面的广告例子.

广告文件是:

XML/HTML代码

<SCRIPT language=javascript
src="http://www.syscy.com/sys-Sample/ADJS/picFixshow.js"></SCRIPT>

在源代码的情况下, 粘粘至网页中.

即会显示下面的广告效果--

"固定大小广告"的效果:

编辑: 长江VS长征, 三原色原创, 系三原色建站系统内部帮助文件,欢迎转载,但对其他非系统使用者没什么用.

收取中文邮件乱码问题的解决方案

unovo@126.com (长江VS长征) — Tue, 28 Apr 2009 09:05:49 +0800

邮件乱码产生的原因简单说明：

我们在收取邮件时（特别是中文邮件），有时候会发生乱码的情况．

这种情况一般是邮件编码的问题．计算机系统最支持的语种是英语，像汉语等都有可能出现乱码．有计算机编码里，光汉语就有这么几种：简体中文gb2312,简体中文HZ,繁体中文big5,还有一个世界码utf-8,utf-7等下的编码．

如果将邮件系统没有正确识别邮件编码，这样就会出现乱码．经常发生的有用简体中文的编码来显示繁体中文．

邮件乱码的解决方案：

将编码选择为正确的，就可以正常显示了．

邮件乱码解决实例图：

（IE浏览器中在网页中点击鼠标右键，选择合适的编码）

（FireFox浏览器需点击菜单，选择合适的编码．看：在FireFox中选择编码时网页与信件的编码是不相容的．信件正常了，网页又乱了．）

（Outlook与Outlook express中选择查看菜单，选择合适的编码）

（Foxmail中选择查看菜单，选择合适的编码）

以上只是目前使用的几种常见浏览器与邮件客户端收发软件的设置，其他均与之类似．

其他邮件乱码常见问题：

1.我已选择编码，可是没有效果

一种可能的原因是，您收到的是转发后的乱码邮件．以上方法必须在当时收好的邮件箱内．错误的编码文件经转发后，就很难再恢复了．

（编辑：长江　欢迎转载，请标注出处：三原色创意科技）

参考文档：

邮件乱码巧破译

一个常见的FLV播放器代码下载

unovo@126.com (长江VS长征) — Mon, 06 Apr 2009 15:59:15 +0800

下面这是一个常见的FLV播放器代码.

FLV 是FLASH VIDEO 的简称，相比较SWF 文件体积庞，FLV 流媒体格式文件极小、加载速度极快，目前各在线视频网站均FLV视频格式，如新浪播客、56、优酷、土豆、酷6、Youtube 等，FLV 已经成为当前视频文件的主流格式，是目前增长最快、最为广泛的视频传播格式。

FLV 是在sorenson 公司的压缩算法的基础上开发出来的，FLV格式不仅可以轻松的导入Flash 中，速度极快，而且能起到保护版权的作用，并且可以不通过本地的微软或者REAL 播放器播放视频。

想要在网页中播放FLV 格式的文件，首先需要一个FLV 播放器，然后就是添加一段实现FLV 播放的代码。

[下载此播放器, swf格式,请用右键另存为下载]

XML/HTML代码

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="240" height="192">
<param name="movie" value="http://www.syscy.com/sys-tool/flvplayer/flvplayer1.swf" />
<param name="quality" value="high" />
<param name="allowFullScreen" value="true" />
<param name="FlashVars" value="vcastr_file=#&LogoText=syscy.com&BufferTime=3" />
<embed src="http://www.syscy.com/sys-tool/flvplayer/flvplayer1.swf" allowfullscreen="true" flashvars="vcastr_file=#&LogoText=syscy.com" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="240" height="192"></embed>
</object>

用法讲解:

240 ：播放器的宽度。

192：播放器的高度。

Flvplayer.swf ：播放器文件地址，如果大家没空间放，请直接用http://www.syscy.com/sys-tool/flvplayer/flvplayer1.swf。

vcastr_file=# ：flv文件地址。这里你可以把#换成实际的FLV文件的地址.

LogoText=syscy.com：播放器顶部标志，可缺省。目前是syscy.com

Flvplayer.swf 这是FLV播放器，也就是上面下载的播放文件，很重要，路径一定要对，否则播放错误，可以放其他目录，如果放在 img目录就是：img/Flvplayer.swf ，前面不带“/”。

这个播放器支持不在同一个网域下flv的播放,也就是说,你只要知道flv的绝对路径,你就可以播放. 比如,你播放新浪网的视频...

本文来自网络:

http://free.cnzz.cc/4064.html

http://www.sinoblog.org/2009/01/flv-code.html

Access数据库为什么要经常压缩？

unovo@126.com (长江VS长征) — Sun, 15 Mar 2009 15:22:46 +0800

Access数据库是目前公司常用网站建设的数据库类型。因为他附属于微软Office组件中，属于文件型数据库，与ASP一起安装调试方便，并且与SQLServer这种专业数据库对比来说，空间费用便宜。因此成为了相当大一部分企业网站的数据库类型。

Access数据库只是一个小型数据库，对于Web应用来说达到80M以上的数据库运行起来就非常慢了。对于数据量不是非常大的企业用户来说，应用起来还没有太大的问题。但是如果经常删除修改数据库来说，因为这些操作也会使数据库容量变大。这样，网站的性能就会大受影响。

长江VS长征来看一个例子：数据库压缩前后大小对比

以下一个数据库因为数据库经常修改删除数据，原来的数据库大小有79.8MB，经Access自带数据库管理工具压缩后只有9.07M。

（图一：压缩前的数据库 79.8MB）

（图二.用RAR专业压缩的东西是1.33MB）

（图三。使用Access数据库自带管理工具压缩后 9.07MB）

（图四。压缩后的数据库再用RAR压缩：569KB）

二。使用Access数据库自带的压缩方法：

方法很简单，打开Access软件（必须完整安装Microsoft Office中的Access）。

下图中的是以Access 2003为例，直接选择“工具”-“数据库实用工具”-“压缩和修复数据库”。直接点击后，软件会自动执行操作。

（图五。使用Access自带压缩功能）

三。网站如何压缩数据库呢

执行压缩这些操作必须先做备份。

1.如果使用Access自身压缩，必须利用FTP将数据库下载到本地，执行完操作后，再上传回网站。

2.网站提供在线压缩功能。

（作者：长江VS长征三原色原创欢迎原创转载请标注：三原色创意科技）