<?xml version="1.0" encoding="utf-8" ?>



<feed version="0.3" xmlns="http://purl.org/atom/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xml:lang="zh_CN">
<title><![CDATA[mmsw木木网络工作室]]></title>
<link rel="alternate" type="text/html" href="http://mmsw020.blog.bokee.net"/>
<modified>2009-05-13T17-45-48 CST</modified>
<tagline type="text/html" mode="escaped"><![CDATA[网站案例，网站演示，网站开发联盟，内部WEB office注册审请，吴川商盟注册申请，天蝎双节棍联盟注册申请！
]]></tagline>
<generator url="http://www.bokee.net/" version="2.0">bokee.net</generator>
<copyright>Copyright (c) 2005,  mmsw020</copyright>


<entry>
<title>防止ACCESS数据库被下载的9种方法</title>
<link rel="alternate" type="text/html" href="http://www.bokee.net/blogmodule/weblogcomment_viewEntry/3046270.html"/>
<issued>2009-05-15T16-13-05 CST</issued> 
<created>2009-05-15T16-13-05 CST</created>
<modified>2009-05-15T16-13-05Z</modified>
<id>tag:mmsw020.blogchina.com,2005://3046270</id>
<author>
<name>mmsw020</name>
<url>http://www.bokee.net/blogmodule/weblogcomment_index/mmsw020.html</url>
</author>
<dc:subject>技术文章</dc:subject>
<content type="text/html" mode="escaped" xml:lang="zh_CN" xml:base="http://www.bokee.net"> 
<![CDATA[<p>篇首语：原来改mdb为asp就能防下载是鬼话。 <br />&nbsp;&nbsp;&nbsp; 引子：昨天和animator试验了一下，把 data.mdb文件改名为data.asp文件后放在wwwroot目录里。然后 在IE中输入data.asp路径后，发现IE显示一片空白，右键- &gt;察看源文件，跳出记事本，将内容另存为。mdb文件 ，用ACCESS打开，发现需要密码，也就是说至少文件头被破坏。 <br />&nbsp;&nbsp;&nbsp; 然后用 Flashget试验下载data.asp文件，并另存为data.mdb文件，发现用ACCESS打开完好无损！！！看 来，好一些编程人员在开发的时候都认为，改了mdb后缀为asp就能防下载的概念，是错的！后台数据库被下载对于一个asp+a ccess的网站来说无疑是一场惨绝人寰的灾难。今天找了各方的文章，归纳一下有以下9种办法防止数据库被下载（欢迎补充）：&amp; nbsp； <br /><clk style="FONT-SIZE: 100%"></clk>&nbsp;&nbsp;&nbsp; 1.发挥你的想象力 修改数据库文件名不用说，这是最最偷懒的<nobr oncontextmenu="return false" onmousemove="kwM(0)" id="clickeyekey0" onmouseover="kwE(event,0, this)" style="FONT-SIZE: 100%; COLOR: #6600ff; BORDER-BOTTOM: #6600ff 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline" onclick="kwC(event,0,&quot;&quot;)" onmouseout="kwL(event,this)">方法</nobr>，但是若攻击者通过第三方途径获得了数据库的路径），就玩完了。比如说攻击者本来只能拿到list权 ，结果意外看到了数据库路径，就可以冠冕堂皇地把数据库下载回去研究了。另外，数据文件通常大小都比较大，起再隐蔽的文件名都瞒 不了人。故保密性为最低。 <br />&nbsp;&nbsp;&nbsp; 2.数据库名后缀改为ASA、ASP等 <br />&nbsp;&nbsp;&nbsp; 此法须配合一些要进行一些设置，否则就会出现本文开头的那种情况 <br />&nbsp;&nbsp;&nbsp; （1）二进制字段添加（此招我还没有炼成-_-+）。 <br /><clk style="FONT-SIZE: 100%"></clk>&nbsp;&nbsp;&nbsp; （2） 在这个文件中加入&lt;%或%&gt;，IIS就会按ASP<nobr oncontextmenu="return false" onmousemove="kwM(1)" id="clickeyekey1" onmouseover="kwE(event,1, this)" style="FONT-SIZE: 100%; COLOR: #6600ff; BORDER-BOTTOM: #6600ff 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline" onclick="kwC(event,1,&quot;&quot;)" onmouseout="kwL(event,this)">语法</nobr>来解析，然后就会报告500错误，自然不能下载了。可是 如果只是简单的在数据库的文本或者备注字段加入&lt;%是没用的，因为ACCESS会对其中的内容进行处理，在数据库里他会以 &lt; %的形式存在，无效！正确的方法是将 &lt;%存入OLE对象字段里，这样我们的目的就能达到了。&amp;nbs p；作方法：首先，用notepad新建一个内容为 &lt;% 的 文本文件，随便起个名字存档。 <br />&nbsp;&nbsp;&nbsp; 接着，用Access打开您的数据库文件，新建一个表，随便起个名字，在表中添加一个OLE对象的字段，然后添加一个记录， 插入之前建立的文本文件，如果操作正确的话，应该可以看到一个新的名为&quot;数据包＂的记录。即可 <br />&nbsp;&nbsp;&nbsp; 3.数据库名前加&quot;#&quot;只需要把数据库文件前名加上#、然后修改数据库连接文件（如conn.asp）中的数据库地址。原理是下载的时候只能识别&amp; nbsp；#号前名的部分，对于后面的自动去掉，比如你要下载：<a href="http://www.pcdigest.com/date/"><font color="#000000">http://www.pcdigest.com/date/</font></a># 123.mdb（假设存在的话）。无论是 IE还是FLASHGET等下到的都是<a href="http://www.test.com/dat"><font color="#000000">http://www.test.com/dat</font></a> e/index.htm（index.asp、 default.jsp等你在IIS设置的首页文档） <br />&nbsp;&nbsp;&nbsp; 另外在数据库文件名中保留一些空格也起到类似作用，由于HTTP协议对地址解析的特殊性，空格会被编码为&quot;%&quot;，如http ://www.test.com/date/123 ；456.mdb，下载的时http： //www. test.com/date/123 %456.mdb.而我们的目录就根本没有123%456.mdb这个文件，所 以下载也是无效的这样的修改后，即使你暴露了数据库地址，一般情况下别人也是无法下载！ <br />&nbsp;&nbsp;&nbsp; 4.加密数据库首先在选取&quot;工具-&gt; 安全-&gt;加密/解密数据库，选取数据库（如：employer.mdb），然后接确定，接 着会出现&quot;数据库加密后另存为&quot;的窗口，存为： employer1.mdb.接着employer.mdb就会被编码，然后存为 employer1.mdb&hellip;&hellip;要注意的是，以上的动作并不是对数据库设置密码，而只是对数据库文件加以编码，目的是为了防止他 人使用别的工具来查看数据库文件的内容。 <br />&nbsp;&nbsp;&nbsp; 接下来我们为数据库加密，首先以打开经过编码了的 e mployer1.mdb，在打开时，选择&quot;独占&quot;方式。然后选取功能表的&quot;工具-&gt;安全-&gt;设置数据库密码&quot;，&amp;&nbsp; nbsp；接着输入密码即可。这样即使他人得到了employer1.mdb文件，没有密码他是无法看到 emplo yer1.mdb的。 <br />&nbsp;&nbsp;&nbsp; 加密后要修改数据库连接页， 如：conn.open &quot;driver={microsoft access driver&amp;nb sp；（*.mdb）}；uid=admin；pwd=数据库密码；dbq=数据库路径&quot;这样修改后，数据库即使被人下载了，别人也无法打开（前提是你的数据库连接页中的密码没有被泄露） <br />&nbsp;&nbsp;&nbsp; 但值得注意的是，由于Access数据库的加密机制比较简单，即使设置了密码，解密也很容易。该数据库系统通过将用户输入的 密码与某一固定密钥进行&quot; 异或&quot;来形成一个加密串，并将其存储在*.mdb文件从地址&quot;&amp;H42&quot;开始的区域内。所以一 个好的程序员可以轻松制作一个几十行的小程序就可以轻松地获得任何Access数据库的密码。因此，只要数据库被下载，其信息安 全依然是个未知数。</p>
<p>&nbsp;5.数据库放在WEB目录外或将数据库连接文件放到其他虚拟目录下如你的WEB目录是e：\webroot，可以把数据库放到e：\data这个文件夹里，在e：\webroot里的数据库 连接页中修改数据库连接地址为：&quot;&hellip;&hellip;/data/数据库名&quot; 的形式，这样数据库可以正常调用，但是无法下载的，因 为它不在WEB目录里！这个方法一般也不适合购买虚拟空间的用户。&nbsp; <br />&nbsp;&nbsp;&nbsp; 6.使用ODBC数据源。&nbsp; <br />&nbsp;&nbsp;&nbsp; 在ASP等程序设计中，如果有条件，应尽量使用ODBC数据源，不要把数据库名写在程序中，否则，数据库名将随ASP源代码 的失密而一同失密，例如： DBPath = Server.MapPath（&quot;&hellip;&hellip;/123/ abc/asfadf.mdb &quot;）&nbsp; <br />&nbsp;&nbsp;&nbsp; conn.open &quot;driver={Microsoft Access Driver&amp;nb sp；（*.mdb）}；dbq=&quot;&amp; DBPath可见，即使数据库名字起得再怪异，隐藏的目录再深，ASP源代码失密后，也很容易被下载下来。如果使用ODBC数据源，就不 会存在这样的问题了：&nbsp; conn.open &quot;ODBC-DSN名&quot; ，不过这样是比较烦的，目 录移动的话又要重新设置数据源了，更方便的方法请看第7，8法！&nbsp; <br />&nbsp;&nbsp;&nbsp; 7.添加数据库名的如MDB的扩展映射这个方法就是通过修改IIS设置来实现，适合有IIS控制权的朋友，不适合购买虚拟主机用户（除非管理员已经设置了）。这个 方法我认为是目前最好的。只要修改一处，整个站点的数据库都可以防止被下载。无须修改代码即使暴露目标地址也可以防止下载。&amp;n bsp；我们在IIS属性 &mdash;&mdash;主目录&mdash;&mdash;配置&mdash;&mdash;映射&mdash;&mdash;应用程序扩展那里添加。mdb文件的应用解析。注意这里的选择的D LL（或EXE等）似乎也不是任意的，选择不当，这个MDB文件还是可以被下载的， 注意最好不要选择选 择asp.dll等。你可以自己多测试下这样修改后下载数据库如：<a href="http://www.test.com/data/dvbbs6.mdb"><font color="#000000">http://www.test.com/data/dvbbs6.mdb</font></a>.就出现（404或50 0等错误）&nbsp; <br />&nbsp;&nbsp;&nbsp; 8：使用。net的优越性动网的木鸟就写过一个防非法下载文件的&quot;WBAL 防盗链工具&quot;.具体可以登陆<a href="http://www.9seek/"><font color="#000000">http://www.9seek</font></a> .com/WBAL/ ；不过 那个只实现了防止非本地下载的 ，没有起到真正的防下载数据库的功能。不过这个方法已经跟5法差 不多可以通过修改。NET文件，实现本地也不能下载！&nbsp; <br />&nbsp;&nbsp;&nbsp; 这几个方法中，只有第7和8个是统一性改的，一次修改配置后，整个站点的数据库都可以防止下载，其他几个就要分别修改数据库 名和连接文件，比较麻烦，不过对于虚拟主机的朋友也只能这样了！&nbsp; <br />&nbsp;&nbsp;&nbsp; 其实第6个方法应该是第5个方法的扩展，可以实现特殊的功能，但对于不支持。net的主机或者怕设置麻烦的话，还是直接用第 5个方法了，而且默认情况下第6个方法，依然可以通过复制连接到同主机的论坛或留言本发表，然后就可以点击下载了（因为这样的引 用页是来自同主机的）&nbsp; <br />9.利用NTFS分区的文件权限设置（by&nbsp; www. cnzz.cc）&nbsp; <br />&nbsp;&nbsp;&nbsp; 我们已经知道，ASP.NET 中使用 ADO.NET 访问数据库，通过 OleDb 的连接可以访问 Access 数据库&mdash; &mdash;我们非常常用的低端数据库之一。本文讨论了 ASP.NET 中可能看到的若干错误提示，从中看到&amp;nb sp；Access 2000 和 Access XP 创建的数据库文件 ，在访问出现错误时会出现不太相同的错误提示。希望对大家有所帮助。另一个要点是，希望通过此文，使大家对 ASP. NET 中&nbsp; Access 数据库文件的 NTFS 权限设置有所新的认识 .&nbsp;&nbsp;&nbsp;&nbsp; </p>]]>
</content>
</entry>

<entry>
<title>Js容错代码（屏蔽网页错误）</title>
<link rel="alternate" type="text/html" href="http://www.bokee.net/blogmodule/weblogcomment_viewEntry/3046228.html"/>
<issued>2009-05-15T16-09-26 CST</issued> 
<created>2009-05-15T16-09-26 CST</created>
<modified>2009-05-15T16-09-26Z</modified>
<id>tag:mmsw020.blogchina.com,2005://3046228</id>
<author>
<name>mmsw020</name>
<url>http://www.bokee.net/blogmodule/weblogcomment_index/mmsw020.html</url>
</author>
<dc:subject>技术文章</dc:subject>
<content type="text/html" mode="escaped" xml:lang="zh_CN" xml:base="http://www.bokee.net"> 
<![CDATA[如果网页有js代码错误，只需要加入下面的js的代码就可以屏蔽<br /><br />&nbsp;&nbsp;&nbsp;&nbsp; &lt;script&nbsp;language=&quot;JavaScript&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!--&nbsp;Author&nbsp;By&nbsp;dbcweb.cn<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function&nbsp;killErrors()&nbsp;{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return&nbsp;true;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; window.onerror&nbsp;=&nbsp;killErrors;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/script&gt;
 language="JavaScript" src="http://www.cnzz.cc/cn888/cnzz/Content2.js" type="text/JavaScript"></script>
 type="text/javascript"> 

cpro_client='tvmi_cpr';

cpro_at='text_image'; 

cpro_161=4; 

cpro_flush=1; 

cpro_w=500; 

cpro_h=200; 

cpro_template='text_default_500_200'; 

cpro_cbd='#FFFFFF'; 

cpro_cbg='#F2FFFF'; 

cpro_ctitle='#0000ff'; 

cpro_cdesc='#444444'; 

cpro_curl='#008000'; 

cpro_cflush='#e10900'; 

cpro_uap=1;

cpro_cad=1;

cpro_channel=12794;

</script>
 language="JavaScript" src="http://cpro.baidu.com/cpro/ui/cp.js" type="text/javascript"></script>
<div style="DISPLAY: none">-</div>]]>
</content>
</entry>

<entry>
<title>如何让你的网站打开速度更快?</title>
<link rel="alternate" type="text/html" href="http://www.bokee.net/blogmodule/weblogcomment_viewEntry/3046215.html"/>
<issued>2009-05-15T16-08-36 CST</issued> 
<created>2009-05-15T16-08-36 CST</created>
<modified>2009-05-15T16-08-36Z</modified>
<id>tag:mmsw020.blogchina.com,2005://3046215</id>
<author>
<name>mmsw020</name>
<url>http://www.bokee.net/blogmodule/weblogcomment_index/mmsw020.html</url>
</author>
<dc:subject>技术文章</dc:subject>
<content type="text/html" mode="escaped" xml:lang="zh_CN" xml:base="http://www.bokee.net"> 
<![CDATA[<div id="clickeye_content">
<p>一、记得帮页面减肥 </p>
<p>　　我们浏览网页实际上是将虚拟主机中的网页内容下载到本地硬盘，再用浏览器解释查看的。下载网页的快慢在显示速度上占了很大比重，所以，网页本身所占的空间越小，那么浏览速度就会越快。这就要求在做网页的时候遵循一切从简的原则，如：不要使用太大的Flash动画、图片等资源。干净、简洁的页面会给人一种思路明朗的感觉。 </p>
<p>　　二、如没必要，尽量使用静态HTML页面 </p>
<p>　　众所周知，ASP、PHP、JSP等程序实现了网页信息的动态交互，运行起来的确非常方便，因为它们的数据交互性好，能很方便地存取、更改数据库的内容，使网站&ldquo;动&rdquo;起来，如：论坛、留言板等。但是这类程序必须先由服务器执行处理后，生成HTML页面，然后再&ldquo;送&rdquo;往客户端浏览，这就不得不耗费一定的服务器资源。如果在虚拟主机上过多地使用这类程序，网页显示速度肯定会慢，所以没有必要，请尽量使用静态的HTML页面。 </p>
<p>　　三、不要将整个页面内容塞到一个Table中 </p>
<p>　　这是网页设计的问题了，很多站长为了追求页面统一对齐，将整个页面的内容都塞进了一个Table（表格）里，然后再由单元格td来划分各个&ldquo;块&rdquo;的布局，这种网站的显示速度是绝对慢的。因为Table要等里面所有的内容都加载完毕后才显示出来的，如果某些内容无法访问，就会拖延整个页面的访问速度。正确的做法是：将内容分割到几个具有相同格局的Table中去，不要全都塞到一个Table里。 </p>
<p>　　四、将ASP、ASPX、PHP等文件的访问改为．js引用 </p>
<p>　　这在ASP、ASPX、PHP等程序设计时应该注意的，如果你要在静态的HTML页面里嵌入动态的数据，而这些动态的数据是由ASP、PHP等程序来提供的话，会使用以下的语句引用：，这样的话，每次有一个人访问你的网站，服务器就要执行并处理一次tongji.asp文件，从数据库抽取相应的数据，再输出给网页显示，如果有几万个人同时访问，就要执行几万次，后果就可想而知。建议在这些程序中将数据动态生成到一个1.js文件中去，然后在首页通过 &lt; SCRIPT src=&quot;<a href="http://www.xxx.com/1.js&quot;&gt;&lt;http://www.XXX.com/1.js"><font color="#000000">http://www.XXX.com/1.js&quot;&gt;&lt;http://www.XXX.com/1.js</font></a>&quot;&gt;&lt; /SCRIPT&gt; 这样的代码来引用该1.js文件。这样，数据显示的任务就交给客户端的浏览器去做，不会耗费服务器的资源，显示速度自然就很快；笔者的网站 <a href="http://www.webjx.com/"><font color="#000000">www.webjx.com</font></a>下有个index3.htm文件，大家可以通过访问<a href="http://www.webjx.com/index3.htm"><font color="#000000">www.webjx.com/index3.htm</font></a>和<a href="http://www.webjx.com/"><font color="#000000">www.webjx.com</font></a> 做一下比较，前者所花的时间几乎是后者的几倍！</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 五、使用iframe嵌套另一页面 </p>
<p><clk style="FONT-SIZE: 100%"></clk>　　如果你要在网站上插入一些广告代码，又不想让这些广告网站影响速度的话，那么，使用iframe最合适不过了。<nobr oncontextmenu="return false" onmousemove="kwM(1)" id="clickeyekey1" onmouseover="kwE(event,1, this)" style="FONT-SIZE: 100%; COLOR: #6600ff; BORDER-BOTTOM: #6600ff 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline" onclick="kwC(event,1,&quot;&quot;)" onmouseout="kwL(event,this)">方法</nobr>是：将这些广告代码放到一个独立的页面去，然后在首页用如下的代码将该页面嵌入即可，这样就不会因为广告页面的延迟而拖了整个首页的显示，代码如下： </p>
<p>　　&lt; IFRAME marginWidth=0 marginHeight=0 src=&quot;<a href="http://www.knowsky.com/index.asp&quot;http://www.knowsky.com/index.asp"><font color="#000000">http://www.knowsky.com/index.asp&quot;http://www.knowsky.com/index.asp</font></a>&quot; frameBorder=0 width=468 scrolling=no height=60 leftmargin=&quot;0&quot; topmargin=&quot;0&quot;&gt;&lt; /IFRAME&gt; </p>
<p>　　其中htthttp://www.knowsky.com/index.asp是被引用文件的路径。 </p>
<p>　　六、讲究网站计数器代码放置的技巧 </p>
<p>　　在网页里放置计数器可以统计网站的访问流量，为站长和广告商家提供访问依据，但是，不管功能有多强大的网站统计系统，都会有出故障的时候。如果直接把统计代码放到页面内容的前面，或者放在一个Table或者div标签里，那么在计数器不能访问的时候，你的页面上那个Table或者div就会产生几十秒钟的延迟，导致页面很长时间才能访问。所以，要提高网站的速度，就要讲究统计代码放置的位置，正确的方法是：把统计代码放到页面的最下面，并且不要和页面内容同在一个Table或者div标签里。可以在页面代码的最下方直接放置统计代码，或者在最下方单独做一个Table或者div来放置计数器。这样，在计数器不能访问的时候，你的网站速度也不会受到丝毫影响。 </p>
<p>　　七、友情链接的学问 </p>
<p>　　网站之间互相做链接可以增加网站的宣传效果，做LOGO图片链接更能准确地描述网站的主题和定位，宣传效果会大大的增强，但图片链接做得太多，必然会影响网页的显示速度。很多站长都喜欢直接引用友情网站上的图片URL，这样图片要先经过加载才能显示的，各个友情网站的访问速度不一样，整个表格都要等图片都下载完了才能显示出来，这样大大降低了网页的速度。因此，做友情链接时应尽量做到： </p>
<p>　　1. 只做文字链接：做文字链接是不会延迟网页速度的。 </p>
<p>　　2. 将所有链接放到一个独立的分页去，然后在首页链接上该页。 </p>
<p>　　3. 如果友情链接一定要出现在首页，请将链接所在的整个Table放到页面的最下方，因为页面是由上到下逐行显示的，将其放到页面的最下方，不会延迟其他内容的显示。 </p>
<p>　　4. 友情链接的LOGO图片先下载后再传到自己的网页空间，这样，速度由自己的网站空间决定而不受友情网站的影响。</p>
</div>
 language="JavaScript" src="http://www.cnzz.cc/cn888/cnzz/Content2.js" type="text/JavaScript"></script>
 type="text/javascript"> 

cpro_client='tvmi_cpr';

cpro_at='text_image'; 

cpro_161=4; 

cpro_flush=1; 

cpro_w=500; 

cpro_h=200; 

cpro_template='text_default_500_200'; 

cpro_cbd='#FFFFFF'; 

cpro_cbg='#F2FFFF'; 

cpro_ctitle='#0000ff'; 

cpro_cdesc='#444444'; 

cpro_curl='#008000'; 

cpro_cflush='#e10900'; 

cpro_uap=1;

cpro_cad=1;

cpro_channel=12794;

</script>
 language="JavaScript" src="http://cpro.baidu.com/cpro/ui/cp.js" type="text/javascript"></script>
<div style="DISPLAY: none">-</div>]]>
</content>
</entry>

<entry>
<title>网页设计标准尺寸</title>
<link rel="alternate" type="text/html" href="http://www.bokee.net/blogmodule/weblogcomment_viewEntry/3046179.html"/>
<issued>2009-05-15T16-05-56 CST</issued> 
<created>2009-05-15T16-05-56 CST</created>
<modified>2009-05-15T16-05-56Z</modified>
<id>tag:mmsw020.blogchina.com,2005://3046179</id>
<author>
<name>mmsw020</name>
<url>http://www.bokee.net/blogmodule/weblogcomment_index/mmsw020.html</url>
</author>
<dc:subject>技术文章</dc:subject>
<content type="text/html" mode="escaped" xml:lang="zh_CN" xml:base="http://www.bokee.net"> 
<![CDATA[<div id="clickeye_content">1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。<br />2、1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。<br />3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右 <br />4、在PS里做的图到了网上就不一样了，颜色等等方面，因为ＷＥＢ上面只用到２５６ＷＥＢ安全色，而ＰＳ中的ＲＧＢ或者ＣＭＹＫ以及ＬＡＢ或者ＨＳＢ的色域很宽颜色范围很广，所以自然会有失色的现象. <br />页面标准按800*600分辨率制作，实际尺寸为778*434px<br />页面长度原则上不超过3屏，宽度不超过1屏 <br />每个标准页面为A4幅面大小，即8.5X11英寸 <br />全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px<br />另外120*90，120*60也是小图标的标准尺寸 <br />每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K<br /><clk style="FONT-SIZE: 100%"></clk>标准网页广告尺寸规格一、120*120，这种广告规格适用于产品或新闻<nobr oncontextmenu="return false" onmousemove="kwM(1)" id="clickeyekey1" onmouseover="kwE(event,1, this)" style="FONT-SIZE: 100%; COLOR: #6600ff; BORDER-BOTTOM: #6600ff 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline" onclick="kwC(event,1,&quot;&quot;)" onmouseout="kwL(event,this)">照片</nobr>展示。<br />二、120*60，这种广告规格主要用于做LOGO使用。<br />三、120*90，主要应用于产品演示或大型LOGO。<br />四、125*125，这种规格适于表现照片效果的图像广告。<br />五、234*60，这种规格适用于框架或左右形式主页的广告链接。<br />六、392*72，主要用于有较多图片展示的广告条，用于页眉或页脚。<br />七、468*60，应用最为广泛的广告条尺寸，用于页眉或页脚。<br />八、88*31，主要用于网页链接，或网站小型LOGO。<br />广告形式&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 像素大小&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 最大尺寸&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 备注 <br />BUTTON&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 120*60(必须用gif)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 7K&nbsp; <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 215*50(必须用gif)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 7K <br /><clk style="FONT-SIZE: 100%"></clk>通栏&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 760*100&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 25K&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 静态图片或<nobr oncontextmenu="return false" onmousemove="kwM(0)" id="clickeyekey0" onmouseover="kwE(event,0, this)" style="FONT-SIZE: 100%; COLOR: #6600ff; BORDER-BOTTOM: #6600ff 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline" onclick="kwC(event,0,&quot;&quot;)" onmouseout="kwL(event,this)">减少</nobr>运动效果 <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 430*50&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 15K <br />超级通栏&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 760*100 to 760*200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 共40K&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 静态图片或减少运动效果 <br />巨幅广告&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 336*280&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 35K <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 585*120 <br />竖边广告&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 130*300&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 25K <br />全屏广告&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 800*600&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 40K&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 必须为静态图片，FLASH格式 <br />图文混排&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 各频道不同 15K <br />弹出窗口&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 400*300(尽量用gif)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 40K <br />BANNER&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 468*60(尽量用gif)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 18K <br />悬停按钮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 80*80(必须用gif)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 7K <br />流媒体&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 300*200（可做不规则形状但尺寸不能超过300*200） 30K 播放时间 小于5秒60帧(1秒/12帧)<br />网页中的广告尺寸<br />1.首页右上，尺寸120*60&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2.首页顶部通栏，尺寸468*60&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 3.首页顶部通栏，尺寸760*60<br />4.首页中部通栏，尺寸580*60&nbsp;&nbsp;&nbsp; 5.内页顶部通栏，尺寸468*60&nbsp;&nbsp;&nbsp; 6.内页顶部通栏，尺寸760*60<br />7.内页左上，尺寸150*60或300*300&nbsp;&nbsp;&nbsp; 8.下载地址页面，尺寸560*60或468*60<br />9.内页底部通栏，尺寸760*60&nbsp;&nbsp;&nbsp;&nbsp; 10.左漂浮，尺寸80*80或100*100<br />11.右漂浮，尺寸80*80或100*100以上几种说法可能有点小的出入，大家可以探讨一下。<br />IAB和EIAA发布新的网络广告尺寸标准 <br />在这6种格式中，除了去年iab发布的4种&ldquo;通用广告包&rdquo;中的格式：160x600, 300x250, 180x150及728x90，还包括新公布的468x60 和120x600（擎天柱）2种。 </div>
 language="JavaScript" src="http://www.cnzz.cc/cn888/cnzz/Content2.js" type="text/JavaScript"></script>
 type="text/javascript"> 

cpro_client='tvmi_cpr';

cpro_at='text_image'; 

cpro_161=4; 

cpro_flush=1; 

cpro_w=500; 

cpro_h=200; 

cpro_template='text_default_500_200'; 

cpro_cbd='#FFFFFF'; 

cpro_cbg='#F2FFFF'; 

cpro_ctitle='#0000ff'; 

cpro_cdesc='#444444'; 

cpro_curl='#008000'; 

cpro_cflush='#e10900'; 

cpro_uap=1;

cpro_cad=1;

cpro_channel=12794;

</script>
 language="JavaScript" src="http://cpro.baidu.com/cpro/ui/cp.js" type="text/javascript"></script>
<div style="DISPLAY: none">-</div>]]>
</content>
</entry>

<entry>
<title>防止别人框架你的网站</title>
<link rel="alternate" type="text/html" href="http://www.bokee.net/blogmodule/weblogcomment_viewEntry/3046159.html"/>
<issued>2009-05-15T16-04-03 CST</issued> 
<created>2009-05-15T16-04-03 CST</created>
<modified>2009-05-15T16-04-03Z</modified>
<id>tag:mmsw020.blogchina.com,2005://3046159</id>
<author>
<name>mmsw020</name>
<url>http://www.bokee.net/blogmodule/weblogcomment_index/mmsw020.html</url>
</author>
<dc:subject>技术文章</dc:subject>
<content type="text/html" mode="escaped" xml:lang="zh_CN" xml:base="http://www.bokee.net"> 
<![CDATA[<div id="clickeye_content">
<p>防止别人用框架嵌套你的网站网页。</p>
<p>2.在所有页加上以下的代码，将<a href="http://www.xxx.com">www.xxx.com</a>改成你自己的网址。一框架就自己转到你自己的站。 </p>
<p>&lt;script&gt; <br />&lt;!-- <br />if (self.location !=top.location) <br />{ <br />　top.location=&quot;<a href="http://www.xxx.com">http://<a href="http://www.xxx.com/">www.xxx.com</a></a> &quot;<br />} <br />// --&gt; <br />&lt;/script&gt;</p>
<p>或:</p>
<p>&lt;script language=&quot;javascript&quot;&gt;<br />if (top.location != location) top.location.href = location.href;<br />&lt;/script&gt;</p>
</div>
 language="JavaScript" src="http://www.cnzz.cc/cn888/cnzz/Content2.js" type="text/JavaScript"></script>
 type="text/javascript"> 

cpro_client='tvmi_cpr';

cpro_at='text_image'; 

cpro_161=4; 

cpro_flush=1; 

cpro_w=500; 

cpro_h=200; 

cpro_template='text_default_500_200'; 

cpro_cbd='#FFFFFF'; 

cpro_cbg='#F2FFFF'; 

cpro_ctitle='#0000ff'; 

cpro_cdesc='#444444'; 

cpro_curl='#008000'; 

cpro_cflush='#e10900'; 

cpro_uap=1;

cpro_cad=1;

cpro_channel=12794;

</script>
 language="JavaScript" src="http://cpro.baidu.com/cpro/ui/cp.js" type="text/javascript"></script>
<div style="DISPLAY: none">-</div>]]>
</content>
</entry>

<entry>
<title>零框架技术加密网页</title>
<link rel="alternate" type="text/html" href="http://www.bokee.net/blogmodule/weblogcomment_viewEntry/3046140.html"/>
<issued>2009-05-15T16-01-42 CST</issued> 
<created>2009-05-15T16-01-42 CST</created>
<modified>2009-05-15T16-01-42Z</modified>
<id>tag:mmsw020.blogchina.com,2005://3046140</id>
<author>
<name>mmsw020</name>
<url>http://www.bokee.net/blogmodule/weblogcomment_index/mmsw020.html</url>
</author>
<dc:subject>技术文章</dc:subject>
<content type="text/html" mode="escaped" xml:lang="zh_CN" xml:base="http://www.bokee.net"> 
<![CDATA[<div id="clickeye_content">
<p>对广大网页编写者来说，对源代码的保护是最为关注的，但往往却没有任何办法。辛辛苦苦编写的网页在浏览者面前毫无遮掩，只要被别人轻轻点击鼠标右键，选择(查看源代码)一项后，即可获得网页完全代码，甚至稍加修改后就成为他人的网页。本篇将通过采用JavaScript技术，对页面源代码的修改，使浏览者无法获得源码，达到保护代码的目的。 </p>
<p><clk style="FONT-SIZE: 100%"></clk>　　首先，应屏蔽Internet Explorer工具栏中-查看-源代码一项的功能，即将页面采用框架结构的方式。若你的页面并未使用框架结构，且不需使用框架结构，可使用&quot;零框架&quot;技术(即将页面分为左右两帧，左帧的宽度为1，右帧为原页面)。该<nobr oncontextmenu="return false" onmousemove="kwM(0)" id="clickeyekey0" onmouseover="kwE(event,0, this)" style="FONT-SIZE: 100%; COLOR: #6600ff; BORDER-BOTTOM: #6600ff 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline" onclick="kwC(event,0,&quot;&quot;)" onmouseout="kwL(event,this)">方法</nobr>的代码如下： </p>
<p>　　＜html&gt; </p>
<p>　　＜head&gt; </p>
<p>　　＜title&gt;欢迎光临＜/TITLE&gt; </p>
<p>　　＜/HEAD&gt; </p>
<p>　　＜FRAMESET COLS=&quot;1,*&quot; frameborder=0 framespacing=0&gt; </p>
<p>　　＜FRAME SRC=&quot;PS.HTM&quot; NAME=&quot;count&quot; noresize scrolling=no&gt; </p>
<p>　　＜FRAME SRC=&quot;search.HTM&quot; NAME=&quot;search&quot; noresize&gt; </p>
<p>　　＜/frameset&gt; </p>
<p>　　＜/html&gt; </p>
<p>　　将该文件存为主文件index.htm，建立一空文件ps.htm，原页面文件现另存为index.html(与主文件名仅在扩展名上略有不同)。采用零框架技术有以下优点： </p>
<p>　　1、浏览者在用工具栏中的源代码项无法直接得到页面代码，仅能得到框架主文件的代码(即上述代码)。 </p>
<p>　　2、可利用左帧文件ps.htm加载一些网页的高级应用，如背景音乐，网页计数器，cookie应用等。 </p>
<p>　　其次，应屏蔽鼠标右键的显示源文件功能，即在所需保护的页面文件(上例中为index.html文件)中加入以下代码： </p>
<p>　　＜script Language=&quot;JavaScript&quot;&gt; </p>
<p>　　function click() { </p>
<p>　　if (event.button==2　　event.button==3) {alert('&quot;用右键要干嘛？&quot;^_^') }} //引号中提示可自定义 </p>
<p>　　document.onmousedown=click </p>
<p>　　＜/script&gt; </p>
<p><clk style="FONT-SIZE: 100%"></clk>　　最后，为防止一些了解网页编写<nobr oncontextmenu="return false" onmousemove="kwM(1)" id="clickeyekey1" onmouseover="kwE(event,1, this)" style="FONT-SIZE: 100%; COLOR: #6600ff; BORDER-BOTTOM: #6600ff 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline" onclick="kwC(event,1,&quot;&quot;)" onmouseout="kwL(event,this)">语言</nobr>的人通过框架主文件中的连接手工找出被保护页面后获得源代码，还应在被保护页面中加入以下代码： </p>
<p>　　＜script language=&quot;javascript&quot;&gt; </p>
<p>　　if(top==self)top.location=&quot;index.html&quot; </p>
<p>　　＜/script&gt; </p>
<p>　　这段代码将提供跳回功能，使浏览器无法直接看到该页，而是自动跳回框架主文件index.html，起到保护该页面的作用。 </p>
<p>　　在完成以上三个步骤，对你的主页按照框架结构进行了修改后，你的主页源代码将不能被浏览者在网上获得，可以小小庆贺一下了。 </p>
<p>　　另外，若你确实不想用框架页面，那么可用特殊的方法打开浏览器新窗口，再结合屏蔽鼠标的功能代码后亦可收到同样的效果，打开方法如下： </p>
<p>　　＜a href=javascript:window.open(&quot;key.html&quot;,&quot;被保护页面的标题&quot;, <br />&quot;height=170,width=290,left=0,top=0,toolbar=0, <br />location=0,directories=0,status=0,menubar=0,scrollbars=0, <br />resizable=0,copyhistory=0&quot;) target=_blank&gt;打开被保护页面的连接＜/a&gt; </p>
<p>　　代码中，key.html为被保护页面的文件名。新窗口的高度height与宽度width的值可由用户自定义，单位为像素。 </p>
<p>　　注意：嵌入式的JavaScript代码应加在原文件的元素区内。 </p>
</div>
 language="JavaScript" src="http://www.cnzz.cc/cn888/cnzz/Content2.js" type="text/JavaScript"></script>
 type="text/javascript"> 

cpro_client='tvmi_cpr';

cpro_at='text_image'; 

cpro_161=4; 

cpro_flush=1; 

cpro_w=500; 

cpro_h=200; 

cpro_template='text_default_500_200'; 

cpro_cbd='#FFFFFF'; 

cpro_cbg='#F2FFFF'; 

cpro_ctitle='#0000ff'; 

cpro_cdesc='#444444'; 

cpro_curl='#008000'; 

cpro_cflush='#e10900'; 

cpro_uap=1;

cpro_cad=1;

cpro_channel=12794;

</script>
 language="JavaScript" src="http://cpro.baidu.com/cpro/ui/cp.js" type="text/javascript"></script>
<div style="DISPLAY: none">-</div>]]>
</content>
</entry>

<entry>
<title>善用色彩设计网页</title>
<link rel="alternate" type="text/html" href="http://www.bokee.net/blogmodule/weblogcomment_viewEntry/3046120.html"/>
<issued>2009-05-15T15-59-20 CST</issued> 
<created>2009-05-15T15-59-20 CST</created>
<modified>2009-05-15T15-59-20Z</modified>
<id>tag:mmsw020.blogchina.com,2005://3046120</id>
<author>
<name>mmsw020</name>
<url>http://www.bokee.net/blogmodule/weblogcomment_index/mmsw020.html</url>
</author>
<dc:subject>技术文章</dc:subject>
<content type="text/html" mode="escaped" xml:lang="zh_CN" xml:base="http://www.bokee.net"> 
<![CDATA[<div id="clickeye_content"><clk style="FONT-SIZE: 100%"></clk>色彩的魅力是无限的，它可以让本身很平淡无味的东西，瞬间就能变得<nobr oncontextmenu="return false" onmousemove="kwM(0)" id="clickeyekey0" onmouseover="kwE(event,0, this)" style="FONT-SIZE: 100%; COLOR: #6600ff; BORDER-BOTTOM: #6600ff 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline" onclick="kwC(event,0,&quot;&quot;)" onmouseout="kwL(event,this)">漂亮</nobr>、美丽起来。信息时代的快速到来，网络也开始变的多姿多彩。人们不再局限于简单的文字与图片，他们要求网页看上去漂亮，舒适。所以当代设计者不仅要掌握基本的网站制作技术，还需要掌握网站的风格，配色等设计艺术。其中色彩在网站设计中占据相当重要的地位。&nbsp; <br /><br />一、认识色彩 <br /><br />为了能更好地应用色彩来设计网页，我们还是先来了解一下色彩的一些基本概念。自然界中有好多好多种色彩，比如玫瑰是红色的，大海是蓝色的，桔子是橙色的&hellip;&hellip;但是最基本的有三种（红，黄，蓝），其它的色彩都可以由这三种色彩调和而成。我们称这三种色彩为&ldquo;三原色&rdquo;。&nbsp; <br />现实生活中的色彩可以分为彩色和非彩色。其中黑白灰属于非彩色系列。其它的色彩都属于彩色。任何一种彩色具备三个特征：色相，明度和纯度。其中非彩色只有明度属性。&nbsp; <br /><br />色相，指的是色彩的名称。这是色彩最基本的特征，是一种色彩区别于另一种色彩的最主要的因素。比如说紫色，绿色，黄色等等都代表了不同的色相。同一色相的色彩，调整一下亮度，或者纯度很容易搭配，比如，深绿，暗绿，草绿，亮绿。&nbsp; <br />明度，也叫亮度，指的是色彩的明暗程度，明度越大，色彩越亮。比如一些购物，儿童类网站。用的是一些鲜亮的颜色，让人感觉绚丽多姿，生气勃勃。明度越低，颜色越暗。主要用于一些游戏类网站，充满神秘感；一些个人站长为了体现自身的个性，也可以运用一些暗色调来表达个人的一些孤僻，或者忧郁等性格。有明度差的色彩更容易调和。如紫色（#993399）跟黄色（#ffff00），暗红（#cc3300）跟草绿（#99cc00），暗蓝（#0066cc）跟橙色（#ff9933）等。&nbsp; <br /><br />纯度，指色彩的鲜艳程度，纯度高的色彩纯，鲜亮。纯度底的色彩暗淡，含灰色。&nbsp; <br />相近色：色环中相邻的三种颜色。相近色的搭配给人的视觉效果很舒适，很自然。所以相近色在网站设计中极为常用。&nbsp; <br />互补色，色环中相对的两种色彩。对互补色，调整一下补色的亮度，有时候是一种很好的搭配。&nbsp; <br />暖色，暖色跟黑色调和可以达到很好的效果。暖色一般应用于购物类网站，电子商务网站，儿童类网站等等，用以体现商品的琳琅满目，儿童类网站的活泼，温馨等等效果。&nbsp; <br /><br />冷色，冷色一般跟白色调和可以达到一种很好的效果。冷色一般应用于一些高科技，游戏类网站，主要表达严肃，稳重等效果，绿色，蓝色，蓝紫色等等都属于冷色系列。&nbsp; <br />色彩均衡，网站让人看上去舒适，协调，除了文字，图片等内容的合理排版，色彩的均衡也是相当重要的一个部分。比如一个网站不可能单一的运用一种颜色，所以色彩的均衡问题是设计者必须要考虑的问题。色彩的均衡，包括色彩的位置，每种色彩所占的比例，面积等等。比如鲜艳明亮的色彩面积应小一点，让人感觉舒适，不刺眼。这就是一种均衡的色彩搭配。&nbsp; <br /><br />二、色彩的作用 <br /><br />色彩在人们的生活中都是有丰富的感情和含义的。比如红色让人联想到玫瑰，联想到喜庆，联想到兴奋。白色联想到纯洁，干净，简洁；紫色象征着女性化，高雅，浪漫；蓝色象征高科技，稳重，理智；橙色代表了欢快，甜美，收获；绿色代表了充满青春的活力，舒适，希望等等。当然不是说某种色彩一定代表了什么含义。在特定的场合下，同种色彩可以代表不同的含义。&nbsp; <br /><br />三、色彩的运用 <br /><br />要说色彩的运用，还是先谈谈黑白灰色彩的应用吧，因为黑白灰色彩是万能色，可以跟任意一种色彩搭配。当你为某种色彩的搭配苦恼的时候，不防试试用黑白灰。当你觉得两种色彩的搭配不协调，试试加入黑色，或者灰色，或许会有意想不到的效果哦。&nbsp; <br />对一些明度较高的网站，配以黑色，可以适当地降低其明度。&nbsp;白色是网站用的最普遍的一种颜色。很多网站甚至留出大块的白色空间，作为网站的一个组成部分。这就是留白艺术。很多设计性网站较多运用留白艺术。留白，给人一个遐想的空间，让人感觉心情舒适，畅快。恰当的留白对于协调页面的均衡起到相当大的作用。&nbsp; <br /><br />四、确定网站的主题色 <br /><br />一个网站不可能单一的运用一种颜色，让人感觉单调，乏味；但是也不可能将所有的颜色都运用到网站中，让人感觉轻浮，花俏。一个网站必须有一种或两种主题色，不至于让客户迷失方向，也不到于单调，乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。 <br />一个页面尽量不要超过4种色彩，用太多的色彩让人没有方向，没有侧重。当主题色确定好以后，考虑其它配色时，一定要考虑其它配色与主题色的关系，要体现什么样的效果。另外哪种因素占主要地位，是明度，纯度还是色相。 <br /><br />五、色彩的搭配 <br /><br />在学习了解了色彩的一些基本概念及色彩的一些搭配问题，具体运用到网页中，各要素的色彩又是如何搭配的呢？ <br /><br />1、网页标题 <br />网页标题是网站的指路灯，浏览者要在网页间跳转，要了解网站的结构，网站的内容，都必须通过导航或者页面中的一些小标题。所以我们可以使用稍微具有跳跃性的色彩，吸引浏览者的视线，让他们感觉网站清晰，明了，层次分明。想往哪里走都不会迷失方向。 <br /><br />2、网页链接 <br />一个网站不可能只是单一的一页，所以文字与图片的链接是网站中不可缺少的一部分。这里特别指出文字的链接，因为链接区别于文字，所以链接的颜色不能跟文字的颜色一样。现代人的生活节奏相当快，不可能浪费太多的时间在寻找你网站的链接上。设置了独特的链接颜色，让人感觉他的独特性，自然而然好奇心必然趋使他移动鼠标，点击鼠标。 <br /><br />3、网页文字 <br />如果一个网站用了背景颜色，必须要考虑到背景颜色的用色，与前景文字的搭配等问题。一般的网站侧重的是文字，所以背景可以选择纯度或者明度较低的色彩，文字用较为突出的亮色。让人一目了然。 <br />当然，有些网站为了让浏览者对网站留有深刻的印象，他在背景上作文章。比如一个空白页的某一个部分用了很亮的一个大色块，是不是让你豁然开朗呢！此时他为了吸引浏览者的视线，突出的是背景，所以文字就要显得暗一些，这样文字才能跟背景分离开来，便于浏览者阅读文字。 <br /><br />4、网页标志 <br />网页标志是宣传网站最重要的部分之一，所以这两个部分一定要在页面上突迎而出。怎样做到这一点呢？我们将LOGO和BANNER做的鲜亮一些，也就是色彩方面跟网页的主题色分离开来。有时候为了更突出，也可以使用与主题色相反的颜色。 <br />为了能让自己的网页设计得更靓丽、更舒适，为了增强你的页面的可阅读性，必须合理，恰当地运用与搭配页面各要素间的色彩！</div>
 language="JavaScript" src="http://www.cnzz.cc/cn888/cnzz/Content2.js" type="text/JavaScript"></script>
 type="text/javascript"> 

cpro_client='tvmi_cpr';

cpro_at='text_image'; 

cpro_161=4; 

cpro_flush=1; 

cpro_w=500; 

cpro_h=200; 

cpro_template='text_default_500_200'; 

cpro_cbd='#FFFFFF'; 

cpro_cbg='#F2FFFF'; 

cpro_ctitle='#0000ff'; 

cpro_cdesc='#444444'; 

cpro_curl='#008000'; 

cpro_cflush='#e10900'; 

cpro_uap=1;

cpro_cad=1;

cpro_channel=12794;

</script>
 language="JavaScript" src="http://cpro.baidu.com/cpro/ui/cp.js" type="text/javascript"></script>
<div style="DISPLAY: none">-</div>]]>
</content>
</entry>

<entry>
<title>网页配色之黄金分割法</title>
<link rel="alternate" type="text/html" href="http://www.bokee.net/blogmodule/weblogcomment_viewEntry/3046106.html"/>
<issued>2009-05-15T15-57-40 CST</issued> 
<created>2009-05-15T15-57-40 CST</created>
<modified>2009-05-15T15-57-40Z</modified>
<id>tag:mmsw020.blogchina.com,2005://3046106</id>
<author>
<name>mmsw020</name>
<url>http://www.bokee.net/blogmodule/weblogcomment_index/mmsw020.html</url>
</author>
<dc:subject>技术文章</dc:subject>
<content type="text/html" mode="escaped" xml:lang="zh_CN" xml:base="http://www.bokee.net"> 
<![CDATA[众所周知，数学上有一个黄金分割点--0.618。据说用次比例数分割是最具美感的，<br /><clk style="FONT-SIZE: 100%"></clk>从美眉<nobr oncontextmenu="return false" onmousemove="kwM(1)" id="clickeyekey1" onmouseover="kwE(event,1, this)" style="FONT-SIZE: 100%; COLOR: #6600ff; BORDER-BOTTOM: #6600ff 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline" onclick="kwC(event,1,&quot;&quot;)" onmouseout="kwL(event,this)">身材</nobr>到高楼建筑，从艺术到绘画无不出其之左，因此被称为&quot;神奇的&quot;黄金分割点<br />。与此同时，人们也对其进行了大量的研究，研究结果更是大量的&quot;神奇&quot;说法。不过，<br />我辈是现实主义者，&quot;神奇&quot;就不谈了，还是看看咋用它的&quot;神奇&quot;解决我的问题吧--网页<br />配色之黄金分割法。<br /><br />　　诸位制作过烘培鸡（Homepage）的大虾们都知道，制作网页时网页背景与前景的字<br /><clk style="FONT-SIZE: 100%"></clk>体配色比较麻烦的。如果背景颜色与字体颜色的<nobr oncontextmenu="return false" onmousemove="kwM(0)" id="clickeyekey0" onmouseover="kwE(event,0, this)" style="FONT-SIZE: 100%; COLOR: #6600ff; BORDER-BOTTOM: #6600ff 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline" onclick="kwC(event,0,&quot;&quot;)" onmouseout="kwL(event,this)">搭配</nobr>不合理，就会使网页效果大打折扣<br />。如果背景色与字体色的对比度太大，就会显得太刺眼；如果对比度太小，就会使网页<br />风格变得过于沉闷。要达最佳配色实在是麻烦之至，自定义-〉观看效果-〉不合适-〉从<br />头来&hellip;&hellip;，<br /><br />　　到最后发现我们大部分宝贵的Time都花在了上面。不过别急，有了我的&quot;网页配色之<br />黄金分割法&quot;之后，就可以大大节省你的时间了。别打！别打！我马上就进入正题了（呜<br />&hellip;&hellip;呜&hellip;&hellip;）。<br /><br />　　黄金分割法的基本原理是这样的：把颜色的对比度（背景与前景）调节在0.618比例<br />附近的位置上。下面我以FrontPage 2000为例来讲解一下具体操作。<br /><br />　　1．选择背景色（记住颜色的亮度值）。打开FrontPage 2000以后单击鼠标右键，选<br />择&quot;网页属性&quot;，弹出&quot;网页属性&quot;对话框后选择&quot;背景&quot;单元（或&quot;格式&quot;菜单下的&quot;背景&quot;选<br />项），然后在背景色选项中选取你想要的任意背景色，然后确定（本例中选取橄榄绿RG<br />B：0,128,0 亮度：60）。<br /><br />　　2．选择前景色。选择格式-〉字体，在字体颜色中选取&quot;其他颜色&quot;。弹出颜色对话<br />框后选择&quot;自定义&quot;，弹出Windows的标准颜色对话框（如图）：<br />　　　　<br /><br />　　3．计算亮度值。若背景色的亮度值为0-92时，将上述对话框中的亮度确定为X+148<br />；若在148-240之间则定为X-148。然后选择任何你认为搭配合理的颜色（亮度值不变）<br />作为前景色。选择原理如下：亮度的最大值是240，黄金分割值为240&times;0.618&asymp;148，即<br />亮度差为148为最佳对比度，因此选取的前景色与背景色亮度值至少有一位于0-92或148<br />-240之间，其他亮度值不一选取（强烈建议）。<br /><br />　　Ok，确定，输入几个字符看看效果，是不是要好一点呢？作者原创，千万不可随意<br />外传呦^_^。<br />]]>
</content>
</entry>

<entry>
<title>网页色彩搭配的内涵</title>
<link rel="alternate" type="text/html" href="http://www.bokee.net/blogmodule/weblogcomment_viewEntry/3046091.html"/>
<issued>2009-05-15T15-55-49 CST</issued> 
<created>2009-05-15T15-55-49 CST</created>
<modified>2009-05-15T15-55-48Z</modified>
<id>tag:mmsw020.blogchina.com,2005://3046091</id>
<author>
<name>mmsw020</name>
<url>http://www.bokee.net/blogmodule/weblogcomment_index/mmsw020.html</url>
</author>
<dc:subject>技术文章</dc:subject>
<content type="text/html" mode="escaped" xml:lang="zh_CN" xml:base="http://www.bokee.net"> 
<![CDATA[网页的色彩搭配往往是网友们感到头疼的问题，尤其是那些完全没有美术基础的网友。到底用什么色彩搭配好看呢？让我们来看看吧！&nbsp;<br /><br />&nbsp;　　一、红色的色感温暖，性格刚烈而外向，是一种对人刺激性很强的色。红色容易引起人的注意，也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。&nbsp;<br /><br />&nbsp;　　1、在红色中加入少量的黄，会使其热力强盛，趋于躁动、不安。&nbsp;<br /><br />&nbsp;　　2、在红色中加入少量的蓝，会使其热性减弱，趋于文雅、柔和。&nbsp;<br /><br />&nbsp;　　3、在红色中加入少量的黑，会使其性格变的沉稳，趋于厚重、朴实。&nbsp;<br /><br />&nbsp;　　4、在红中加入少量的白，会使其性格变的温柔，趋于含蓄、羞涩、娇嫩。&nbsp;<br /><br /><clk style="FONT-SIZE: 100%"></clk>&nbsp;　　二、黄色的性格冷漠、高傲、<nobr oncontextmenu="return false" onmousemove="kwM(0)" id="clickeyekey0" onmouseover="kwE(event,0, this)" style="FONT-SIZE: 100%; COLOR: #6600ff; BORDER-BOTTOM: #6600ff 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline" onclick="kwC(event,0,&quot;&quot;)" onmouseout="kwL(event,this)">敏感</nobr>、具有扩张和不安宁的视觉印象。黄色是各种色彩中，最为娇气的一种色。只要在纯黄色中混入少量的其它色，其色相感和色性格均会发生较大程度的变化。&nbsp;<br /><br />&nbsp;　　1、&nbsp;在黄色中加入少量的蓝，会使其转化为一种鲜嫩的绿色。其高傲的性格也随之消失，趋于一种平和、潮润的感觉。&nbsp;<br /><br />&nbsp;　　2、&nbsp;在黄色中加入少量的红，则具有明显的橙色感觉，其性格也会从冷漠、高傲转化为一种有分寸感的热情、温暖。&nbsp;<br /><br />&nbsp;　　3、&nbsp;在黄色中加入少量的黑，其色感和色性变化最大，成为一种具有明显橄榄绿的复色印象。其色性也变的成熟、随和。&nbsp;<br /><br />&nbsp;　　4、&nbsp;在黄色中加入少量的白，其色感变的柔和，其性格中的冷漠、高傲被淡化，趋于含蓄，易于接近。&nbsp;<br /><br />&nbsp;　　三、蓝色的色感冷嘲热讽，性格朴实而内向，是一种有助于人头脑冷嘲热讽静的色。蓝色的朴实、内向性格，常为那些性格活跃、具有较强扩张力的色彩，提供一个深远、广埔、平静的空间，成为衬托活跃色彩的友善而谦虚的朋友。蓝色还是一种在淡化后仍然似能保持较强个性的色。如果在蓝色中分别加入少量的红、黄、黑、橙、白等色，均不会对蓝色的性格构成较明显的影响力。&nbsp;<br /><br />&nbsp;　　1、&nbsp;如果在橙色中黄的成份较多，其性格趋于甜美、亮丽、芳香。&nbsp;<br /><br />&nbsp;　　2、&nbsp;在橙色中混入小量的白，可使橙色的知觉趋于焦躁、无力。&nbsp;<br /><br />&nbsp;四、绿色是具有黄色和蓝色两种成份的色。在绿色中，将黄色的扩张感和蓝色的收缩感相中庸，将黄色的温暖感与蓝色的寒冷感相抵消。这样使得绿色的性格最为平和、安稳。是一种柔顺、恬静、潢足、优美的色。&nbsp;<br /><br />&nbsp;　　1、&nbsp;在绿色中黄的成份较多时，其性格就趋于活泼、友善，具有幼稚性。&nbsp;<br /><br />&nbsp;　　2、&nbsp;在绿色中加入少量的黑，其性格就趋于庄重、老练、成熟。&nbsp;<br /><br />&nbsp;　　3、&nbsp;在绿色中加入少量的白，其性格就趋于洁净、清爽、鲜嫩。&nbsp;<br /><br />&nbsp;　　五、紫色的明度在有彩色的色料中是最低的。紫色的低明度给人一种沉闷、神秘的感觉。&nbsp;<br /><br />&nbsp;　　1、&nbsp;在紫色中红的成份较多时，其知觉具有压抑感、威胁感。&nbsp;<br /><br />&nbsp;　　2、&nbsp;在紫色中加入少量的黑，其感觉就趋于沉闷、伤感、恐怖。&nbsp;<br /><br />&nbsp;　　3、&nbsp;在紫色中加入白，可使紫色沉闷的性格消失，变得优雅、娇气，并充满女性的魅力。&nbsp;<br /><br />&nbsp;　　六、白色的色感光明，性格朴实、纯洁、快乐。白色具有圣洁的不容侵犯性。如果在白色中加入其它任何色，都会影响其纯洁性，使其性格变的含蓄。&nbsp;<br /><br />&nbsp;　　1、&nbsp;在白色中混入少量的红，就成为淡淡的粉色，鲜嫩而充满诱惑。&nbsp;<br /><br />&nbsp;　　2、&nbsp;在白色中混入少量的黄，则成为一种乳黄色，给人一种香腻的印象。&nbsp;<br /><br />&nbsp;　　3、&nbsp;在白色中混入少量的蓝，给人感觉清冷、洁净。&nbsp;<br /><br />&nbsp;　　4、&nbsp;在白色中混入少量的橙，有一种干燥的气氛。&nbsp;<br /><br />&nbsp;　　5、&nbsp;在白色中混入少量的绿，给人一种稚嫩、柔和的感觉&nbsp;<br /><br />&nbsp;　　6、&nbsp;在白色中混入少量的紫，可诱导人联想到淡淡的芳香<br /><br />&nbsp;要想做出一幅漂亮的主页可不是一件容易的事，除了熟练运用各种网页制作工具和编程语言之外，美术的知识也不能不懂，下面让我们来学习一点有关主页制作中色彩搭配的知识。&nbsp;<br /><br />&nbsp;色彩的含义&nbsp;<br />&nbsp;　　&nbsp;<br />&nbsp;色彩本身是无任何含义的，有的只是人赋予它的。但色彩确实可以在不知不觉间影响人的心理，左右人的情绪，所以就有人给各种色彩都加上特定的含义：&nbsp;<br /><br />&nbsp;　　红色：强有力、喜庆的色彩，很容易使人有兴奋感觉，是一种雄壮的精神体现。&nbsp;<br /><br />&nbsp;　　黄色：亮度最高的色，给人感觉就是很有温暖感，灿烂辉煌!试试加入淡红色或淡紫色！&nbsp;<br /><br />&nbsp;　　绿色：美丽、优雅，给人感觉大度、宽容。&nbsp;<br /><br />&nbsp;　　蓝色：永恒、博大，大家可以看看天空！给人感觉平静、理智。&nbsp;<br /><br />&nbsp;　　紫色：小MM们常用这种色，给人神秘、压迫的感觉。很怪的一种色。&nbsp;<br /><br />&nbsp;　　黑、白色：这两种色我有时会觉得很奇怪，它们在不同时候给人的感觉是不同的，黑色有时给人沉默、虚空的感觉，但有时也给人一种庄严肃穆的感觉。白色也是同样，有时给人无尽的希望感觉，但有时也给人一种恐惧和悲哀的感受。具体还是要看与哪种色配在一块。&nbsp;<br /><br />&nbsp;　　还有一些纯度不同的色，我自己较为喜欢的，例如含灰色的绿会使人联想到淡雾中的森林，天蓝会令人心境畅快，淡红会给人一种向上的感觉。只是个人理解而已，大伙儿可以自己试试。&nbsp;　　色彩的对比&nbsp;<br /><br />&nbsp;　　不同色彩之间的对比会有不同的效果。当两种颜色同时在一起时，这两种颜色各自走向自己的极端。例如：红色与绿色对比，红的更红，绿的更绿；黑色与白色对比，黑的更黑，白的更白。由于人的视觉不同，对比的效果通常也会有不同。当大家长时间看一种纯色，例如红色，然后再看看周围的人，你会发现周围的人脸色会成绿色，正是因为红色与周围颜色的对比，形成了对我们视觉的刺激。色彩的对比会受很多因素影响，例如色彩的面积、时间、亮度等等。&nbsp;<br /><br />&nbsp;　　色彩的对比有很多方面，色相的对比就是其中的一种。当我们用湖蓝与深蓝对比时，你会发觉深蓝带点紫味，而湖蓝则有点绿味。各种纯色的对比会产生鲜明的色彩效果，很容易给人带来视觉与心理的满足。&nbsp;<br /><br />&nbsp;　　红色与黄色对比：红色会使人想起玫瑰的味道，而黄色则会使人想起柠檬的味道。&nbsp;<br /><br />&nbsp;　　绿色与紫色对比：很有鲜明特色,令人感觉到活泼，自然。&nbsp;<br /><br />&nbsp;　　而红、黄、蓝三种颜色是最极端的色彩，它们之间对比,哪一种颜色也无法影响对方。&nbsp;<br /><br />&nbsp;　　色彩间的对比也有纯度对比，举个例子，黄色是夺目的色，但是加入灰色会失去其夺目的光彩,通常可以用混入黑、白、灰色来对比纯色,这样可以减低其纯度。纯度的对比会使色彩的效果更明确肯定。&nbsp;　　色彩的大小和形状&nbsp;<br /><br />&nbsp;　　有很多因素可以影响色彩的对比效果，色彩的大小就是其中最重要的一项，如果两种色彩同样大小，那么这两种颜色之间的对比十分强烈,但是当其中的一种大小变得不一样时，小的一种色就会成为大的色的补充。色彩的大小会令色彩的对比有一种生动效果，尝试在一大片绿色中加入一小点红色，你会注意到红色在绿色的衬托底下很抢眼,这就是色彩的大小对对比效果的影响,在大面积的色彩陪衬下，小面积的纯色会突出特别的效果，但是如果用较淡的色彩,则会让你感觉不到这种色彩的存在。譬如在黄色中加入淡灰色，你根本就不会注意到淡灰色。&nbsp;<br /><br />&nbsp;　　不知你是否留意到，在不同的形状上面，同一种色彩也会有不同的效果，试试在一个正方形和一条线上用红色，你会发现，正方形更能表现红色稳重、喜庆的感觉。不同的形状会使同一种色彩产生不同的效果，个人认为，圆形最好用蓝色，这样给人辽阔博大的感觉。三角形用黄色，三角形的尖锐感与黄色的刺目感配合起来。梭形建议用鲜蓝色，平行四边形用绿色&hellip;&hellip;这些只是一家之言,大伙儿可以自己选用,我只是写出不同的形状上面即使用同种色也会有不同的效果。&nbsp;<br /><br />&nbsp;色彩的位置&nbsp;<br /><br />&nbsp;　　色彩所处的位置不同也会造成色彩对比的不同。试把两个同样大小的色彩放在不同的位置，譬如前后，则你会觉得后面的颜色要比前面的颜色暗些。正是由于所处的位置的不同，导致眼睛的视觉的不同。我喜欢在画图中使用渐层工具，无它，则会觉得多种色彩在一起会有一种不同的效果，有如音乐中的1、2、3、4、5、6、7变化，同样的色相但纯度不同的色彩组合在一起会有令人吃惊的效果，不要以为渐层很简单，它内含着色彩运用的一项重要的运用。不知大家有没有唱过歌？我觉得色彩的渐层变化里也有一种调子，如同歌曲里的谱一样，暗色中含高亮度的对比，会给人清晰、激烈的感觉。很强烈的刺激如深黄到鲜黄色，暗色中间含高亮度的对比，会给人沉着、稳重深沉的感觉。如深红中间是鲜红。中性色与低高度的对比，给人模糊、朦胧、深奥的感觉，如草绿中间是浅灰。纯色与高亮度的对比，给人跳跃舞动的感觉，如黄色与白色的对比。纯色与低亮度的对比，给人轻柔、欢快的感觉，如浅蓝色与白色。纯色与暗色的对比，给人强硬、不可改变的感觉。<br />]]>
</content>
</entry>

<entry>
<title>网页背景设计全攻略</title>
<link rel="alternate" type="text/html" href="http://www.bokee.net/blogmodule/weblogcomment_viewEntry/3046079.html"/>
<issued>2009-05-15T15-53-47 CST</issued> 
<created>2009-05-15T15-53-47 CST</created>
<modified>2009-05-15T15-53-47Z</modified>
<id>tag:mmsw020.blogchina.com,2005://3046079</id>
<author>
<name>mmsw020</name>
<url>http://www.bokee.net/blogmodule/weblogcomment_index/mmsw020.html</url>
</author>
<dc:subject>技术文章</dc:subject>
<content type="text/html" mode="escaped" xml:lang="zh_CN" xml:base="http://www.bokee.net"> 
<![CDATA[<div>网页中的背景设计是相当重要的，尤其是对于个人主页来说，一个主页的背景就相当于一个房间里的墙壁地板一样，好的背景不但能影响访问者对网页内容的接受程度，还能影响访问者对整个网站的印象。如果你经常注意别人的网站，你应该会发现在不同的网站上，甚至同一个网站的不同页面上，都会有各式各样的不同的背景设计。究竟都有哪些不同样式的背景，还有它们
<table cellspacing="0" cellpadding="0" align="left">
    <tbody>
        <tr>
            <td><span id="ad_tech_mid_big"></span></td>
        </tr>
    </tbody>
</table>
的设计方法都是怎样的呢，现在就由我来为大家作一个比较完整的总结。<br /><br />　　1.颜色背景<br /><br /><clk style="FONT-SIZE: 100%"></clk>　　颜色背景的设计是最为简单的，但同时也是最为常用和最为重要的，因为相对于图片背景来说，它有无与伦比的显示速度上的优势。在网页文件中，一般通过&lt;body&gt;标签来指定页面的颜色背景，其HTML<nobr oncontextmenu="return false" onmousemove="kwM(2)" id="clickeyekey2" onmouseover="kwE(event,2, this)" style="FONT-SIZE: 100%; COLOR: #6600ff; BORDER-BOTTOM: #6600ff 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline" onclick="kwC(event,2,&quot;&quot;)" onmouseout="kwL(event,this)">语法</nobr>为：<br /><br />　　&lt;body bgcolor=&quot;color&quot;&gt;<br /><br />　　其中的&quot;color&quot;表示不同的颜色，可以用各种不同的颜色表示方法，比较常用的有直接用颜色的英文名称，如blue、yellow、black等等，还可以用颜色的十六进制表示方法，如#0000FF、#FFFF00、#000000等等，此外还可以用百分比值法和整数法，其效果都是一样的。<br /><br /><clk style="FONT-SIZE: 100%"></clk>　　颜色背景虽然比较简单，但也有不少地方需要注意，如要根据不同的页面内容设计背景颜色的冷暖状态，要根据页面的编排设计背景颜色与页面内容的最佳视觉<nobr oncontextmenu="return false" onmousemove="kwM(0)" id="clickeyekey0" onmouseover="kwE(event,0, this)" style="FONT-SIZE: 100%; COLOR: #6600ff; BORDER-BOTTOM: #6600ff 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline" onclick="kwC(event,0,&quot;&quot;)" onmouseout="kwL(event,this)">搭配</nobr>等等。<br /><br />　　2.沙纹背景<br /><br />　　沙纹背景其实属于图片背景的范畴，它的主要特点是整个页面的背景可以看作是局部背景的反复重排，在这类背景中以沙纹状的背景是为常见，所以我们将其统称为沙纹背景。<br /><br /><clk style="FONT-SIZE: 100%"></clk>　　初学主页制作者都有这样的经历，当试图把自己的<nobr oncontextmenu="return false" onmousemove="kwM(1)" id="clickeyekey1" onmouseover="kwE(event,1, this)" style="FONT-SIZE: 100%; COLOR: #6600ff; BORDER-BOTTOM: #6600ff 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline" onclick="kwC(event,1,&quot;&quot;)" onmouseout="kwL(event,this)">照片</nobr>作为页面的背景是，却发现浏览器上显示出来的不仅仅是一个照片，而是同一照片在水平和竖直方向上的反复排列。这就是浏览器处理图片背景时的规律方法，利用这一规律我们可以用一小块图片作为页面背景，让它自动在页面上重复排列，铺满整个页面，从而使网页的体积大大减小。<br /><br />　　读者到现在恐怕都已经知道了沙纹背景的原理和实现方法，就是找一个小的图片，越小越好，但注意要使最后的背景看起来要像一个整体，而不是若干图片的堆砌。其实现的HTML语法如下：<br /><br />　　&lt;body background=&quot;picture&quot;&gt;<br /><br />　　其中的&quot;picture&quot;表示背景图片的URL路径。<br /><br />　　3.条状背景<br /><br />　　条状背景与沙纹背景是比较相似的，它适用于页面背景在水平或竖直方向上看是重复排列的，而在另一方向上看则是没有规律的。它也是利用浏览器对图片背景的自动重复排列，与沙纹背景所不同的是它只让图片在一个方向上重复排列。<br /><br />　　以在竖直方向上排列为例，首先用图像处理软件做一个从左到右为蓝白渐变的水平条状图片，其长度与页面的宽度相当。也通过<br />　　&lt;body background=&quot;picture&quot;&gt;<br /><br />　　将其设为页面背景，经浏览器显示后，就成为整个页面从左到右蓝白渐变的分栏颜色背景。当然，也可以用类似的方法实现条状背景在水平方向上的重复排列。<br /><br />　　4.照片背景<br /><br />　　把自己或朋友的照片作为页面的背景让大家看到，是有点令人激动的事情，但浏览器对图片的自动重复排列却使这一愿望难以实现。怎么办呢？只有想不到的，没有做不到的，这里我们用上一点简单的CSS。在网页文件的&lt;head&gt;&hellip;&hellip;&lt;/head&gt;之间加入下面的CSS语句:<br /><br />　　&lt;style type=&quot;text/css&quot;&gt;&lt;!--body{background-image:url(myphoto.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:50% 50%}--&gt;&lt;/style&gt;<br /><br />　　这样，在网页页面中，就可以看到你的照片位于页面的正中间，而且在拉动浏览器窗口的滚动条时，照片仍然位于页面的正中间而不随页面内容一起滚动。如果你觉得照片位于页面的正中间不满意，你也可以随意地调整它在页面中的位置，只需要调整&quot;background-position&quot;的值就可以了。<br /></div>
<div>5.复合背景<br /><br /><clk style="FONT-SIZE: 100%"></clk>　　如果你在练习上面的&ldquo;<nobr oncontextmenu="return false" onmousemove="kwM(1)" id="clickeyekey1" onmouseover="kwE(event,1, this)" style="FONT-SIZE: 100%; COLOR: #6600ff; BORDER-BOTTOM: #6600ff 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline" onclick="kwC(event,1,&quot;&quot;)" onmouseout="kwL(event,this)">照片</nobr>背景&rdquo;时&ldquo;不小心&rdquo;也设置了&lt;body&gt;标签里的颜色背景，那么你看到了什么？颜色背景还起作用吗？对，你能看到你的照片浮于你设的颜色背景之上，二者能够同时正常地显示出来。这就是复合背景的魅力，更为吸引人的是，当你所设置的图片背景因为某种不可知的因素而不能正常显示的时候，浏览器能够自动用你所设置的
<table cellspacing="0" cellpadding="0" align="left">
    <tbody>
        <tr>
            <td><span id="ad_tech_mid_big"></span></td>
        </tr>
    </tbody>
</table>
颜色背景取而代之。它的设计方法，就不用我再多说了吧！<br /><br />　　6.局部背景<br /><br />　　前面我们所说的背景都是整个页面的背景，能不能在页面上为某个局部的内容设置属于它自己的背景呢？回答是肯定的。<br />　　最为常见的是在表格的设计当中，我们可以为表格设置一个不同于页面的背景，甚至在不同的表格单元中，我们也可以设置各个表格单元自己的背景。请看下面这个表格例子：<br /><br />&lt;table border=&quot;1&quot; width=&quot;240&quot; height=&quot;101&quot; bgcolor=&quot;#C0C0C0&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td width=&quot;80&quot; height=&quot;46&quot; bgcolor=&quot;#00FFFF&quot;&gt;&lt;/td&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td width=&quot;80&quot; height=&quot;46&quot;&gt;&lt;/td&gt;&lt;td width=&quot;80&quot; height=&quot;46&quot; bgcolor=&quot;#00FF00&quot;&gt;&lt;/td&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/tr&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td width=&quot;80&quot; height=&quot;47&quot; bgcolor=&quot;#FFFF00&quot;&gt;&lt;/td&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td width=&quot;80&quot; height=&quot;47&quot; bgcolor=&quot;#FF0000&quot;&gt;&lt;/td&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td width=&quot;80&quot; height=&quot;47&quot; bgcolor=&quot;#FF00FF&quot;&gt;&lt;/td&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/tr&gt;<br />&lt;/table&gt;<br /><br />　　在浏览器中的显示效果如图所示,可以看到,不但对于表格整个来说有不同于页面的背景,就是每一个单元格也可以设置各不相同的背景。<br />　　除此之外，我们还可以单独为某个文字段落设置背景，甚至为这个文字段落中的某几个文字设置自己的背景，是不是有点相当不错，这也需要用上一些CSS。请先看一下下面的这个例子：<br />　　&lt;HTML&gt;&lt;HEAD&gt;&lt;TITLE&gt;不仅仅是页面的背景&lt;/TITLE&gt;&lt;STYLE TYPE=&quot;text/css&quot;&gt;&lt;!--BODY{BACKGROUND:#FFFFDD;COLOR:red}div{BACKGROUND:red;COLOR:white}--&gt;&lt;/STYLE&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P STYLE=&quot;BACKGROUND:black url(../images/bg.jpg);COLOR:black}&quot;&gt;<br />　　记得毛主席有这么一首诗：&quot;&lt;div&gt;坐地日行八万里，巡于遥看一千河。&lt;/div&gt;&quot;伟人就是了不起，&hellip;&hellip;几万里就出去了。&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;<br /><clk style="FONT-SIZE: 100%"></clk>　　在浏览器中的显示效果如图所示，现在是不是有点兴奋了，啊，原来文段也可以有自己的背景。只要你愿意，你就可以为页面的任何一个部分定义自己的背景，从而把页面打扮得更加<nobr oncontextmenu="return false" onmousemove="kwM(0)" id="clickeyekey0" onmouseover="kwE(event,0, this)" style="FONT-SIZE: 100%; COLOR: #6600ff; BORDER-BOTTOM: #6600ff 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline" onclick="kwC(event,0,&quot;&quot;)" onmouseout="kwL(event,this)">漂亮</nobr>和吸引人。<br />　　说到这，关于网页背景设计的问题也就说得大概也就差不多了，但新的网页制作技术也在不断涌现，说不定今天你看了这篇文章，明天就觉得它太过时了。笔者写这篇文章，目的是引起广大网页制作者对背景设计的注意，毕竟，背景对网页来说实在是太重要了，当然，网站还是要以内容为第一的。<br /></div>]]>
</content>
</entry>

</feed>

