连续背景音乐制作方法

   最近制作一个传统类型的网站,需要使用到背景音乐。但是大家知道,在网页模板中全部加上背景音乐效果,如果弹出新窗口,就会造成重复播放,如果在本页打开,则会造成音乐重头播放。
  如何解决这个问题??事实上,我以前做过类似的效果,就是使用IF框架。问题是,框架的宽高有限,而每个网页的高度都是不一样的。以前做的效果是一个企业站,每个网页做到一样高还可以做到。内容采用CSS控制自动滚动条即可。但是这个一个大网站,栏目众多,采用以前的解决方法是不现实的。
  互联网就是好,在google之后,终于找到JS解决方案。鄙视一下百度,搜出来的全是没用的东西。
  首先,在网站根目录下面建立一个文件 index.html输入以下内容:
  ==================================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>继强太极拳俱乐部 JiQiang TAIJI Club WEB SITE</title>
<meta name=Keywords content=太极拳,陈氏太极拳,洪式太极拳 />
<meta name=Description content=继强太极拳文化俱乐部成立于2008年8月8日,是由陈氏太极拳第二十世正宗传人李振伟先生发起,其弟子李继强、卢振海创办的太极拳组织。其前身是:“山东育龙武馆”。俱乐部总部设在中国著名的武术之乡、书画之乡、戏曲之乡、牡丹之乡,山东省菏泽市。/>
<script type=text/javascript>
<!--
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
//extra height in px to add to iframe in FireFox 1.0+ browsers
var FFextraHeight=getFFVersion>=0.1? 16 : 0
function dyniframesize(down) {
var pTar = null;
if (document.getElementById){
pTar = document.getElementById(down);
}
else{
eval('pTar = ' + down + ';');
}
if (pTar && !window.opera){
//begin resizing iframe
pTar.style.display="block"
if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){
//ns6 syntax
pTar.height = pTar.contentDocument.body.offsetHeight+FFextraHeight;
}
else if (pTar.Document && pTar.Document.body.scrollHeight){
//ie5+ syntax
pTar.height = pTar.Document.body.scrollHeight;
}
}
}
-->
</script>
<style type="text/css">
<!--
*{margin: 0px;}
-->
</style></head>
<body>
<iframe name="down" width="100%" frameborder="0" src="index.html" scrolling="no" id="down" onload="javascript:dyniframesize('down');"
/></iframe>
</body>
</html>
  ==================================
  OK,到此,网页的框架已经全部完成。IE6 火狐 谷歌浏览器均测试通过。 下面要做的事情就简单了,就是给网页加上背景音乐。
      使用<bgsound src="1.mid" loop="infinte">代码加上,IE测试成功,火狐和谷歌测试失败。晕,再找。
<embed src="1.wma" hidden="true" height="0" width="0" loop="true" />
  OK,IE 火狐 谷歌浏览器均测试成功。但是,可是,但可是,可但是,居然的竟然。。。
  在IE中,网页的最下面居然有一行白边。在火狐和谷歌中没有此问题。我真是疯狂,这狗P的IE。。。
  如何解决呢???
  抽口烟先。。。。
  突然我想起了挂马,大家应该都被挂过马,挂马都是宽高都是0的if框架,而我本身已经使用了一个框架了,那就不在乎再多使用一个框架!
  新建了一个song.html文件在根目录,将背景音乐代码加入到其中。然后在index.htm页面底下再加入一个if
  <iframe src="song.html" width="0" height="0" ></iframe>
  测试成功,所有浏览器都支持!!
  注意事项:背景音乐会导致网页打开速度变慢,而且占用流量比较大,因此并不推荐网站使用背景音乐。
  第二,IF对于搜索引擎并不友好,因此,如果没有特别需要,不要使用IF框架。
  第三,使用IF框架也要做好网页的SEO工作,关键词简介什么的都不能少。
  第四,如果你有更好的方法请告之。
  需要说明的是,每个虚拟主机都可以设置不同的首文件。如果是使用星外的虚拟主机是可以自己在主机管理面板里面调整的。调整顺序为
  index.htm index.html index.asp 这样。
  使用新网互联的虚拟主机是不可以调整的,但是默认就是按照上面的排序排列的。
  设置好排序之后,浏览器会自动的访问到你的第一个网页,第一个没有找第二个,依此类推。

