<?xml version="1.0" encoding="utf-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><title>乐鹏网</title><link>http://www.zhouyl.cn/</link><description>0基础带学网站</description><item><title>2-5.PHP的开发工具（我用什么编辑PHP）</title><link>http://www.zhouyl.cn/?id=16</link><description>&lt;p style=&quot;font-size:18px;&quot;&gt;编辑PHP的工具：IDE和各种文本编辑器。&lt;/p&gt;&lt;p style=&quot;font-size:18px;&quot;&gt;（1）IDE，也叫集成开发环境。比如：zend-studio，easyecpilse，phpstorm，webstorm等。功能强大，工具齐全，因安装配置有点复杂，暂时不建议初学者接触。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;（2）文本编辑器。比如电脑中的记事本，notepad++，editplus，sublime text3等等。这些软件需要安装插件才能一定程度上达到IDE的效果，但是对于新手来说，尤其够用。这里笔者严重推荐notepad++和sublime text3。&lt;br/&gt;具体下载方式请百度一下或者360软件中心查找。&lt;/p&gt;</description><pubDate>Sun, 24 May 2015 21:56:02 +0800</pubDate></item><item><title>2-3.PHP和HTML的对应关系</title><link>http://www.zhouyl.cn/?id=15</link><description>&lt;p style=&quot;font-size: 18px;&quot;&gt;首先，我们一般是通过浏览器去访问互联网的（使用HTTP协议）。假设我们现在要访问乐鹏网，那么我们首先得在浏览器的地址栏里输入我们网站的地址http://zhouyl.cn，对吧？然后多久显示内容就要视乎上网的速度和对方网站主机的文件大小、响应速度而异。在这一个过程中，大家可曾想到，浏览器和服务器发生了什么？&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;首先，我们在浏览器输入地址按回车后，浏览器会根据我们输入的地址url（统一资源定位器）去搜索我们请求的服务器，进而找到服务器里面的文件（资源），当找到的时候，服务器会给浏览器以响应（？），服务器根据文件类型，比如是HTML文件，则直接返回，如果是PHP文件，则由服务器进行解析处理（可以理解成是翻译计算，把PHP文件里面的公式计算出来，PHP语言翻译出来），然后返回HTML页面给浏览器，浏览器对HTML页面进行解释渲染，把结果呈现给大家。因此很多时候我们在页面右键-查看源代码看到的都是html代码（也有部分js和css代码）。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;也就是说，无论我们的PHP代码多么复杂，最终呈现给我们大家看的都是HTML代码，也就是说，作为客户（浏览者）的我们只能看到HTML代码，而不能看到这个网站所使用的PHP代码。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;服务器可以理解为一个处理器，没有这个处理器，PHP也就无从执行，因为浏览器根本都不认识这个文件。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;当我们在本地测试的时候，服务器是我们自己的电脑，我们需要对环境进行适当的配置；当我们在浏览别人的网站的时候，网站都是空间商或他的服务器帮助我们对PHP网站进行解析处理的。&lt;/p&gt;&lt;p style=&quot;white-space: normal; font-size: 18px;&quot;&gt;如果对这个存在疑问，我们可以来看一个实例。&lt;/p&gt;&lt;pre class=&quot;brush:php;toolbar:false&quot;&gt;&amp;lt;?php
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;phpinfo();
?&amp;gt;&lt;/pre&gt;&lt;p style=&quot;white-space: normal; font-size: 18px;&quot;&gt;这是一段简单的php代码，内容为对PHP系统函数的调用，它会输出一组关于你电脑PHP的配置信息。如图：&lt;/p&gt;&lt;p style=&quot;white-space: normal; font-size: 18px;&quot;&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/05/201505241432471940748136.png&quot; title=&quot;201505241432471940748136.png&quot; alt=&quot;QQ截图20150524204953.png&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; font-size: 18px;&quot;&gt;我们在浏览器中输入地址栏后得到该页面。现在在浏览器中查看源代码，我们会看到一系列的HTML代码。这次大家总算明白这个对应关系了吧？&lt;/p&gt;&lt;p style=&quot;white-space: normal; font-size: 18px;&quot;&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/05/201505241432474969145669.png&quot; title=&quot;201505241432474969145669.png&quot; alt=&quot;QQ截图20150524214027.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Sun, 24 May 2015 21:43:25 +0800</pubDate></item><item><title>2-2.Web和PHP</title><link>http://www.zhouyl.cn/?id=14</link><description>&lt;p style=&quot;font-size: 18px;&quot;&gt;1.WEB，用于表示Internet主机上供外界（浏览器）访问的资源。比如，我们要访问www.163.com获取里面的新闻资讯。在浏览器地址栏写上:http://www.163.com:80，其中http://部分可以省略，80端口也可以省略（http服务默认端口）。以下是图示具体的访问流程。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/05/201505241432471103960579.png&quot; title=&quot;201505241432471103960579.png&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;（1）当我们确定访问后，浏览器向服务器请求资源，服务器进行查找和响应（返回200成功或404等状态码），这是一个具体的交互响应过程。我们只需要知道我们的PHP是建立在服务器等平台的基础上就可以了。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;（2）静态内容和动态程序的区别。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;A.静态内容（纯HTML，CSS，JS），不用经过服务器特别处理就可以直接由服务器返回响应给浏览器，浏览器渲染，显示给你看，获取到内容。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;B.动态程序（PHP，ASP）等——供人们浏览的数据是由程序产生的，必须经过服务器的特殊处理（可以理解为翻译）（这从PHP的中文意思可以看出：超文本预处理语言）生成和返回HTML，CSS等内容给浏览器，浏览器渲染，返回客户，请求响应过程完成。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;3.B/S和C/S模式&lt;br/&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;（1）B/S是浏览器/服务器模式，WEB端的网站就是其中的应用。我们要访问的资源存储在服务器中，我们通过浏览器请求服务器资源，服务器对我们的要求进行响应。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;（2）C/S是客户端/服务器模式，比如QQ等。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Sun, 24 May 2015 20:26:11 +0800</pubDate></item><item><title>1-5.HTML中正确引用图片路径，图片却无法正常显示？（UTF-8编码）</title><link>http://www.zhouyl.cn/?id=13</link><description>&lt;p style=&quot;font-size: 18px;&quot;&gt;图片有时候在HTML引用路径正确的情况下，却无法正常显示。这个问题，真是让人百思不得其解。今天，我们来就这个话题进行讨论。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;（不知道，自己的图片路径写得正确与否，查看一下正确的写法：&lt;a href=&quot;http://www.zhouyl.cn/?id=10&quot; target=&quot;_blank&quot; alt=&quot;相对链接和绝对链接&quot; title=&quot;图片引用路径的方法&quot; rel=&quot;follow&quot; style=&quot;font-size: 18px; text-decoration: underline;&quot;&gt;点击这里&lt;/a&gt;）&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;首先，我们的根目录是在D:\test，网站首页index.html和图片文件在同一个目录层级。我们打开index.html进行编辑，我们首先引用4.png文件，发现图片正常显示。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/05/201505241432457951486037.png&quot; title=&quot;201505241432457951486037.png&quot; alt=&quot;QQ截图20150524165645.png&quot; style=&quot;white-space: normal;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;（1）数字命名的图片，可以正常显示。&lt;/p&gt;&lt;pre class=&quot;brush:html;toolbar:false&quot;&gt;&amp;lt;img&amp;nbsp;src=&amp;quot;4.png&amp;quot;&amp;nbsp;alt=&amp;quot;&amp;quot;&amp;gt;&lt;/pre&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;（2）英文名字命名的图片，依然可以正常显示&lt;/p&gt;&lt;pre class=&quot;brush:html;toolbar:false&quot;&gt;&amp;lt;img&amp;nbsp;src=&amp;quot;x.png&amp;quot;&amp;nbsp;alt=&amp;quot;&amp;quot;&amp;gt;&lt;/pre&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;（3）中文名字命名的图片，同一路径而且正确引用情况下，依然无法正常显示图片&lt;/p&gt;&lt;pre class=&quot;brush:html;toolbar:false&quot;&gt;&amp;lt;img&amp;nbsp;src=&amp;quot;数组和数学函数.jpg&amp;quot;&amp;nbsp;alt=&amp;quot;&amp;quot;&amp;gt;&lt;/pre&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;问题神奇就神奇在这里，为什么其它两张图片可以，中文图片就不可以了呢？别急，如果有一直关注我们网站的朋友，此时候一定会恍然大悟：(⊙o⊙)哦！如果你是初来乍到，那请阅读以下这篇文章，相信你也会跟着：(⊙o⊙)哦！文章标题：网页的编码，链接地址：&lt;a href=&quot;http://www.zhouyl.cn/?id=4&quot; alt=&quot;网页编码介绍&quot; title=&quot;网站编码教程和乱码原因&quot; rel=&quot;follow&quot; style=&quot;font-size: 18px; text-decoration: underline;&quot; target=&quot;_blank&quot;&gt;点击阅读&lt;/a&gt;。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;我们编写的HTML代码和平常所见的图片是以一定形式的编码组成的，在没有对编码进行限定的时候，浏览器可能会默认采取自己认可的方式去对网页内容进行解释渲染（翻译），于是就可能会出现网站文字乱码（特别是中文页面）。在上面实例中，中文名字命名的图片引用地址从一开始就被浏览器以其默认（翻译）渲染方式翻译错误，既然名字都错了，自然就找不到图片了。原本自己路径写的是xx.jpg，结果浏览器错误认为是oo.jpg，能找到才怪呢。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;（4）虽然声明了编码，但依然无法正常显示。&lt;/p&gt;&lt;pre class=&quot;brush:html;toolbar:false&quot;&gt;&amp;lt;!DOCTYPE&amp;nbsp;html&amp;gt;
&amp;lt;html&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;head&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;meta&amp;nbsp;charset=&amp;quot;gb2312&amp;quot;&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;title&amp;gt;Document&amp;lt;/title&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;/head&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;body&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;img&amp;nbsp;src=&amp;quot;数组和数学函数.jpg&amp;quot;&amp;nbsp;alt=&amp;quot;&amp;quot;&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;/body&amp;gt;
&amp;lt;/html&amp;gt;&lt;/pre&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;这里解释一下，要想使一个页面不乱码，必须做到&lt;span style=&quot;font-size: 24px; background-color: rgb(196, 189, 151);&quot;&gt;文件编码和网页页面编码的一致&lt;/span&gt;。因为笔者使用的编辑软件是Sublime Text3，这软件编辑保存的页面默认编码为UTF-8，即使你在网页头部声明了为gb2312，也不满足上面说到的原则，即不一致。因此页面也无法正常显示。如果诸位是在记事本的ANSI模式下或者Notepad++等软件的默认编码页面下保存，应该不会出现这个问题。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;（5）正确声明页面编码后，中文名字命名的图片，能够正常显示了&lt;/p&gt;&lt;pre class=&quot;brush:html;toolbar:false&quot;&gt;&amp;lt;!DOCTYPE&amp;nbsp;html&amp;gt;
&amp;lt;html&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;head&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;!--最关键的一句--&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;meta&amp;nbsp;charset=&amp;quot;UTF-8&amp;quot;&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;!--最关键的一句--&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;title&amp;gt;Document&amp;lt;/title&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;/head&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;body&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;/body&amp;gt;
&amp;lt;/html&amp;gt;&lt;/pre&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;最后，我们来看下实际的图片，也送给有需要的朋友。&lt;/p&gt;&lt;p style=&quot;text-align: left; font-size: 18px;&quot;&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/05/201505241432458441892692.png&quot; title=&quot;201505241432458441892692.png&quot; alt=&quot;QQ截图20150524170440.png&quot;/&gt;最后的温馨提示：尽可能不使用中文命名文件夹或图片。无论出于什么情况，这都是不推荐的。&lt;/p&gt;</description><pubDate>Sun, 24 May 2015 16:07:59 +0800</pubDate></item><item><title>3-1.保护自己电脑文件不被偷看的几种简单方法</title><link>http://www.zhouyl.cn/?id=12</link><description>&lt;p style=&quot;font-size: 18px;&quot;&gt;隐私与我们的生活形影相离，笔者今天就分享电脑文件隐私保护的几个技巧，仅供参考。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;一、密码一定要设置得十分复杂&lt;br/&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;注意不能是身份证号码，生日号码，农历日历，谐音等有规律性的数字和字母，可以考虑字母数字特殊符号等的共同组合，同时要能够有一定长度。不知道大家有没听过“字典文件”这个关键词，在信息安全领域，这个可以理解成是一组字母数字符号的组合，由0-9，a-z,A-Z等随机组合而成一定数位的文件，通过一定的程序对目标主机或目标账户进行密码的“暴力破解”——通俗理解就是把字典文件生成的一定数位的编码作为密码进行不间断的尝试，直到成功为止。密码长度越长，字典文件越大，搜索时间越久，也相对比较困难。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/05/201505011430484571166719.jpg&quot; title=&quot;201505011430484571166719.jpg&quot; alt=&quot;FZTIR6104B3Q_s.JPG&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;二、更改文件扩展名&lt;br/&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;我们的文件都是由文件名+后缀名（也叫扩展名）组成的，比如某企鹅文件格式：qq.exe。QQ是文件名，.exe是他的扩展名，.exe表示是可执行文件，双击打开可以自动执行程序，所以一般建议打开.exe文件时候要特别谨慎，里面可能是一段待执行的病毒程序。我们可以通过更改扩展名的方法来更改文件的打开方式，进而达到瞒天过海。现实生活上，也的确有不少病毒制作者或传播者把病毒文件的后缀名更改为.jpg等后缀名，再配以情色关键词诱惑大家前去打开，一打开，这不就中招了吗！所以，我们电脑应该设置让电脑文件始终显示后缀名，这样他们的诡计多端就会被发现了。比如QQ.jpg.exe这个文件，虽然有.jpg的后缀名，但是因为最后还有.exe，所以最终也就以其为准。其中QQ.jpg.exe的.exe是电脑自动显示的，而QQ.jpg是别人特意打上去鱼目混珠的。当你设置了隐藏已知文件扩展名时候，我们只可以看到QQ.jpg，因此信以为真，以为该文件真的是一张图片，其实……too young to simple啊！&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;设置方法：打开我的电脑-工具菜单-文件夹选项-在查看标签下一直查找，把隐藏已知文件扩展名一复选框取消，确定即可。如果还不会可以百度：显示扩展名。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;笔者接下来要介绍的方法原理就是来源于这里，比如我们有若干个敏感文件不希望被别人看到，我们也可以通过更改文件扩展名的方法。比如我们有如下密码.txt文件，里面有自己各个账号的密码，可以说，是十分重要的。首先我们取消了隐藏扩展名的复选框，然后我们把.txt更改为.bat，.exe等，因为里面的内容不是标准的bat或exe规范内容，所以正常肯定是打不开的。这个方法固然可行，但要注意，这个方法其实非常低级，极容易被人破解，特别很多的大神们，我也强烈建议大家不要把密码这样搞。最好是靠自己大脑记住。还有就是把密码分类设置，支付类的和日常悠闲娱乐类的密码不要一样，不同的等级处置程度。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;三、隐私图片如何防范偷看&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;温馨提示：继续以下内容之前，我务必提醒一句，请不要用重要图片来练习调试，如果需要用到，请务必做好备份，比如复制多一份。其中有什么后果，笔者不负责。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;首先我们找到要设置的图片，选中，右键-打开方式-选择notepad++等编辑软件，不建议用记事本（因为用记事本来处理，你的图片是注定损坏了的，笔者试过了，用记事本处理过的图片，就算完全还原了，图片一样打不开）。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;当用文本编辑软件打开图片时候，我们会发现一组乱码：&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/05/201505011430488973258575.png&quot; title=&quot;201505011430488973258575.png&quot; alt=&quot;QQ截图20150501215947.png&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;没错，图片其实就是一系列二进制代码的组合，删除、更改随意添加内容都会造成图片的损坏或对图片展现造成一定程度的影响。（哪怕你只是在某个不经意的地方添加了空格）。（注意：更改后要保存）&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;如图，就是笔者在以上任意某段代码中加插了一大段的空白后行程的结果。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/05/201505011430489282931462.png&quot; title=&quot;201505011430489282931462.png&quot; alt=&quot;QQ截图20150501220456.png&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;注意：因为我刚才是许多个地方乱加的很多个空格，保存后无法撤销，&lt;span style=&quot;font-size: 18px;&quot;&gt;我又记不清那个地方改动过，&lt;/span&gt;所以我现在也就不知道如何恢复了，在此提醒，测试图片务必要做好备份。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;如图，是笔者在任意地方添加了一个我字：&lt;br/&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/05/201505011430489406833559.png&quot; title=&quot;201505011430489406833559.png&quot; alt=&quot;QQ截图20150501220716.png&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;当笔者发现危险期过后，对图片进行恢复，就选择图片-右键打开方式-文本编辑软件（注意，记事本是绝对不行的）-把添加的我删除即可。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;再次温馨提示：本项操作有一定风险，请谨慎尝试。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;本文所介绍手段其实都是非常简单，但功能其实也是非常低级，仅作参考学习。无论如何，也希望大家养成好的使用习惯，不要乱下载来路不明的软件，不要乱接收或打开别人传播给你莫名其妙的文件，特别要记得从正规渠道（网址）去访问网站，留意网址域名是否正确，不要被钓鱼网站所欺骗，公共场所上网，尽量不设置记住密码等选项；特别不要在公共场所的未知wifi环境下登录支付软件或支付网站。&lt;/p&gt;</description><pubDate>Fri, 01 May 2015 20:35:07 +0800</pubDate></item><item><title>感谢大白送来温馨大“河马”公仔</title><link>http://www.zhouyl.cn/?id=11</link><description>&lt;p style=&quot;font-size: 18px;&quot;&gt;今天，2015年4月8日，收到了来自四川的“大白”给我送来了两只大河马公仔礼物，萌萌哒。特此感谢，永远铭记。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/04/201504081428498161560142.jpg&quot; title=&quot;201504081428498161560142.jpg&quot; style=&quot;white-space: normal;&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/04/201504081428498155434477.jpg&quot; title=&quot;201504081428498155434477.jpg&quot; style=&quot;white-space: normal;&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/04/201504081428498146716718.jpg&quot; style=&quot;&quot; title=&quot;201504081428498146716718.jpg&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/04/201504081428498154199281.jpg&quot; style=&quot;&quot; title=&quot;201504081428498154199281.jpg&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/04/201504081428498589146640.jpg&quot; style=&quot;&quot; title=&quot;201504081428498589146640.jpg&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;最后，差点忘了说，“大白”喜欢吃辣的，还有大白兔奶糖。希望自己有空时候给她回敬一下。天下好心人多，今天一天满满的正能量。&lt;/p&gt;</description><pubDate>Wed, 08 Apr 2015 20:46:56 +0800</pubDate></item><item><title>1-4.相对链接和绝对链接(图片引用的相对地址和绝对地址)</title><link>http://www.zhouyl.cn/?id=10</link><description>&lt;p style=&quot;font-size: 18px;&quot;&gt;一个网页乃至一个网站总少不了链接、多媒体以及对样式表CSS的引用。这时候我们就需要接触到路径的引用。路径的引用包括相对路径和绝对路径两种方式，我们今天且来了解这两种方式的差异。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;首先通俗的理解，绝对路径更具体更长，包含了硬盘盘符，具体位置；而相对路径则更为简短，着重表现层级关系。我们来看看具体的例子就会明白了。&lt;/p&gt;&lt;h2 style=&quot;font-size: 20px;&quot;&gt;一、绝对路径&lt;/h2&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/04/201504041428119022705382.jpg&quot; title=&quot;201504041428119022705382.jpg&quot; alt=&quot;QQ图片20150404114022.jpg&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;如上图，D:\lepeng10这个路径就是一个绝对路径。完全满足了我们上面提到的两个要求。在这个例子中，假如我们要访问css里面的文件，路径该怎么写？很显然答案就是：D:\lepeng10\css。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;温馨提示：上面是在“我的电脑”访问的路径，但是如果我们想把文件夹内容展现在浏览器里面呢？那么我们就需要稍微做点变通。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/04/201504041428119517832464.png&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;这就提醒我们，以后在浏览器中输入路径时候要注意这两个符号的使用。当然了，笔者这是在chrome浏览器打开的。如果在IE等浏览器，则是一样会直接为我们打开文件夹。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;其中，file是文件协议，大家还记得我们在&lt;a href=&quot;http://www.zhouyl.cn/?id=5&quot; alt=&quot;PHP环境搭建&quot; title=&quot;PHP使用phpstudy搭建&quot; target=&quot;_blank&quot; rel=&quot;follow&quot;&gt;新手学PHP如何开始&lt;/a&gt;这篇文章中说到的URL知识点吗。URL是统一资源定位器，他的格式为“使用协议（还有ftp文件传输等，用得比较多http访问互联网）://主机名（常见的www，www也是http的默认主机，根据网站相应设置，有时候可以省略）.IP地址（域名）:端口号（80为默认，可以忽略，我们日常看到的网站大多数都是80端口）/（路径名，看情况）/文件名”。具体还有ftp协议和file协议。&lt;/p&gt;&lt;p style=&quot;white-space: normal; font-size: 18px;&quot;&gt;file协议主要用于访问本地计算机中的文件，就像我们在我的电脑中打开文件一样。例子：file:///文件路径，比如要打开D盘lepeng10文件夹中的index.html文件，那么可以在资源治理器或IE地址栏中键入：file:///d:/lepeng10/index.html回车。&lt;/p&gt;&lt;h2 style=&quot;white-space: normal; font-size: 20px;&quot;&gt;一、相对路径&lt;/h2&gt;&lt;p&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/04/201504041428119022705382.jpg&quot; title=&quot;201504041428119022705382.jpg&quot; alt=&quot;QQ图片20150404114022.jpg&quot; style=&quot;font-size: 18px; white-space: normal;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;如图，假设现在我们要在index.html中用相对路径的方法引入style.css文件我们该怎么做？很简单，我们只需要记住一句话，相对路径&lt;span style=&quot;font-size: 18px;&quot;&gt;着重表现层级关系。首先我们要确定引入和被引入两个文件的路径关系。在上面实例中index.html和style.css同在一个层级，那么自然就是style.css。&lt;/span&gt;&lt;/p&gt;&lt;pre class=&quot;brush:html;toolbar:false&quot;&gt;&amp;lt;link&amp;nbsp;href=&amp;quot;style.css&amp;quot;&amp;nbsp;rel=&amp;quot;stylesheet&amp;quot;/&amp;gt;&lt;/pre&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/04/201504041428122122455085.png&quot; title=&quot;201504041428122122455085.png&quot; alt=&quot;QQ截图20150404123238.png&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;那么现在我们要引入css文件夹里面的bootstrap.min.css文件呢？让我们现在再来重温那句话：&lt;span style=&quot;font-size: 18px;&quot;&gt;相对路径&lt;/span&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;着重表现层级关系。在这个实例中，index.html在lepeng10文件中（网站根目录），bootstrap.min.css文件在lepeng10/css（lepeng10的下一个文件夹，二级目录，多了一个层级关系），而要访问css/bootstrap.min.css必须经过css这个文件夹（该文件夹与根目录的index.html同层级），那么该怎么引用呢？&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;pre class=&quot;brush:html;toolbar:false&quot;&gt;&amp;lt;link&amp;nbsp;href=&amp;quot;css/bootstrap.min.css&amp;quot;&amp;nbsp;rel=&amp;quot;stylesheet&amp;quot;/&amp;gt;&lt;/pre&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;也是非常简单的，我们只需要把他下级目录的名字写上去就可以了。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;那现在我们把index.html这个文件放到二级目录css文件夹里，这时候我们要引用的是根目录的style.css这个文件，我们又该怎么办？首先因为引入的文件（index.html）在二级目录，而待引入的文件（style.css）在根目录，那么我们首先要找到根目录的style.css文件，我们使用../方法。&lt;/p&gt;&lt;pre class=&quot;brush:html;toolbar:false&quot;&gt;&amp;lt;link&amp;nbsp;href=&amp;quot;../style.css&amp;quot;&amp;nbsp;rel=&amp;quot;stylesheet&amp;quot;/&amp;gt;&lt;/pre&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;假设有很多层的上级关系呢？那就../../...这样了吧！不过一般不建议那么多的层级关系。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;关于绝对路径和相对路径的引用，还不懂的可以加群询问（加群链接在首页融入我们栏目，扫描二维码即可）。另外绝对路径和相对路径哪个更好，请善用搜索引擎，比如百度一下。&lt;/p&gt;</description><pubDate>Sat, 04 Apr 2015 10:59:08 +0800</pubDate></item><item><title>2-1.新手学习后台程序（这里只说PHP）顺序参考？</title><link>http://www.zhouyl.cn/?id=9</link><description>&lt;p style=&quot;font-size: 18px;&quot;&gt;我们在&lt;a href=&quot;http://www.zhouyl.cn/?id=8&quot; alt=&quot;前端网站学习顺序介绍&quot; title=&quot;前端网站学习顺序参考&quot; target=&quot;_blank&quot; rel=&quot;follow&quot;&gt;新手学习前端顺序参考&lt;/a&gt;这篇文章中对前端和后台程序的区别进行了介绍。下面我们就后台程序的其中一个代表性语言PHP的学习顺序进行介绍。希望大家能够引以为鉴。&lt;/p&gt;&lt;ol class=&quot; list-paddingleft-2&quot; style=&quot;list-style-type: decimal;&quot;&gt;&lt;li&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;首先阅读&lt;a href=&quot;http://www.zhouyl.cn/?id=3&quot; alt=&quot;建立网站根目录&quot; title=&quot;建立网站根目录的教程&quot; target=&quot;_blank&quot; rel=&quot;follow&quot;&gt;建立网站的根目录&lt;/a&gt;，学习如何建立自己网站的根目录和运用记事本或下载第三方软件建立网页文件。&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;接着阅读&lt;a href=&quot;http://www.zhouyl.cn/?id=4&quot; alt=&quot;网页的编码怎么选择&quot; title=&quot;网页的编码介绍&quot; target=&quot;_blank&quot; rel=&quot;follow&quot;&gt;网页的编码&lt;/a&gt;，学会正确选择编码以避免中文乱码。&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;阅读&lt;a href=&quot;http://www.zhouyl.cn/?id=5&quot; alt=&quot;新手学PHP教程&quot; title=&quot;新手学php应该怎样开始&quot; target=&quot;_blank&quot; rel=&quot;follow&quot;&gt;新手学PHP应该怎样开始？&lt;/a&gt;，学会利用集成环境进行PHP环境的搭建，为下一步学习调试PHP打好基础。&lt;br/&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;购买或使用书籍、视频资源进行学习，打好基础。笔者这里推荐韩顺平的视频公开课。韩顺平的视频公开课有在线看也有云盘版。&lt;a href=&quot;http://www.chuanke.com/v1867921-109704-225327.html&quot; alt=&quot;韩顺平PHP视频&quot; title=&quot;韩顺平PHP教程视频在线观看&quot; target=&quot;_blank&quot; rel=&quot;follow&quot;&gt;韩顺平PHP教程在线观看版&lt;/a&gt;课程开始只有2分钟预览，会提醒购买，但价格0元，所以可以放心点击，有百度账号可以直接登录。&lt;a href=&quot;http://pan.baidu.com/s/1dDnbOlV&quot; alt=&quot;韩顺平PHP视频下载&quot; title=&quot;韩顺平PHP教程视频云盘下载&quot; target=&quot;_blank&quot; rel=&quot;follow&quot;&gt;
 这是传智播客韩顺平的云盘版&lt;/a&gt;。（从视频中学习HTML、CSS、PHP的基础知识以及高级应用）。&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;不想看视频，想看文字的朋友，也可以看w3school.com.cn上的教程内容。具体链接：&lt;a href=&quot;http://www.w3school.com.cn/php/php_intro.asp&quot; alt=&quot;w3school学习php&quot; title=&quot;PHP在线学习网站&quot; target=&quot;_blank&quot; rel=&quot;follow&quot;&gt;PHP文字教程&lt;/a&gt;。&lt;br/&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;mysql数据库知识学习。学习地址：&lt;a href=&quot;http://www.ucai.cn/course/show/229&quot; alt=&quot;燕十八mysql在线视频&quot; title=&quot;燕十八mysql在线视频网上观看&quot; target=&quot;_blank&quot; rel=&quot;follow&quot;&gt;燕十八mysql在线观看网站&lt;/a&gt;。sql的文字教程见：&lt;a href=&quot;http://www.w3school.com.cn/sql/sql_intro.asp&quot; alt=&quot;w3school学习sql&quot; title=&quot;sql网上文字教程&quot; target=&quot;_blank&quot; rel=&quot;follow&quot;&gt;SQL的文字教程（包括mysql等多种的数据库程序操作代码参考）&lt;/a&gt;。&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;PHP操作mysql（连接数据库和增删改查）。学习地址：&lt;a href=&quot;http://www.w3school.com.cn/php/php_mysql_connect.asp&quot; alt=&quot;PHP mysql&quot; title=&quot;PHP操作mysql&quot; target=&quot;_blank&quot; rel=&quot;follow&quot;&gt;PHP操作mysql的实例教程&lt;/a&gt;。&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;感兴趣的可以看看如何快速建站。学习网站：&lt;a href=&quot;http://www.zhouyl.cn/?id=7&quot; alt=&quot;使用wordpress和dedecms快速建站&quot; title=&quot;学会如何安装wordpress和dedecms&quot; target=&quot;_blank&quot; rel=&quot;follow&quot;&gt;快速建站dedecms和wordpress&lt;/a&gt;。&lt;br/&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;静态模板技术smarty。学习地址：&lt;a href=&quot;http://php.itcast.cn/news/a632aeea/df9a/46bf/92f1/896679400a37.shtml&quot; alt=&quot;smarty视频下载&quot; title=&quot;smarty教程下载&quot; target=&quot;_blank&quot; rel=&quot;follow&quot;&gt;smarty教程&lt;/a&gt;。&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;根据需要确定是否学习框架，以及学习哪种框架。（thinkphp等），需要教程的请自行百度一下，谢谢。&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;如需要学习dedecms或dedecms的二次开发的，请在百度搜索传智播客韩顺平dedecms关键字。&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;最后，祝大家学习PHP成功。&lt;/p&gt;</description><pubDate>Mon, 16 Mar 2015 20:55:09 +0800</pubDate></item><item><title>1-3.新手学习前端顺序参考</title><link>http://www.zhouyl.cn/?id=8</link><description>&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;上网的人越来越多，学习网站的人也相应多起来了。今天我们来探讨一下网站学习的问题。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 20px;&quot;&gt;&lt;strong&gt;一、网站后台和网站前端&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;顾名思义，网站后台就是网站的幕后，网站前端就是我们平时浏览网页时候所看到的页面。网站管理员通过网站后台更新和发布信息，我们通过&lt;span style=&quot;font-size: 18px;&quot;&gt;浏览器&lt;/span&gt;访问页面前端去获取信息。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;网站后台和网站前端实现需要不同的代码。但是无论你我学习前台还是后台，网站前端的html、css都是我们学习网站的基础。毕竟无论后台语言采用哪种，最终都是会自动生成HTML代码并返回给浏览器。不信，可以随便在一个网站上鼠标右键查看网站源代码，从里面你永远无法知道我这个网站的后台是如何实现的（看不到任何一丁点的后台语言代码）。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 20px;&quot;&gt;二、网站前端的学习顺序？&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;网站前端网上学习的资源很多，那么新手们该如何下手？这里仅提供一个参考，各人当然可以有各人自由的选择：&lt;br/&gt;&lt;/span&gt;&lt;/p&gt;&lt;ol class=&quot; list-paddingleft-2&quot; style=&quot;list-style-type: decimal;&quot;&gt;&lt;li&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;首先阅读&lt;a href=&quot;http://zhouyl.cn/?id=3&quot; alt=&quot;建立网站根目录&quot; title=&quot;建立网站根目录的教程&quot; target=&quot;_blank&quot; rel=&quot;follow&quot;&gt;建立网站的根目录&lt;/a&gt;，学习如何建立自己网站的根目录和运用记事本或下载第三方软件建立网页文件。&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;接着阅读&lt;a href=&quot;http://zhouyl.cn/?id=4&quot; alt=&quot;网页的编码怎么选择&quot; title=&quot;网页的编码介绍&quot; target=&quot;_blank&quot; rel=&quot;follow&quot;&gt;网页的编码&lt;/a&gt;，学会正确选择编码以避免中文乱码。&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;购买或使用书籍、视频资源进行学习，打好基础。笔者这里推荐一个学习网站&lt;a href=&quot;http://www.w3school.com.cn/html/html_intro.asp&quot; alt=&quot;w3school学习html&quot; title=&quot;w3school学习HTML&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;w3school学习HTML&lt;/a&gt;。但要注意一边看一边敲代码（输入保存，然后才可以看效果）一边打开浏览器（不用每次打开，同一个页面F5刷新看最新效果）查看效果。注意，不要太细，不要把每个标签每个属性都了解得十分透彻，大概知道他有这个标签，这个标签有什么用就可以了。不要死记硬背。（红色框部分可以先不看，就是HTML对象，速查手册，实例/测验/总结/参考手册那里），特别HTML5部分，对于初学者建议先不要学，等到有一定经验，熟悉HTML后再去正式接触，开始时候先学会基本用法（CSS3也是如此）。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/03/201503151426406029871130.png&quot; title=&quot;201503151426406029871130.png&quot; alt=&quot;QQ截图20150315155057.png&quot;/&gt;&lt;br/&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/03/201503151426402498116098.png&quot; title=&quot;201503151426402498116098.png&quot; alt=&quot;QQ截图20150315145021.png&quot;/&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;看完HTML的，看&lt;a href=&quot;http://www.w3school.com.cn/xhtml/xhtml_intro.asp&quot; alt=&quot;w3school学习xhtml&quot; title=&quot;w3school学习XHTML&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;w3school学习XHTML&lt;/a&gt;。XHTML其实和HTML差不多，只是语法上更严谨，更标准。&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;看完XHTML，接着学CSS。CSS的学习链接如下：&lt;a href=&quot;http://www.w3school.com.cn/css/css_intro.asp&quot; alt=&quot;w3school学习css&quot; title=&quot;w3school学习css&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;学习CSS&lt;/a&gt;。CSS的学习顺序请参见我下面的图（先看css简介，再看CSS创建并且创建外部CSS文件，在html的head标签上用link标签引用该CSS的路径，然后再看基础语法以及各个选择器，之后就一直按照网站给定顺序继续吧。）（有关路径的写法请参考我前端第四篇文章：相对路径和绝对路径）&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;温馨提示：&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;（1）为什么要使用外部文件？这是因为web标准中结构、表现、行为分离（意思就是HTML专注表现内容，CSS专注样式风格设置，Javascript或Jquery专注行为的设定，一网页三文件分离，内容不杂合一起）。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;（2）注意，学习过程中，要一边看一边敲代码，一边看效果。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/03/201503151426403355702623.gif&quot; title=&quot;201503151426403355702623.gif&quot; alt=&quot;2015-03-15_150344.gif&quot;/&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;学习Bootstrap前端框架。Bootstrap前端框架笔者最喜欢他的地方是他的响应式布局，移动设备优先的原则还有就是Javascript/Jquery效果的封装（插件）。熟悉使用他的朋友可以比较快的制作前端网站和使用上动画交互效果。学习Bootstrap需要html和css基础，但是不需要js基础（只是懂怎么用就可以了）。当然你如果要改成自定义效果还是要懂的，至于html，css那些也是可以根据自己需要进行改动的。（该项目不是必学，只是笔者推荐，大家可以自由选择）。&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;JavaScript。可以为网站添加动画，动态改变HTML内容等。学习网站：&lt;a href=&quot;http://www.w3school.com.cn/js/js_intro.asp&quot; alt=&quot;w3school学习javascript&quot; title=&quot;w3school学习javascript&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;学习javascript&lt;/a&gt;。&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;Jquery。Jquery是JavaScript的封装库。通过他可以更简单地为网站添加动态交互效果。它和Javascript实现的效果其实几乎一样，只是更简单而已。学习网站：&lt;a href=&quot;http://www.w3school.com.cn/jquery/jquery_intro.asp&quot; alt=&quot;w3school学习jquery&quot; title=&quot;w3school学习jquery&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;学习jquery&lt;/a&gt;。&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;ajax。ajax是网站的局部刷新。就是不用刷新网站页面就可以自动加载更多的新数据出来。学习网站：&lt;a href=&quot;http://www.w3school.com.cn/ajax/ajax_intro.asp&quot; alt=&quot;w3school学习ajax&quot; title=&quot;w3school学习ajax&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;学习ajax&lt;/a&gt;。&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;网站学习是一个细水长流的过程，切勿心浮气盛。如果学习过程中，遇到什么问题，欢迎在评论区域写出来，也可以加入我们的群进行咨询。群链接在首页的融入我们模块。&lt;/p&gt;&lt;p style=&quot;font-size: 18px;&quot;&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Sun, 15 Mar 2015 14:24:33 +0800</pubDate></item><item><title>2-6.体验式学习（快速建站）——PHP可以做什么，PHP有什么用</title><link>http://www.zhouyl.cn/?id=7</link><description>&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;上节课我们对PHP的基础知识进行了讲解。但可能至始至终，依然有很多人在迷茫，究竟PHP可以做什么？有什么用？或者我们说太多的理论都是苍白的，下面，我们就以安装两个PHP的开源程序来让大家体会明白PHP的作用，PHP可以做什么这两个问题。当然了，你也可以就此止步于此，使用这些开源的软件程序进行建站。笔者目前所用网站就是开源程序Z-blog的PHP版本。主题，插件，程序什么都是别人的，我只是负责插入内容，写文章等基本操作。如果你希望有所更大作为，比如对这些开源程序进行二次开发或者自己开发一个属于自己的网络博客，网络商城，网络论坛，请移步到其他章节进行PHP的学习。注意，部分版本的开源程序是个人使用免费，商业使用收费。其中个人使用，尤其要注意页脚底部留制作者的版权信息。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;——————&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;开始之前，需要大家首先下载开源程序。至于什么是开源程序，就是网上热心团队精心制作组织的代码程序发布出来供大家免费下载学习使用，部分软件商业使用时候需要付费授权。有名的开源软件有：dedecms（CMS内容管理系统），discuz（论坛），wordpress（博客，内容管理系统），z-blog（博客，内容管理系统）等。开源程序的安装方法大同小异，我们只需要知道其中一个，那么其他自然就可以轻易照葫芦画瓢了。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;一、dedecms的安装&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;要使用dedecms，首先要下载程序。我们打开新的浏览器窗口，在地址栏中输入如下地址：&lt;a href=&quot;http://www.dedecms.com&quot; alt=&quot;下载dedecms&quot; title=&quot;dedecms官网&quot; rel=&quot;nofollow&quot;&gt;DEDECMS官方网站&lt;/a&gt;，点击下载，随后在弹出来的版本选择窗口中，选择UTF-8&lt;span style=&quot;font-size: 18px;&quot;&gt;版本&lt;/span&gt;（至于为什么选择UTF-8版，请看我在前端教程中写到的一篇关于网页编码的文章，地址：&lt;a href=&quot;http://zhouyl.cn/?id=4&quot; alt=&quot;网站编码&quot; title=&quot;网页编码如何选择&quot; rel=&quot;follow&quot;&gt;http://zhouyl.cn/?id=4&lt;/a&gt;。）&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/03/201503101425985796436933.gif&quot; title=&quot;201503101425985796436933.gif&quot; alt=&quot;1.gif&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size:18px&quot;&gt;下载后第一件事情就是解压，然后把解压后的文件夹放到我们的网站根目录里去（WWW）。如果是类似这样在多层目录的www\DedeCMS-V5.7-UTF8-SP1-Full\&lt;/span&gt;&lt;span style=&quot;font-size: 18px; color: rgb(255, 0, 0);&quot;&gt;DedeCMS-V5.7-UTF8-SP1-Full&lt;/span&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;（更改名字为dedecms简化命名，方便输入和记忆），可以考虑把第三层的文件夹剪贴出来然后粘贴到根目录中（也就是红色字体标注的文件夹剪贴到www的文件夹下，原来是在DedeCMS-V5.7-UTF8-SP1-Full这个的文件夹中）。这是因为我们尽可能不要让自己网站访问层级过多。我们把第二个的dedecms剪贴然后现在我们要在浏览器里输入地址进行访问。我们在上一文章对这个进行了讲解，如果你忘记了，可以点击进去回顾一下：&lt;a href=&quot;http://zhouyl.cn/?id=5&quot; alt=&quot;PHP如何配置环境&quot; title=&quot;新手学PHP，如何开始？&quot; target=&quot;_blank&quot; rel=&quot;follow&quot;&gt;新手学PHP如何开始？&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;我们现在再来确定我们的目录层级关系：www/dedecms/uploads和docs两个文件夹。那么运用我们上文的知识，我们现在应该怎么办？&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;首先我们要知道dedecms的程序安装文件在www/dedecms/uploads/install/index.php&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;（1）首先我们启动phpstudy，如果你上次已经设为了系统服务，那么现在就不用打开了。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;（2）浏览器打开新标签页，然后输入localhost:端口号（80为默认，不用输入）/dedecms/uploads/install/index.php&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;（3）提示403错误可能是因为你服务器不允许访问根目录（需要访问到具体文件，类似（2）中的具体地址）以及你根目录下没有文件夹这两个可能性。&lt;br/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/03/201503101425993184669906.jpg&quot; style=&quot;&quot; title=&quot;201503101425993184669906.jpg&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;当你看到这个的时候，表示你成功读取到文件了，然后我们在我已经阅读哪里打勾，并一路点击继续。直到下面页面出现，填写相关信息。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/03/201503101425993443448589.png&quot; title=&quot;201503101425993443448589.png&quot; alt=&quot;12.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;数据库主机如果是本地测试，就是localhost，数据库如果是使用phpstudy的就默认是root，之后就可以了。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;如果是使用买或申请的网上空间，这个地方是提供空间商提供的地址，密码等信息。然后下面填写网站名称和管理员邮箱（管理员账号密码都是自己写的），然后点击继续，建议不要安装初始化数据和获取，因为未必成功，当然你可以试下，但安装初始化数据前，要先远程获取，过程中可能有点卡。之后&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/03/201503101425993184287550.jpg&quot; style=&quot;&quot; title=&quot;201503101425993184287550.jpg&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;根据向导完成后继续，估计也就基本完成整个过程了。可以自由访问前台和后台。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;（1）关于dedecms的前台访问地址：localhost:(端口号，默认80不填)/dedecms/uploads/index.php（index.php可以忽略，如果不可以，加上看看）。对应路径情况为：www/dedecms/uploads/index.php&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;（2）关于dedecms的后台访问地址：localhost:(端口号，默认80不填)/dedecms/uploads/dede/index.php（index.php可以忽略，如果不可以，加上看看）。对应路径情况为：www/dedecms/uploads/dede/index.php&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;strong style=&quot;font-size: 18px;&quot;&gt;二、wordpress的安装&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;wordpress的安装流程大体相同，但有一点需要注意的是，wordpress需要比dedecms做多一步的操作，不然系统会报错，安装失败。我们需要首先创建一个wordpress的数据库（本地测试是数据库，如果使用的网上空间，则是数据表）。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;（1）本机测试的解决方法：打开phpstudy后，点击其他选项菜单——mysql工具——快速创建数据库，输入wordpress名字，确定。&lt;strong style=&quot;font-size: 18px;&quot;&gt;&lt;br/&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;（2）网络空间的解决方法：在空间商给你的平台网站上找到数据库项，点击数据库管理，进入phpmyadmin等界面，输入提供的账号密码登录，点击左栏的数据库名字（蓝色名字_db），然后在右边页面的输入框中创建wordpress的数据表。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.zhouyl.cn/zb_users/upload/2015/03/201503101425994666241804.png&quot; title=&quot;201503101425994666241804.png&quot; alt=&quot;43.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;完成这个步骤重新对wordpress进行安装就可以成功了。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;wordpress的前台访问地址这里就不说了。我们说说后台的访问地址，也就是wordpress的后台管理文件默认为wp-admin。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;最后，感谢你的阅读，再次祝福你学习php成功。&lt;/span&gt;&lt;/p&gt;</description><pubDate>Tue, 10 Mar 2015 18:46:51 +0800</pubDate></item></channel></rss><!--54.36 ms , 6 query , 3468kb memory , 0 error-->