<?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>歪歪屋啊 &#187; 网站建设</title> <atom:link href="http://www.yywr.net/archives/category/www/feed" rel="self" type="application/rss+xml" /><link>http://www.yywr.net</link> <description>生活只是一种态度的表现,其实一切都可以很简单</description> <lastBuildDate>Sat, 07 Aug 2010 10:57:18 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.0.1</generator> <item><title>颜色拾取、搭配器——只为更好的换皮</title><link>http://www.yywr.net/archives/941</link> <comments>http://www.yywr.net/archives/941#comments</comments> <pubDate>Sun, 07 Feb 2010 17:28:29 +0000</pubDate> <dc:creator>歪歪屋啊</dc:creator> <category><![CDATA[网站建设]]></category> <category><![CDATA[资源分享]]></category> <category><![CDATA[主题]]></category><guid isPermaLink="false">http://www.yywr.net/?p=941</guid> <description><![CDATA[花费了我一个上午的时间，把这套软件下载到手，包括拾色、配色在内的几款软件都有了，这样对于我等对颜色搭配一无所知的草民来说是件很庆幸的事情。 虽然说花这么长的时间只是为了下载几款软件的话，确实有些不值了，但有些软件就是这样，下载地址很多，限制也很多，无效的地址更多，又有什么办法呢 。 谁不想有张好皮 一张看着心里爽的主题，自己都会多看两眼，但是我们所能够找到的主题当中，有多少是自己完全喜欢的，所以说只能是自己动手了。 自己制作一张皮，对我来说暂时不太现实，无论是从能力、精力还是时间上来说都不太可能，所以也就只有改了，从很久以前就说过要换个主题了，但一直没找到适合的版面，到后面一看还是觉inove更加适合，而且从建博以来就没用过其它的主题，还是有点感情的。Mg12大哥对不住了 。 代码不是难题，颜色让人郁闷 说起来以前说过我在技术方面实在是烂，这里不再重复说了，但是修改下样式还是可以的，郁闷的颜色搭配让人郁闷，前几次换了几次背景色，感觉不行，包括这次换成#232323，这种接近#000000的黑色，虽然经过更改内容页的背景色后，那种突兀的感觉明显降低了，但依然存在，看来还是要改。（没办法，已经懒得不想在本地架服务器测试了 ，直接改好传到空间看效果。） 博客还是要折腾 虽说以前改过几套DEDE的主题，但现在想想好像都是代码方面的的修改，对于颜色的搭配还是按照原主题的主色调色然后修改部份的细节，像这次一样全部换的状况还是第一次（还没全部改完呢，如果按设想全改完，能认出是inove的主题的没几个 ），看来还是要瞎折腾才能更好的学点东西。 颜色拾取、搭配器下载 下面是下载到的颜色拾取、搭配软件，感非常不错。而且这里还改了一个WEB版的颜色，搭配器，不想下载的可以直接访问颜色搭配器的页面进行操作。至于软件的使用的话就不多罗嗦了。 颜色拾取、搭配器下载传送门 传送门失效? 请进入2号传送门]]></description> <content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter" title="颜色拾取、搭配器" src="http://img.yywr.net/2010/02/20100208.gif" alt="" width="520" height="80" /></p><p>花费了我一个上午的时间，把这套软件下载到手，包括拾色、配色在内的几款软件都有了，这样对于我等对颜色搭配一无所知的草民来说是件很庆幸的事情。</p><p>虽然说花这么长的时间只是为了下载几款软件的话，确实有些不值了，但有些软件就是这样，下载地址很多，限制也很多，无效的地址更多，又有什么办法呢 <img src='http://www.yywr.net/wp-includes/images/smilies/icon_exclaim.gif' alt=':!:' class='wp-smiley' /> 。</p><p><span id="more-941"></span></p><h4>谁不想有张好皮</h4><p>一张看着心里爽的主题，自己都会多看两眼，但是我们所能够找到的主题当中，有多少是自己完全喜欢的，所以说只能是自己动手了。</p><p>自己制作一张皮，对我来说暂时不太现实，无论是从能力、精力还是时间上来说都不太可能，所以也就只有改了，从很久以前就说过要换个主题了，但一直没找到适合的版面，到后面一看还是觉inove更加适合，而且从建博以来就没用过其它的主题，还是有点感情的。Mg12大哥对不住了 <img src='http://www.yywr.net/wp-includes/images/smilies/icon_exclaim.gif' alt=':!:' class='wp-smiley' /> 。</p><h4>代码不是难题，颜色让人郁闷</h4><p>说起来以前说过我在技术方面实在是烂，这里不再重复说了，但是修改下样式还是可以的，郁闷的颜色搭配让人郁闷，前几次换了几次背景色，感觉不行，包括这次换成#232323，这种接近#000000的黑色，虽然经过更改内容页的背景色后，那种突兀的感觉明显降低了，但依然存在，看来还是要改。（没办法，已经懒得不想在本地架服务器测试了 <img src='http://www.yywr.net/wp-includes/images/smilies/icon_redface.gif' alt=':oops:' class='wp-smiley' /> ，直接改好传到空间看效果。）</p><h4>博客还是要折腾</h4><p>虽说以前改过几套DEDE的主题，但现在想想好像都是代码方面的的修改，对于颜色的搭配还是按照原主题的主色调色然后修改部份的细节，像这次一样全部换的状况还是第一次（还没全部改完呢，如果按设想全改完，能认出是inove的主题的没几个 <img src='http://www.yywr.net/wp-includes/images/smilies/icon_arrow.gif' alt=':arrow:' class='wp-smiley' /> ），看来还是要瞎折腾才能更好的学点东西。</p><h4>颜色拾取、搭配器下载</h4><p>下面是下载到的颜色拾取、搭配软件，感非常不错。而且这里还改了一个WEB版的颜色，搭配器，不想下载的可以直接访问<a title="颜色搭配器" href="http://www.yywr.net/tools/colors.html" target="_blank">颜色搭配器</a>的页面进行操作。至于软件的使用的话就不多罗嗦了。</p><div class="down"><p><a href="http://storage.live.com/items/FD1C3665236F083C!146?filename=Colors.rar" target="_blank">颜色拾取、搭配器下载传送门</a></p><p><a href="http://cid-fd1c3665236f083c.skydrive.live.com/self.aspx/Software/Colors.rar" target="_blank">传送门失效? 请进入2号传送门</a></p></div> ]]></content:encoded> <wfw:commentRss>http://www.yywr.net/archives/941/feed</wfw:commentRss> <slash:comments>35</slash:comments> </item> <item><title>思考:博客第一印像</title><link>http://www.yywr.net/archives/850</link> <comments>http://www.yywr.net/archives/850#comments</comments> <pubDate>Sat, 05 Dec 2009 16:04:27 +0000</pubDate> <dc:creator>歪歪屋啊</dc:creator> <category><![CDATA[网站建设]]></category> <category><![CDATA[博客]]></category><guid isPermaLink="false">http://www.yywr.net/?p=850</guid> <description><![CDATA[其实这两天在工作以及生活当中想到了不好好题材,以及好句子,足足够写几篇文章了,不过很遗憾这些东东现在我忘了,而且是一点都想不起来.脑子退化了 相信不少朋友都有着自己喜欢去的博客吧,博客主题的丰富我是无法表达了,不过经典的也就那些,可能一个博客(这博客不知道用什么做单位好 )无论从主题还是从内容上,你都喜欢,不过换一个人可能就不一样了. 博客内容可以让喜爱的读者长期访问,但其前题读者能够在第一次访问时产生再次访问的欲望.这里面内容很重要,一个好的外观形像也很重要. 想要自己写一个博客主题?纯HTML可能花点时间可以,不过像Workprees的主题,本人暂时还是没有希望了 看看Wordprees圈子,好点的主题随便诳两圈就可以看到大把大把相主的.就说Inove,那不是一般的多,所以眼睛都看得疲劳.想想自己的现在也是这款主题.还好我有XX牌滴眼液,多少可以缓解一下. 不可否认,我已经对Inove失去了兴趣,当初那种&#8221;一见钟情&#8221;的感觉早就没有了.但是就如前些日子所说的,最近比较烦,有不少事情要去烦心.所以对Inove的&#8221;死刑&#8221;判决延迟了好长一些日子. 这些日子重新整理了一下RSS的订阅,里面都是平常会去关注的博客,当然重点的博客都是列在单独的组里的,这个组里博客的内容那是不用说,从博客外观上来看,最起码不会难看:mrgreen: ,漂亮点的那是肯定有的 一个有好内容的博客就如同一个有涵养的女人,而一个外观让人印象深刻的博客就如同一个漂亮的女人,而两者兼得者…… 不了引起&#8221;犯罪&#8221;活动,这里就不多说了,当然,观点是人看的.每个人的观点不同,评价自然不同 很明显,我没有语言天赋,也没有华丽的词澡,总之意思就是这样,我不想用这个主题了,而且也准备花点功夫打造打造门面.哈哈 如果说要像可能吧那样例出一大堆的例子来,或者像松松同学一样在文章加入自己深刻的思想,我想那样的文章一定很耐看,不过很明显,我是不可能实现了,或者说暂时没有这个能力,就算写出来了那也是超常发挥,所以还是先修修门面吧. 一个有涵养人男士无法达到,花点精力做个帅气点的小男生还是可以的]]></description> <content:encoded><![CDATA[<p>其实这两天在工作以及生活当中想到了不好好题材,以及好句子,足足够写几篇文章了,不过很遗憾这些东东现在我忘了,而且是一点都想不起来.脑子退化了 <img src='http://www.yywr.net/wp-includes/images/smilies/icon_arrow.gif' alt=':arrow:' class='wp-smiley' /></p><p>相信不少朋友都有着自己喜欢去的博客吧,博客主题的丰富我是无法表达了,不过经典的也就那些,可能一个博客(这博客不知道用什么做单位好 <img src='http://www.yywr.net/wp-includes/images/smilies/icon_wink.gif' alt=':wink:' class='wp-smiley' /> )无论从主题还是从内容上,你都喜欢,不过换一个人可能就不一样了.</p><p><span id="more-850"></span></p><p>博客内容可以让喜爱的读者长期访问,但其前题读者能够在第一次访问时产生再次访问的欲望.这里面内容很重要,一个好的外观形像也很重要.</p><p>想要自己写一个博客主题?纯HTML可能花点时间可以,不过像Workprees的主题,本人暂时还是没有希望了 <img src='http://www.yywr.net/wp-includes/images/smilies/icon_idea.gif' alt=':idea:' class='wp-smiley' /></p><p>看看Wordprees圈子,好点的主题随便诳两圈就可以看到大把大把相主的.就说Inove,那不是一般的多,所以眼睛都看得疲劳.想想自己的现在也是这款主题.还好我有XX牌滴眼液,多少可以缓解一下.</p><p>不可否认,我已经对Inove失去了兴趣,当初那种&#8221;一见钟情&#8221;的感觉早就没有了.但是就如前些日子所说的,<a title="生活无法避免的琐事" href="http://www.yywr.net/index.php/archives/842">最近比较烦</a>,有不少事情要去烦心.所以对Inove的&#8221;死刑&#8221;判决延迟了好长一些日子.</p><p>这些日子重新整理了一下RSS的订阅,里面都是平常会去关注的博客,当然重点的博客都是列在单独的组里的,这个组里博客的内容那是不用说,从博客外观上来看,最起码不会难看:mrgreen: ,漂亮点的那是肯定有的</p><p>一个有好内容的博客就如同一个有涵养的女人,而一个外观让人印象深刻的博客就如同一个漂亮的女人,而两者兼得者……</p><p>不了引起&#8221;犯罪&#8221;活动,这里就不多说了,当然,观点是人看的.每个人的观点不同,评价自然不同</p><p>很明显,我没有语言天赋,也没有华丽的词澡,总之意思就是这样,我不想用这个主题了,而且也准备花点功夫打造打造门面.哈哈</p><p>如果说要像可能吧那样例出一大堆的例子来,或者像<a title="卢松松的博客" href="http://www.lusongsong.com" target="_blank">松松</a>同学一样在文章加入自己深刻的思想,我想那样的文章一定很耐看,不过很明显,我是不可能实现了,或者说暂时没有这个能力,就算写出来了那也是超常发挥,所以还是先修修门面吧.</p><p>一个有涵养人男士无法达到,花点精力做个帅气点的小男生还是可以的 <img src='http://www.yywr.net/wp-includes/images/smilies/icon_arrow.gif' alt=':arrow:' class='wp-smiley' /></p> ]]></content:encoded> <wfw:commentRss>http://www.yywr.net/archives/850/feed</wfw:commentRss> <slash:comments>42</slash:comments> </item> <item><title>原来如此简单，可我就是不会——纯CSS手风琴效果</title><link>http://www.yywr.net/archives/774</link> <comments>http://www.yywr.net/archives/774#comments</comments> <pubDate>Sun, 25 Oct 2009 09:48:25 +0000</pubDate> <dc:creator>歪歪屋啊</dc:creator> <category><![CDATA[网站建设]]></category> <category><![CDATA[代码]]></category><guid isPermaLink="false">http://www.yywr.net/?p=774</guid> <description><![CDATA[一直以为好的视觉效果，或者说动态效果一般都是由JS或都有类库实现的，直到昨天才知道，神奇的CSS也可以实现这神奇的效果，而且并非难事。而且并不逊于由JS或者库类做出来的效果。 在此为自己的无知而感到惭愧，同时也为明白自己的无知而感到庆幸(MS我喜欢这种绕嘴，而实际上又不是绕嘴的话语 ) 在此，也就不班门弄斧了，这代码是别人的，只是借来这里用一下，顺便分享一下，垂直显示是默认，等下还要研究一下水平显示呢(菜鸟就这样 ) HTML及CSS代码如下 HTML代码 &#60;body&#62; &#60;div id=&#8220;accordion&#8221;&#62; &#60;div id=&#8220;a&#8221;&#62; &#60;h1&#62;第一格&#60;/h1&#62; &#60;p&#62;&#60;/p&#62; &#60;p&#62;第一格内容&#60;/p&#62; &#60;/div&#62; &#60;div id=&#8220;b&#8221;&#62; &#60;h1&#62;第二格&#60;/h1&#62; &#60;p&#62;第二格内容&#60;/p&#62; &#60;/div&#62; &#60;div id=&#8220;c&#8221;&#62; &#60;h1&#62;其它分享&#60;/h1&#62; &#60;p&#62;暂无&#60;/p&#62; &#60;/div&#62; &#60;div id=&#8220;d&#8221;&#62; &#60;h1&#62;其它分享&#60;/h1&#62; &#60;p&#62;暂无&#60;/p&#62; &#60;/div&#62; &#60;div style=&#8220;float: none; clear: both; height: 0;&#8221;&#62; &#60;/div&#62; &#60;/div&#62; &#60;/body&#62; ==============神奇的分割线============ CSS代码 &#60;style&#62; body { font: small/1.2 Arial, Helvetica, sans-serif; } #accordion { width: [...]]]></description> <content:encoded><![CDATA[<p>一直以为好的视觉效果，或者说动态效果一般都是由JS或都有类库实现的，直到昨天才知道，神奇的CSS也可以实现这神奇的效果，而且并非难事。而且并不逊于由JS或者库类做出来的效果。</p><p>在此为自己的无知而感到惭愧，同时也为明白自己的无知而感到庆幸(MS我喜欢这种绕嘴，而实际上又不是绕嘴的话语 <img src='http://www.yywr.net/wp-includes/images/smilies/icon_exclaim.gif' alt=':!:' class='wp-smiley' /> )</p><p><span id="more-774"></span></p><p>在此，也就不班门弄斧了，这代码是别人的，只是借来这里用一下，顺便分享一下，垂直显示是默认，等下还要研究一下水平显示呢(菜鸟就这样 <img src='http://www.yywr.net/wp-includes/images/smilies/icon_cry.gif' alt=':cry:' class='wp-smiley' /> )</p><h4>HTML及CSS代码如下</h4><div style="background:#fdfdfd;color:black;"><span style="text-decoration: underline;">HTML代码</span></div><div class="source" style="font-family: "><span style="color: #007000">&lt;body&gt;</span><br /> <span style="color: #007000">&lt;div</span> <span style="color: #0000c0">id=</span><span style="background-color: #fff0f0">&#8220;accordion&#8221;</span><span style="color: #007000">&gt;</span><br /> <span style="color: #007000">&lt;div</span> <span style="color: #0000c0">id=</span><span style="background-color: #fff0f0">&#8220;a&#8221;</span><span style="color: #007000">&gt;</span><br /> <span style="color: #007000">&lt;h1&gt;</span><span style="color: #000000">第一格</span><span style="color: #007000">&lt;/h1&gt;</span><br /> <span style="color: #007000">&lt;p&gt;&lt;/p&gt;</span><br /> <span style="color: #007000">&lt;p&gt;</span><span style="color: #000000">第一格内容</span><span style="color: #007000">&lt;/p&gt;</span><br /> <span style="color: #007000">&lt;/div&gt;</span><br /> <span style="color: #007000">&lt;div</span> <span style="color: #0000c0">id=</span><span style="background-color: #fff0f0">&#8220;b&#8221;</span><span style="color: #007000">&gt;</span><br /> <span style="color: #007000">&lt;h1&gt;</span><span style="color: #000000">第二格</span><span style="color: #007000">&lt;/h1&gt;</span><br /> <span style="color: #007000">&lt;p&gt;</span><span style="color: #000000">第二格内容</span><span style="color: #007000">&lt;/p&gt;</span><br /> <span style="color: #007000">&lt;/div&gt;</span><br /> <span style="color: #007000">&lt;div</span> <span style="color: #0000c0">id=</span><span style="background-color: #fff0f0">&#8220;c&#8221;</span><span style="color: #007000">&gt;</span><br /> <span style="color: #007000">&lt;h1&gt;</span><span style="color: #000000">其它分享</span><span style="color: #007000">&lt;/h1&gt;</span><br /> <span style="color: #007000">&lt;p&gt;</span><span style="color: #000000">暂无</span><span style="color: #007000">&lt;/p&gt;</span><br /> <span style="color: #007000">&lt;/div&gt;</span><br /> <span style="color: #007000">&lt;div</span> <span style="color: #0000c0">id=</span><span style="background-color: #fff0f0">&#8220;d&#8221;</span><span style="color: #007000">&gt;</span><br /> <span style="color: #007000">&lt;h1&gt;</span><span style="color: #000000">其它分享</span><span style="color: #007000">&lt;/h1&gt;</span><br /> <span style="color: #007000">&lt;p&gt;</span><span style="color: #000000">暂无</span><span style="color: #007000">&lt;/p&gt;</span><br /> <span style="color: #007000">&lt;/div&gt;</span><br /> <span style="color: #007000">&lt;div</span> <span style="color: #0000c0">style=</span><span style="background-color: #fff0f0">&#8220;float: none; clear: both; height: 0;&#8221;</span><span style="color: #007000">&gt;</span> <span style="color: #007000">&lt;/div&gt;</span><br /> <span style="color: #007000">&lt;/div&gt;</span><br /> <span style="color: #007000">&lt;/body&gt;</span></div><p>==============神奇的分割线============</p><div style="background:#fdfdfd;color:black;"><span style="text-decoration: underline;">CSS代码</span></div><div class="source" style="font-family: "><span style="color: #303030">&lt;</span><span style="color: #007000">style</span><span style="color: #303030">&gt;</span><br /> <span style="color: #007000">body</span> <span style="color: #000000">{</span><br /> <span style="color: #008000; font-weight: 700">font</span><span style="color: #303030">:</span> <span style="color: #000000">small</span><span style="color: #303030">/</span><span style="color: #6000e0; font-weight: 700">1</span><span style="color: #303030">.</span><span style="color: #6000e0; font-weight: 700">2</span> <span style="color: #000000">Arial</span><span style="color: #303030">,</span> <span style="color: #000000">Helvetica</span><span style="color: #303030">,</span> <span style="color: #008000; font-weight: 700">sans-serif</span>; <span style="color: #000000">}</span><br /> <span style="color: #0060b0; font-weight: 700">#accordion</span> <span style="color: #000000">{</span><br /> <span style="color: #008000; font-weight: 700">width</span><span style="color: #303030">:</span> <span style="color: #6000e0; font-weight: 700">250px</span>;<br /> <span style="color: #008000; font-weight: 700">height</span><span style="color: #303030">:</span> <span style="color: #6000e0; font-weight: 700">100px</span>;<br /> <span style="color: #008000; font-weight: 700">margin-top</span><span style="color: #303030">:</span> <span style="color: #6000e0; font-weight: 700">10px</span>;<br /> <span style="color: #008000; font-weight: 700">margin-right</span><span style="color: #303030">:</span> <span style="color: #008000; font-weight: 700">auto</span>;<br /> <span style="color: #008000; font-weight: 700">margin-bottom</span><span style="color: #303030">:</span> <span style="color: #6000e0; font-weight: 700">10px</span>;<br /> <span style="color: #008000; font-weight: 700">margin-left</span><span style="color: #303030">:</span> <span style="color: #008000; font-weight: 700">auto</span>;<br /> <span style="color: #000000">}</span><br /> <span style="color: #0060b0; font-weight: 700">#accordion</span> <span style="color: #007000">div</span> <span style="color: #000000">{</span><br /> <span style="color: #008000; font-weight: 700">height</span><span style="color: #303030">:</span><span style="color: #6000e0; font-weight: 700">25%</span>;<br /> <span style="color: #008000; font-weight: 700">overflow</span><span style="color: #303030">:</span> <span style="color: #008000; font-weight: 700">hidden</span><span style="color: #000000">;}</span><br /> <span style="color: #0060b0; font-weight: 700">#accordion</span><span style="color: #505050; font-weight: 700">:hover</span> <span style="color: #007000">div</span> <span style="color: #000000">{</span><br /> <span style="color: #008000; font-weight: 700">height</span><span style="color: #303030">:</span> <span style="color: #6000e0; font-weight: 700">20px</span>; <span style="color: #000000">}</span><br /> <span style="color: #0060b0; font-weight: 700">#accordion</span><span style="color: #505050; font-weight: 700">:hover</span> <span style="color: #007000">div</span><span style="color: #505050; font-weight: 700">:hover</span> <span style="color: #000000">{</span><br /> <span style="color: #008000; font-weight: 700">height</span><span style="color: #303030">:</span> <span style="color: #6000e0; font-weight: 700">200px</span>;<br /> <span style="color: #008000; font-weight: 700">overflow</span><span style="color: #303030">:</span> <span style="color: #008000; font-weight: 700">auto</span>; <span style="color: #000000">}</span><br /> <span style="color: #0060b0; font-weight: 700">#a</span> <span style="color: #000000">{</span><br /> <span style="color: #008000; font-weight: 700">background-color</span><span style="color: #303030">:</span> <span style="color: #6000e0; font-weight: 700">#CCFF99</span>; <span style="color: #000000">}</span><br /> <span style="color: #0060b0; font-weight: 700">#b</span> <span style="color: #000000">{</span><br /> <span style="color: #008000; font-weight: 700">background-color</span><span style="color: #303030">:</span><span style="color: #6000e0; font-weight: 700">#FF6633</span>; <span style="color: #000000">}</span><br /> <span style="color: #0060b0; font-weight: 700">#c</span> <span style="color: #000000">{</span><br /> <span style="color: #008000; font-weight: 700">background-color</span><span style="color: #303030">:</span> <span style="color: #6000e0; font-weight: 700">#FFCC00</span>; <span style="color: #000000">}</span><br /> <span style="color: #0060b0; font-weight: 700">#d</span> <span style="color: #000000">{</span><br /> <span style="color: #008000; font-weight: 700">background-color</span><span style="color: #303030">:</span><span style="color: #6000e0; font-weight: 700">#99FFFF</span>; <span style="color: #000000">}</span><br /> <span style="color: #007000">h1</span> <span style="color: #000000">{</span><br /> <span style="color: #008000; font-weight: 700">font-size</span><span style="color: #303030">:</span> <span style="color: #6000e0; font-weight: 700">100%</span>;<br /> <span style="color: #008000; font-weight: 700">margin-top</span><span style="color: #303030">:</span> <span style="color: #6000e0; font-weight: 700">5px</span>;<br /> <span style="color: #008000; font-weight: 700">margin-right</span><span style="color: #303030">:</span> <span style="color: #6000e0; font-weight: 700">5px</span>;<br /> <span style="color: #008000; font-weight: 700">margin-bottom</span><span style="color: #303030">:</span> <span style="color: #6000e0; font-weight: 700">0.2em</span>;<br /> <span style="color: #008000; font-weight: 700">margin-left</span><span style="color: #303030">:</span> <span style="color: #6000e0; font-weight: 700">25px</span>;<br /> <span style="color: #000000">}</span><br /> p <span style="color: #000000">{</span><br /> <span style="color: #008000; font-weight: 700">margin</span><span style="color: #303030">:</span> <span style="color: #6000e0; font-weight: 700">1em</span> <span style="color: #6000e0; font-weight: 700">25px</span>; <span style="color: #000000">}</span><br /> <span style="color: #303030">&lt;/</span><span style="color: #007000">style</span><span style="color: #303030">&gt;</span></div><h4>神奇的效果</h4><div id="accordion"><div id="a"><h5>CSS伪类(pseudo-class)</h5></p><p>第一种：selector:pseudo-class {property: value}</p><p>第二种：<br /> selector.class:pseudo-class {property: value}</p><h5>锚(a)伪类</h5><p><strong>锚(a)伪类是最常用的伪类。例句如下：</strong></p><p> a:link {color: #FF0000}     /* 未被访问的链接 <span class="font1">红色</span> */</p><p> a:visited {color: #00FF00}  /* 已被访问过的链接 <span class="font2">绿色</span> */</p><p> a:hover {color: #FFCC00}   /* 鼠标悬浮在上的链接 <span class="font3">橙色</span> */</p><p> a:active {color: #0000FF}   /* 鼠标点中激活链接 <span class="font4">蓝色</span> */</p><p><strong>也可以用HTML的class属性来设定伪类。例句如下：</strong></p><p> a.c1:link {color: #FF0000}     /* 未被访问的链接 <span class="font1">红色</span> */</p><p> a.c1:visited {color: #00FF00}  /* 已被访问过的链接 <span class="font2">绿色</span> */</p><p> a.c1:hover {color: #FFCC00}   /* 鼠标悬浮在上的链接 <span class="font3">橙色</span> */</p><p> a.c1:active {color: #0000FF}   /* 鼠标点中激活链接 <span class="font4">蓝色</span> */</p><p><strong>注：</strong>由于CSS优先级的关系(后面比前面的优先级高)，在写a的CSS时，<sapn class="font1">一定要按照a:link， a:visited， a:hover， a:actived的顺序书写。</sapn></p></p></div><div id="b"><h5>HTML DIV 标签</h5><h5>定义和用法</h5><p><span class="font4">div</span> 可定义文档中的分区或节（division/section）。</p><p><span class="font4">div</span> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。</p><p>如果用 <span class="font4">id</span> 或 <span class="font4">class</span> 来标记 <span class="font4">div</span>，那么该标签的作用会变得更加有效。</p><h5>用法</h5><p><span class="font4">div</span> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <span class="font4">div</span> 固有的唯一格式表现。可以通过 <span class="font4">div</span> 的 <span class="font4">class</span> 或 <span class="font4">id</span> 应用额外的样式。</p><p>不必为每一个 <span class="font4">div</span> 都加上类或 <span class="font4">id</span>，虽然这样做也有一定的好处。</p><p>可以对同一个 <span class="font4">div</span> 元素应用<span class="font4">class</span> 或 <span class="font4">id</span> 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，<span class="font4">class</span>用于元素组（类似的元素，或者可以理解为某一类元素），而 <span class="font4">id</span> 用于标识单独的唯一的元素。</p></p></div><div id="c"><h5>其它</h5><p>暂无</p></p></div><div id="d"><h5>其它</h5><p>暂无</p></p></div><div style="float: none; clear: both; height: 0;"></div></p></div><h4>代码来源</h4><p>其实这段代码虽然是国外某个大哥或者大姐写的，不过我等小菜对E文极为头痛，看不懂，所以这代码都是从DEDE官网上看来的，然后直接COPY过来了，至于在DEDE官网的具体位置就大家自己去找了，找不到那我也没办法，不过找到了肯定会有你喜欢的效果。</p> ]]></content:encoded> <wfw:commentRss>http://www.yywr.net/archives/774/feed</wfw:commentRss> <slash:comments>28</slash:comments> </item> <item><title>WordPress主题——inove1.4.5修改手记</title><link>http://www.yywr.net/archives/590</link> <comments>http://www.yywr.net/archives/590#comments</comments> <pubDate>Thu, 16 Jul 2009 17:36:28 +0000</pubDate> <dc:creator>歪歪屋啊</dc:creator> <category><![CDATA[网站建设]]></category> <category><![CDATA[主题]]></category><guid isPermaLink="false">http://www.yywr.net/?p=590</guid> <description><![CDATA[当初建博时选择的inove主题早就已经从当初的1.2.3升级到了1.4.5，就以歪歪个人的感受来说，外观上的变化不大，但是新版的性能以及代码的优化我想应该是有所提高的，但对于这方面并不熟悉，所以也就不多做评价 新版本与老版本的代码肯定是有所不同的，所以当初从网上找到的一些inove修改方法也多少有点变化，这里就重新以个人的经验再写一遍，以方便准备升级或已经升级的朋友做个参考 注：模板文件请使用UTF-8编码进行保存，请使用如EditPlus等可以进行UTF-8进行保存的编辑器进行代码的编辑 文章页尾添加版权说明 第一步：修改主题文件夹下的single.php文件 1、找到第25行 &#60;?php the_content(); ?&#62; 2、然后在其后面加上类似如下信息的代码 &#60;div&#62; &#60;p&#62;转载原创文章请注明：文章转载自:&#60;strong&#62;&#60;?php bloginfo(&#8216;name&#8217;); ?&#62;&#60;/strong&#62; (&#60;a href=&#8221;&#60;?php echo get_settings(&#8216;hom&#8217;); ?&#62;&#8221;&#62;&#60;?php echo get_settings(&#8216;home&#8217;); ?&#62;&#60;/a&#62;)&#60;br /&#62; 本文标题：&#60;?php the_title(); ?&#62;&#60;br /&#62; 本文地址：&#60;a href=&#8221;&#60;?php the_permalink(); ?&#62;&#8221;&#62;&#60;?php the_permalink(); ?&#62;&#60;/a&#62; &#60;/p&#62; &#60;/div&#62; &#60;/div&#62; &#60;div&#62; &#60;div class=&#8221;reship&#8221;&#62; &#60;p&#62;转载原创文章请注明：文章转载自:&#60;strong&#62;&#60;?php bloginfo('name'); ?&#62;&#60;/strong&#62; (&#60;a href="&#60;?php echo get_settings('hom'); ?&#62;"&#62;&#60;?php echo get_settings('home'); ?&#62;&#60;/a&#62;)&#60;br /&#62; 本文标题：&#60;?php the_title(); ?&#62;&#60;br /&#62; [...]]]></description> <content:encoded><![CDATA[<p>当初建博时选择的inove主题早就已经从当初的1.2.3升级到了1.4.5，就以歪歪个人的感受来说，外观上的变化不大，但是新版的性能以及代码的优化我想应该是有所提高的，但对于这方面并不熟悉，所以也就不多做评价</p><p>新版本与老版本的代码肯定是有所不同的，所以当初从网上找到的一些<a title="inove修改" href="http://www.yywr.net/index.php/archives/45">inove修改方法</a>也多少有点变化，这里就重新以个人的经验再写一遍，以方便准备升级或已经升级的朋友做个参考</p><p><span id="more-590"></span></p><p><strong> 注</strong>：模板文件请使用UTF-8编码进行保存，请使用如EditPlus等可以进行UTF-8进行保存的编辑器进行代码的编辑</p><h4><strong>文章页尾添加版权说明</strong></h4><p><strong> 第一步：修改主题文件夹下的single.php文件</strong></p><p><strong> 1、</strong>找到第25行<code> &lt;?php the_content(); ?&gt;</code><br /> <strong> 2、</strong>然后在其后面加上类似如下信息的代码</p><p><code> </code></p><div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 153px; width: 1px; height: 1px;"><span style="white-space: pre;"> </span>&lt;div&gt;</div><div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 153px; width: 1px; height: 1px;">&lt;p&gt;转载原创文章请注明：文章转载自:&lt;strong&gt;&lt;?php bloginfo(&#8216;name&#8217;); ?&gt;&lt;/strong&gt; (&lt;a href=&#8221;&lt;?php echo get_settings(&#8216;hom&#8217;); ?&gt;&#8221;&gt;&lt;?php echo get_settings(&#8216;home&#8217;); ?&gt;&lt;/a&gt;)&lt;br /&gt;</div><div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 153px; width: 1px; height: 1px;">本文标题：&lt;?php the_title(); ?&gt;&lt;br /&gt;</div><div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 153px; width: 1px; height: 1px;">本文地址：&lt;a href=&#8221;&lt;?php the_permalink(); ?&gt;&#8221;&gt;&lt;?php the_permalink(); ?&gt;&lt;/a&gt; &lt;/p&gt;</div><div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 153px; width: 1px; height: 1px;">&lt;/div&gt;</div><div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 153px; width: 1px; height: 1px;">&lt;/div&gt;</div><div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 153px; width: 1px; height: 1px;">&lt;div&gt;</div><p><span style="white-space: pre;"> </span>&lt;div class=&#8221;reship&#8221;&gt;</p><p><code>&lt;p&gt;转载原创文章请注明：文章转载自:&lt;strong&gt;&lt;?php bloginfo('name'); ?&gt;&lt;/strong&gt; (&lt;a href="&lt;?php echo get_settings('hom'); ?&gt;"&gt;&lt;?php echo get_settings('home'); ?&gt;&lt;/a&gt;)&lt;br /&gt;</code></p><p>本文标题：&lt;?php the_title(); ?&gt;&lt;br /&gt;</p><p>本文地址：&lt;a href=&#8221;&lt;?php the_permalink(); ?&gt;&#8221;&gt;&lt;?php the_permalink(); ?&gt;&lt;/a&gt; &lt;/p&gt;</p><p>&lt;/div&gt;</p><p>&lt;/div&gt;</p><p>&lt;div class=&#8221;content&#8221;&gt;</p><p><strong> 3、</strong>使用UTF-8编码进行保存</p><p><strong> 第二步：添加样式代码</strong></p><p><strong> 1、</strong>打开主题文件夹下的style.css文件找到504行</p><p><strong> 2、</strong>在504行下面加上如下代码</p><p><code>.reship{ float:left; width:99%; margin-bottom:20px; font-size:12px; }</code></p><p><code>.reship p{ padding:0px 10px 0px 0px; text-align:right; color:#999999; border-right:1px dashed #BBBBBB; font-size:12px; }</code></p><p><code>.reship a:link, .reship a:visited, .reship a:hover{ color:#999999; text-decoration:underline;}</code><br /> <strong> 3、</strong>保存文件</p><p>效果如下图：</p><p style="text-align: center;"><img class="aligncenter" title="inove1.4.5修改" src="http://img.yywr.net/2009/07/090716a.jpg" alt="www.yywr.net" width="475" height="95" /></p><p>到此为止，你的每篇文章结尾就可以显示出你所想要显示的文字</p><h4><strong>修改页脚版权信息</strong></h4><p><strong> 1、更改“W”图标并更改链接</strong></p><p>这个很简单，先做一个跟“W”图标一样大小的PNG图片，然后命名为<span style="font-family: Verdana; line-height: 17px; font-size: 12px;">wp-logo.png并上传至主题文件夹下的“img”文件夹下，将原图片更换掉</span></p><p><span style="font-family: Verdana; line-height: 17px; font-size: 12px;"> 然后打开主题文件下的footer.php找到18行将原来的</span></p><p><code>&lt;a id="powered" href="http://wordpress.org/"&gt;WordPress&lt;/a&gt;</code><br /> 更改为</p><p><code>&lt;a id="powered" href="http://www.yywr.net/"&gt;Yywr.net&lt;/a&gt;</code></p><p><strong> 2、</strong><strong>在版权信息第一行添加文字</strong></p><p>同样是打开footer.php文件并找到第36行，在下面添加类似于如下的代码</p><p><code>&lt;a href="http://www.miibeian.gov.cn/" target="_blank"&gt;赣ICP备09005024号&lt;/a&gt; | 程序由 &lt;a href="http://www.wordpress.org/" target="_blank"&gt;Wordpress&lt;/a&gt; 强力驱动 |服务器由 &lt;a href="http://www.yywr.net/index.php/archives/37"&gt;我爱地平线&lt;/a&gt; 提供.</code></p><p><strong> 3、在版权信息第二行添加文字</strong></p><p>同样是打开footer.php文件并找到第39行，在后面添加你想要的代码或者文字，比如说流量统计代码。</p><p>记得完成后要在UTF-8的编码进行保存，否则中文不能够正常显示</p><p>效果如下图：</p><p style="text-align: center;"><img class="aligncenter" title="inove1.4.5修改" src="http://img.yywr.net/2009/07/090716b.jpg" alt="图片来自: www.yywr.net" width="475" height="95" /></p><h4><strong>加大文章的文字字号</strong></h4><p>打开主题文件夹下的style.css文件</p><p>将24行<span style="white-space: pre;"> </span>font-size:12px;</p><div>修改为中的“12PX”修改为你想要的大小，比如说“14PX”</div><div>这次的修改其实最主要的就是为自己做一个笔记，以防以后忘记了，如果有什么地方不对的话，请在文章后面留言，谢谢</div> ]]></content:encoded> <wfw:commentRss>http://www.yywr.net/archives/590/feed</wfw:commentRss> <slash:comments>25</slash:comments> </item> <item><title>导航站源码试用感受</title><link>http://www.yywr.net/archives/571</link> <comments>http://www.yywr.net/archives/571#comments</comments> <pubDate>Wed, 08 Jul 2009 15:36:06 +0000</pubDate> <dc:creator>歪歪屋啊</dc:creator> <category><![CDATA[网站建设]]></category> <category><![CDATA[网络神经]]></category> <category><![CDATA[程序]]></category> <category><![CDATA[系统]]></category> <category><![CDATA[网站]]></category><guid isPermaLink="false">http://www.yywr.net/?p=571</guid> <description><![CDATA[雨林木风在微软打击盗版的压力下，最终走上了停止更新Windows盗版系统的脚步，很明显，这是一个必然的结果，只是时间的问题 事实上，雨林木风靠着它广大的系统用户，旗下的114la导航站慢慢的在向hao123等知名导航站靠拢，虽然说雨林木风已经停止了更新，但114la早已经深入人心，使用的人还是非常多，实力是绝对不可小视 放眼望去，网络上的导航站多如牛毛，各式各样的一大把，其中使用仿114la的PHP程序做的也比较多，本人也试用过，但总感觉它的皮肤太难看，又不想花时间去改，所以也就放在那里没去管了。 自6月30日114啦网址导航建站系统开源以来，网络上关于这方面的评论很多，不管它的目地怎么样，开源总是好的，想想，以前自己去盗版别人的东西，但自己开发出来的东西却不舍得拿出来分享，这并不是什么好的心态，呵呵 这消息也是前两天才知道的，知道后的第一件事情就是下载过来先试用一下，NND，生成静态页面后，足足占了30多兆的网页空间，呵呵，不过足以以假乱真了。从外观上来看跟114la.com没有什么两样。 这里就不截图了，有兴趣的自己在本地搭建试下，后台比较简单，基本上算得上是傻瓜式的一个程序了，不过要说的是： 广告更改比较困难，不知道是因为我人品不行还是怎么样，首页的广告改了三四次都没有改成功，在首页找了半天也没找到我更改后的广告，而且还是显示原先的链接（静态页面已经重新生成过了），现在没有去捣弄了，不清楚什么原因 再一个就是备案信息跟统计不知道跑哪去了，统计数据还是正常统计，但是却不知道这个统计的图标在哪里，备案信息也一样，跟正踪的114la一比，呵呵，好像最底部有些不一样，少了点东东。 链向114la.com的链接太多，首页右上角的站内导航里面的链接基本上是链向其原来的站点，还有其它的一些角角落落，虽然用别人的系统，做个链接是应该的，但不是这么个做法啊。 教程未能跟上，这是最基本的，一个懂得弄的人不说，肯定知道应该改哪里，但是作为一个新手，要改模板那可不是件容易的事情，得一点一点的去摸索，既然已经开源了，那么相应的教程就应该及时的跟上，如果不跟上的话，那么炒作的嫌疑将会大大加大。 好了，总之一句话，就目前来讲，这套系统还不是很理想，当然，如果自己会改源码那是最好不过的了 这次的体验可以说是验证了好多网友所说的，就是为了推广自已正宗的114啦，还有就是115聚合搜索，分享源码对于114la来说，可以算得上是没有任何的影响，就说它站内的其它导航吧，不花费一些时间哪里能做好呢，就算做好了，你能追得上吗，但然，有新思维就除外了。 所以说，别人分享出来的东西必定有别人的目的，最好还是别做了别人的免费推广员。]]></description> <content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter" title="114、115" src="http://img.yywr.net/2009/07/090708a.jpg" alt="www.yywr.net" width="520" height="80" /></p><p>雨林木风在微软打击盗版的压力下，最终走上了停止更新Windows盗版系统的脚步，很明显，这是一个必然的结果，只是时间的问题</p><p>事实上，雨林木风靠着它广大的系统用户，旗下的114la导航站慢慢的在向hao123等知名导航站靠拢，虽然说雨林木风已经停止了更新，但114la早已经深入人心，使用的人还是非常多，实力是绝对不可小视</p><p><span id="more-571"></span></p><p>放眼望去，网络上的导航站多如牛毛，各式各样的一大把，其中使用仿114la的PHP程序做的也比较多，本人也试用过，但总感觉它的皮肤太难看，又不想花时间去改，所以也就放在那里没去管了。</p><p>自6月30日<a title="114啦网站源码开放" rel="nofollow" href="http://www.114la.com/114la/" target="_blank">114啦网址导航建站系统开源</a>以来，网络上关于这方面的评论很多，不管它的目地怎么样，开源总是好的，想想，以前自己去盗版别人的东西，但自己开发出来的东西却不舍得拿出来分享，这并不是什么好的心态，呵呵</p><p>这消息也是前两天才知道的，知道后的第一件事情就是下载过来先试用一下，NND，生成静态页面后，足足占了30多兆的网页空间，呵呵，不过足以以假乱真了。从外观上来看跟114la.com没有什么两样。</p><p>这里就不截图了，有兴趣的自己在本地搭建试下，后台比较简单，基本上算得上是傻瓜式的一个程序了，不过要说的是：</p><p><strong>广告更改比较困难</strong>，不知道是因为我人品不行还是怎么样，首页的广告改了三四次都没有改成功，在首页找了半天也没找到我更改后的广告，而且还是显示原先的链接（静态页面已经重新生成过了），现在没有去捣弄了，不清楚什么原因</p><p><strong>再一个就是备案信息跟统计不知道跑哪去了</strong>，统计数据还是正常统计，但是却不知道这个统计的图标在哪里，备案信息也一样，跟正踪的114la一比，呵呵，好像最底部有些不一样，少了点东东。</p><p><strong>链向114la.com的链接太多</strong>，首页右上角的站内导航里面的链接基本上是链向其原来的站点，还有其它的一些角角落落，虽然用别人的系统，做个链接是应该的，但不是这么个做法啊。</p><p style="text-align: center;"><img class="aligncenter" title="链向114啦站内" src="http://img.yywr.net/2009/07/090708b.jpg" alt="www.yywr.net" width="297" height="285" /></p><p><strong>教程未能跟上</strong>，这是最基本的，一个懂得弄的人不说，肯定知道应该改哪里，但是作为一个新手，要改模板那可不是件容易的事情，得一点一点的去摸索，既然已经开源了，那么相应的教程就应该及时的跟上，如果不跟上的话，那么炒作的嫌疑将会大大加大。</p><p>好了，总之一句话，就目前来讲，这套系统还不是很理想，当然，如果自己会改源码那是最好不过的了</p><p>这次的体验可以说是验证了好多网友所说的，就是为了推广自已<strong>正宗的114啦</strong>，还有就是<a title="115聚合搜索" rel="nofollow" href="http://115.com/" target="_blank"><strong>115聚合搜索</strong></a>，分享源码对于114la来说，可以算得上是没有任何的影响，就说它站内的其它导航吧，不花费一些时间哪里能做好呢，就算做好了，你能追得上吗，但然，有新思维就除外了。</p><p>所以说，别人分享出来的东西必定有别人的目的，最好还是别做了别人的免费推广员。</p> ]]></content:encoded> <wfw:commentRss>http://www.yywr.net/archives/571/feed</wfw:commentRss> <slash:comments>30</slash:comments> </item> <item><title>零基础建站之程序入门——又是一个通宵</title><link>http://www.yywr.net/archives/522</link> <comments>http://www.yywr.net/archives/522#comments</comments> <pubDate>Sat, 13 Jun 2009 22:39:30 +0000</pubDate> <dc:creator>歪歪屋啊</dc:creator> <category><![CDATA[网站建设]]></category> <category><![CDATA[网站]]></category><guid isPermaLink="false">http://www.yywr.net/?p=522</guid> <description><![CDATA[记得我原先说过要专心做站，但事实上在那以后并没有真正的静下心来学习做网站，以及网站的推广也一直落下，以至于IP实在可怜~~ 难得又到了休息，工作了一天，下班回家后就躺床上睡着了，等睡来时已经快十点多，睡隔壁的同事在用我的电脑，没办法，洗澡继续睡，十二点才开始上线。 已经快两个月没折腾网站了，平时为了不被搜索引擎降权，也就是更新一下内容而已，没去做推广，SEO也没去学习，都已经快生锈了，不知是一时兴起还是怎么，突然想对关键词做一次帅选，选定几个主要的关键词，这是以往一直没去做过的事实(哈哈，新手，做站才几个月)，找了个关键字分析工具，做了下分析，呵呵，还好，学到不少东西 这边分析关键字，顺便也照着官方说明改了下模板的细节，然后就快天亮了 二月份开始做站，到现在也已经有四个月的时间了，依然是菜鸟一个，但也学到了不少东东，算是入门了吧 那么现在就以一个新手的身份谈谈零基础建站的朋友如何学习使用CSM程序入门，也算是自己做个笔记 起初只是怀着对建站的兴趣出发的，选了织梦的CMS在本地调试，却发现一点都不懂，第二天就删了，然后就开始搞帝国CMS，个人感觉比织梦更容易上手，经过两三天的休息时间，终于明白里面的标签怎么用，也可以照着说明自己改下模板，让内容正确的显示出来了。 知道简单改下模板就好办了，只要搞好空间、域名等一切，网站就可以有鼻子有脸的上台了,虽然“五官”有点歪，但是已经走出了第一步了 第一步小结：熟悉一款感觉(心理因素也重要)比较容易的网站程序，就算是花十天半个月也要搞定，让网站尽快上线 还好本身多少有点HTML代码的基础，所以对于零基础的我来说还是帮了不少忙的，所以说，基础还是要的，A5提供的HTML教程（www.admin5.com/html）就不错，花一两个晚上的时间熟悉下，这是修改模板等最基础的东西 第二步小结:多少熟悉HTML代码，最起码得知道 &#60;h1&#62; 、&#60;p&#62; 是什么意思 开头说过，因为感觉帝国更简单，所以使用帝国练的手、入门，但简单并不代表喜欢这个程序，而且对于CMS程序的最基础知识已经掌握了，所以又换回了织梦，跑到后台转了一圈，然后看了下模板，确实比帝国更复杂一点，但已经有了帝国的基础，咱照着官方说明，简单改下模板，加个广告还是没有问题的 第三步小结：有了一定的基础后，尽快找到适合你的网站程序，并深入学习它的使用方法，因为你的网站不可能频繁更换程序 最后说下，当初做的第一个站是一个纯粹的淘宝客站，在有关淘宝客的QQ群里有呆了不少时间，但只记信了一句话，“你是做淘宝客，不是做网站” 我们把范围放大点来说，就零基础建站的朋友来说，要练成高手不是一天两天的事，而是要一个很长的过程，最重要的是，做网站的最终目的是什么？是赚钱，最主要的也是赚钱，所以不要因为不会改模板就不做其它的工作了，如网站的上线、推广、创造收入等，这才是更重要的事情，当卡在一个地方时，能跳过去的地方我们可以跳过去，当时不会的东西，回过头来可能就已经会了 不知道不觉已经天亮了，大伙看在通宵的份上送个IP吧，不为别的，就算是满足下我的虚荣心吧！]]></description> <content:encoded><![CDATA[<p>记得我原先说过要<a title="今日起开始专心做站" href="http://www.yywr.net/index.php/archives/252">专心做站</a>，但事实上在那以后并没有真正的静下心来学习做网站，以及网站的推广也一直落下，以至于IP实在可怜~~</p><p>难得又到了休息，工作了一天，下班回家后就躺床上睡着了，等睡来时已经快十点多，睡隔壁的同事在用我的电脑，没办法，洗澡继续睡，十二点才开始上线。</p><p><span id="more-522"></span> 已经快两个月没折腾网站了，平时为了不被搜索引擎降权，也就是更新一下内容而已，没去做推广，SEO也没去学习，都已经快生锈了，不知是一时兴起还是怎么，突然想对关键词做一次帅选，选定几个主要的关键词，这是以往一直没去做过的事实(哈哈，新手，做站才几个月)，找了个关键字分析工具，做了下分析，呵呵，还好，学到不少东西</p><p>这边分析关键字，顺便也照着官方说明改了下模板的细节，然后就快天亮了</p><p>二月份开始做站，到现在也已经有四个月的时间了，依然是菜鸟一个，但也学到了不少东东，算是入门了吧</p><p>那么现在就以一个新手的身份谈谈零基础建站的朋友如何学习使用CSM程序入门，也算是自己做个笔记</p><p>起初只是怀着对建站的兴趣出发的，选了织梦的CMS在本地调试，却发现一点都不懂，第二天就删了，然后就开始搞帝国CMS，个人感觉比织梦更容易上手，经过两三天的休息时间，终于明白里面的标签怎么用，也可以照着说明自己改下模板，让内容正确的显示出来了。</p><p>知道简单改下模板就好办了，只要搞好空间、域名等一切，网站就可以有鼻子有脸的上台了,虽然“五官”有点歪，但是已经走出了第一步了</p><p><strong> 第一步小结</strong>：熟悉一款感觉(心理因素也重要)比较容易的网站程序，就算是花十天半个月也要搞定，让网站尽快上线</p><p>还好本身多少有点HTML代码的基础，所以对于零基础的我来说还是帮了不少忙的，所以说，基础还是要的，A5提供的HTML教程（<a title="HTML教程,HTML代码" href="http://www.admin5.com/html" target="_blank">www.admin5.com/html</a>）就不错，花一两个晚上的时间熟悉下，这是修改模板等最基础的东西</p><p><strong>第二步小结:</strong>多少熟悉HTML代码，最起码得知道 &lt;h1&gt; 、&lt;p&gt; 是什么意思</p><p>开头说过，因为感觉帝国更简单，所以使用帝国练的手、入门，但简单并不代表喜欢这个程序，而且对于CMS程序的最基础知识已经掌握了，所以又换回了织梦，跑到后台转了一圈，然后看了下模板，确实比帝国更复杂一点，但已经有了帝国的基础，咱照着官方说明，简单改下模板，加个广告还是没有问题的</p><p><strong>第三步小结</strong>：有了一定的基础后，尽快找到适合你的网站程序，并深入学习它的使用方法，因为你的网站不可能频繁更换程序</p><p>最后说下，当初做的第一个站是一个纯粹的淘宝客站，在有关淘宝客的QQ群里有呆了不少时间，但只记信了一句话，“你是做淘宝客，不是做网站”</p><p>我们把范围放大点来说，就零基础建站的朋友来说，要练成高手不是一天两天的事，而是要一个很长的过程，最重要的是，做网站的最终目的是什么？是赚钱，最主要的也是赚钱，所以不要因为不会改模板就不做其它的工作了，如网站的上线、推广、创造收入等，这才是更重要的事情，当卡在一个地方时，能跳过去的地方我们可以跳过去，当时不会的东西，回过头来可能就已经会了</p><p>不知道不觉已经天亮了，大伙看在通宵的份上送个IP吧，不为别的，就算是满足下我的虚荣心吧！</p> ]]></content:encoded> <wfw:commentRss>http://www.yywr.net/archives/522/feed</wfw:commentRss> <slash:comments>11</slash:comments> </item> <item><title>记一次wordpress完美搬家过程</title><link>http://www.yywr.net/archives/358</link> <comments>http://www.yywr.net/archives/358#comments</comments> <pubDate>Sun, 03 May 2009 17:28:42 +0000</pubDate> <dc:creator>歪歪屋啊</dc:creator> <category><![CDATA[网站建设]]></category><guid isPermaLink="false">http://www.yywr.net/?p=358</guid> <description><![CDATA[好多朋友都说歪歪的博客速度比较慢,那是因为用的是网通的服务器,早想搬到双线站去了,但因为备案一直挂在那里,只能再等了 为了在备案下来后能够很快的给歪歪屋啊搬家,所以特意先行试了一下,免得像上次一样数据库恢复后乱码,事实证明,给WP博客搬家不是难是,甚至可以做到完美 歪歪给分了三大步走 备份程序及数据库 恢复程序及数据库 修改相关参数 备份程序 方法一：备份我们相应的文件夹或文件 附: 主题文件位置：网站根目录\wp-content\themes\你的主题文件夹 插件文件位置: 网站根目录\wp-content\plugins\ 附件位置: 网站根目录\wp-content\uploads\ 方法二：同样用FIP，将整个网站目录下载到本地，这也不用几分钟，而且可以做到万全 备份数据库 方法一:使用插件备份WP-DB-Backup，插件的使用就不多说了，有中文的，相信大家都知道 方法二：进入phpmyadmin管理器进行备份(mysql一般都用这个管理) 关于hphmyadmin的方法详见月夜的善用phpMyAdmin，完美解决WordPress数据库问题 一文，这里也不多说了 恢复程序 如果备只备份了主题之类的文件，那么你得先传个WP的程序到新的空间，然后再将备份的主题等文件传到相应的位置 如果备份了整个网络目录，那整个传到新空间就可以了 数据库的恢复 无论是用哪种方法做的备份，恢复时都是要在phpmyadmin中进行的，我们依然看月夜的善用phpMyAdmin，完美解决WordPress数据库问题 一文 相关参数修改 一般只要修改 数据库配置文件就可以，如果域名更改了的话，就要修改数据库里相应的表单 修改数据库配置文件wp-config.php 空间变化了，数据库也变了，随之数据库的名称及账户等也变了，搬家后我们要将其配置文件(wp-config.php)进行修改 此文件位于网站的根目录，如果没有这个文件，请将根目录下的wp-config-sample.php重命名为wp-config.php 接下来我们将此文件下载到本地并用相关软件打开，修改如下内容 // ** MySQL settings &#8211; You can get this info from your web host ** // /** The name of the database for [...]]]></description> <content:encoded><![CDATA[<p>好多朋友都说歪歪的博客速度比较慢,那是因为用的是网通的服务器,早想搬到双线站去了,但因为备案一直挂在那里,只能再等了</p><p>为了在备案下来后能够很快的给歪歪屋啊搬家,所以特意先行试了一下,免得像上次一样数据库恢复后乱码,事实证明,给WP博客搬家不是难是,甚至可以做到完美</p><p><span id="more-358"></span></p><p>歪歪给分了三大步走</p><ol><li>备份程序及数据库</li><li>恢复程序及数据库</li><li>修改相关参数</li></ol><h2><span style="color: #ff0000;"> 备份程序</span></h2><p><span style="color: #ff6600;">方法一</span>：备份我们相应的文件夹或文件</p><blockquote><p>附:</p><p>主题文件位置：网站根目录\wp-content\themes\你的主题文件夹</p><p>插件文件位置: 网站根目录\wp-content\plugins\</p><p>附件位置: 网站根目录\wp-content\uploads\</p></blockquote><p><span style="color: #ff6600;">方法二</span>：同样用FIP，将整个网站目录下载到本地，这也不用几分钟，而且可以做到万全</p><h2><span style="color: #ff0000;"> 备份数据库</span></h2><p><span style="color: #ff6600;">方法一</span>:使用插件备份<span style="color: #ff0000;">WP-DB-Backup<span style="color: #000000;">，插件的使用就不多说了，有中文的，相信大家都知道</span></span></p><p><span style="color: #ff6600;">方法二</span>：进入phpmyadmin管理器进行备份(mysql一般都用这个管理)</p><p>关于hphmyadmin的方法详见月夜的<a title="善用phpMyAdmin，完美解决WordPress数据库问题" href="http://www.yueye.org/2009/phpmyadmin-to-solve-database-of-wordpress.html" target="_blank" onfocus="undefined"><span style="color: #376c94;">善用phpMyAdmin，完美解决WordPress数据库问题</span></a> 一文，这里也不多说了</p><h2><span style="color: #ff0000;">恢复程序</span></h2><p>如果备只备份了主题之类的文件，那么你得先传个WP的程序到新的空间，然后再将备份的主题等文件传到相应的位置</p><p>如果备份了整个网络目录，那整个传到新空间就可以了</p><h2><span style="color: #ff0000;">数据库的恢复</span></h2><p>无论是用哪种方法做的备份，恢复时都是要在phpmyadmin中进行的，我们依然看月夜的<a title="善用phpMyAdmin，完美解决WordPress数据库问题" href="http://www.yueye.org/2009/phpmyadmin-to-solve-database-of-wordpress.html" target="_blank" onfocus="undefined"><span style="color: #376c94;">善用phpMyAdmin，完美解决WordPress数据库问题</span></a> 一文</p><h2><span style="color: #ff0000;">相关参数修改</span></h2><p><span style="color: #000000;">一般只要修改 <span style="color: #0000ff;">数据库配置文件</span>就可以，如果域名更改了的话，就要修改数据库里相应的表单</span></p><p style="padding-left: 30px;"><span style="color: #0000ff;">修改数据库配置文件wp-config.php</span></p><p>空间变化了，数据库也变了，随之数据库的名称及账户等也变了，搬家后我们要将其配置文件(wp-config.php)进行修改</p><p>此文件位于网站的根目录，如果没有这个文件，请将根目录下的wp-config-sample.php重命名为wp-config.php</p><p>接下来我们将此文件下载到本地并用相关软件打开，修改如下内容</p><blockquote><p>// ** MySQL settings &#8211; You can get this info from your web host ** //<br /> /** The name of the database for WordPress */<br /> define(&#8216;DB_NAME&#8217;, &#8216;改成数据库名称&#8217;);</p><p>/** MySQL database username */<br /> define(&#8216;DB_USER&#8217;, &#8216;改成数据库账号&#8217;);</p><p>/** MySQL database password */<br /> define(&#8216;DB_PASSWORD&#8217;, &#8216;改成数据库密码&#8217;);</p><p>/** MySQL hostname */<br /> define(&#8216;DB_HOST&#8217;, &#8216;localhost&#8217;);</p><p>/** Database Charset to use in creating database tables. */<br /> define(&#8216;DB_CHARSET&#8217;, &#8216;utf8&#8242;);</p><p>/** The Database Collate type. Don&#8217;t change this if in doubt. */<br /> define(&#8216;DB_COLLATE&#8217;, &#8221;);</p></blockquote><p>这个其实官方的教程里就有</p><p style="padding-left: 30px;"><span style="color: #0000ff;">修改数据表</span>(<span style="color: #ff0000;">wp_options</span>),<span style="color: #0000ff;">以及后台网址设置</span></p><p><span style="color: #0000ff;">注：</span>域名更改的情况下才要修改，如果使用原域名，则跳过此步</p><p><span style="color: #0000ff;">1 </span>我们登陆phpmyadmin，并在数据库中找到表名为<span style="color: #ff0000;">wp_options<span style="color: #000000;">的表，点浏览</span></span></p><p style="text-align: center;"><span style="color: #ff0000;"><span style="color: #000000;"><img class="aligncenter" title="找到表单wp_options" src="http://img.yywr.net/2009/05/090503a.jpg" alt="" width="413" height="353" /></span></span></p><p><span style="color: #000000;">在浏览框中找到<span style="color: #ff0000;">option_id </span>为<span style="color: #ff0000;">1、</span><span style="color: #ff0000;">39<span style="color: #000000;">的条目(<span style="color: #ff0000;">Siteurl、home</span>),将里面的网址编辑成新的网址就OK</span></span></span></p><p style="text-align: center;"><span style="color: #000000;"><span style="color: #ff0000;"><span style="color: #000000;"><img class="aligncenter" title="找到Siteurl并修改" src="http://img.yywr.net/2009/05/090503b.jpg" alt="www.yywr.net" width="655" height="84" /></span></span></span></p><p style="text-align: center;"><span style="color: #000000;"><span style="color: #ff0000;"><span style="color: #000000;"><img class="aligncenter" title="找到home并修改" src="http://img.yywr.net/2009/05/090503c.jpg" alt="www.yywr.net" width="732" height="57" /></span></span></span></p><p style="text-align: center;"><span style="color: #000000;"><span style="color: #ff0000;"><span style="color: #000000;"><img class="aligncenter" title="修改网址" src="http://img.yywr.net/2009/05/090503a.jpg" alt="www.yywr.net" width="413" height="353" /></span></span></span></p><p><span style="color: #000000;"><span style="color: #ff0000;"><span style="color: #000000;"><span style="color: #0000ff;"> 2</span> 做好上面几步后,就可以进入后台了,我们在后台的&#8221;设置&#8221;——“常规”中有网址的选项，将其改为新的网址就可以了</span></span></span></p><p><span style="color: #000000;"><span style="color: #ff0000;"><span style="color: #000000;">做好以上三步，就完全OK了</span></span></span></p><p><span style="color: #000000;"><span style="color: #ff0000;"><span style="color: #000000;">继续等待备案，继续等待搬家</span></span></span></p> ]]></content:encoded> <wfw:commentRss>http://www.yywr.net/archives/358/feed</wfw:commentRss> <slash:comments>16</slash:comments> </item> <item><title>网站推广 360安全卫士也不放过</title><link>http://www.yywr.net/archives/296</link> <comments>http://www.yywr.net/archives/296#comments</comments> <pubDate>Sat, 25 Apr 2009 17:53:56 +0000</pubDate> <dc:creator>歪歪屋啊</dc:creator> <category><![CDATA[网站建设]]></category> <category><![CDATA[网站]]></category> <category><![CDATA[软件]]></category><guid isPermaLink="false">http://www.yywr.net/?p=296</guid> <description><![CDATA[其实这个方法几年前就已经有了，但歪歪却发现用这个方法来进行网站推广的人却不怎么多,但歪歪认为这是一个不错的推广方法，不仅限于有下载站或者像歪歪一样常给别人做电脑维护的朋友使用，还有其它很多方法，大家自己想了 首先进入my.360safe.com注册一个账号,然后登陆进去我们就可以定制自己个性的360安全卫士 我们可以定制三种版本的360，分别是个人版、网站版跟企业版.但实际上它们都大同小异，只是个人版多了个相片功能，而其它两个没有这个功能 其中网址肯定是写自己的网站喽,而最新博客这里一般选择显示博客或者是网站的RSS地址 如果实在没有RSS地址或者是其它原因，我们可以填写名人博客的RSS地址，这样可以针对不同人群进行推广，当然，上面说到的网址还是填写你自己的网站地址，我想会有人点的 定制好后就可以下载安装了 其中，如果电脑上已经安装了360的话，这次安装直覆盖到原先的安装位置就可以了，而且原先已经运行了的360可以不用退出来，不会受半点影响，很方便 安装完后打开360我们会发现在其右边原先是显示360的新闻，而现在显示的是你填写的文字或者是RSS订阅的文章 如果有下载站，将这个个性的360上传上去，自己想想吧 总结: RSS地址不一定要写自己网站的，可以是名人博客的，这样可以到相应的论坛去推广，不过记得网址一定要写自己的 如果经常给朋友搞电脑，也可以给他/她装这个个性的360，RSS最好是写他/她感兴趣的网站的 推广你个性的360实际上就是在间阶的推广你的网站，而且如果你在论坛上推广个性360比直接推广你的网站更不会让人觉得讨厌 如果自己有博客，也可以给你博客的评论专们定制一个，这样不用登陆博客就可以知道有没有人对你的博客进行评论了 最后，如果你实在不想去搞这个的话，歪歪这里给出几个供大家下载使用，先试试，看觉得怎么样 歪歪屋啊的博客:http://my.360safe.com/download.html?id=1790044 歪歪屋啊的评论:http://my.360safe.com/download.html?id=1790552 韩寒的新浪博客:http://my.360safe.com/download.html?id=1790554]]></description> <content:encoded><![CDATA[<p>其实这个方法几年前就已经有了，但歪歪却发现用这个方法来进行网站推广的人却不怎么多,但歪歪认为这是一个不错的推广方法，不仅限于有下载站或者像歪歪一样常给别人做电脑维护的朋友使用，还有其它很多方法，大家自己想了</p><p>首先进入<span style="color: #0000ff;">my.360safe.com</span>注册一个账号,然后登陆进去我们就可以定制自己个性的360安全卫士</p><p><span id="more-296"></span></p><p><img class="alignnone" title="选择要定制的类型" src="http://img.yywr.net/2009/04/090425a.jpg" alt="用360安全卫士推广网站 www.yywr.net" width="732" height="158" /></p><p>我们可以定制三种版本的360，分别是个人版、网站版跟企业版.但实际上它们都大同小异，只是个人版多了个相片功能，而其它两个没有这个功能</p><p style="text-align: center;"><img class="aligncenter" title="填写定制信息" src="http://img.yywr.net/2009/04/090425b.jpg" alt="用360安全卫士推广网站 www.yywr.net" width="369" height="264" /></p><p>其中网址肯定是写自己的网站喽,而最新博客这里一般选择显示博客或者是网站的RSS地址</p><p>如果实在没有RSS地址或者是其它原因，我们可以填写名人博客的RSS地址，这样可以针对不同人群进行推广，当然，上面说到的网址还是填写你自己的网站地址，我想会有人点的</p><p>定制好后就可以下载安装了</p><p style="text-align: center;"><img class="aligncenter" title="下载个性版360安全卫士" src="http://img.yywr.net/2009/04/090425c.jpg" alt="用360安全卫士推广网站 www.yywr.net" width="301" height="152" /></p><p>其中，如果电脑上已经安装了360的话，这次安装直覆盖到原先的安装位置就可以了，而且原先已经运行了的360可以不用退出来，不会受半点影响，很方便</p><p>安装完后打开360我们会发现在其右边原先是显示360的新闻，而现在显示的是你填写的文字或者是RSS订阅的文章</p><p style="text-align: center;"><img class="aligncenter" title="个性360的最终效果" src="http://img.yywr.net/2009/04/090425d.jpg" alt="用360安全卫士推广网站 www.yywr.net" width="291" height="333" /></p><p>如果有下载站，将这个个性的360上传上去，自己想想吧</p><blockquote><p>总结:</p><ol><li>RSS地址不一定要写自己网站的，可以是名人博客的，这样可以到相应的论坛去推广，不过记得网址一定要写自己的</li><li>如果经常给朋友搞电脑，也可以给他/她装这个个性的360，RSS最好是写他/她感兴趣的网站的</li><li>推广你个性的360实际上就是在间阶的推广你的网站，而且如果你在论坛上推广个性360比直接推广你的网站更不会让人觉得讨厌</li><li>如果自己有博客，也可以给你博客的评论专们定制一个，这样不用登陆博客就可以知道有没有人对你的博客进行评论了</li></ol></blockquote><p>最后，如果你实在不想去搞这个的话，歪歪这里给出几个供大家下载使用，先试试，看觉得怎么样</p><p>歪歪屋啊的博客:<a title="进入下载歪歪专版360安全卫士" rel="nofollow" href="http://my.360safe.com/download.html?id=1790044" target="_blank">http://my.360safe.com/download.html?id=1790044</a></p><p>歪歪屋啊的评论:<a title="进入下载歪歪评论版360安全卫士" rel="nofollow" href="http://my.360safe.com/download.html?id=1790552" target="_blank">http://my.360safe.com/download.html?id=1790552</a></p><p>韩寒的新浪博客:<a title="进入下载韩寒博客个性360安全卫士" rel="nofollow" href="http://my.360safe.com/download.html?id=1790554" target="_blank">http://my.360safe.com/download.html?id=1790554</a></p> ]]></content:encoded> <wfw:commentRss>http://www.yywr.net/archives/296/feed</wfw:commentRss> <slash:comments>13</slash:comments> </item> <item><title>零基础建站之网站后台上传安装篇</title><link>http://www.yywr.net/archives/240</link> <comments>http://www.yywr.net/archives/240#comments</comments> <pubDate>Tue, 14 Apr 2009 16:31:33 +0000</pubDate> <dc:creator>歪歪屋啊</dc:creator> <category><![CDATA[网站建设]]></category> <category><![CDATA[FTP]]></category> <category><![CDATA[网站]]></category><guid isPermaLink="false">http://www.yywr.net/?p=240</guid> <description><![CDATA[距歪歪写的《零基础建站之域名解析》一文后也有些时日了，也是应该再写后续的时候了。 我们上次把域名解析到我们网站在的空间并进行了绑定,但是空间里没有内容也是不行的，在以前网站的建立是通过手动写代码来实现的，但如今已经基本上没有人这样做了，都有专用的网站程序，也叫网站后台管理系统，我们的网站就是通过在空间安装后台系统，然后进行调试、添加内容组成的，基本的功能系统都带了，没有的功能我们可以通过安装相应的插件来完成 因为大家所建的网站都不同，所用的程序也不同，所以歪歪就不写具体的安装步骤了，大家要多养成看官方教程的习惯，歪歪就讲一下在安装网站时的基本步骤以及常见的问题 用FTP软件上传网站程序 我们从官网下载程序后按照官网的说明将网站上传到空间，这其中就要用到FTP软件,FTP软件也有很多，但用法都大同小异，歪歪以LeapFTP3.0为例做下演示。 在FTP上添加站点 我们打开FTP软件打开站点管理，添加一个站点，在上面添加我们空间FTP地址，端口号，以及我们从空间商那里拿到的账号密码，如下两图。 将文件传输到空间 填好后点应用保存信息，并点连接，连接上你的空间，如果我们信息正确的话，很快就可以连接到你的空间，我们在左边的本地目录里找到刚才下载的程序位置，在右边找到我们网站的根目录,注意，这里说的网站根目录根据空间提供商的不同也有也不同，一般是&#8221;www&#8221;文件夹，也有的是&#8221;web&#8221;文件夹，这里我们要好好看空间商的说明，不能搞错了。如下图 将所有文件队列:我们在右边远程窗口打开网站根目录后，在左边的本地窗口找到要上传的文件，全部选中它说然后在文件上用鼠标单击右键在弹出的菜单中点选&#8221;队列&#8221;，如下图 在这里我们之所以不选择直接上传是因为有时候个别文件上传不成功，我们可以将这个上传失败的文件进行重新上传 开始传输文件:我们通过上面的队列后可以在队列窗口中看到一个文件列表，上面有目标地址等，确认无误后就可以单击鼠标右键点&#8221;传输队列&#8221;了，如下图 上传失失败后重新队列并传输:当全部传完后我们看下队列窗口中有没有没上传成功的文件，如果有，我们用单击鼠标右键点&#8221;重新列队&#8221;，如下图 重新列队后，我们重新对这些文件进行传输，直到全部传输到空间 当我们确认程序全部传输到空间后，恭喜您，可以按照程序的官方说明进行网站的安装了 上传完毕，进行网站安装 至于网站的安装，因为程序种类太多，歪歪不好做演示，大家要学会看官方说明 几点补充: 1.  在FTP设置站点的时候一定要按照空间商提供信息进行正确填写，尤其是地址端口，不一定是默认的21端口，大家要看清楚 2.  进行传输时建议使用队列传输，确保每个文件都成功上传到空间 3.  选择程序时一定要看清楚是什么程序，比如空间支持PHP跟mysql，但你传了一个ASP的网站程序上去，那肯定是不行的 4.  安装程序时，在填写数据库信息时同样要按空间商提供的数据库信息进行填写，以免发生不能连接数据库的情况 5.  发生问题时应该立即停下来查看原因，并记住提示的错误信息，自己不能解决时应与客服进行了解情况，无论客服态度怎么样 此次教程就到此为止，歪歪来总结一下: 使用前应该仔细看官方教程，无论什么情况，先用百度跟谷歌，最后不行再到官方论坛或者相关的论坛进行提问，这才是最快的解决方法。最后每解决一个问题都要好好作笔记，以免下次忘记.]]></description> <content:encoded><![CDATA[<p>距歪歪写的<a title="零基础建站之域名解析|歪歪屋啊原创" href="http://www.yywr.net/index.php/archives/156" target="_blank">《零基础建站之域名解析》</a>一文后也有些时日了，也是应该再写后续的时候了。</p><p>我们上次把域名解析到我们网站在的空间并进行了绑定,但是空间里没有内容也是不行的，在以前网站的建立是通过手动写代码来实现的，但如今已经基本上没有人<span id="more-240"></span>这样做了，都有专用的网站程序，也叫网站后台管理系统，我们的网站就是通过在空间安装后台系统，然后进行调试、添加内容组成的，基本的功能系统都带了，没有的功能我们可以通过安装相应的插件来完成</p><p>因为大家所建的网站都不同，所用的程序也不同，所以歪歪就不写具体的安装步骤了，大家要多养成看官方教程的习惯，歪歪就讲一下在安装网站时的基本步骤以及常见的问题</p><p>用FTP软件上传网站程序</p><p>我们从官网下载程序后按照官网的说明将网站上传到空间，这其中就要用到FTP软件,FTP软件也有很多，但用法都大同小异，歪歪以LeapFTP3.0为例做下演示。</p><h3><span style="color: #ff0000;">在FTP上添加站点</span></h3><p>我们打开FTP软件打开站点管理，添加一个站点，在上面添加我们空间FTP地址，端口号，以及我们从空间商那里拿到的账号密码，如下两图。</p><p style="text-align: center;"><img class="aligncenter" title="站点管理 歪歪屋啊" src="http://img.yywr.net/2009/04/090414a.jpg" alt="网站后台安装 www.yywr.net" width="322" height="176" /><br /> <img class="aligncenter" title="网站上传与安装2_添加一个站点信息 歪歪屋啊" src="http://img.yywr.net/2009/04/090414b.jpg" alt="网站后台安装 www.yywr.net" width="356" height="387" /></p><h3><span style="color: #ff0000;">将文件传输到空间</span></h3><p style="text-align: center;">填好后点应用保存信息，并点连接，连接上你的空间，如果我们信息正确的话，很快就可以连接到你的空间，我们在左边的本地目录里找到刚才下载的程序位置，在右边找到我们网站的根目录,注意，这里说的网站根目录根据空间提供商的不同也有也不同，一般是&#8221;www&#8221;文件夹，也有的是&#8221;web&#8221;文件夹，这里我们要好好看空间商的说明，不能搞错了。如下图<br /> <img class="aligncenter" title="FTP上传 歪歪屋啊" src="http://img.yywr.net/2009/04/090414c.jpg" alt="网站后台安装 www.yywr.net" width="732" height="413" /></p><p style="text-align: left;"><strong><span style="color: #ff6600;">将所有文件队列:</span></strong>我们在右边远程窗口打开网站根目录后，在左边的本地窗口找到要上传的文件，全部选中它说然后在文件上用鼠标单击右键在弹出的菜单中点选&#8221;队列&#8221;，如下图</p><p style="text-align: center;"><img class="aligncenter" title="FTP上传_列队 歪歪屋啊" src="http://img.yywr.net/2009/04/090414d.jpg" alt="网站后台安装 www.yywr.net" width="170" height="335" /></p><p>在这里我们之所以不选择直接上传是因为有时候个别文件上传不成功，我们可以将这个上传失败的文件进行重新上传</p><p style="text-align: left;"><strong><span style="color: #ff6600;">开始传输文件:</span></strong>我们通过上面的队列后可以在队列窗口中看到一个文件列表，上面有目标地址等，确认无误后就可以单击鼠标右键点&#8221;传输队列&#8221;了，如下图</p><p style="text-align: center;"><img class="aligncenter" title="上传列队确认 歪歪屋啊" src="http://img.yywr.net/2009/04/090414e.jpg" alt="网站后台安装 www.yywr.net" width="335" height="282" /></p><p style="text-align: left;"><span style="color: #ff6600;"><strong>上传失失败后重新队列并传输:</strong></span>当全部传完后我们看下队列窗口中有没有没上传成功的文件，如果有，我们用单击鼠标右键点&#8221;重新列队&#8221;，如下图</p><p style="text-align: center;"><img class="aligncenter" title="上传失败重新列队 歪歪屋啊" src="http://img.yywr.net/2009/04/090414f.jpg" alt="网站后台安装 www.yywr.net" width="234" height="193" /></p><p>重新列队后，我们重新对这些文件进行传输，直到全部传输到空间</p><p>当我们确认程序全部传输到空间后，恭喜您，可以按照程序的官方说明进行网站的安装了</p><h3><span style="color: #ff0000;">上传完毕，进行网站安装</span></h3><p>至于网站的安装，因为程序种类太多，歪歪不好做演示，大家要学会看官方说明</p><h2><span style="color: #ff0000;">几点补充:</span></h2><blockquote><p><span style="color: #0000ff;">1.  在FTP设置站点的时候一定要按照空间商提供信息进行正确填写，尤其是地址端口，不一定是默认的21端口，大家要看清楚</span></p><p><span style="color: #0000ff;">2.  进行传输时建议使用队列传输，确保每个文件都成功上传到空间</span></p><p><span style="color: #0000ff;">3.  选择程序时一定要看清楚是什么程序，比如空间支持PHP跟mysql，但你传了一个ASP的网站程序上去，那肯定是不行的</span></p><p><span style="color: #0000ff;">4.  安装程序时，在填写数据库信息时同样要按空间商提供的数据库信息进行填写，以免发生不能连接数据库的情况</span></p><p><span style="color: #0000ff;">5.  发生问题时应该立即停下来查看原因，并记住提示的错误信息，自己不能解决时应与客服进行了解情况，无论客服态度怎么样</span></p></blockquote><p>此次教程就到此为止，歪歪来总结一下:</p><p><span style="color: #0000ff;">使用前应该仔细看官方教程，无论什么情况，先用百度跟谷歌，最后不行再到官方论坛或者相关的论坛进行提问，这才是最快的解决方法。最后每解决一个问题都要好好作笔记，以免下次忘记.</span></p> ]]></content:encoded> <wfw:commentRss>http://www.yywr.net/archives/240/feed</wfw:commentRss> <slash:comments>5</slash:comments> </item> <item><title>用好spx截图软件让你的博客更生辉</title><link>http://www.yywr.net/archives/223</link> <comments>http://www.yywr.net/archives/223#comments</comments> <pubDate>Sat, 11 Apr 2009 19:42:34 +0000</pubDate> <dc:creator>歪歪屋啊</dc:creator> <category><![CDATA[网站建设]]></category> <category><![CDATA[资源分享]]></category> <category><![CDATA[教程]]></category> <category><![CDATA[软件]]></category><guid isPermaLink="false">http://www.yywr.net/?p=223</guid> <description><![CDATA[我们写博客，尤其是写教程的时候难免要进行截图，让文章更易懂，以往歪歪就直接用QQ的截图功能或者是按键盘上的&#8221;sprint screen&#8221;键来进行截图，然后使用ACD See进行简单的编辑或者手动打水印，极其麻烦，后来经过月夜的介绍使用了“SPX”这款软件进行截图、打水印一次性完成，还可以拥有个性漂亮的撕边效果。 我们先来看下用QQ截图功能跟SPX截下来的图片比较。 这张图是用QQ带的截图功能截下来的，纯粹的图片，没有撕边，没有水印，都要自己另外加。 这是SPX截下来的图片，可以实现自定义的撕边效果，可以设置好的位置打上想要的水印。SPX下载地址请见文章尾部 但SPX的设置相对来说比一般的截图软件复杂些，歪歪一开始使用SPX的时候也碰到不少麻烦，所以在此简单的介绍一下SPX的设置与使用,以供大家参考。 首先下载SPX这款软件，然后将它解压到你想要的位置，打开文件我们会发现它有三个文件夹，每个文件夹里都有一款软件，分别为: SPX Editor 这是一款画图软件，与Windows系统自带的画图工具差不多，界面也差不多，但出来的效果更漂亮，只是功能没那么多，这里歪歪就不截图说明了。 SPX Studio 这是一款图片加工软件，可以给图片添加注释等功能，让图片更加完美，使用非常简单，就几个控件，也不多说，在本文中的图片大多都用SPX Studio进行编辑过，软件界面如下图 SPX Instant Screen Capture 这就是我们今天的主角了，截图软件，支持不同的截图方式，让你截图更自由 我们来看来SPX Instant Screen Capture的设置界面，看下支持哪些功能，以及它们的设置方法 我们装好SPX后（实际上只要解压就能用）打开SPX Instant Screen Capture,可以在右下角看到一个图标，我们用鼠标双击它，就可以弹出SPX Instant Screen Capture的选项对话窗，如下图 我们可以看到SPX Instant Screen Capture拥有&#8221;手绘区域&#8221;、&#8221;矩形&#8221;、&#8221;窗口&#8221;三种捕获方式，还可以自定义注释、水印、撕边,可以直接将截下来的图片发送到IM聊天窗口、邮箱等，功能还是不错的，够我们用了。 捕获方式 SPX提供三种截图方式，非常自由 手绘区域方式：这个方式其实不是自己用鼠标画你想要截取的画面，边缘是随着你鼠标走的，但出来的图片还是矩形的，空白地方将会自动用白色填充掉，如下图 矩形方式：这个方式有点像QQ的截图，就是将你要的地方用矩形截下来，设置的时候要选择手工方式,如下图 窗口方式:这就是我们键盘上的Print Screen按键的功能，你要发现当你打开SPX的时候，按键盘上的Print Screen键会自动弹出SPX的保存窗，如下图 特别效果 其实上面这些方式我们只要分别设置好热键就好了，然后想怎么用就按相应的热键就OK，主要的是设置好生成图片的一些效果，我们分别讲一下撕边、注释以及水印这三个功能 撕边:大家看下面这张图吧，讲了半天撕边，这下算明白了吧，但有一点要记住，设置好后一定要在左边的选择框打上勾，否则设置不能生效的（下文不再提醒） 注释：看到歪歪图片右下角的&#8221;www.yywr.net&#8220;字样了吗，这就是注释的效果了，我们可以点字体按钮打开字体属性对话框，像编辑WORD一样给调整文字属性，也可以添加截图的时间,如下两图 水印：这其实跟注释是同一个意思，只是将文字改成了图片而已，但设置的时候不可以把不透明度设为零，要不然会显示不出你的图片水印的如下图 保存方式 如果你像歪歪一样是先保存在电脑里，然后再上传到相册的话，请将&#8221;文件&#8221;打上勾，并设置好保存地址以及图片格式，以免出现不能保存的现象，如下图 那么歪歪今天就介绍到这里，基本的功能与用法就这些了，当然还有更多的功能，比如说它的自动将截图发送到电子邮件的功能，这就需要大家多多摸索了,同时歪歪建议大家将SPX Studio与SPX Instant Screen Capture配合使用，效果会更好。 SPX下载地址1 [...]]]></description> <content:encoded><![CDATA[<p>我们写博客，尤其是写教程的时候难免要进行截图，让文章更易懂，以往歪歪就直接用QQ的截图功能或者是按键盘上的&#8221;sprint screen&#8221;键来进行截图，然后使用ACD See进行简单的编辑或者手动打水印，极其麻烦，后来经过<a title="分享网络知识 享受快乐生活" href="http://www.yueye.org" target="_blank">月夜</a>的介绍使用了“SPX”这款软件进行截图、打水印一次性完成，还可以拥有个性漂亮的撕边效果。</p><p>我们先来看下用QQ截图功能跟SPX截下来的图片比较。</p><p><span id="more-223"></span></p><p style="text-align: center;"><img class="aligncenter" title="QQ截图" src="http://img.yywr.net/2009/04/090411a.jpg" alt="SPX截图软件使用方法,下载 www.yywr.net" width="254" height="185" /></p><p>这张图是用QQ带的截图功能截下来的，纯粹的图片，没有撕边，没有水印，都要自己另外加。</p><p style="text-align: center;"><img class="aligncenter" title="SPX截图" src="http://img.yywr.net/2009/04/090411b.jpg" alt="SPX截图软件使用方法,下载 www.yywr.net" width="257" height="219" /></p><p>这是SPX截下来的图片，可以实现自定义的撕边效果，可以设置好的位置打上想要的水印。<strong>SPX下载地址</strong><strong>请见文章尾部</strong></p><p>但SPX的设置相对来说比一般的截图软件复杂些，歪歪一开始使用SPX的时候也碰到不少麻烦，所以在此简单的介绍一下SPX的设置与使用,以供大家参考。</p><p>首先下载SPX这款软件，然后将它解压到你想要的位置，打开文件我们会发现它有三个文件夹，每个文件夹里都有一款软件，分别为:</p><h3><span style="color: #008000;">SPX Editor</span></h3><p>这是一款画图软件，与Windows系统自带的画图工具差不多，界面也差不多，但出来的效果更漂亮，只是功能没那么多，这里<a title="歪歪屋啊" href="http://www.yywr.net">歪歪</a>就不截图说明了。</p><h3><span style="color: #008000;">SPX Studio</span></h3><p>这是一款图片加工软件，可以给图片添加注释等功能，让图片更加完美，使用非常简单，就几个控件，也不多说，在本文中的图片大多都用SPX Studio进行编辑过，软件界面如下图</p><p style="text-align: center;"><img class="aligncenter" title="SPX Studio界面" src="http://img.yywr.net/2009/04/090411c.jpg" alt="SPX截图软件使用方法,下载 www.yywr.net" width="279" height="451" /></p><h3><span style="color: #008000;">SPX Instant Screen Capture</span></h3><p>这就是我们今天的主角了，截图软件，支持不同的截图方式，让你截图更自由</p><p>我们来看来SPX Instant Screen Capture的设置界面，看下支持哪些功能，以及它们的设置方法</p><p>我们装好SPX后（实际上只要解压就能用）打开SPX Instant Screen Capture,可以在右下角看到一个图标，我们用鼠标双击它，就可以弹出SPX Instant Screen Capture的选项对话窗，如下图</p><p style="text-align: center;"><img class="aligncenter" title="右下角图标_SPX的使用 歪歪屋啊" src="http://img.yywr.net/2009/04/090411d.jpg" alt="SPX截图软件使用方法,下载 www.yywr.net" width="142" height="37" /><img class="aligncenter" title="SPX选项_SPX的使用 歪歪屋啊" src="http://img.yywr.net/2009/04/090411e.jpg" alt="SPX截图软件使用方法,下载 www.yywr.net" width="434" height="462" /></p><p>我们可以看到SPX Instant Screen Capture拥有&#8221;手绘区域&#8221;、&#8221;矩形&#8221;、&#8221;窗口&#8221;三种捕获方式，还可以自定义注释、水印、撕边,可以直接将截下来的图片发送到IM聊天窗口、邮箱等，功能还是不错的，够我们用了。</p><h4><span style="color: #000000;">捕获方式</span></h4><p><span style="color: #000000;">SPX提供三种截图方式，非常自由</span></p><p><span style="color: #ff6600;"><strong><span style="color: #ff0000;">手绘区域方式：</span></strong></span>这个方式其实不是自己用鼠标画你想要截取的画面，边缘是随着你鼠标走的，但出来的图片还是矩形的，空白地方将会自动用白色填充掉，如下图</p><p style="text-align: center;"><img class="aligncenter" title="手绘区域_SPX的使用 歪歪屋啊" src="http://img.yywr.net/2009/04/090411f.jpg" alt="SPX截图软件使用方法,下载 www.yywr.net" width="392" height="113" /></p><p><span style="color: #ff0000;"><strong>矩形方式</strong></span><span style="color: #ff0000;"><strong>：</strong></span>这个方式有点像QQ的截图，就是将你要的地方用矩形截下来，设置的时候要选择手工方式,如下图</p><p style="text-align: center;"><img class="aligncenter" title="矩形方式_SPX的使用 歪歪屋啊" src="http://img.yywr.net/2009/04/090411g.jpg" alt="SPX截图软件使用方法,下载 www.yywr.net" width="238" height="199" /></p><p><span style="color: #ff0000;"><strong>窗口方式</strong></span><span style="color: #ff0000;"><strong>:</strong></span>这就是我们键盘上的Print Screen按键的功能，你要发现当你打开SPX的时候，按键盘上的Print Screen键会自动弹出SPX的保存窗，如下图</p><p><img class="alignnone" title="印屏幕_SPX的使用 歪歪屋啊" src="http://img.yywr.net/2009/04/090411h.jpg" alt="SPX截图软件使用方法,下载 www.yywr.net" width="732" height="551" /></p><h4><span style="color: #000000;">特别效果</span></h4><p>其实上面这些方式我们只要分别设置好热键就好了，然后想怎么用就按相应的热键就OK，主要的是设置好生成图片的一些效果，我们分别讲一下撕边、注释以及水印这三个功能</p><p><span style="color: #ff6600;"><strong><span style="color: #ff0000;">撕边</span></strong></span><strong><span style="color: #ff0000;">:</span></strong>大家看下面这张图吧，讲了半天撕边，这下算明白了吧，但有一点要记住，设置好后一定要在左边的选择框打上勾，否则设置不能生效的（下文不再提醒）</p><p style="text-align: center;"><img class="aligncenter" title="撕边_SPX的使用 歪歪屋啊" src="http://img.yywr.net/2009/04/090411i.jpg" alt="SPX截图软件使用方法,下载 www.yywr.net" width="357" height="371" /></p><p><span style="color: #ff0000;"><strong>注释：</strong></span>看到歪歪图片右下角的&#8221;<a href="http://www.yywr.net">www.yywr.net</a>&#8220;字样了吗，这就是注释的效果了，我们可以点字体按钮打开字体属性对话框，像编辑WORD一样给调整文字属性，也可以添加截图的时间,如下两图</p><p style="text-align: center;"><img class="aligncenter" title="字体属性_SPX的使用 歪歪屋啊" src="http://img.yywr.net/2009/04/090411j.jpg" alt="SPX截图软件使用方法,下载 www.yywr.net" width="432" height="312" /></p><p style="text-align: center;"><img class="aligncenter" title="注释_SPX的使用 歪歪屋啊" src="http://img.yywr.net/2009/04/090411k.jpg" alt="SPX截图软件使用方法,下载 www.yywr.net" width="400" height="297" /></p><p><span style="color: #ff6600;"><strong><span style="color: #ff0000;">水印：</span></strong></span>这其实跟注释是同一个意思，只是将文字改成了图片而已，但设置的时候不可以把不透明度设为零，要不然会显示不出你的图片水印的如下图</p><p style="text-align: center;"><img class="aligncenter" title="水印_SPX的使用 歪歪屋啊" src="http://img.yywr.net/2009/04/090411l.jpg" alt="SPX截图软件使用方法,下载 www.yywr.net" width="412" height="339" /></p><h4><span style="color: #000000;">保存方式</span></h4><p>如果你像歪歪一样是先保存在电脑里，然后再上传到相册的话，请将&#8221;文件&#8221;打上勾，并设置好保存地址以及图片格式，以免出现不能保存的现象，如下图</p><p style="text-align: center;"><img class="aligncenter" title="保存_SPX的使用 歪歪屋啊" src="http://img.yywr.net/2009/04/090411m.jpg" alt="SPX截图软件使用方法,下载 www.yywr.net" width="394" height="187" /></p><p>那么歪歪今天就介绍到这里，基本的功能与用法就这些了，当然还有更多的功能，比如说它的自动将截图发送到电子邮件的功能，这就需要大家多多摸索了,同时歪歪建议大家将SPX Studio与SPX Instant Screen Capture配合使用，效果会更好。</p><p><strong><a title="spx下载" rel="nofollow" href="http://storage.live.com/items/FD1C3665236F083C!138?filename=Moodysoft.rar" target="_blank">SPX下载地址1</a> </strong><strong><a title="SPX下载地址" rel="nofollow" href="http://cid-fd1c3665236f083c.skydrive.live.com/self.aspx/Software/Moodysoft.rar" target="_blank">SPX下载地址2</a></strong></p><p><strong> </strong></p> ]]></content:encoded> <wfw:commentRss>http://www.yywr.net/archives/223/feed</wfw:commentRss> <slash:comments>20</slash:comments> </item> </channel> </rss>