Google“unavailable_after”标签使用方法

  上周我们预告了Google将会增加一个新的Meta标签“unavailable_after”,它允许我们手动指定某个网页的失效日期,以提醒Google的爬虫在该日期后不再抓取含该标签的网页。不过上周我们并不清楚这个标签到底是怎样使用的。SEL今天从Google的产品经理Dan Crow那里了解到这个标签的详情用法,下面和大家分享一下。
  要使用“unavailable_after”标签,只需要在网页的头部加入以下的Meta语句即可:
  < META NAME="GOOGLEBOT" CONTENT="unavailable_after: 日期 时间 时区" >
  其中的日期、时间、时区(缩写)分别用23-Jul-2007、19:18:17、EST这种格式。当Google的爬虫看到网页里包含这个标签时,它不仅会不再抓取这个网页,还会在一天左右的时间内将网页从Google的搜索结果里除去。值得注意的是,Google Cache里的相关的网页快照依然会存在。要想移除Google Cache里的记录,得给网页加上noarchive标签。

网页Head标签的规范填写

 在网页的HEAD部分中包含有许多内置标签,规范填写这些标签,非常有助于网站的推广。
  meta标签是内嵌在你网页中的特殊html标签,包含着你有关于你网页的一些隐藏信息。Meat标签的作用是向搜索引擎解释你的网页是有关哪方面信息的。对于高级的搜索引擎来说,html 的meta 标签并不是什么新奇的东西。但是无论如何它是一个优秀网页不可缺少的。下面我们就它进行一些讲解吧。
  当你计划搜索引擎优化策略是meta标签是非常重要的。尽管如此,一般的加入meta 并不能帮助你在搜索引擎中获得更好的排名。有好几种meta标签,但重要的有以下几个:description标签,keywords标签,title标签(严格来说title不算是一个标签)。当你不时刷新标签时这几个标签显得特别的重要。如果你希望搜索引擎对你的网站进行索引时就会用到html标签的重定向(redirect)标签与robots标签。
  注意:调查表只有20%的网页用到“关键字”与“描述”标签(即keyword,description)
  下面是对于这两个标签的例子:
  <html>
  <head>
  <title>标题内容</title>
  <meta name="description" content="你的描述内容">
  <meta name="keyword" content="关键字1,关键字2,---">
  </head>
  </html>
  多个关键字用英文逗号分开。
  title 标签
  title 标签可能是你网页中最重要的标签,它是你网页中最先看到的部分。把它放在description 与 keyword前。在这个标签中最好是加上你网站的关键字,title标签在搜索引擎的搜索中占有非常重要的地位。最好是把它放在其他meta标签前,这更有利于你网站的排名。(注意:有些搜索引擎会按title标签的字母的优先权进行排名,尽量在你的title中使用开始的字母)title标签是人们在搜索引擎中第一个看到有关你网站的描述,所以尽量把它弄得简单、明了。让人一看就知道你的网站是关于什么的。
  Description标签
  Description标签就在title后面,该标签可以是一小段(一个或者两个句子)。用于描述你网站。与title标签一样,这也是人们在搜索引擎列表中链接到你网站的点击。这些描述将鼓动人们去浏览你的网站而不是你竞争对手的。(描述不能太夸张。不然,当访问者到你网站发现内容根本不是你说的那个样子,那么他很快就会退出去。)很多搜索引擎允许描述的字数在150个左右,所以你要保证你的描述在150以下,否则搜索引擎会自动把多余的部分剪去从而造成你网站的描述的不完整。搜索引擎认为描述里的关键字远比网页中的内容要重要(好像现在这种情况不是那么明显了)。真如上所述,这里提供了非常重要的信息:确定你的描述能正确的反映你网站的主题,尽量在描述中加入你主要的关键字,越靠meta的关键字意义越大。这样会突显你的关键字。
  现在大多的搜索引擎(google除外)都会支持descriptin标签。如果你不使用的话你将会失去排名靠前的可能。
  keyword 标签
  相比于description与title标签,keyword标签显得并不是那么重要了。有些搜索引擎把它完全地忽略,但是使用下正确的keyword标签对提高排名仍然有效。

