[置顶] 网页效果图设计之色彩索引
[置顶] 网页布局中常用的CSS命名规则
[置顶] 做为一个站长必备的工具
[置顶] 几分钟教会你精确查询网站的反向链接数量
[置顶] web标准基础入门之循序渐进12天
一直以来对于SEO核心的讨论有很多，外链建设、内链布局、网站结构、用户体验、内容等。任何一项对于SEO来说，都是的那么重要。
思亿欧的SEO观点一直是主张用户体验与搜索引擎优化的结合，既是在为网站实施SEO的同时也必须考虑用户体验。如果要真正的让一个网站在搜索引擎上一直有一个良好的表现，唯一的办法就是要注重用户体验与网站内容的建设，再加上辅助的SEO策略。
所以，对于SEO中众多的因素而言，思亿欧觉得网站内容是SEO的核心同时也是网站发展的核心。
为什么，思亿欧会认为网站内容是SEO的核心？
对于过去而言，网站内容对SEO的重要性，已经今非昔比了。过去，简单的一张、十张页面凑成的网站，可以很容易获得排名。但是现在，即使一个内容丰富但域名历史较短的网站，都很难在搜索引擎上获得良好的表现。
与SEO中其他的因素例如：外部链接、内部链接、网站结构等相比，重点致力于内容建设的网站，在经过搜索引擎考验期之后，会比重点建设其他因素的效果更好。
所以，如果想让网站持续的通过搜索引擎获取流量，只有是重点抓网站内容的建设。
什么样的内容有利于提升网站在搜索引擎上的表现？
1.与网站主题相关的内容；
2.独特的内容；
3.原创内容；
需要注意的是，对于转载或者采集的内容，对搜索引擎的作用非常低。
网站内容与用户体验
通过对网站内容的建设，特别是高质量的原创内容的建设可以提升网站的用户体验。之前的帖子，我们曾经说过，用户体验有时候很简单，有时候很复杂。通过对网站内容的建设，为用户提供一个有价值性的网站，用户的回头率自然会非常高。
总结
无论是Google、Yahoo、Baidu甚至是Msn，无一例外对于网站内容都是非常重视。所以，网站内容的建设是思亿欧搜索引擎优化流程中的重点，坚持以原创内容建设网站获取的排名会更加牢固。
作者: 杭州思亿欧网络科技有限公司
原载: http://www.seo.com.cn
思亿欧的SEO观点一直是主张用户体验与搜索引擎优化的结合，既是在为网站实施SEO的同时也必须考虑用户体验。如果要真正的让一个网站在搜索引擎上一直有一个良好的表现，唯一的办法就是要注重用户体验与网站内容的建设，再加上辅助的SEO策略。
所以，对于SEO中众多的因素而言，思亿欧觉得网站内容是SEO的核心同时也是网站发展的核心。
为什么，思亿欧会认为网站内容是SEO的核心？
对于过去而言，网站内容对SEO的重要性，已经今非昔比了。过去，简单的一张、十张页面凑成的网站，可以很容易获得排名。但是现在，即使一个内容丰富但域名历史较短的网站，都很难在搜索引擎上获得良好的表现。
与SEO中其他的因素例如：外部链接、内部链接、网站结构等相比，重点致力于内容建设的网站，在经过搜索引擎考验期之后，会比重点建设其他因素的效果更好。
所以，如果想让网站持续的通过搜索引擎获取流量，只有是重点抓网站内容的建设。
什么样的内容有利于提升网站在搜索引擎上的表现？
1.与网站主题相关的内容；
2.独特的内容；
3.原创内容；
需要注意的是，对于转载或者采集的内容，对搜索引擎的作用非常低。
网站内容与用户体验
通过对网站内容的建设，特别是高质量的原创内容的建设可以提升网站的用户体验。之前的帖子，我们曾经说过，用户体验有时候很简单，有时候很复杂。通过对网站内容的建设，为用户提供一个有价值性的网站，用户的回头率自然会非常高。
总结
无论是Google、Yahoo、Baidu甚至是Msn，无一例外对于网站内容都是非常重视。所以，网站内容的建设是思亿欧搜索引擎优化流程中的重点，坚持以原创内容建设网站获取的排名会更加牢固。
作者: 杭州思亿欧网络科技有限公司
原载: http://www.seo.com.cn
font-style设定斜体 如：font-style: italic;
font-weight设定文字粗细 如：font-weight: bold;
font-size设定文字大小 如：font-size: 12px;（或者9pt参考CSS手册http://www.52css.com/css/）
line-height设定行距 如：line-height: 150%;
color设定文字颜色（注意不是font-color） 如：color: red;
font-family设定字体 如：font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体
见解后：
font: italic bold 12px/150% "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif;}
定义规则：font-style font-weight font-size line-height font-family；而color设定文字颜色需要单独进行定义。
font-weight设定文字粗细 如：font-weight: bold;
font-size设定文字大小 如：font-size: 12px;（或者9pt参考CSS手册http://www.52css.com/css/）
line-height设定行距 如：line-height: 150%;
color设定文字颜色（注意不是font-color） 如：color: red;
font-family设定字体 如：font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体
见解后：
font: italic bold 12px/150% "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif;}
定义规则：font-style font-weight font-size line-height font-family；而color设定文字颜色需要单独进行定义。
1.文本框焦点问题
onBlur:当失去输入焦点后产生该事件
onFocus:当输入获得焦点后，产生该文件
Onchange:当文字值改变时，产生该事件
Onselect:当文字加亮后，产生该文件
<input type="text" value="可酷啦" onfocus="if(value=='可酷啦') {value=''}" onblur="if
(value=='') {value='可酷啦'}">点击时文字消失，失去焦点时文字再出现
onBlur:当失去输入焦点后产生该事件
onFocus:当输入获得焦点后，产生该文件
Onchange:当文字值改变时，产生该事件
Onselect:当文字加亮后，产生该文件
<input type="text" value="可酷啦" onfocus="if(value=='可酷啦') {value=''}" onblur="if
(value=='') {value='可酷啦'}">点击时文字消失，失去焦点时文字再出现
1. The Best Designs----http://www.thebestdesigns.com/
The Best Designs 是个遍览高质量XHTML和FLASH设计的优秀网站。每个网站设计都会加上相关的标签(比如 - Bold, Colorful, CSS)，让你更方便的找到你想要的。
2. CSS Remix----http://cssremix.com/
照CSS Remix自己的话说，他们是“一个新鲜的Web2.0最佳设计站点的大本营” （尽管有些搜罗的站点并不是Web 2.0的）。RSS订阅者超过14,000人，CSS Remix绝对可以称得上是设计师们发现别人设计作品的主流网站之一。
3. CSS Mania---http://cssmania.com/
The Best Designs 是个遍览高质量XHTML和FLASH设计的优秀网站。每个网站设计都会加上相关的标签(比如 - Bold, Colorful, CSS)，让你更方便的找到你想要的。
2. CSS Remix----http://cssremix.com/
照CSS Remix自己的话说，他们是“一个新鲜的Web2.0最佳设计站点的大本营” （尽管有些搜罗的站点并不是Web 2.0的）。RSS订阅者超过14,000人，CSS Remix绝对可以称得上是设计师们发现别人设计作品的主流网站之一。
3. CSS Mania---http://cssmania.com/
转自视觉中国，觉得挺有用的转来跟大家分享。
在网络设计领域关于Eye-Tracking的研究十分火爆，但是如何把这些研究结果转变为具体可行的设计来运作依旧是个难点。以下就是一些来自于Eye-Tracking研究结果的窍门，可以为改进你的网站设计提供些意见：
1.对比图像，文字更具吸引力
与你所认为的相反，在浏览一个网站的时候，能够直接吸引用户目光的并不是图像。大多数通过偶然点击进入你的网站的用户，他们是来寻觅信息的而不是图像。因此，保证你的网站设计凸现出最重要的信息板块，这才是设计的首要原则。
2.眼球的第一运动聚焦于网页的左上角
用户浏览网页的这一习惯应该在意料之中，毕竟左上部为主要操作中心这一点为大多数重要的计算机应用程序的设计所采用。在你构建网站考虑网站设计时，应该尽量保持这一格式。要知道，如果你希望保持个人特色，搭建一个成功的网站，你就必须尊重用户们的习惯。
在网络设计领域关于Eye-Tracking的研究十分火爆，但是如何把这些研究结果转变为具体可行的设计来运作依旧是个难点。以下就是一些来自于Eye-Tracking研究结果的窍门，可以为改进你的网站设计提供些意见：
1.对比图像，文字更具吸引力
与你所认为的相反，在浏览一个网站的时候，能够直接吸引用户目光的并不是图像。大多数通过偶然点击进入你的网站的用户，他们是来寻觅信息的而不是图像。因此，保证你的网站设计凸现出最重要的信息板块，这才是设计的首要原则。
2.眼球的第一运动聚焦于网页的左上角
用户浏览网页的这一习惯应该在意料之中，毕竟左上部为主要操作中心这一点为大多数重要的计算机应用程序的设计所采用。在你构建网站考虑网站设计时，应该尽量保持这一格式。要知道，如果你希望保持个人特色，搭建一个成功的网站，你就必须尊重用户们的习惯。
IE8 Beta 2将于8月发布，IE8 Beta 2将极大提高对各种标准的支持，利用增强的用户体验加强对开发平台的投资。它将包括20种语言版本。
微软在周二表示，它将在八月发布功能齐全的beta 2版IE8，并在本周之内发布第二测试版Silverlight插件。
更确切地说，它将包括提高网站设计的可预测性、完全支持CSS 2.1、整合开发商工具以便在可视环境下快速调试HTML、CSS和脚本。
这个消息是微软董事长比尔盖茨作为董事长作最后一次重要演讲时宣布的。盖茨打算在2008年7月退休。
盖茨表示："当我回想以前我们还在DOS环境下进行开发的时候，再看看我们现在可以用.NET框架等技术做些什么时，我对我们取得的成就感到惊奇。我是从软件开发员起步的，我仍然念念不忘，因此，我个人对软件开发的未来发展很有兴趣。 我相信，我们今天所做的这些将为你们未来的工作铺平道路。"
微软还发布了预览版Expression Blend 2.5和beta 2版Microsoft Silverlight Tools for Visual Studio 2008。
微软在周二表示，它将在八月发布功能齐全的beta 2版IE8，并在本周之内发布第二测试版Silverlight插件。
更确切地说，它将包括提高网站设计的可预测性、完全支持CSS 2.1、整合开发商工具以便在可视环境下快速调试HTML、CSS和脚本。
这个消息是微软董事长比尔盖茨作为董事长作最后一次重要演讲时宣布的。盖茨打算在2008年7月退休。
盖茨表示："当我回想以前我们还在DOS环境下进行开发的时候，再看看我们现在可以用.NET框架等技术做些什么时，我对我们取得的成就感到惊奇。我是从软件开发员起步的，我仍然念念不忘，因此，我个人对软件开发的未来发展很有兴趣。 我相信，我们今天所做的这些将为你们未来的工作铺平道路。"
微软还发布了预览版Expression Blend 2.5和beta 2版Microsoft Silverlight Tools for Visual Studio 2008。
今天从朋友那里看到的，自己也做了好几下测试，真的是好准好准^_^
“吉普赛人祖传的神奇读心术.它能测算出你对心爱之人的内心感应”
提示：
任意选择一个两位数（或者说，从10~99之间任意选择一个数），把这个数的十位与个位相加，再把任意选择的数减去这个和。例如：你选的数是23，然后2+3=5，然后23-5=18
在图表中找出与最后得出的数所相应的图形，并把这个图形牢记心中，同时在心里默念她/他的名字，然后点击水晶球。你会发现，水晶球所显示出来的图形就是你刚刚心里记下的那个图形。
嘿嘿...怎么样？如果准的话，为了自己的将来，请自觉回帖吧:)
“吉普赛人祖传的神奇读心术.它能测算出你对心爱之人的内心感应”
提示：
任意选择一个两位数（或者说，从10~99之间任意选择一个数），把这个数的十位与个位相加，再把任意选择的数减去这个和。例如：你选的数是23，然后2+3=5，然后23-5=18
在图表中找出与最后得出的数所相应的图形，并把这个图形牢记心中，同时在心里默念她/他的名字，然后点击水晶球。你会发现，水晶球所显示出来的图形就是你刚刚心里记下的那个图形。
嘿嘿...怎么样？如果准的话，为了自己的将来，请自觉回帖吧:)
一、检查HTML元素是否有拼写错误、是否忘记结束标记
即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。
二、检查CSS是否正确
检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。
三、确定错误发生的位置
如果错误影响了整体布局，则可以逐个删除div块，直到删除某个div块后显示恢复正常，即可确定错误发生的位置。当然，在测试前请注意原来代码的备份。
四、利用border属性确定出错元素的布局特性
使用float属性布局一不小心就会出错。这时为元素添加border属性确定元素边界，错误原因即水落石出。
即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。
二、检查CSS是否正确
检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。
三、确定错误发生的位置
如果错误影响了整体布局，则可以逐个删除div块，直到删除某个div块后显示恢复正常，即可确定错误发生的位置。当然，在测试前请注意原来代码的备份。
四、利用border属性确定出错元素的布局特性
使用float属性布局一不小心就会出错。这时为元素添加border属性确定元素边界，错误原因即水落石出。
Photoshop另存为和另存为网页格式
Photoshop cs2中最易混淆的选项之一是在保存编辑过的图片时，有两种保存图片的方式——另存和另存为网页格式。本篇文章将解答另存和另存为网页格式有何区别，以及何时应该选择保存为web格式。
Photoshop提供了两种保存编辑过的图片的方式
文件->另存为
文件->另存为网页格式
两种保存方式都可以输出jpeg格式图片，但两种方式在jpeg压缩质量的选项、灵活度和表现上有所区别。
快速选择
如果你想要…【那么选择的保存方式是】
创建网页使用的图像，或者想尽可能的优化图像文件的体积【另存为网页格式】
和他人分享图片，而且你希望别人知道你拍摄照片的时间日期等【另存为】
和他人分享图片，但你不希望别人知道你拍摄照片的时间日期等，比如用于图片库，或是需要保护隐私【另存为网页格式】
把图像文件压缩到指定的大小，或者你想要在设定图像质量时能有交互的反馈【另存为网页格式】
其它情况【另存为】
Photoshop cs2中最易混淆的选项之一是在保存编辑过的图片时，有两种保存图片的方式——另存和另存为网页格式。本篇文章将解答另存和另存为网页格式有何区别，以及何时应该选择保存为web格式。
Photoshop提供了两种保存编辑过的图片的方式
文件->另存为
文件->另存为网页格式
两种保存方式都可以输出jpeg格式图片，但两种方式在jpeg压缩质量的选项、灵活度和表现上有所区别。
快速选择
如果你想要…【那么选择的保存方式是】
创建网页使用的图像，或者想尽可能的优化图像文件的体积【另存为网页格式】
和他人分享图片，而且你希望别人知道你拍摄照片的时间日期等【另存为】
和他人分享图片，但你不希望别人知道你拍摄照片的时间日期等，比如用于图片库，或是需要保护隐私【另存为网页格式】
把图像文件压缩到指定的大小，或者你想要在设定图像质量时能有交互的反馈【另存为网页格式】
其它情况【另存为】
做为一个网页设计人员对网页切片应该要运用自如，无论什么时候都要考虑到用最小
的切片来制作网页，这样做的目的是为了加快网页加载时的速度。我相信还有很多设计师
朋友都网页效果图如德切片不太理解的，其实很简单做到下面几点应该就什么问题了。
（一）颜色范围的取值：假如一个区域中颜色对比的范围不是很大的，就只有几种颜色
，这样的话就应该单独的把他切出来，如果就一种颜色，可以用代码来表示背景色。颜色
过多的话也没有关系，很多时候都要用到渐变的效果，应该把切片数量切的多一些尽量把
单个切片控制在一个颜色范围的轮廓内。
的切片来制作网页，这样做的目的是为了加快网页加载时的速度。我相信还有很多设计师
朋友都网页效果图如德切片不太理解的，其实很简单做到下面几点应该就什么问题了。
（一）颜色范围的取值：假如一个区域中颜色对比的范围不是很大的，就只有几种颜色
，这样的话就应该单独的把他切出来，如果就一种颜色，可以用代码来表示背景色。颜色
过多的话也没有关系，很多时候都要用到渐变的效果，应该把切片数量切的多一些尽量把
单个切片控制在一个颜色范围的轮廓内。
QQ:36339194 邮箱：ktzzx@163.com