<?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>比特裁缝铺 1.0 &#187; web development</title>
	<atom:link href="http://yisha7.info/tag/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://yisha7.info</link>
	<description>逐生活之流，怀赤子之心。</description>
	<lastBuildDate>Thu, 02 Sep 2010 22:24:08 +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>Web开发学习笔记（5）：php数组</title>
		<link>http://yisha7.info/2010/03/web-development-note-5-php-array/</link>
		<comments>http://yisha7.info/2010/03/web-development-note-5-php-array/#comments</comments>
		<pubDate>Wed, 31 Mar 2010 00:43:02 +0000</pubDate>
		<dc:creator>勇敢的小裁缝</dc:creator>
				<category><![CDATA[学无止境]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://yisha7.info/?p=815</guid>
		<description><![CDATA[PHP中的数组对比C/C++的数组做了很大的增强，支持动态数组大小。 创建数组 数字数组使用数字作为索引，关联数组则使用字符串。数组的元素可是是字符串、数字乃至其他数组。 可以使用数组标识符[]赋值，不指定索引值时，PHP会自动指定。如 $weekdays[]=&#8217;Monday&#8217;;$weekdays[]=&#8217;Tuesday&#8217;; 使用array创建数字数组，如 $weekdays[]=array(&#8216;Monday&#8217;,'Tuesday&#8217;); 使用array，使用index=&#62;value格式创建关联数组，如 $shapes=array(&#8216;Orange&#8217;=&#62;&#8217;Sphere&#8217;,'Phonebook&#8217;=&#62;&#8217;Rectangle&#8217;); 测试变量是否是数组：is_array。 使用foreach循环访问数组，如 foreach($shapes as $key=&#62;$value)print&#8221;The $key is a $ value&#8221;; 对已有数组的赋值会自动添加到数组末尾，如$weekdays[]=&#8217;Wednesday&#8217;; count或sizeof计算数组的元素个数。 使用sort排序，数字按升序，字符串按字母序。 多维数组 由于数组的元素可以是数组，所以多维数组只不过是数组的嵌套，如 $object=array(&#8216;Orange&#8217;=&#62;array(&#8216;Shape&#8217;=&#62;&#8217;Sphere&#8217;,'Color&#8217;='Orange&#8217;)); 使用list访问多维数组，如 foreach($object as $obj_key=&#62;$obj){ echo&#8221;$obj_key:&#60;br&#62;&#8221; while(list($key,$value)=each($obj)) print&#8221;The $key is a $ value&#8221;; } 数组与普通变量 使用extract函数作用关联数组index=&#62;value，会产生一系列普通变量，变量名为index，变量值为value。 &#8230; <a href="http://yisha7.info/2010/03/web-development-note-5-php-array/">继续阅读 <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>PHP中的数组对比C/C++的数组做了很大的增强，支持动态数组大小。</p>
<h3>创建数组</h3>
<p>数字数组使用数字作为索引，关联数组则使用字符串。数组的元素可是是字符串、数字乃至其他数组。</p>
<p>可以使用数组标识符[]赋值，不指定索引值时，PHP会自动指定。如</p>
<p>$weekdays[]=&#8217;Monday&#8217;;$weekdays[]=&#8217;Tuesday&#8217;;</p>
<p>使用array创建数字数组，如</p>
<p>$weekdays[]=array(&#8216;Monday&#8217;,'Tuesday&#8217;);</p>
<p>使用array，使用index=&gt;value格式创建关联数组，如</p>
<p>$shapes=array(&#8216;Orange&#8217;=&gt;&#8217;Sphere&#8217;,'Phonebook&#8217;=&gt;&#8217;Rectangle&#8217;);</p>
<p>测试变量是否是数组：is_array。</p>
<p>使用foreach循环访问数组，如</p>
<p>foreach($shapes as $key=&gt;$value)print&#8221;The $key is a $ value&#8221;;</p>
<p>对已有数组的赋值会自动添加到数组末尾，如$weekdays[]=&#8217;Wednesday&#8217;;</p>
<p>count或sizeof计算数组的元素个数。</p>
<p>使用sort排序，数字按升序，字符串按字母序。</p>
<h3>多维数组</h3>
<p>由于数组的元素可以是数组，所以多维数组只不过是数组的嵌套，如</p>
<p>$object=array(&#8216;Orange&#8217;=&gt;array(&#8216;Shape&#8217;=&gt;&#8217;Sphere&#8217;,'Color&#8217;='Orange&#8217;));</p>
<p>使用list访问多维数组，如</p>
<p>foreach($object as $obj_key=&gt;$obj){</p>
<p>echo&#8221;$obj_key:&lt;br&gt;&#8221;</p>
<p>while(list($key,$value)=each($obj)) print&#8221;The $key is a $ value&#8221;;</p>
<p>}</p>
<h3>数组与普通变量</h3>
<p>使用extract函数作用关联数组index=&gt;value，会产生一系列普通变量，变量名为index，变量值为value。</p>
<p>extract（array,EXTR_PREFIX_ALL,&#8221;the prefix&#8221;）可指定型如the prefix的前缀。并可作用于数字数组。生成类似the prefix_0的变量。</p>
<p>可使用compact将一组变量包装为数组。</p>
]]></content:encoded>
			<wfw:commentRss>http://yisha7.info/2010/03/web-development-note-5-php-array/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web开发学习笔记（4）：php函数</title>
		<link>http://yisha7.info/2010/03/web-development-note-4-php-function/</link>
		<comments>http://yisha7.info/2010/03/web-development-note-4-php-function/#comments</comments>
		<pubDate>Tue, 30 Mar 2010 02:46:49 +0000</pubDate>
		<dc:creator>勇敢的小裁缝</dc:creator>
				<category><![CDATA[学无止境]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://yisha7.info/?p=812</guid>
		<description><![CDATA[PHP的函数与C/C++基本是一样的，从PHP5开始也有面向对象的特性，不过据说语言也因此弄得很繁杂。 函数的调用与创建 PHP内建了很多函数，其实目前高级语言的会考虑内建函数库，让使用者不必重复造一些简单的部件。比如phpinfo()返回PHP的配置信息。 函数名不分大小写，秉承php的弱类型特点，函数有没有返回值以及返回值类型完全是自由的，但返回值如C语言只能有一个，多返回值要考虑数组等方式了。 参数 参数传递通常有两种，一是值传递，一是引用传递。 PHP也是支持变量引用的，但没有引入强大而混乱的指针机制。 PHP支持默认参数。 文件包含 PHP中的文件包含有四种，include，include_once， require， require_one。 require方式会确保所包含文件的存在，否则停止程序，其余同include。带once的方式可以处理重复包含。 function_exists可以检查某函数是否存在，如function_exists(&#8220;test&#8221;)。 面向对象特性 使用class创建类。new创建实例。var声明变量。 构造函数可使用与类同名的方法，或__construct创建。 可用this-&#62;访问类中的变量。 extends运算符进行继承，parent运算符调用父类方法。 可使用 ::直接调用类的方法（即不用创建实例的静态调用）。 演示 暂无。]]></description>
			<content:encoded><![CDATA[<p>PHP的函数与C/C++基本是一样的，从PHP5开始也有面向对象的特性，不过据说语言也因此弄得很繁杂。</p>
<h3>函数的调用与创建</h3>
<p>PHP内建了很多函数，其实目前高级语言的会考虑内建函数库，让使用者不必重复造一些简单的部件。比如phpinfo()返回PHP的配置信息。</p>
<p>函数名不分大小写，秉承php的弱类型特点，函数有没有返回值以及返回值类型完全是自由的，但返回值如C语言只能有一个，多返回值要考虑数组等方式了。</p>
<h3>参数</h3>
<p>参数传递通常有两种，一是值传递，一是引用传递。</p>
<p>PHP也是支持变量引用的，但没有引入强大而混乱的指针机制。</p>
<p>PHP支持默认参数。</p>
<h3>文件包含</h3>
<p>PHP中的文件包含有四种，include，include_once， require， require_one。</p>
<p>require方式会确保所包含文件的存在，否则停止程序，其余同include。带once的方式可以处理重复包含。</p>
<p>function_exists可以检查某函数是否存在，如function_exists(&#8220;test&#8221;)。</p>
<h3>面向对象特性</h3>
<p>使用<strong>class</strong>创建类。<strong>new</strong>创建实例。<strong>var</strong>声明变量。</p>
<p>构造函数可使用与类同名的方法，或__construct创建。</p>
<p>可用this-&gt;访问类中的变量。</p>
<p><strong>extends</strong>运算符进行继承，<strong>parent</strong>运算符调用父类方法。</p>
<p>可使用 ::直接调用类的方法（即不用创建实例的静态调用）。</p>
<h2>演示</h2>
<p>暂无。</p>
]]></content:encoded>
			<wfw:commentRss>http://yisha7.info/2010/03/web-development-note-4-php-function/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web开发学习笔记（3）：php基础</title>
		<link>http://yisha7.info/2010/03/web-development-note-3-php-basic/</link>
		<comments>http://yisha7.info/2010/03/web-development-note-3-php-basic/#comments</comments>
		<pubDate>Thu, 25 Mar 2010 14:43:43 +0000</pubDate>
		<dc:creator>勇敢的小裁缝</dc:creator>
				<category><![CDATA[学无止境]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://yisha7.info/?p=798</guid>
		<description><![CDATA[PHP语言是用C开发的，所以语法规则基本上与C是一致的，有C背景的人学起来是很容易的。 1 输出 PHP代码放在&#60;?php&#62;和&#60;?&#62;标记之间，可以嵌入到html代码中，Apache服务器检测到后解释执行，最常用的输出方式有echo和print，输出会成为html代码的一部分最终发送到客户端。 echo是命令，不能返回值。echo后面可以跟很多个参数，之间用逗号隔开。 print是函数，可以返回一个值，只能有一个参数。 2 变量 PHP中变量要用$开头，其余规则同C语言。 PHP不是强类型语言，无需指定变量类型，但如果自动处理不凑效时，可以强制类型转换 PHP变量有作用范围，global全局变量，static静态变量。（意义同C语言） PHP提供有关脚本环境信息的超全局变量，如$_SERVER(&#8220;PHP_SELF&#8221;)代表当前的文件名。 3 字符串 字符串可用单引号或双引号，但插入变量时必须用双引号。 用双引号时可以输出转义字符，定义基本同C语言，用单引号不行。 字符串比较函数strcmp（string1,string2），strcasecmp（string1,string2），分别为不区分大小写和区分大小写。 字符串可用圆点（.）进行合并。 4 常量 常量定义型如define(&#8220;PI&#8221;,3.14)。常量不以$开头。 constant(name)返回常量的值，get_defined_constants返回常量列表。 预定义常量类似超全局变量，如_FILE_表示被执行的PHP文件的名称。 5 表达式与运算符 基本同C语言，注意弱类型的特点。 类型转换运算符：(int)，(double)，(string)，(array)，(object)。 @运算符抑制错误信息；===全等，!==非全等，用于数组。 6 条件语句与循环语句 基本同C语言。 演示 判断从1900年到2100年的每一年是否是闰年。（源码仅包括PHP嵌入部分）。效果演示点此。 &#60;?php for &#40;$year=1900;$year&#60;=2100;$year++&#41; &#123; if&#40;&#40;$year%4==0&#41; AND &#40;$year%100!=0&#41; &#8230; <a href="http://yisha7.info/2010/03/web-development-note-3-php-basic/">继续阅读 <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>PHP语言是用C开发的，所以语法规则基本上与C是一致的，有C背景的人学起来是很容易的。</p>
<h3>1 输出</h3>
<p>PHP代码放在&lt;?php&gt;和&lt;?&gt;标记之间，可以嵌入到html代码中，Apache服务器检测到后解释执行，最常用的输出方式有<strong>echo</strong>和<strong>print</strong>，输出会成为html代码的一部分最终发送到客户端。</p>
<p><strong>echo</strong>是命令，不能返回值。echo后面可以跟很多个参数，之间用逗号隔开。<strong> </strong></p>
<p><strong>print</strong>是函数，可以返回一个值，只能有一个参数。</p>
<h3>2 变量</h3>
<p>PHP中变量要用$开头，其余规则同C语言。</p>
<p>PHP不是强类型语言，无需指定变量类型，但如果自动处理不凑效时，可以强制类型转换</p>
<p>PHP变量有作用范围，<strong>global</strong>全局变量，<strong>static</strong>静态变量。（意义同C语言）</p>
<p>PHP提供有关脚本环境信息的超全局变量，如$_SERVER(&#8220;PHP_SELF&#8221;)代表当前的文件名。</p>
<h3>3 字符串</h3>
<p>字符串可用单引号或双引号，但插入变量时必须用双引号。</p>
<p>用双引号时可以输出转义字符，定义基本同C语言，用单引号不行。</p>
<p>字符串比较函数<strong>strcmp</strong>（string1,string2），<strong>strcasecmp</strong>（string1,string2），分别为不区分大小写和区分大小写。</p>
<p>字符串可用圆点（.）进行合并。</p>
<h3>4 常量</h3>
<p>常量定义型如<strong>define</strong>(&#8220;PI&#8221;,3.14)。常量不以$开头。</p>
<p>constant(name)返回常量的值，get_defined_constants返回常量列表。</p>
<p>预定义常量类似超全局变量，如_FILE_表示被执行的PHP文件的名称。</p>
<h3>5 表达式与运算符</h3>
<p>基本同C语言，注意弱类型的特点。</p>
<p>类型转换运算符：(int)，(double)，(string)，(array)，(object)。</p>
<p>@运算符抑制错误信息；===全等，!==非全等，用于数组。</p>
<h3>6 条件语句与循环语句</h3>
<p>基本同C语言。</p>
<h2>演示</h2>
<p>判断从1900年到2100年的每一年是否是闰年。（源码仅包括PHP嵌入部分）。<a href="http://demo.yisha7.info/year.php">效果演示点此</a>。</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
	<span style="color: #b1b100;">for</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$year</span><span style="color: #339933;">=</span><span style="color: #cc66cc;">1900</span><span style="color: #339933;">;</span><span style="color: #000088;">$year</span><span style="color: #339933;">&lt;=</span><span style="color: #cc66cc;">2100</span><span style="color: #339933;">;</span><span style="color: #000088;">$year</span><span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span>
	<span style="color: #009900;">&#123;</span>
		<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$year</span><span style="color: #339933;">%</span><span style="color:#800080;">4</span><span style="color: #339933;">==</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">&#41;</span> AND <span style="color: #009900;">&#40;</span><span style="color: #000088;">$year</span><span style="color: #339933;">%</span><span style="color:#800080;">100</span><span style="color: #339933;">!=</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">&#41;</span> OR<span style="color: #009900;">&#40;</span><span style="color: #000088;">$year</span><span style="color: #339933;">%</span><span style="color:#800080;">400</span><span style="color: #339933;">==</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
			<span style="color: #b1b100;">echo</span> <span style="color: #000088;">$year</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;年是闰年。&lt;br /&gt;&quot;</span><span style="color: #339933;">;</span>
		<span style="color: #b1b100;">else</span>
			<span style="color: #b1b100;">echo</span> <span style="color: #000088;">$year</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;年不是闰年。&lt;br /&gt;&quot;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://yisha7.info/2010/03/web-development-note-3-php-basic/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web开发学习笔记（2）：Web服务端与客户端</title>
		<link>http://yisha7.info/2009/09/web-development-note-2-server-and-client/</link>
		<comments>http://yisha7.info/2009/09/web-development-note-2-server-and-client/#comments</comments>
		<pubDate>Fri, 18 Sep 2009 14:27:45 +0000</pubDate>
		<dc:creator>勇敢的小裁缝</dc:creator>
				<category><![CDATA[学无止境]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://yisha7.info/?p=467</guid>
		<description><![CDATA[HTTP协议是典型的C/S结构应用，不过客户端一般只需要一个浏览器，所以又有B/S结构的说法。 Web服务端需要安装服务端软件以提供Web服务，简言之就是根据用户请求生成相应的页面发送给用户。Web客户端只需要一个浏览器即可，用于发出请求申请页面，及渲染页面。 在进一步讨论前，有必要了解静态页面和动态页面的概念。 静态页面对所有的用户请求返回的是完全一样的页面，比如在笔记（1）中写的hello.html，早期的很多个人主页服务只支持静态页面，目前可能只有一些大学的主页服务仍是如此。 而目前更多的是动态页面，比如你看到的这篇文章后面的随机推荐文章是由Web服务端生成的，可能每次都不一样，又比如百度搜索时间会在顶部看到动态的时钟。动态页面由客户端脚本和服务端脚本实现。 常见的客户端脚本如JavaScript，查看上述时间搜索页面的源代码不难找到它嵌入到&#60;script type=&#8221;text/javascript&#8221;&#62;和&#60;script&#62;标签中的代码，JavaScript会下载到客户端而由客户端的JavaScript引擎解释执行。 而常见的服务端脚本有PHP，ASP等等。如下是PHP版本的hello world，并计算1+1。 1 2 3 4 5 6 7 8 9 10 11 12 &#60;html&#62; &#60;head&#62; &#60;title&#62;hello world&#60;/title&#62; &#60;/head&#62; &#60;body&#62; &#60;?php echo &#34;Hello world!&#60;br /&#62;&#34;; echo &#34;1+1=&#34;; echo 1+1; ?&#62; &#60;/body&#62; &#60;/html&#62; 演示效果点此。查看演示页面的源代码，很容发现PHP代码是不可见的，我们看到的是服务端输出的html代码。 &#8230; <a href="http://yisha7.info/2009/09/web-development-note-2-server-and-client/">继续阅读 <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>HTTP协议是典型的<a href="http://en.wikipedia.org/wiki/Client-Server">C/S</a>结构应用，不过客户端一般只需要一个浏览器，所以又有B/S结构的说法。</p>
<p><strong>Web服务端</strong>需要安装服务端软件以提供Web服务，简言之就是根据用户请求生成相应的页面发送给用户。<strong>Web客户端</strong>只需要一个<a href="http://zh.wikipedia.org/zh-cn/%E6%B5%8F%E8%A7%88%E5%99%A8">浏览器</a>即可，用于发出请求申请页面，及渲染页面。</p>
<p>在进一步讨论前，有必要了解<strong>静态页面</strong>和<strong>动态页面</strong>的概念。</p>
<p>静态页面对所有的用户请求返回的是完全一样的页面，比如在笔记（1）中写的hello.html，早期的很多个人主页服务只支持静态页面，目前可能只有一些大学的主页服务仍是如此。</p>
<p>而目前更多的是动态页面，比如你看到的这篇文章后面的随机推荐文章是由Web服务端生成的，可能每次都不一样，又比如百度搜索<a href="http://www.baidu.com/s?wd=%CA%B1%BC%E4">时间</a>会在顶部看到动态的时钟。动态页面由<strong>客户端脚本</strong>和<strong>服务端脚本</strong>实现。</p>
<p>常见的客户端脚本如<a href="http://zh.wikipedia.org/zh-cn/JavaScript">JavaScript</a>，查看上述时间搜索页面的源代码不难找到它嵌入到&lt;script type=&#8221;text/javascript&#8221;&gt;和&lt;script&gt;标签中的代码，JavaScript会下载到客户端而由客户端的JavaScript引擎解释执行。</p>
<p>而常见的服务端脚本有PHP，ASP等等。如下是PHP版本的hello world，并计算1+1。</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
</pre></td><td class="code"><pre class="php" style="font-family:monospace;">&lt;html&gt;
	&lt;head&gt;
		&lt;title&gt;hello world&lt;/title&gt;
	&lt;/head&gt;
	&lt;body&gt;
		<span style="color: #000000; font-weight: bold;">&lt;?php</span>
		<span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">&quot;Hello world!&lt;br /&gt;&quot;</span><span style="color: #339933;">;</span>
		<span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">&quot;1+1=&quot;</span><span style="color: #339933;">;</span>
		<span style="color: #b1b100;">echo</span> <span style="color: #cc66cc;">1</span><span style="color: #339933;">+</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">;</span>
		<span style="color: #000000; font-weight: bold;">?&gt;</span>
	&lt;/body&gt;
&lt;/html&gt;</pre></td></tr></table></div>

<p><a href="http://demo.yisha7.info/hello.php">演示效果点此</a>。查看演示页面的源代码，很容发现PHP代码是不可见的，我们看到的是服务端输出的html代码。</p>
<p>当然，实际的技术往往同时用到客户端脚本和服务端脚本，如目Ajax技术，这里暂不讨论。</p>
<p>如果不运行服务端脚本，服务端软件只要使用简单的Http File Server即可，如<a href="http://www.rejetto.com/hfs/">HFS ~ Http File Server</a>（<a href="http://www.hanzify.org/?Go=Show::List&amp;ID=11930">汉化版</a>）。把要发布的主页命名为index.html或default.html添加至虚拟文件系统即可。</p>
<p>为了创建动态网页，一般需要一个Web服务器（世界上使用最广泛的Web服务是<a href="http://httpd.apache.org/">Apache</a>），一种服务端编程语言（如PHP）和一个数据库（如<a href="http://www.mysql.com/">MySQL</a>，适应数据复杂的应用）。介绍这三个组件安装的教程很多，这里介绍傻瓜化的一次性解决方案——<a href="http://www.apachefriends.org/zh_cn/xampp.html">XAMPP</a>。软件安装启动后，启动Apache服务即可访问http://localhost/，…\xampp\htdocs目录下的php文件均可运行，如…\xampp\htdocs\hello.php可通过http://localhost/hello.php访问。如果你的计算机有外网地址，完全可以开始做网站服务器了。</p>
<p>作为Web客户端的各种浏览器支持的标准不一致，这样导致Web开发者需要安装一堆浏览器以测试浏览效果，有很多开发者甚至不得不放弃万恶的ie6，但在中国，ie6仍是无法越过的高山。</p>
]]></content:encoded>
			<wfw:commentRss>http://yisha7.info/2009/09/web-development-note-2-server-and-client/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Web开发学习笔记（1）：HTML</title>
		<link>http://yisha7.info/2009/09/web-development-note-1-html/</link>
		<comments>http://yisha7.info/2009/09/web-development-note-1-html/#comments</comments>
		<pubDate>Thu, 10 Sep 2009 14:43:19 +0000</pubDate>
		<dc:creator>勇敢的小裁缝</dc:creator>
				<category><![CDATA[学无止境]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://yisha7.info/?p=439</guid>
		<description><![CDATA[写在前面的话： 本人以近十年的上网经历保证，虽然误入Computer Science&#38;Technology，但对于web开发，本人绝对是newbie，最多算是个低级的geek，纯属业余爱好。 本系列笔记将保留趣味性与可操作性，绝不保证学术性，加之本人爱跑题，故纯属自娱自乐，如有读者请谅解。 这不是一个教程，但将寻找教程。 本人对于开源免费的东西很有好感，所以可能会远离微软的各种解决方案，而去找php等等的乐子。 网页基于古老而青春永驻的HTTP协议传输，在网页上右击鼠标查看源代码，然后我们会看到一堆缺乏美感的代码（不排除有人觉得美），这是浏览器的“母语”——HTML代码。浏览器的使命在于将缺乏美感的HTML代码人道的呈现于上网的你我面前。 用Google搜索HTML（而不是百度），会得到有用的关于HTML的知识。 维基百科的HTML词条介绍了HTML的简要历史，HTML是用于呈现的语言，所以使用了各种标记包裹在文字、图片地址等外面，标记语言的灵活带来的是混乱。微软的IE6统治互联网8年，至今中国绝大部分网民还不离不弃，IE6自创的标准为广大中国用户接受，至今那些ie only的网站还华丽的挂在服务器上，比如中华人民共和国国家邮政局，用Firefox上去是惨不忍睹。XHTML是个美好的继承者，因为它有更严格的限定，正如严格的格律限定一定程度上成就了唐诗宋词的伟大时代。 w3schools有教程，演示页面，甚至还有水平测试，这一切都是免费的！只不过你要会一点点英文。当然，中文的傻瓜化HTML教程也是有的。 本人出奇的喜欢写hello world程序，这次也不例外，下面是华丽版的hello world代码，演示效果点此。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 &#60;html&#62; &#8230; <a href="http://yisha7.info/2009/09/web-development-note-1-html/">继续阅读 <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>写在前面的话：</p>
<ul>
<li>本人以近十年的上网经历保证，虽然误入Computer Science&amp;Technology，但对于web开发，本人绝对是newbie，最多算是个低级的geek，纯属业余爱好。</li>
<li>本系列笔记将保留趣味性与可操作性，绝不保证学术性，加之本人爱跑题，故纯属自娱自乐，如有读者请谅解。</li>
<li>这不是一个教程，但将寻找教程。</li>
<li>本人对于开源免费的东西很有好感，所以可能会远离微软的各种解决方案，而去找php等等的乐子。</li>
</ul>
<p>网页基于古老而青春永驻的HTTP协议传输，在网页上右击鼠标查看源代码，然后我们会看到一堆缺乏美感的代码（不排除有人觉得美），这是浏览器的“母语”——HTML代码。浏览器的使命在于将缺乏美感的HTML代码人道的呈现于上网的你我面前。</p>
<p>用Google搜索HTML（而不是百度），会得到有用的关于HTML的知识。</p>
<p>维基百科的<a href="http://zh.wikipedia.org/zh-cn/Html">HTML</a>词条介绍了HTML的简要历史，HTML是用于呈现的语言，所以使用了各种标记包裹在文字、图片地址等外面，标记语言的灵活带来的是混乱。微软的IE6统治互联网8年，至今中国绝大部分网民还不离不弃，IE6自创的标准为广大中国用户接受，至今那些ie only的网站还华丽的挂在服务器上，比如<a href="http://www.chinapost.gov.cn/">中华人民共和国国家邮政局</a>，用Firefox上去是惨不忍睹。<a href="http://zh.wikipedia.org/zh-cn/XHTML">XHTML</a>是个美好的继承者，因为它有更严格的限定，正如严格的格律限定一定程度上成就了唐诗宋词的伟大时代。</p>
<p><a href="http://www.w3schools.com/htmL/">w3schools</a>有教程，演示页面，甚至还有水平测试，这一切都是免费的！只不过你要会一点点英文。当然，中文的傻瓜化<a href="http://zh.html.net/tutorials/html/">HTML教程</a>也是有的。</p>
<p>本人出奇的喜欢写hello world程序，这次也不例外，下面是华丽版的hello world代码，<a href="http://demo.yisha7.info/hello.html">演示效果点此</a>。</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
</pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">html</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">title</span>&gt;</span>Hello World!<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">title</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">body</span> <span style="color: #000066;">style</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;background-color: 99FFFF;&quot;</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">br</span> <span style="color: #66cc66;">/</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">h1</span>&gt;</span>Hello World!<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">h1</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">p</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://yisha7.info/&quot;</span>&gt;</span>by yisha7<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">p</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">p</span>&gt;</span>2009-09-10<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">p</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">table</span> <span style="color: #000066;">border</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;1&quot;</span> &gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">img</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://img1.qq.com/news/pics/17261/17261849.jpg&quot;</span> <span style="color: #000066;">alt</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;H&quot;</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;H&quot;</span> &gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">img</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">img</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://img1.qq.com/news/pics/17261/17261844.jpg&quot;</span> <span style="color: #000066;">alt</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;E&quot;</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;E&quot;</span> &gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">img</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">img</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://img1.qq.com/news/pics/17261/17261862.jpg&quot;</span> <span style="color: #000066;">alt</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;L&quot;</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;L&quot;</span> &gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">img</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">img</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://img1.qq.com/news/pics/17261/17261862.jpg&quot;</span> <span style="color: #000066;">alt</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;L&quot;</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;L&quot;</span> &gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">img</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">img</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://img1.qq.com/news/pics/17261/17261848.jpg&quot;</span> <span style="color: #000066;">alt</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;O&quot;</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;O&quot;</span> &gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">img</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">img</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://img1.qq.com/news/pics/17261/17261843.jpg&quot;</span> <span style="color: #000066;">alt</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;W&quot;</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;W&quot;</span> &gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">img</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">img</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://img1.qq.com/news/pics/17261/17261848.jpg&quot;</span> <span style="color: #000066;">alt</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;O&quot;</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;O&quot;</span> &gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">img</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">img</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://img1.qq.com/news/pics/17261/17261857.jpg&quot;</span> <span style="color: #000066;">alt</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;R&quot;</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;R&quot;</span> &gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">img</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">img</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://img1.qq.com/news/pics/17261/17261862.jpg&quot;</span> <span style="color: #000066;">alt</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;L&quot;</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;L&quot;</span> &gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">img</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">img</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://img1.qq.com/news/pics/17261/17261860.jpg&quot;</span> <span style="color: #000066;">alt</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;D&quot;</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;D&quot;</span> &gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">img</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">table</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">body</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">html</span>&gt;</span></pre></td></tr></table></div>

<p>最后用这个图深入理解一下HTML中元素的概念，收工！</p>
<div class="wp-caption alignnone" style="width: 508px"><img title="一个元素包括哪些部分？" src="http://zh.html.net/tutorials/html/element.png" alt="一个元素包括哪些部分？" width="498" height="122" /><p class="wp-caption-text">一个元素包括哪些部分？</p></div>
]]></content:encoded>
			<wfw:commentRss>http://yisha7.info/2009/09/web-development-note-1-html/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