网站的logo尺寸大小参考

  LOGO的国际标准规范
  为了便于INTERNET上信息的传播,一个统一的国际标准是需要的。实际上已经有了这样的一整套标准。其中关于网站的LOGO,目前有国际标准规范
  全尺寸banner为468*60px,
  半尺寸banner为234*60px,
  小banner为88*31px
  另外120*90,120*60也是小图标的标准尺寸
  每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K
  由于网络页面和显示器目前的设定
  网站LOGO大小规定为88*31
  而企业或者组织的LOGO通常不限定大小
  至于Banner也是有相关尺寸规定的;
  另:网站LOGO设计规范
  LOGO的应用一直是CIS导入的基础和最直接的表现形式,其重要性是不言而喻的,网络标识的设计尤其如此。
  一、标识的职能:
  作为独特的传媒符号,标识(LOGO)一直成为传播特殊信息的视觉文化语言。具信,最早的符合CIS精神的标识实例,是2433年前陪葬我国楚地的曾侯乙的一只戟上的"曾"字型图标。无论从古时繁复的欧式徽标、中式龙文,到现代洗练的抽象纹样、简单字标等都是在实现着标识被标识体的目的,即:通过对标识的识别、区别、引发联想、增强记忆,促进被标识体与其对象的沟通与交流,从而树立并保持对被标识体的认知、认同,达到高效提高认知度、美誉度的效果。作为时代的前卫,网络LOGO的设计,更应遵循CIS的整体规律并有所突破。
  二、网络LOGO设计的基本应用原理:
  在网络LOGO设计中极为强调统一的原则。统一并不是反复某一种设计原理,应该是将其他的任何设计原理如:主导性、从属性、相互关系、均衡、比例、反复、反衬、律动、对称、对比、借用、调和、变异等设计人员所熟知的各种原理,正确地应用于设计的完整表现。统一也可解释为,共通以上所述各原理,而更高、更概括、更综合的原理。构成LOGO要素的各部分,一般都具有一种共通性及差异性,这个差异性又称为独特性,或叫做变化,而统一是将多样性提炼为一个主要表现体,称为多样统一的原理。统一在各部分之中的要素中,有一个大小、材质、位置等具有支配全体的作用的要素,被称为支配。精确把握对象的多样统一并突出支配性要素,是设计网络LOGO必备技术因素。
  网络LOGO所强调的辨别性及独特性,导致相关图案字体的设计也要和被标识体
  的性质有适当的关联,并具备类似风格的造型。记得最近EASTECHO的网友论坛重新开张之时,就有小魔女对论坛的LOGO表示了异议,一个简单印刷字体的LOGO与浪子固有的独特风格、精益求精的品质有较大背离,并与整个网站LOGO缺乏联系,从而产生认知的歧义。不过作为充斥英文LOGO的浪子网站,做了中文LOGO尝试,算个突破吧。网络LOGO设计更应注重是一种对事物张力的把握,在浓缩了文化、背景、对象、理念及各种设计原理的基调上,实现对象最冲动的视觉体现。也可以理解为一种最受制约的冲动,在任何方面的张力不足的情况下,精心设计的LOGO常会因为不理解、不认同、不现实、不前卫、不艺术、不朴实等相互矛盾的理由而被用户拒绝或为受众排斥、遗忘。所以恰到好处的理解用户及LOGO的应用对象,是少做无用功的不二法门。不考虑国情和用户的认识水平,对自身设计能力估计不足都是要不得的。在国内给哪个卖计算机的老板设计个$300万的朗讯红圈LOGO,很容易被看作是骗钱的。
  三、网络LOGO的表现形式:
  作为具有传媒特性的LOGO,为了在最有效的空间内实现所有的视觉识别功能,一般是通过特示图案及特示文字的组合,达到对被标识体的出示、说明、沟通、交流从而引导受众的兴趣、达到增强美誉、记忆等目的。表现形式的组合方式一般分为特示图案,特示字体,合成字体。
  
  1、特示图案:
  属于表象符号,独特、醒目、图案本身易被区分、记忆,通过隐寓、联想、概括、抽象等绘画表现方法表现被标识体,对其理念的表达概括而形象,但与被标识体关联性不够直接,受众容易记忆图案本身,但对被标识体的关系的认知需要相对较曲折的过程,但一旦建立联系,印象较深刻,对被标识体记忆相对持久。所以对持久记忆要求高时应设计良好的特示图案形象,较好的设计如苹果公司的牙印苹果,对图案LOGO的面向推广的各种要素都把握的恰到好处,另外一些情况下,希望在较短期限内建立形象的,还应该设计相应的吉祥物,以类似苹果这样耳熟能详的概念,强化沟通和理解。在现代精神快餐的时代,朗讯的红圈也在成为时尚。不过这类设计在国内还只有设计公司的网站才能接收吧,但有线电视的一个最新的影视综艺节目的LOGO就出现了螺旋型的朗讯红圈,可叹借鉴时大胆有余,创意不足了。
  2、特示文字:属于表意符号。在沟通与传播活动中,反复使用的被标识体的名称或是其产品名,用一种文字形态加以统一。涵义明确、直接,与被标识体的联系密切,易于被理解,认知,对所表达的理念也具有说明的作用,但因为文字本身的相似性易模糊受众对标识本身的记忆,从而对被标识体的长久记忆发生弱化。所以特示文字,一般作为特示图案的补充,要求选择的字体应与整体风格一致,应尽可能做全新的区别性创作。完整的LOGO设计,尤其是有中国特色的LOGO设计,在国际化的要求下,一般都应考虑至少有中英文双语的形式,要考虑中英文字的比例,搭配、一般要有图案中文、图案英文、图案中英文、及单独的图案、中文、英文的组合形式。有的还要考虑繁体、其他特定语言版本等。另外还要兼顾标识或文字展开后的应用是否美观,这一点对背景等的制作十分必要,有利于追求符号扩张的效果。闪客帝国及其前身的边城浪子LOGO,都有着极好的设计,但都没有考虑中文,不过浪子好象一直对汉字的表现力如极小字体的缺乏、特性字体缺少等颇不以为然,也许导致他怠于思考对中文的设计。这对面向国内网友的网站LOGO,不能不说是一种遗憾吧。
  3、合成文字:
  是一种表象表意的综合,指文字与图案结合的设计,兼具文字与图案的属性,但都导致相关属性的影响力相对弱化,为了不同的对象取向,制作偏图案或偏文字的LOGO,会在表达时产生较大的差异。如只对印刷字体做简单修饰,或把文字变成一种装饰造型让大家去猜。其综合功能为:
  a.能够直接将被标识体的印象,透过文字造型让读者理解;
  b.造型后的文字,较易于使观者留下深刻印象与记忆;
  四、网络LOGO的设计
  古代皇家的纹章,有条件通过反复的识别性展示使受众了解其蕴涵的身份、地位、等级等属性,可以被设计的极尽繁复,但现代人对简洁、明快、流畅、瞬间印象的诉求,影响到标识的设计越来越追求一种独特的、高度的洗练,一些已在用户群中产生了一定印象的公司、团体为了强化受众的区别性记忆及持续的品牌忠诚,通过设计更独特、更易被理解的图案来强化对既有理念的认同。一些老牌公司就在积极更新标识,可口可乐的标识就曾几易其稿。而一些追求受众快速认知的群体,就会强化对文字表达直接性的需求,通过采用文字特征明显的合成文字来表现,并通过现代媒体的大量反复来强化、保持易被模糊的记忆。如INTEL的E字简单位移构成的LOGO形式。
  网络LOGO的设计中,大量的采用合成文字的设计方式,如YAHOO,AMAZON等的文字LOGO和国内几乎所有ISP,这一方面是网页寸屏寸金的制约,要求LOGO的尺寸要尽可能的小;另一方面是由于这些网站建设之初,一般缺乏优秀的形象设计师的参与,决策者多数为技术类人员,对直截了当、简洁明快有种直觉式的追求;而最主要的是网络的特性决定了仅靠对LOGO产生短暂清晰的记忆,通过低成本大量反复浏览,既可产生需要图形保持提升的那部分印象记忆。所以网络LOGO对于合成文字的追求已渐成网络LOGO的一种事实规范。随着管理人员、设计人员,策划人员的介入网络,更加高效的LOGO设计亦得到良好的探索。特别是一些设计网站对LOGO设计做了很多有意义的尝试。如针对网站LOGO的数字特性探索LOGO的3D、动态表现方式等,其中比较共识的做法是,为保护LOGO作为整体形象的代表,只宜于在LOGO整体不做缺损性变形的条件下做动态变化,即只成比例放大、缩小、移动等,而不宜做翻滚、倾斜等变化,以保证对被标识体的严肃性的尊重,另外对既有LOGO制作3D的网络LOGO,已经成为越来越普遍网络标识制作方案了。
  五、网络LOGO的规范
  设计LOGO时,面向应用的各种条件作出相应规范,对指导网站的整体建设有着极现实的意义。具体须规范LOGO的标准色、设计可能被应用的恰当的背景配色体系、反白、在清晰表现LOGO的前提下制订LOGO最小的显示尺寸,为LOGO制订一些特定条件下的配色,辅助色带等方便制作.

