﻿<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Katree&#039;s Palace&#124;史上最帅博客 &#187; Web Exp</title>
	<atom:link href="http://www.katree.com/category/web/exp/feed" rel="self" type="application/rss+xml" />
	<link>http://www.katree.com</link>
	<description>吉姆的一些事一些情</description>
	<lastBuildDate>Sat, 17 Jul 2010 13:25:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>pr值突然变成5了</title>
		<link>http://www.katree.com/pr5.html</link>
		<comments>http://www.katree.com/pr5.html#comments</comments>
		<pubDate>Sun, 18 Apr 2010 04:46:19 +0000</pubDate>
		<dc:creator>katree</dc:creator>
				<category><![CDATA[Diary]]></category>
		<category><![CDATA[Web Exp]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[bank]]></category>

		<guid isPermaLink="false">http://www.katree.com/?p=5184</guid>
		<description><![CDATA[今天无意之间查了一下自己的Pr,惊讶发现pr由原本的2变成了5，之前也有看过一些google放弃了pr值的计算的文章，没有想到现在查看自己居然升到了5。其实这个数值应该是假的，具体的原因就不知道了~~

]]></description>
			<content:encoded><![CDATA[<p><a class="highslide" href="http://www.katree.com/wp-content/uploads/2010/04/pr.jpg"><img class="alignnone size-full wp-image-5185" title="pr" src="http://www.katree.com/wp-content/uploads/2010/04/pr.jpg" alt="" width="397" height="252" /></a></p>
<p>今天无意之间查了一下自己的Pr,惊讶发现pr由原本的2变成了5，之前也有看过一些google放弃了pr值的计算的文章，没有想到现在查看自己居然升到了5。其实这个数值应该是假的，具体的原因就不知道了~~</p>
]]></content:encoded>
			<wfw:commentRss>http://www.katree.com/pr5.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>WordPress 博客日志到 Qzone</title>
		<link>http://www.katree.com/wordpress-to-qzone.html</link>
		<comments>http://www.katree.com/wordpress-to-qzone.html#comments</comments>
		<pubDate>Mon, 05 Apr 2010 12:59:54 +0000</pubDate>
		<dc:creator>katree</dc:creator>
				<category><![CDATA[Web Exp]]></category>
		<category><![CDATA[QQ]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.katree.com/?p=5162</guid>
		<description><![CDATA[WordPress 博客日志到 Qzone。

<span class="readmore"><a href="http://www.katree.com/wordpress-to-qzone.html" title="WordPress 博客日志到 Qzone">Read More: 1734 Words Totally</a></span>]]></description>
			<content:encoded><![CDATA[<p><strong>WordPress 博客日志到 Qzone</strong>。</p>
<p>总所周知，QQ 的服务是不会有 API 的，但是如何同步到 Qzone 呢？这里的过程有点曲折，由于 Qzone 支持通过你的 QQ 邮箱发布，而 QQ 邮箱有支持 SMTP 协议，而 WordPress 所包含的 PHPMailer 类可以使用 SMTP 发邮件，所以我们可以通过使用 PHPMailer 同步 WordPress 博客日志到 Qzone。</p>
<p>首先我们可以通过下面的函数登录 QQ 邮箱并给 Qzone 发邮件（你需要首先<a href="http://service.mail.qq.com/cgi-bin/help?subtype=1&amp;&amp;no=166&amp;&amp;id=28" target="_blank">打开 QQ 邮箱的 SMTP 功能</a>）。</p>
<pre>function smtp_mailer_qqmail($subject,$body){
    $qq_number = '';
    $qq_password = '';

    if ( !class_exists('PHPMailer') ) {
        require_once ABSPATH . WPINC . '/class-phpmailer.php';
        require_once ABSPATH . WPINC . '/class-smtp.php';
    }
    $mail = new PHPMailer();

    $mail-&gt;IsSMTP();
    $mail-&gt;Mailer   = "smtp";
    $mail-&gt;CharSet  = 'utf-8';
    $mail-&gt;Encoding = 'base64';
    $mail-&gt;IsHTML(true);
    $mail-&gt;SMTPAuth = true;
    $mail-&gt;Host     = "smtp.qq.com";
    $mail-&gt;Username = $qq_number."@qq.com";
    $mail-&gt;Password = $qq_password;
    $mail-&gt;From     = $qq_number."@qq.com";
    $mail-&gt;FromName = $qq_number; 

    $mail-&gt;AddAddress($qq_number."@qzone.qq.com");
    $mail-&gt;Subject = $subject;
    $mail-&gt;Body    = $body;
    $mail-&gt;Send();
}</pre>
<p>其中需要把 <code>$qq_number</code> 和 <code>$qq_password</code> 设置成你的 QQ 号码和密码。</p>
<p>然后我们就可以通过 <code>publish_post</code> 这个 WordPress Hook，当发布日志的时候同步吧日志标题和内容同步到 Qzone。</p>
<pre>add_action('publish_post', 'publish_post_2_qzone', 0);
function publish_post_2_qzone($post_ID){
    $qzone = get_post_meta($post_ID, 'qzone', true);
    if($qzone) return;

    $post_title = trim($_POST['post_title']);
    $post_except = trim($_POST['post_except']);
    if($post_except){
        $post_content = $post_except;
    }else{
        $post_content = mb_substr(strip_tags(trim($_POST['post_content'])),0,220);
    }
    $post_content= $post_content.'&lt;br /&gt;查看全文：&lt;a href="'.get_permalink($post_ID).'"&gt;'.get_permalink($post_ID).'&lt;/a&gt;';

    smtp_mailer_qqmail($post_title,$post_content);

    add_post_meta($post_ID, 'qzone', 'true', true);
}</pre>
<p>总结下：</p>
<ol>
<li><a href="http://service.mail.qq.com/cgi-bin/help?subtype=1&amp;&amp;no=166&amp;&amp;id=28" target="_blank">打开 QQ 邮箱的 SMTP 功能</a>。</li>
<li>下载同步到 Qzone 插件：<a href="http://www.katree.com/wp-content/uploads/2010/04/wp2qzone.zip">WP2Qzone</a>。</li>
<li>上传到 WordPress 插件目录中下并激活。</li>
<li>把插件中的 <code>$qq_number</code> 和 <code>$qq_password</code> 设置成你的 QQ 号码和密码。</li>
<li>这样只要你一发布日志就会自动更新到 Qzone 中。</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.katree.com/wordpress-to-qzone.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SEO技巧分析：如何优化网站结构</title>
		<link>http://www.katree.com/seo%e6%8a%80%e5%b7%a7%e5%88%86%e6%9e%90%ef%bc%9a%e5%a6%82%e4%bd%95%e4%bc%98%e5%8c%96%e7%bd%91%e7%ab%99%e7%bb%93%e6%9e%84.html</link>
		<comments>http://www.katree.com/seo%e6%8a%80%e5%b7%a7%e5%88%86%e6%9e%90%ef%bc%9a%e5%a6%82%e4%bd%95%e4%bc%98%e5%8c%96%e7%bd%91%e7%ab%99%e7%bb%93%e6%9e%84.html#comments</comments>
		<pubDate>Thu, 12 Feb 2009 14:27:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web Exp]]></category>

		<guid isPermaLink="false">http://pj.katree.com/default.asp?id=568</guid>
		<description><![CDATA[　　优化网站结构有两方面的意思，一是物理结构，二是逻辑结构。

<span class="readmore"><a href="http://www.katree.com/seo%e6%8a%80%e5%b7%a7%e5%88%86%e6%9e%90%ef%bc%9a%e5%a6%82%e4%bd%95%e4%bc%98%e5%8c%96%e7%bd%91%e7%ab%99%e7%bb%93%e6%9e%84.html" title="SEO技巧分析：如何优化网站结构">Read More: 1323 Words Totally</a></span>]]></description>
			<content:encoded><![CDATA[<p>　　<strong>优化网站结构有两方面的意思，一是物理结构，二是逻辑结构。</strong></p>
<p>　　网站物理结构指的是网站真实的目录及文件所存储的位置所决定的结构。</p>
<p>　　一般来说比较好的物理结构可以有两种，一是扁平式的，也就是所有网页都存在网站根目录下。像这样:</p>
<p>http://www.domain.com/pageA.html</p>
<p>http://www.domain.com/pageB.html</p>
<p>http://www.domain.com/pageC.html</p>
<p>…….</p>
<p>　　所有这些页都是在根目录这一级别，形成一个扁平的物理结构。</p>
<p>　　这比较适合于小型的网站，因为如果太多文件都放在根目录下的话，制作和维护起来都比较麻烦，容易搞乱。</p>
<p>　　第二种就是树型结构，也就是根目录下分成多个频道，或者叫类别，目录等，甭管名称是什么，都是一个意思，然后在每一个频道下面再放上属于这个频道的网页。比如频道分为:</p>
<p>　　<br />http://www.domain.com/cat1/</p>
<p>http://www.domain.com/cat2/</p>
<p>http://www.domain.com/cat3/</p>
<p>……</p>
<p>在频道下再放入具体的内容网页:</p>
<p>http://www.domain.com/cat1/pageA.html</p>
<p>http://www.domain.com/cat1/pageB.html</p>
<p>http://www.domain.com/cat1/pageC.html</p>
<p>……</p>
<p>　　<strong>网站结构的第二个意义指的是逻辑结构或链接结构，也就是由网页内部链接所形成的逻辑的或链接的网络图。</strong></p>
<p>　　比较好的情况是逻辑结构与前面的树型物理结构相吻合，也就是说：</p>
<p>　　主页链接向所有的频道主页</p>
<p>　　主页一般不直接链接向内容页，除非是你非常想推的几个特殊的页</p>
<p>　　所有频道主页都连向其他频道主页</p>
<p>　　频道主页都连回网站主页</p>
<p>　　频道主页也连向属于自己本身频道的内容页</p>
<p>　　频道主页一般不连向属于其他频道的内容页</p>
<p>　　所有内容页都连向网站主页</p>
<p>　　所有内容页都连向自己的上一级频道主页</p>
<p>　　内容页可以连向同一个频道的其他内容页</p>
<p>　　内容页一般不连向其他频道的内容页</p>
<p>　　内容页在某些情况下，可以用适当的关键词连向其他频道的内容页</p>
<p>　　<strong>频道形成分主题</strong></p>
<p>　　仔细读前面这几句话，你可以清楚的看到这些链接会很自然的形成一个树型的网络图，而这种逻辑的或链接的网络可以与物理结构重合，也可以不一样。比如扁平式的物理结构网站也完全可以通过链接形成逻辑上的树型结构。</p>
<p>　　对搜索引擎来说更重要的是由链接形成的逻辑结构。</p>
<p>　　有不少人有误解，认为物理结构比较深的网页不容易被搜索引擎收录。比如说</p>
<p>http://www.domain.com/cat1/cat1-1/cat1-1-1/pageA.html</p>
<p>　　像这样目录结构比较深的网页，是不是就不容易被收录呢？那不一定，如果这个页在网站的主页上有一个链接，对搜索引擎来说它就只是一个仅次于主页的二级网页。</p>
<p>　　收录的容易与否是在于离主页有几次点击的距离，而不是它的物理位置。</p>
<p>　　对稍有些规模的网站来说，一般树型逻辑结构的网站是比较好的。</p>
<p>　　从我看的网站来判断，大部分中国人的网站逻辑思维比较清楚，所以大部分中文网站都是按照这种结构做成的。其实有不少英文网站的逻辑结构还真是蛮乱的。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.katree.com/seo%e6%8a%80%e5%b7%a7%e5%88%86%e6%9e%90%ef%bc%9a%e5%a6%82%e4%bd%95%e4%bc%98%e5%8c%96%e7%bd%91%e7%ab%99%e7%bb%93%e6%9e%84.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>网站建设中网页布局与颜色运用基本准则</title>
		<link>http://www.katree.com/%e7%bd%91%e7%ab%99%e5%bb%ba%e8%ae%be%e4%b8%ad%e7%bd%91%e9%a1%b5%e5%b8%83%e5%b1%80%e4%b8%8e%e9%a2%9c%e8%89%b2%e8%bf%90%e7%94%a8%e5%9f%ba%e6%9c%ac%e5%87%86%e5%88%99.html</link>
		<comments>http://www.katree.com/%e7%bd%91%e7%ab%99%e5%bb%ba%e8%ae%be%e4%b8%ad%e7%bd%91%e9%a1%b5%e5%b8%83%e5%b1%80%e4%b8%8e%e9%a2%9c%e8%89%b2%e8%bf%90%e7%94%a8%e5%9f%ba%e6%9c%ac%e5%87%86%e5%88%99.html#comments</comments>
		<pubDate>Thu, 12 Feb 2009 14:27:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web Exp]]></category>

		<guid isPermaLink="false">http://pj.katree.com/default.asp?id=567</guid>
		<description><![CDATA[　　网页布局与颜色运用的基本准则

<span class="readmore"><a href="http://www.katree.com/%e7%bd%91%e7%ab%99%e5%bb%ba%e8%ae%be%e4%b8%ad%e7%bd%91%e9%a1%b5%e5%b8%83%e5%b1%80%e4%b8%8e%e9%a2%9c%e8%89%b2%e8%bf%90%e7%94%a8%e5%9f%ba%e6%9c%ac%e5%87%86%e5%88%99.html" title="网站建设中网页布局与颜色运用基本准则">Read More: 983 Words Totally</a></span>]]></description>
			<content:encoded><![CDATA[<p>　　<strong>网页布局与颜色运用的基本准则</strong></p>
<p>　　在网页设计的众多环节中，页面布局、颜色搭配是最为重要的环节之一。接下来，我们将通过五条准则来告诉您如何在布局、颜色方面让您的网页看起来更舒适、更美观。</p>
<p>　　首先，让我们来讲讲有关页面的布局。</p>
<p>　　<strong>准则一：有太多的条条框框会对你的健康产生不好的影响</strong></p>
<p>　　有一名设计师说当他或她在页面设计时开始使用一些条条框框以及一些准则的时候就意味着他已经成为设计师了。</p>
<p>　　当你自己观察你的页面并意识到有必要去做些更有吸引力和创造力的东西来摆脱你所刚做的一些烦人的作品时，或是决定要抛弃一些以前所遵循的准则时，说明你的创造力已经脱离限制了。</p>
<p>　　在你使用那些存放在你软件中的条框钱，得先明白这点，做这件事得适当些。任何事一旦过了头就不太妙了。当然了，合理使用条框和分割线是亮出重要信息的好方法。但如果你在所有页面都用上，或是把太多的内容放在一个框里面，重要信息就会淹没在这些拥挤的文字中。</p>
<p>　　<strong>准则二： 别把页面一分为二</strong></p>
<p>　　在创新过程中最好把你的文档分成三个部分。然后将那些重要的对象：比如标题，资料，放在顶上或是第三部分的底部。</p>
<p>　　现在我们来谈谈颜色。</p>
<p>　　<strong>准则三： 颜色对比度越强可读性越强</strong></p>
<p>　　任何一名设计师都明白这点，文字和背景有足够的对比可以让文字更容易阅读。通常黑色字就会用在比较明亮的背景上。反过来也一样</p>
<p>　　尽管在深色背景上使用亮些的字可以让文字容易阅读些，但这个手法应该尽量保守使用。事实上已经证实了，在深色背景上阅读对比度较大的文字会让眼睛非常疲劳。</p>
<p>　　<strong>准则四： 珍惜使用的颜色</strong></p>
<p>　　为了带来视觉上效果，设计师经常选择多个颜色来做设计。但在每个地方都用到不同的颜色也会降低它的视觉效果。基本原则：为把视觉效果最大化，把颜色充分利用在标题上，并把最重要的文字写在标题上。<br />　　<br />　　<strong>准则五：不要使用互补色</strong></p>
<p>　　以一个颜色为基点，可以在色盘的另一头找到它的互补色。举例来说，蓝色的互补色在色盘中是橘色。当这两个颜色贴边的时候，互补色会让我们的眼睛非常不舒服，因为这时我们无法同时聚焦在这两个颜色之上。再顺便补充一下，互补色在一起的时候会给人一种震动的感觉。</p>
<p>　　本文的英文原文地址为：<font color="#0000cd">http://www.phuketsolution.com/web-design-article/basic-rules-on-page-layout-and-color.html</font><font color="#0000cd"> </font></p>
]]></content:encoded>
			<wfw:commentRss>http://www.katree.com/%e7%bd%91%e7%ab%99%e5%bb%ba%e8%ae%be%e4%b8%ad%e7%bd%91%e9%a1%b5%e5%b8%83%e5%b1%80%e4%b8%8e%e9%a2%9c%e8%89%b2%e8%bf%90%e7%94%a8%e5%9f%ba%e6%9c%ac%e5%87%86%e5%88%99.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>十个经典的网站设计与优化经验</title>
		<link>http://www.katree.com/%e5%8d%81%e4%b8%aa%e7%bb%8f%e5%85%b8%e7%9a%84%e7%bd%91%e7%ab%99%e8%ae%be%e8%ae%a1%e4%b8%8e%e4%bc%98%e5%8c%96%e7%bb%8f%e9%aa%8c.html</link>
		<comments>http://www.katree.com/%e5%8d%81%e4%b8%aa%e7%bb%8f%e5%85%b8%e7%9a%84%e7%bd%91%e7%ab%99%e8%ae%be%e8%ae%a1%e4%b8%8e%e4%bc%98%e5%8c%96%e7%bb%8f%e9%aa%8c.html#comments</comments>
		<pubDate>Thu, 12 Feb 2009 14:27:45 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web Exp]]></category>

		<guid isPermaLink="false">http://pj.katree.com/default.asp?id=566</guid>
		<description><![CDATA[　　一个设计良好的网页应该能够被宽带网上的多媒体高档电脑或者依然使用慢速MODEM连接的低档电脑上安装的浏览器阅读。然而，很多新的网站设计者均不是非常的了解如何尽量的让这些HTML文件保持很好的兼容性。 

<span class="readmore"><a href="http://www.katree.com/%e5%8d%81%e4%b8%aa%e7%bb%8f%e5%85%b8%e7%9a%84%e7%bd%91%e7%ab%99%e8%ae%be%e8%ae%a1%e4%b8%8e%e4%bc%98%e5%8c%96%e7%bb%8f%e9%aa%8c.html" title="十个经典的网站设计与优化经验">Read More: 6688 Words Totally</a></span>]]></description>
			<content:encoded><![CDATA[<p>　　一个设计良好的网页应该能够被宽带网上的多媒体高档电脑或者依然使用慢速MODEM连接的低档电脑上安装的浏览器阅读。然而，很多新的网站设计者均不是非常的了解如何尽量的让这些HTML文件保持很好的兼容性。 </p>
<p>　　当然，这里有太多的不确定因素影响网页最后呈现的结果。首先，计算机的显示器有不同的分辨率和显示质量，其次，运行着各种各样的操作系统，使用着不通版本的WEB浏览器 ，不同INTERNET连接方式和各种速度的MODEM。我们不能想当然的去武断地判定浏览者的喜好。我们还是花点时间来测试页面，这样可以让每一个访问者感到愉快。然而，遗憾的是我们没有办法为每一个访问者来优化页面，但是下面讲述的几个步骤将有助于您保证大多数访问者的浏览效果。 　　 </p>
<p>　　<strong>1、确定受众</strong></p>
<p>　　一般的来说，绝大多数普通受众图形，插件，applets和其它有关的高级Web浏览器特性。对我们来说，页面的实用可能比漂亮更重要，对于用户来说，没有什么比页面能够快速下载更重要了，简而言之，精简你的站点，这是一条最佳的捷径。 </p>
<p>　　波士顿一位图形设计者兼美术讲师说：&#8221;你必须考虑什么，这一切都应该来自自于你的观众！ </p>
<p>　　为了让每个人满意，一个站点的实用比漂亮更加重要。并且首先，它必须能够快速的被用户端的较老版本的浏览器快速解释。简化你的站点，然而，那未必是最好的办法。 </p>
<p>　　考虑一下站点访问者的操作系统，监视器，浏览器，和的连接类型。然后，想想理论上他们需要从你的站点获得什么？他们是想获得连接还是需要实际的内容？如果是普通的站点是否会失望，是否需要为浏览下载特别的插件。有一个窍门就是没有必要为每一个人优化你的站点，要满足每一个访问者显然不可能，你必须为访问者采取适当的技术。 </p>
<p>　<strong> 2、不要依赖图形</strong></p>
<p>　　就站点设计而言，的确能够通过成功的图形设计招徕或者丢失访问者。并非所有的访问者可以完全看到图片，某些人为了加快存取网络的速度已经关闭了浏览器端的图形。简而言之，图形并不能正确的在客户端加载。 </p>
<p>　　然而，图形经常被用来作为导航按钮。举例来说，访问者经常按向左的箭头返回上一页，或者一个包含问号的图形可以得到更多的信息，或者按公司的标志(LOGO)会告诉用户公司的地址和电话号码。图形映射(IMAGE MAP)允许你按图像的不同区域连接到不同的地方，这个经常被用来用作站点地图，你给访问者提供站点内容指引。但是如果你仅仅通过图片来提供站点导航的话，某些访问者将不能完全或者正确的离开你的站点。 </p>
<p>　　总是告诉用户你的站点需要什么样类型的技术才能正确浏览你的网站是一个非常愚笨的方法。如果访问者需要安装插件才能处理，如果你仅仅给出一个连接让访问者去下载。这个自认为非常酷的页面对用户来说根本不是什么幽默的事情，这是和用户的期待所恰恰相反的。至于为什么恰恰相反，希望你能反思一下，如果是你，你会为了浏览一个你根本不知道什么样的站点而去下载一堆你不知道的插件么？</p>
<p>　　如何解决这个矛盾呢？你可能想到的解决方法有二种：一个是单纯的文本，另外就是完全的图形方式。其实不然。如果你使用一个图形映射的方式给内容列表，可以在该页的最后使用一个纯文本方式的表格来处理，这样会好很多。如果使用图形按钮，最好还是包括简单的导航文字提示。 </p>
<p>　　大多数的时候，通常我们要养成使用&#8221;ALT&#8221;标记的习惯，这样当图形未能正确显示的时候可用预备的文本替代显示。这样，用户至少可以看到关于这个图形的表述，便知道这个图形究竟意味着什么。举例来说某个图象标记的预备文本就可以这样写：< IMG SRC="Cat.gif" ALT="一只忧郁的猫！"> </p>
<p>　　使用&#8221;ALT&#8221;标记也有另外一个好处。文字将显示在图象的上面，这样会给用户造成一个页面快说引导的感觉。 </p>
<p>　　<strong>3、保持页面小巧</strong></p>
<p>　　这个小节我们谈论的是关于图形的处理。最好的方法是我们呼吁广大的读者保持让图形文件的尺寸尽量的小。即使是那些侥幸拥有快速Internet连接的用户，他们不会抱怨说你的站点加载速度太快。 </p>
<p>　　第一个基本原则是让每一个图形文件的尺寸小于30KB。这绝对不是一个坏的建议。更&#8221;极端&#8221;的某些页面设计专家说，保持整个页面的尺寸大概在30KB, 40KB左右(也就是包含图形和文本以及其它多媒体对象之后的整个页面)才是比较合适的。并忠告我们&#8221;千万不要使用非常大的页面&#8221;。 </p>
<p>　　要保持页面尺寸小巧，花些时间来处理一下图形，在保证图形质量的情况下使用尽量高的压缩比例，让图形尽量的小。 </p>
<p>　　另外，让图形使用较少的色彩也是一个让图形尽量小的办法。使用单调的颜色比使用梯度的颜色要好。使用梯度颜色可以在浏览器端快速填充颜色调色板供客户端显示。此外，减少图形的色彩深度进而可以使用较少的色彩树也是可以的。 </p>
<p>　　如果你需要提供较大的图象和多媒体文件，尽量不要插入页面里面，提供一个连接就可以了。这样，如果使用快速的连接点击图象就可以立刻看到，低速的连接不看图象也可以看到他最关心的内容，浏览感觉上没有什么延迟是最好的。</p>
<p>　　<strong>4、不要假设用户的显示器和分辨率大小 </strong></p>
<p>　　一个常见的错误的是好多的网页设计师都认为访问者都有一个他们一样显示效果良好的大屏幕显示器。按照目前的状况，你可以为你的站点优化设计为标准的800×600分辨率，这是现在主流显示器的的默认显示分辨率。</p>
<p>　　搜索引擎，比如Excite，我们可以发现一些为增加大量用户访问量的好主意。举例来说，多使用表格单元格颜色填充。该页的网页设计师为该网页添加了背景色，这样用户就不会在感觉上觉得下载页面耗费的时间过多。另外，大多数的显示器只能显示256色，而不是设计师所使用的真彩上百万种颜色设置。浏览器能显示的颜色在浏览器&#8221;安全色彩范围&#8221;，即256色以内。后面我们将详细讨论这个问题。 </p>
<p>　　<strong>5、小心使用插件(plug-ins)和Applets</strong></p>
<p>　　突出交互性或者多媒体特性的站点通常使用plug-ins和applets。Plug-ins是Web浏览器功能的扩展。浏览者如果安装了Plug-ins，他们就能够运行不同类型的文件，比如动画，视频和音频。Applets是小的程序片断或者是工具，经常用Java语言编写，可以借助诸如浏览器这样的大型程序完成一些有用的功能。 </p>
<p>　 虽然plug-ins和applets能大大增强站点的交互性和多媒体性能，但是对于一些较老配置的机器来说，这无疑又是一个多余的功能。举例来说，Java applets仅能工作在32位的操作系统下，Windows 3. </p>
<p>　　虽然plug-ins和applets能大大增强站点的交互性和多媒体性能，但是对于一些较老配置的机器来说，这无疑又是一个多余的功能。举例来说，Java applets仅能工作在32位的操作系统下，Windows 3.x就行不通(虽然现在很少有人使用了)。另外，plug-ins需要花费时间下载安装，但并不是每一个用户都能熟练的完成下载后安装这样一个过程。不熟练的用户安装plug-ins的时候可能会遇到故障，不熟练的用户不需要这样的烦恼。 </p>
<p>　 如果你判断你的受众可以安装plug-ins和applets，你必须要在相关的部分提示用户，下载plug-ins和applets的时间和地址，并且安装过程中需要注意哪些方面的内容。这样可以方便用户的使用。如果是非常重要的信息，建议你提供一个可用的如纯文本型的可用信息，以方便那些确实无法安装plug-ins和applets的访问者。 </p>
<p>　　<strong>6、仅仅在需要的时候使用帧(FRAME) </strong></p>
<p><strong>　　</strong>使用帧可以把一个浏览器分成几个不同的窗口，对于站点的结构的把握是一个不错的方法。但是，你还是必须知道，还是有人在使用不支持帧的浏览器。在你开始打算设计一个帧的时候，你该仔细的考虑考虑你是否的确真的需要。经常，你这样的需求可以通过表格来组织站点的结构。当然，有些特别特别老的浏览器的确连表格也不支持。哎，这样说来，我们似乎真的是没有办法了。 </p>
<p>　　如果你必须使用帧，设法为还在使用那些古董浏览器的用户提供其它的解决办法。最坏的打算就是，如果真的没有办法解决，给这些用户一些道歉的信息，不要让他们感觉到你忽视了他们的存在。</p>
<p>　　<strong>7、不要忘记Web浏览器</strong></p>
<p>　　你应该知道，最终的浏览者有很多的方法可以控制网页在客户端浏览器的显示效果(包括字体大小，颜色等等)，不过从市场占有率来看，网景公司的航海家(Navigator)相比微软公司的探险家(Internet Explorer)的份额正逐渐减小。 </p>
<p>　　对一个指定的站点来说，如果考虑到某些访问者不喜欢使用图形方式的导航条，测试的时候你就需要关闭图形显示。所以，在制作的时候，你就必须要考虑到大部分(不是全部，当是至少应该考虑到导航条图形)的图形必须要使用文字提示，这样即使在浏览者客户端不显示导航图片的时候还有文字给予适当的提示，这样的感觉，会好很多，至少面对无法显示图形的红叉而言，这样的文字提示就给人以友好的感觉二不至于无所适从。 </p>
<p>　　事实上，微软公司出品的WEB探险家和美国Netscape公司航海家已经有越来越多的相似之处了，其实，早在一年前，他们之间的兼容已经不是一个大问题了。但是在细节上还是有区别的，某些在某个浏览器看上去的效果用另外一个浏览器看就完全不是那么一回事了。你可以理解这些差别，但是你无法支配他，不同的浏览器看上去就是不同，就象不同的人眼里的某个人各自会有不同的印象一样。你所需要的，就是知道他们存在差别，你应该尽量的去避免使用导致巨大差别的代码或者方法。 </p>
<p>　　好消息是，这二个浏览器都可以免费下载，对用户来说，完全可以尝试用二个浏览器去看看你的站点有什么不同的浏览感受，选择的权利在于浏览者，而你作为站点设计者，要做的只是去倾听浏览者可能的反馈。坏消息就是，你不能控制访问者使用什么样的浏览器，或者额外的去改变浏览器窗口的大小，设置字体类型、颜色和大小。你能作的就是当访问者不能访问某些部分的时候建议他们使用什么样的配置，怎么样看你的站点，这样他们就可以使用默认的设置或者你建议的浏览器。 　 </p>
<p>　　<strong>8、保持苹果和PC格式兼容</strong></p>
<p>　　很多的页面在苹果环境中设计而浏览者使用的确是PC。对大部分页面来说，这个理由。实际上，浏览器比操作系统更多的影响站点的浏览效果。有一个需要指出的事实，在IBM兼容PC机上看到的图片似乎比苹果机上的小，而且颜色稍深。如果你的站点图形大部分在苹果机上设计，建议在发布之前，在PC机上进行预览，看是否有较大的效果差异。 </p>
<p>　　苹果机和PC上显示的同样的颜色在某种程度上看上去往往有些差别。说的更精确些就是我们早前提到的关于调色板的区别在起着决定性的作用。这二个不同的平台，有216个通用的颜色，所以，网页设计师在设计的时候尽量使用这通用的216色就可以最大程度的保证这二个平台的页面色彩显示效果基本一致。</p>
<p>　　<strong>9、测试、测试、再测试！</strong></p>
<p>　　不要为我的罗嗦而感到厌烦。为了保证在众多的浏览者浏览器里面能正确的看到我们所想表达的页面效果，所以正式发布站点之前的测试显得非常的重要，是重中之重。从你自己的电脑开始，一遍又一遍的开始测试，使用不同的浏览器，试着调整浏览器窗口的宽度和高度，关闭图形显示，试着使用不同的显示分辨率。然后，在朋友、同事甚至邻居的电脑上重复刚才作过的事情。 </p>
<p>　　有专业的网页设计师建议我们将测试工作交给熟识的普通的用户去进行，因为这样才符合大多数的使用者的习惯，而且这些用户使用的浏览器版本较老，这样可以保证最终用户的浏览效果。有必要强调这一步的重要性。在办公室里面，我们经常可以看到一些似乎是作为点缀使用的古老的机器(几乎能见证电脑的发展历史)，我们不妨用作我们的测试机器，似乎更能体现这些古董机器的价值。而这些古董机器得出的测试结果，往往比我们使用的专业的设计师所有的电脑测试的效果更加客观，更加具有代表性。 </p>
<p>　　<strong>10、可以通知你的访问者了</strong></p>
<p>　　即使我们作了上面我们要作的一切工作，你必须明白，我们还是无法保证这个精心设计的站点能让每一个访问者都有很好的显示效果。如果你在首页上明确指出浏览你的站点需要具备什么什么样的条件，你必须明白并非所有的用户都能具备你所要求的条件。你可以为这些不能满足你认为的基本条件的用户一个另外的选择，这样可以让他们知道你并没有忽视他们。你可以告诉他们如何通过电话，书信或者电子邮件的方式与你取得联系，这样也不至于让他们空手而归。 </p>
<p>　　最后，经过测试、验收合格的站点才能向全世界发布。浏览者是否有兴趣浏览你的站点或者在你的站点停留很长事件已经完全摆脱你的控制了。有些用户由于使用速度过慢的调制解调器而变得烦躁不安，或者是页面无法显示图形或者，或者用户使用了他们个性化的浏览器无法正常显示站点……这些问题都将存在，一点也不用感到惊奇。我们现在所能作的，就是从客户的反馈信息当中分析和测试用户的多样性和可能性不断的进行调整。 </p>
<p>　　无论如何，你已经从你的站点得到某种心理上的满足。在开始继续作这件事情以前，你可以坐下来清楚的想想你究竟是为了什么创建这个站点的。仔细的列出你的连接，并不是所有的用户都有耐心在你的站点上寻找他所关心的内容。让他们知道什么时候什么地方将提供什么，比如你准备在什么时候提供一个重要资料的下载等等。尤其重要的是，要让那些相关的宣传对象满意，因为一旦他们发现一些对他们有用的东西，他们将向他们周围的朋友、同学或者亲戚进行扩散，这样你的站点的知名度就会慢慢的打开。</p>
</p>
<p>　　<strong>4、不要假设用户的显示器和分辨率大小 </strong></p>
<p>　　一个常见的错误的是好多的网页设计师都认为访问者都有一个他们一样显示效果良好的大屏幕显示器。按照目前的状况，你可以为你的站点优化设计为标准的800×600分辨率，这是现在主流显示器的的默认显示分辨率。</p>
<p>　　搜索引擎，比如Excite，我们可以发现一些为增加大量用户访问量的好主意。举例来说，多使用表格单元格颜色填充。该页的网页设计师为该网页添加了背景色，这样用户就不会在感觉上觉得下载页面耗费的时间过多。另外，大多数的显示器只能显示256色，而不是设计师所使用的真彩上百万种颜色设置。浏览器能显示的颜色在浏览器&#8221;安全色彩范围&#8221;，即256色以内。后面我们将详细讨论这个问题。 </p>
<p>　　<strong>5、小心使用插件(plug-ins)和Applets</strong></p>
<p>　　突出交互性或者多媒体特性的站点通常使用plug-ins和applets。Plug-ins是Web浏览器功能的扩展。浏览者如果安装了Plug-ins，他们就能够运行不同类型的文件，比如动画，视频和音频。Applets是小的程序片断或者是工具，经常用Java语言编写，可以借助诸如浏览器这样的大型程序完成一些有用的功能。 </p>
<p>　 虽然plug-ins和applets能大大增强站点的交互性和多媒体性能，但是对于一些较老配置的机器来说，这无疑又是一个多余的功能。举例来说，Java applets仅能工作在32位的操作系统下，Windows 3. </p>
<p>　　虽然plug-ins和applets能大大增强站点的交互性和多媒体性能，但是对于一些较老配置的机器来说，这无疑又是一个多余的功能。举例来说，Java applets仅能工作在32位的操作系统下，Windows 3.x就行不通(虽然现在很少有人使用了)。另外，plug-ins需要花费时间下载安装，但并不是每一个用户都能熟练的完成下载后安装这样一个过程。不熟练的用户安装plug-ins的时候可能会遇到故障，不熟练的用户不需要这样的烦恼。 </p>
<p>　 如果你判断你的受众可以安装plug-ins和applets，你必须要在相关的部分提示用户，下载plug-ins和applets的时间和地址，并且安装过程中需要注意哪些方面的内容。这样可以方便用户的使用。如果是非常重要的信息，建议你提供一个可用的如纯文本型的可用信息，以方便那些确实无法安装plug-ins和applets的访问者。 </p>
<p>　　<strong>6、仅仅在需要的时候使用帧(FRAME) </strong></p>
<p><strong>　　</strong>使用帧可以把一个浏览器分成几个不同的窗口，对于站点的结构的把握是一个不错的方法。但是，你还是必须知道，还是有人在使用不支持帧的浏览器。在你开始打算设计一个帧的时候，你该仔细的考虑考虑你是否的确真的需要。经常，你这样的需求可以通过表格来组织站点的结构。当然，有些特别特别老的浏览器的确连表格也不支持。哎，这样说来，我们似乎真的是没有办法了。 </p>
<p>　　如果你必须使用帧，设法为还在使用那些古董浏览器的用户提供其它的解决办法。最坏的打算就是，如果真的没有办法解决，给这些用户一些道歉的信息，不要让他们感觉到你忽视了他们的存在。</p>
<p>
]]></content:encoded>
			<wfw:commentRss>http://www.katree.com/%e5%8d%81%e4%b8%aa%e7%bb%8f%e5%85%b8%e7%9a%84%e7%bd%91%e7%ab%99%e8%ae%be%e8%ae%a1%e4%b8%8e%e4%bc%98%e5%8c%96%e7%bb%8f%e9%aa%8c.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