分享Flash覆盖div(层)解决方案

  有两种方法:一种就是设置flash为透明,但是如果你在DW中插入动画,再加
  <param name="wmode" value="transparent">
  是不生效的。要把整个的flash插件代码换成如下:
  <object type="application/x-shockwave-flash" data="" width="560" height="210">
  <param name="movie" value="" />
  <param name="wmode" value="transparent" />
  </object>
  对比一下,和DW自动生成的代码是有区别的,测试过,IE FF 均可以。
  第二种方法:设置flash置底,加个代码:<param name="wmode" value="opaque" />
  但是只加这个代码,IE可行,在FF下,失效。要想在FF下起作用,还要用在<object 里加个 wmode="opaque" ,实例代码如下:
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="" width="560" height="210">
  <param name="movie" value="" />
  <param name="quality" value="high" />
  <param name="wmode" value="opaque">
  <embed src="" wmode="opaque" quality="high" pluginspage="" type="application/x-shockwave-flash" width="560" height="210"></embed>
  </object>
  另外一种方法是:
  将flash object 改变
  <style>
  div {
  width:100px;
  height:100px;
  position:absolute;
  top:20px;
  left:20px;
  background:red
  }
  object {
  width:400px;
  height:100px;
  }
  </style>
  <div>aaaa</div>
  <object type="application/x-shockwave-flash" data="">
  <param name="movie" value="" />
  <param name="wmode" value="transparent" />
  </object>

网站专题制作的技巧与方法

   专题报道是新闻网站的特色栏目之一,是开展深度报道的有效方式。新闻专题报道是指围绕某一主题的、独家的、集束的、专门的报道。其内容上围绕一个主题,形式上不是单篇,而是“集束”式的材料运用。专题报道面向特定的读者群,这就要求不仅在选题上要有特色,在表现形式和网页制作上也要有特色,以方便读者阅读,吸引住读者眼球。
  目前,多数网站采用常用的新闻发布方法组织制作专题,缺少针对专题报道特点的实用高效的制作方法。一般情况下,都是在确定专题题目后,先由编辑和技术人员共同协商确定版面的形式,然后由技术人员负责制作模板,编辑人员负责版面上的内容,这导致专题栏目制作的时间过长,流程也过于复杂,不仅耗时、耗力,而且工作效率也难以提高。
  针对目前网站专题制作存在的种种问题,TRS 依照媒体行业用户的需求特点,利用WCM平台,推出了一套专题栏目制作解决方案。将专题制作的整个过程分为建立专题特色栏目、组织专题文章、选择专题表现形式和发布专题四个步骤。
  建立专题特色栏目
  按照专题主题,规划专题栏目。一个网站专题可以包括多个专题栏目。比如,一个热点话题类的栏目通常包括最新动态、特别推荐、热点报道、背景资料、相关介绍等栏目,同时也可以增加头条新闻、图片新闻这样的辅助介绍栏目。如右图中的“巴以冲突”栏目和“神州五号”栏目。
  组织专题文章:组织专题文章有两种方法,一是在设置好的栏目下编辑最新的专题文章;二是利用TRS内容检索技术,将系统内所有的与该栏目相关的文章、背景资料等聚合在一起,转发到特定的子栏目下。
  选择专题表现形式
  为了简化专题的发布过程和编辑工作流程,WCM针对专题表现形式的特点,预置了丰富的专题样式模板,这些模板独立于栏目,可重复利用。编辑可以根据专题的选题类型及各个子栏目的分类特点,从候选模板中选择合适的样式。
  发布专题
  组织完文章并选择好样式后,利用WCM特有的动态模板发布技术将编辑好的专题栏目发布到网站上,同时,可以利用WCM提供的丰富的发布置标,将网上调查、新闻评论等辅助功能同时发布在专题之中。
  TRS WCM专题制作方案是针对专题报道的特点而定制的,完全符合专题制作的业务流程。该方案具有以下4个主要特点:
  1.整个编辑制作工作可以完全由编辑独立完成,不需要网页设计人员和技术人员参与,符合大型网站的操作流程;
  2.利用动态模板发布技术和通用模板,编辑可以直接调整模板,而无需请网页设计人员重新设计制作,大大减轻了模板制作工作量,缩短了发布周期;
  3. 该系统集成的TRS先进检索技术,提供了基于全系统的内容搜集和自动分类工具,并实现了内容的快速转发,保证了专题内容的全面性和准确性;
  4. 结合TRS WCM的其它特色功能,如新闻评论、网上调查、滚动快讯、概览分页等,可以制作出丰富、灵活、动态的网站专题。

如何增强网站的视觉冲击力

  一个浏览者每天上网都要浏览无数网页,一个页面完全下载完后也许没半分钟就被关掉了(我就经常这样)。主要的原因是界面的整体感觉上缺少视觉冲击力(除非你的网站真有很独特的内容,可以忽略界面,但想想国内网站的内容有多少真正原创且很有吸引力的呢)
    网站的界面设计之重要性就明显体现出来了。
    提高网站的视觉冲击力可以从两方面来入手:
    一.色彩搭配.
    1.利用反差大的色调,但注意搭配起来要合理,页面不要让人有很脏,零乱的感觉;
    2.清新自然色调.但要注意不要感觉整个网站显得单调,轻浮。
    二.框架结构.
    页面在总体上有一种整体感,但一个页面中各个内容块又要有一定的层次感;在每块内容中要注意字间距与行间距的调整,给人以宽松自然的感觉。
    还是那句老话:一切以客户需求为中心.从各方面展示我的亲和力,显示网站服务的忠诚感,让你在浏览我提供的信息与服务过程中轻轻松松.舒舒服服。
    我个人在对一个网站进行第一次接触的时候,除了看界面,还喜欢看网站的措辞,因为这也是网站亲和力的一个很重要的表现方面.这也是国内很多网站忽视的地方。
    互联网是个创新意识很强的行业,所以不管从界面上,互动服务块的流程设计上,内容选择上都应该力求创新。

网站建设中,色彩的运用

  在网站建设中,色彩的运用很重要。怎么运用好色彩呢?
  色彩是一种奇怪的东西,它是美丽而丰富的,它能唤起人类的心灵感知。一般来说,红色是火的颜色,热情、奔放;也是血的颜色,可以象征生命。黄色是明度最高的颜色,显得华丽、高贵、明快。绿色是大自然草木的颜色,意味着纯自然和生长,象征安宁和平与安全,如绿色食品。紫色是高贵的象征,有庄重感。白色能给人以纯洁与清白的感觉,表示和平与圣洁。
  我们知道,颜色是光的折射产生的,红、黄、蓝是三原色,其它的色彩都可以用这三种色彩调和而成。换一种思路,我们可以用颜色的变化来表现光影效果,这无疑将使我们的作品更贴近现实。
  色彩代表了不同的情感,有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题,它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。
  单纯的颜色并没有实际的意义,和不同的颜色搭配,它所表现出来的效果也不同。比如绿色和金黄、淡白搭配,可以产生优雅,舒适的气氛。蓝色和白色混合,能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同,配色方案也随之不同。考虑到网页的适应性,应尽量使用网页安全色。
  但颜色的使用并没有一定的法则,如果一定要用某个法则去套,效果只会适得其反。经验上我们可先确定一种能表现主题的主体色,然后根据具体的需要,应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体,以达到和谐、悦目的视觉效果。

如何建立网站地图

    “如何做一个合适的网站地图?”经常有seo的朋友这么问,一个好的网站地图可以大大提高搜索引擎的收录页面,那什么是网站地图呢?网站地图是一个网站所有链接的容器。它为"饥饿"的搜索引擎程序提供食物。网站地图最起码要包括您的主要网页的内容链接或者 栏目链接。根据您网站的大小,页面数量的多少,它可以链接部分主要的或者你所有的栏目页面。这意味着,一但搜索引擎程序得到了您 的网站地图页面,它就可以访问您整个站点上的所有网页及栏目。使您的所有网页内容都被搜索引擎收录是一件好事,你更喜欢有人在搜 索与您网页主题相关的内容时,您的网站会现在他们面前。
一个好的网站地图具有以下特点:
        1) 最起码提供文本链接到你站点上最主要的页面上;根据您的网站大小,网页数目的多少,它甚至可以链接到您所有的页面。
  2) 为每一个链接提供一个简短的介绍,以提示访问者这部分内容是关于哪方面的。
  3) 当用户查寻在您网站上原来看过的相关信息时,告诉他们如何去查询。只要在这一个网页内就可以得到所有希望查找的内容链接。
  4) 为搜索引擎提供一条绿色通道,使搜索引擎程序能迅速收录您的主要的网页。
  5) 在网站地图的文本和超级链接里提及最主要的关键词短语,帮助搜索引擎来识别,所链接的页面主题是关于哪一方面。
  6)帮助搜索引擎轻松索引一些动态页面。由于一些页面将是动态产生,如果不是用户行为调用,将不会显示出来,您可以将此链接放在您的 网站地图上,以帮助搜索引擎来索引您重要的动态页面。
  为了使你的网站地图吸引网络蜘蛛与真实访问者,一定要在链接后写上一定的描述性的短句。在描述里使用与此链接相关的关键词进 行简单描述。切记:不要过度使用关键词,否则的话会适得其反,这是一幅地图,不仅是为搜索引擎设计的,也是为真实的访问者设计的 ,如果访问者能感觉到地图好用,搜索引擎也同样能正确地理解地图的意义。
  当您引导访问者轻松访问您的网站时,他们将找到他们所需要的内容。当你引导搜索引擎去索引您整个站点时,您就获得了在搜索引 擎上展示您网站的机会。
  即使您的页面很小,给网站添加一个网站地图,也是有助于您的网站被搜索引擎索引的。对于大型网站,则网站地图的益处会更为明显。

如何使文本在DIV+CSS布局中垂直居中?

 DIV+CSS布局中垂直居中的实现。
<html>
<head>
<style>
body{TEXT-ALIGN: center;}
#center{ MARGIN-RIGHT: auto;
MARGIN-LEFT: auto;
height:200px;
background:#F00;
width:400px;
vertical-align:middle;
line-height:200px;
}
</style>
</head>
<body>
<div id="center"><p>test content</p></div>
</body>
</html>