w3pop.com :: 网络学院 http://www.w3pop.com/learn/ 网络生活、学习、交流 javascript 中的 XMLDOM 对象 http://www.w3pop.com/learn/view/doc/js_xml_dom/ 一 IE中的XML DOM
1.微软通过ActiveX的MSXML库提供了支持，通过：

 var oXmlDom = new ActiveXObject("MSXML2.DOMDocument.5.0")

得到一个XML DOM对象，这是在IE6中的，如果你的IE是更老版本的，可以使用下面的函数得到，如果你没有安装MSXML，将不能得到：

 function createXMLDOM() {
        
            var arrSignatures = ["MSXML2.DOMDocument.5.0", "MSXML2.DOMDocument.4.0",
                                 "MSXML2.DOMDocument.3.0", "MSXML2.DOMDocument",
                                 "Microsoft.XmlDom"];
                                 
            for (var i=0; i < arrSignatures.length; i++) {
                try {
                
                    var oXmlDom = new ActiveXObject(arrSignatures[i]);
                    
                    return oXmlDom;
                
                } catch (oError) {
                    //ignore
                }
            }              
            
            throw new Error("你的系统没有安装MSXML");           
        }     


当然，如果你使用prototype库，可以使用Try.these函数。

2.XML DOM对象可以通过load和loadXML方法载入xml文件或者字符串：

     oXmlDom.load("test.xml");
     oXmlDom.loadXML("<root></root>");

然后这个oXmlDom就可以使用所有的DOM对象方法，比如documentElement.tagName,参见：
 《javascript之DOM技术（一）》
 《javascript之dom技术（二）》

3.XML DOM默认是通过异步载入xml文件的，可以通过设置async值来选择是同步还是异步：

oXmlDom.async=true;


4.IE的XML DOM拥有一个readyState值用来表示载入文件的状态：

0——准备载入
1——正在载入
2——载入完成
3——载入完成并可用，但有一部分数据也许不可用
4——完全载入，完全可用。

相应的有一个onreadystatechange事件，当状态改变时发生，我们可以通过监听此事件来判断XML DOM对象的可用性

oXmlDom.onreadystatechange = function () {
                if (oXmlDom.readyState == 4) {
                    alert("load test.xml done!");
                    alert("Tag name of the root element is " + oXmlDom.documentElement.tagName);
                    alert("The root element has this many children: " + oXmlDom.documentElement.childNodes.length);

                }
            };


5.IE的XML DOM对象有一个xml属性，用来返回xml文件的字符串形式，比如

oXmlDom.async=false;
oXmlDom.load("test.xml");
alert(oXmlDom.xml);


alert出：<root><child/><child/></root>

6.IE，当载入的XML文件或者字符串解析错误时，将产生一个parseError对象，我们在下面的代码中演示此对象的属性：

            oXmlDom.async = false;
            oXmlDom.load("errors.xml");
            
            //0表示没有错误
            if (oXmlDom.parseError != 0) {
                var oError = oXmlDom.parseError;
            
                alert("An error occurred:\n错误代码: "
                      + oError.errorCode + "\n"
                      + "行数: " + oError.line + "\n"
                      + "列数: " + oError.linepos + "\n"
                      + "原因: " + oError.reason);
                      
            }



二.Mozilla的XML DOM对象
1.XML DOM对象的创建，符合DOM标准的，通过document.implementation.createDocument()方法。比如：

var oXmlDom=document.implementation.createDocument("","",null);


这三个参数分别是文档命名空间、文档元素的标签名以及一个文档类型对象（总为null），比如：

var oXmlDom=document.implementation.createDocument("http://www.rubyeye.net","root",null);


这段代码创建了一个<a0:root xmlns="http://www.rubyeye.net"/>的XML DOM对象


2.载入xml，Mozilla与IE不同的是只提供了一个load()方法用于载入xml文件，没有提供loadXML()方法用于载入XML字符串。同步载入XML文件的代码与IE相同：

oXmlDom.async=false;
oXmlDom.load("test.xml");


异步载入稍有不同，因为Mozilla并不支持readyState属性，并且没有onreadystatechange事件，它只有一个onload的事件，当载入完成时触发；或者说相当于IE的readyState属性等于4的状态。

oXmlDom.onload=function(){
alert("done");
}
oXmlDom.load("test.xml");


要将XML字符串解析为DOM对象，必须使用DOMParser对象：

var oParser=new DOMParser();
var oXmlDom=oParser.parseFromString("<root><child/></root>,"text/xml");


两个参数：要解析的XML字符串以及字符串的内容类型（只能为text/xml或者application/xml）。
不过我们可以实现自己的loadXML方法:

  Document.prototype.loadXML = function (sXml) {
    
            var oParser = new DOMParser();
            var oXmlDom = oParser.parseFromString(sXml, "text/xml");
         
            //删除原文档内容
            while (this.firstChild) {
                this.removeChild(this.firstChild);
            }
            //导入新的文档内容
            for (var i=0; i < oXmlDom.childNodes.length; i++) {
                var oNewNode = this.importNode(oXmlDom.childNodes[i], true);
                this.appendChild(oNewNode);
            }
        
        };


3.Mozilla没有提供IE的xml属性来返回XML文档内容，只能通过使用XMLSerializer对象：

var oSerializer=new XMLSerializer();
var sXml=oSerializer.serializeToString(oXmlDom,"text/xml");

同样两个参数：XML DOM对象以及转化成的文档类型。

同样，我们也可以给Mozilla的XML DOM对象定义一个属性xml，通过defineGetter方法：

Node.prototype.__defineGetter__("xml",function(){
var oSerializer=new XMLSerializer();
var sXml=oSerializer.serializeToString(this,"text/xml");
});


以后就可以以IE的方式，oXmlDom.xml来获取XML文档内容。

4。错误处理，同样与IE不同，Mozilla当解析错误时会返回一段代码，以标签<prasereoor>包括其中的代码解释了错误发生的原因以及位置等信息，我们只有通过正则表达式解析此段代码，提取错误信息。

      var reError = />([\s\S]*?)Location:([\s\S]*?)Line Number (\d+), Column (\d+):<sourcetext>([\s\S]*?)(?:\-*\^)/;
           
            //返回代码的标签名为parsererror，表示错误发生
            if (oXmlDom.documentElement.tagName == "parsererror") {
                reError.test(oXmlDom.xml);
                alert("An error occurred:\n描述: "
                    + RegExp.$1 + "\n"
                    + "文件名: " + RegExp.$2 + "\n"
                    + "行数: " + RegExp.$3 + "\n"
                    + "列数: " + RegExp.$4 + "\n"
                    + "原因: " + RegExp.$5);
            }


三，提供一个跨浏览器的XML DOM对象解决方案，来自于《javascript高级程序设计》


function XmlDom() {
    //通过对象/属性检测法，判断是IE来是Mozilla
    if (window.ActiveXObject) {
        var arrSignatures = ["MSXML2.DOMDocument.5.0", "MSXML2.DOMDocument.4.0",
                             "MSXML2.DOMDocument.3.0", "MSXML2.DOMDocument",
                             "Microsoft.XmlDom"];
                         
        for (var i=0; i < arrSignatures.length; i++) {
            try {
        
                var oXmlDom = new ActiveXObject(arrSignatures[i]);
            
                return oXmlDom;
        
            } catch (oError) {
                //ignore
            }
        }          

        throw new Error("MSXML is not installed on your system."); 
           
    //同上          
    } else if (document.implementation && document.implementation.createDocument) {
        
        var oXmlDom = document.implementation.createDocument("","",null);

        //创建Mozilla版本的parseError对象
        oXmlDom.parseError = {
            valueOf: function () { return this.errorCode; },
            toString: function () { return this.errorCode.toString() }
        };
        
        //初始化parseError对象
        oXmlDom.__initError__();
                
        
        oXmlDom.addEventListener("load", function () {
            this.__checkForErrors__();
            this.__changeReadyState__(4);
        }, false);

        return oXmlDom;        
        
    } else {
        throw new Error("Your browser doesn't support an XML DOM object.");
    }
}

//此处用到了该书中一个浏览器系统检测js文件，如果是Mozilla
if (isMoz) {

    Document.prototype.readyState = 0;
    Document.prototype.onreadystatechange = null;

    
    Document.prototype.__changeReadyState__ = function (iReadyState) {
        this.readyState = iReadyState;

        if (typeof this.onreadystatechange == "function") {
            this.onreadystatechange();
        }
    };
    //初始化parseError对象
    Document.prototype.__initError__ = function () {
        this.parseError.errorCode = 0;
        this.parseError.filepos = -1;
        this.parseError.line = -1;
        this.parseError.linepos = -1;
        this.parseError.reason = null;
        this.parseError.srcText = null;
        this.parseError.url = null;
    };
    
    Document.prototype.__checkForErrors__ = function () {

        if (this.documentElement.tagName == "parsererror") {

            var reError = />([\s\S]*?)Location:([\s\S]*?)Line Number (\d+), Column (\d+):<sourcetext>([\s\S]*?)(?:\-*\^)/;

            reError.test(this.xml);
            
            this.parseError.errorCode = -999999;
            this.parseError.reason = RegExp.$1;
            this.parseError.url = RegExp.$2;
            this.parseError.line = parseInt(RegExp.$3);
            this.parseError.linepos = parseInt(RegExp.$4);
            this.parseError.srcText = RegExp.$5;
        }
    };
    
     //定义Mozilla的loadXML方法   
    Document.prototype.loadXML = function (sXml) {
    
        this.__initError__();
    
        this.__changeReadyState__(1);
    
        var oParser = new DOMParser();
        var oXmlDom = oParser.parseFromString(sXml, "text/xml");
 
        while (this.firstChild) {
            this.removeChild(this.firstChild);
        }

        for (var i=0; i < oXmlDom.childNodes.length; i++) {
            var oNewNode = this.importNode(oXmlDom.childNodes[i], true);
            this.appendChild(oNewNode);
        }
        
        //载入后检查错误
        this.__checkForErrors__();
        
        //没有问题，设置readyState属性为4
        this.__changeReadyState__(4);

    };
    
    Document.prototype.__load__ = Document.prototype.load;

    Document.prototype.load = function (sURL) {
        this.__initError__();
        this.__changeReadyState__(1);
        this.__load__(sURL);
    };
    
    Node.prototype.__defineGetter__("xml", function () {
        var oSerializer = new XMLSerializer();
        return oSerializer.serializeToString(this, "text/xml");
    });

}
]]> 3个js字符编码函数区别 http://www.w3pop.com/learn/view/doc/js_ecoding/ js对文字编码有3个函数：
escape,encodeURI,encodeURIComponent，
对应的解码函数：unescape,decodeURI,decodeURIComponent

1、escape对ansi码0-255以外的字符进行编码输出%u****格式即unicode值，escape 方法返回一个包含了 charstring 内容的字符串值（ Unicode 格式）。所有空格、标点、重音符号以及其他非 ASCII 字符都用 %xx 编码代替，其中 xx 等于表示该字符的十六进制数。例如，空格返回的是 "%20"
escape不编码字符有69个：*，+，-，.，/，@，_，0-9，a-z，A-Z

2、encodeURI类似escape，用于地址栏编码
encodeURI不编码字符有82个：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z

3、encodeURIComponent用于地址栏编码。将文本字符串编码为一个统一资源标识符 (URI) 的一个有效组件。它是将中文、韩文等特殊字符转换成utf-8格式的url编码,如果你的页面编码是gb2312的话，服务器端接收的将是乱码.
encodeURIComponent不编码字符有71个：!， '，(，)，*，-，.，_，~，0-9，a-z，A-Z

所以js使用数据时可以使用escape，对于地址栏数据，最好用encodeURIComponent进行编码。

]]> ASP.NET中 Bin,App_Browser,App_code,App_Data,App_Theme 等文件 http://www.w3pop.com/learn/view/doc/ASPNET_APP_Folder_Roles/ 1.  Bin文件夹  

Bin文件夹包含应用程序所需的，用于控件、组件或者需要引用的任何其他代码的可部署程序集。该目录中存在的任何.dll文  件将自动地链接到应用程序。如果在该文件夹中留有不用的或过期的文件，则可能出现“二义性引用(ambiguous  reference)”异常的风险。换句话说，如果两个不同的程序集定义相同的类(相同的命名空间和名称)，则ASP.NET运行库不能决定应该使用哪一  个程序集，从而抛出一个异常。在开发时，当我们重新命名一个项目或一个程序集的名称时，这是常见的错误。为了避免这种错误，一定不要在该文件夹中保留任何  不必要的程序集，或者至少要从配置文件的<assemblies>节中删除如下代码行：

<add  assembly="*"  />

在表1.10所列的所有文件夹中，只有Bin可以被ASP.NET  1.x应用程序识别。该文件夹是强制性的。

2.  App_Browser文件夹

该可选的文件夹包含.browser文件。.browser文件描述浏览器(不管是移动设备浏览器，还是台式机浏览器)的特  征和功能。ASP.NET在安装路径下的Config\Browser文件夹中安装了大量.browser文件，这些文件供所有应用程序共享。我们只是把  当前应用程序特有的浏览器文件放在App_Browser文件夹下。.browser文件的内容即时动态地进行编译，以便向ASP.NET运行库提供最新  的浏览器信息。

让我们简单谈谈拥有一个自定义的.browser文件可能有帮助的场景。设想应用程序使用了一个在某个浏览器下不能有效呈现的控件。在指定的浏览器中显示宿主页面时，可以编写一个.browser文件，迫使ASP.NET使用一个不同的适配器来生成该控件。

<browsers>

<browser  id="browserID">

<controlAdapters>

<adapter  controlType="Samples.CustomControl"

adapterType="Samples.Adapters.CustomControlAdapter"  />

</controlAdapters>

</browser>

</browsers>

假设browserID与ASP.NET识别的标准浏览器之一相匹配，则上文所示的.browser文件指示在指定的浏览器下使用CustomControlAdapter呈现CustomControl。

3.  App_Code文件夹

App_Code文件夹正好在Web应用程序根目录下，其存储所有应当作为应用程序的一部分动态编译的类文件。这些类文件自  动链接到应用程序，而不需要在页面中添加任何显式指令或声明来创建依赖性。App_Code文件夹中放置的类文件可以包含任何可识别的ASP.NET组件  ——自定义控件、辅助类、build提供程序、业务类、自定义提供程序、HTTP处理程序等。

    注意        在开发时，对App_Code文件夹的更改会导致整个应用程序重新编译。对于大型项目，这可能不受欢迎，而且很耗时。为此，鼓励大家将代码进行模块化处理  到不同的类库中，按逻辑上相关的类集合进行组织。应用程序专用的辅助类大多应当放置在App_Code文件夹中。

App_Code文件夹中存放的所有类文件应当使用相同的语言。如果类文件使用两种或多种语言编写，则必须创建特定语言的子目录，以包含用每种语言编写的类。一旦根据语言组织这些类文件，就要在web.config文件中为每个子目录添加一个设置：

<compilation>

<codeSubDirectories>

<add  directoryName="VBFolder"  />

</codeSubDirectories>

</compilation>

重要的是，特定语言的子目录应在web.config文件中注册，否则，不管它们属于哪个文件夹，App_Code文件夹下  的所有文件将被编译成一个单独的程序集。上述配置脚本描述了这么一种情况，即所有的C#文件都放在App_Code文件夹的根目录下，而把几个  Visual  Basic  .NET类文件移入VBFolder目录中。如果<codeSubDirectories>节中提到的目录不存在，则会收到一个编译错误提  示。

App_Code根文件夹中的文件被编译成App_Code_xxx.dll程序集，其中xxx是随机生成的字符序列。一个  给定子目录中的文件将被编译成一个名为App_SubCode_xxx_yyy.dll的动态创建的程序集，其中xxx指示子目录的名称，而yyy是一个  随机字符序列。只有在应用程序根目录中的web.config文件中进行了设置，<codeSubDirectories>节才有效。

在App_Code目录或任何其他子目录中放置一个assemblyinfo.cs文件，可以创建一个强命名的程序集。显然，如果该文件夹包含Visual  Basic  .NET文件，那么将使用assemblyinfo.vb文件。程序集配置文件可以引用一个.snk文件来保存强名称的密钥。

  注意        给一个程序集设置一个强名称，首先必须获得一个公开/私有密钥对。通过使用强名称(Strong  Name)工具(sn.exe)，可以获得这样一个密钥对。强名称工具是我们可以在.NET  Framework的安装路径中发现的SDK  binary之一。密钥对文件通常有一个.snk扩展名。可以将该文件保存到一个应用程序文件夹中，并在assemblyinfo.cs文件中引用它，如下所示：

            [assembly:  AssemblyKeyFileAttribute(@"yourKeyPair.snk")]

注意，Visual  Basic  .NET是在包含Visual  Studio  Solution的目录中寻找密钥文件，而C#编译器则在包含该binary的目录中寻找密钥文件。据此可知，用此属性调整我们使用的路径，或者把密钥文件放在合适的文件夹中。

在随后发生的任何重新生成中，程序集的名称将发生变化。同时，老的AppDomain请求一结束，就删除老的程序集。

App_Code文件夹并非只能包含类文件。特别是，它可以包含并能自动地处理代表数据架构的XSD文件。把一个XSD文件  添加到该文件夹中时，编译器将把它解析成一个有类型的DataSet类，并将它添加到应用程序作用域中。在ASP.NET  1.x中，这一工作由Visual  Studio  .NET向导，使用一个命令行实用程序(xsd.exe)完成的。

    注意        使用web.config文件注册一个组件(例如，一个自定义的服务器控件或一个自定义的HTTP处理程序)时，通常要求指定包含该代码的程序集名称。如  果该组件定义在App_Code文件夹中，则应该用什么名称来指示程序集？在这种情况下，只是忽略程序集信息，并规定完整的类名即可。如果没有规定任何程  序集，则ASP.NET运行库将试图从任何已装载的程序集中装入该类，包括为App_Code文件夹动态创建的程序集。

4.  App_Data文件夹

App_Data文件夹应该包含应用程序的本地数据存储。它通常以文件(诸如Microsoft  Access或Microsoft  SQL  Server  Express数据库、XML文件、文本文件以及应用程序支持的任何其他文件)形式包含数据存储。该文件夹内容不由ASP.NET处理。该文件夹是ASP.NET提供程序存储自身数据的默认位置。

  注意        默认ASP.NET帐户被授予对文件夹的完全访问权限。如果碰巧要改变ASP.NET帐户，一定要确保新帐户被授予对该文件夹的读/写访问权。

5.  App_GlobalResources文件夹

正如其他应用程序一样，ASP.NET应用程序也可以使用资源，而且通常应该使用资源。资源是隔离应用程序用户界面的可局部  化部分的一种有效方法。一般而言，资源是与程序相关的不可执行的文本。典型的资源有图像、图标、文本和附属文件，但是任何可序列化的对象也可以被看作资  源。应用程序资源存储在应用程序的外部，这样就能在不影响和重新编译应用程序本身的情况下重新编译和替换它们。

ASP.NET应用程序需要有一个主要程序集来保存应用程序默认的或中性的资源。此外，还要部署许多附属程序集，它们中各自  包含我们需要支持的某种文化的本地化资源。在ASP.NET  1.x中，编译一个程序集内的资源有点麻烦。需要手动地将基于XML的资源文件(那些带.res扩展名的资源)编译成.resources二进制文件。这  些文件既可以嵌入到一个.NET可执行文件中，也可以编译成附属程序集。使用资源文件生成器实用程序resgen.exe，将文本和基于XML的资源文件  转变为.resource文件。资源文件名称遵循baseName.cultureName.resource命名约定，其中baseName通常是应用  程序的名称：

resgen.exe  ProAspNet20.resx  ProAspNet20.it.resources

创建.resource文件以后，应当把它嵌入到一个程序集中，甚至可以作为一个资源容器来使用。要把一个资源文件嵌入到一个附属程序集中，可以使用程序集连接器工具(al.exe)。在命令行上，指出程序集所使用的文化(如下面示例中的it，它代表意大利)和名称。

al  /out:ProAspNet20.resources.dll  /c:it  /embed:ProAspNet20.it.resources

在编译附属程序集之后，它们将有相同的名称。将它们部署到不同的子目录中，分别按文化命名。

幸运的是，对于ASP.NET  2.0，附属程序集的时代已经一去不复返了。更准确地说，附属程序集仍然存在，但是由于App_GlobalResources保留文件夹，对开发人员来说它们已经成为过去的事情。

该文件夹中的任何定位的.resx文件自动地被编译成附属程序  集。.resx文件的名称包含文化信息，以帮助ASP.NET运行库环境的程序集生成。如下文件，resources.resx,  resources.it.resx,  resources.fr.resx，生成中性程序集以及适合于意大利(Italian)和法国(French)文化的附属程序集。如果没有要求特定文  化，则中性程序集是默认的文化资源。

App_GlobalResources文件夹中的资源文件是应用程序的全局资源，因而可以从任何页面中引用它。和ASP.NET  1.x相比资源读取结果也极大地简化了：

<asp:Label  Runat="server"  Text="<%$  Resources:ResxFile,  MyResName  %>"  />

可以使用最新的称为Resources的$-表达式以声明的方式绑定全局资源(第5章将详细介绍$-表达式)。该表达式包括两个参数：.resx资源文件的名称(没有扩展名)，以及要检索的资源的名称。以编程的方式访问资源，请使用如下代码：

HttpContext.GetGlobalResourceObject(resxFile,  MyResName)

这两个参数都是字符串，并且与$-表达式中的参数具有相同的作用。此外，$-表达式Resources的实现在内部使用GetGlobalResourceObject。

6.  App_LocalResources文件夹

App_LocalResources文件夹位于包含一些ASP.NET页面的文件夹下的一个子目录。该文件夹可以使用位于  目录结构中高一级目录中的页面命名的.resx文件进行填充。假定父文件夹包含test.aspx，则可以在App_LocalResources文件夹  中找到一些可用的资源文件如下：test.aspx.resx、test.aspx.it.resx和test.aspx.fr.resx。显然，上述文  件中存储的资源仅对test.aspx页面有影响，因而只能在链接的页面中看见它们(可以使用它们)。

如何访问一个页面特有的资源呢？对于编程访问，可使用如下代码：

HttpContext.GetLocalResourceObject("/ProAspNet20/ResPage.aspx",

"PageResource1.Title")

第1个参数指出页面虚拟路径；第2个参数是资源名称。对于声明式访问，使用meta:ResourceKey属性。例如，

<asp:Button  Runat="server"  meta:resourcekey="ButtonResource1"  />

该声明将一个惟一的资源键与特定按钮实例关联。局部文件.resx包含prefix.name形式的条目，其中prefix  是资源键，而name是绑定控件上的属性名。为了赋予按钮一个本地化标题(Text属性)，只要在资源文件中创建一个  ButtonResource1.Text条目即可。

局部和全局资源文件夹中存在的资源文件都被编译，以创建附属程序集的类。最后的结果是开发人员创建.resx文件，并测试该页面。而ASP.NET编译机制会完成其余工作。

7.  App_Themes文件夹

App_Themes文件夹为ASP.NET控件定义主题。主题包含在App_Themes文件夹下的一个文件夹。根据定义，一个主题是一组带有样式信息的文件。主题文件夹中的文件内容被编译，以生成一个类，而该类被页面调用以编程的方式设置主题化控件的样式。

App_Themes文件夹列出应用程序的本地主题。  应用程序还可以继承如下文件夹中定义的全局主题：

%WINDOWS%\Microsoft.NET\Framework\[version]\ASP.NETClientFiles\Themes

从编译的角度看，全局主题和局部主题没有区别。如果一个给定名称的主题，既存在应用程序的本地主题，又存在服务器机器的全局主题，则本地主题优先适用。

8.  App_WebReferences文件夹

在Visual  Studio  .NET  2003中，一个需要访问Web服务的ASP.NET应用程序，将通过“添加Web引用”对话框获得相应的.wsdl文件。Web服务的WSDL(Web  Service  Description  Language)文档，对于从页面使用Web服务是不够的。ASP.NET页面最终是一个托管类，并且需要与另一个托管类通信。因此，Web服务被一个  代理类所包装。该代理类是由Visual  Studio使用命令行工具wsdl.exe的服务创建的。该代理类尽量包含与Web服务商的Web方法一样多的方法，并且它结合了Web服务的公共接口  定义的任何自定义的数据类型。

这个操作不需要开发人员付出很大的代价。然而，开发人员显然要依赖于Visual  Studio来生成代理类。如果能够直接把.wsdl文件放在应用程序的目录树的某个地方，并让ASP.NET处理其余的任务，这样不是更容易、更简单  吗？这正好是App_WebReferences文件夹要做的事情。

它识别那些用来描述所绑定的Web服务的.wsdl文件，并生成运行时代理类，以便ASP.NET页面能够以类型安全的方式  放置对Web服务的调用。App_WebReferences文件夹可以包含子文件夹。子文件夹的名称驱动最后所得到的代理类的命名空间，而WSDL文件  定义类名。例如，samples.wsdl文件和ProsAspNet20子文件夹将创建一个称为ProAspNet20.Samples的代理类。该动  态创建的程序集称为App_WebReferences.xxx.dll，其中xxx是一个随机的字符序列。

文件夹名称
  文件类型
  注        释
 
Bin
  .dll
  包含应用程序所需的任何预生成的程序集
 
App_Browsers
  .browser
  包含应用程序特有的浏览器定义文件，ASP.NET用它来识别各浏览器及确定它们的功能
 
App_Code
  .cs、.vb、.xsd、自定义的文件类型
  包含作为应用程序的一部分编译的类的源文件。当页面被请求时，ASP.NET编译该文件夹中的代码。该文件夹中的代码在应用程序中自动地被引用
 
App_Data
  .mdb、.mdf、.xml
  包含Microsoft  Office  Access和SQL  Express文件以及XML文件或其他数据存储
 
App_GlobalResources
  .resx
  包含在本地化应用程序中以编程方式使用的资源文件
 
App_LocalResources
  .resx
  包含页面范围的资源文件
 
App_Themes
  .skin、.CSS、.xsl、附属文件
  包含一组定义ASP.NET页面和控件外观的文件
 
App_WebReferences
  .wsdl
  包含用以生成代理类的WSDL文件，以及与在应用程序中使用Web服务有关的其他文件

]]> C#中new和override区别 http://www.w3pop.com/learn/view/doc/CSharp_new_override_method_differences/ 　　在C#中实现重写方法，可以用new和override两个关键字来实现，究竟他们之间有什么区别呢？下面，我以例子来说明他们之间的微妙区别：

public class GrandClass//基类
{
        public GrandClass()
        {
                Console.WriteLine("In GrandClass.Constructor");
        }
        public virtual void Method()//用virtual才可以在子类中用override,而new不需要这样
        {
                Console.WriteLine("In GrandClass.Method()");
        }
}

public class ParentClass:GrandClass//继承基类,看看override状态
{
        public ParentClass()
        {
                Console.WriteLine("In ParentClass.Constructor");
        }
        public override void Method()//使用override,是说把基类的方法重新定义
        {
                Console.WriteLine("In ParentClass.Method() use override");
        }
}

public class NewParentClass:GrandClass//继承基类,看看new状态
{
        public NewParentClass()
        {
                Console.WriteLine("In NewParentClass.Constructor");
        }
        new public void Method()//使用new,不是说用到基类的方法,而是重新定义一个子类方法,只不过,方法名称与基类相同
        {
                Console.WriteLine("In NewParentClass.Method()");
        }
}


　　下面的调用代码:


static void Main() 
{
        GrandClass Parent=(GrandClass)new ParentClass();//用override子类加框一个基类对象句柄
        Parent.Method();
        GrandClass NewParent=(GrandClass)new NewParentClass();//用new子类加框一个基类对象句柄
        NewParent.Method();
        NewParentClass NewParent1=new NewParentClass();//一个子类句柄
        NewParent1.Method();
}


　　结果是这样的:


[1]In GrandClass.Constructor
[2]In ParentClass.Constructor
[3]In ParentClass.Method() use override
[4]In GrandClass.Constructor
[5]In NewParentClass.Constructor
[6]In GrandClass.Method()
[7]In GrandClass.Constructor
[8]In NewParentClass.Constructor
[9]In NewParentClass.Method()


　　结果前的序号是我自己加的.为了以下的分析:
　　[1],[2]两句是GrandClass Parent=(GrandClass)new ParentClass();的结果.(注意一下子类构建器与基类构建器的初始化顺序)
　　[3]是Parent.Method();结果.
　　[4],[5]两句是GrandClass NewParent=(GrandClass)new NewParentClass();的结果.
　　[6]是NewParent.Method();的结果.
　　[7],[8]两句是GrandClass NewParent1=(GrandClass)new NewParentClass();的结果.
　　[9]是NewParent1.Method();的结果.

　　这里我们可以看到,同样是用子类的对象构造一个基类句柄.结果却很明显,可以看到[3]和[6]的区别.[3]调用了子类的Method(),而[6]调用了基类的Method().
　　这说明,override可以覆盖基类的方法,让基类的方法以子类的内容实现,而new不用来覆盖基类的方法,而是全新定义一个子类的方法,这个方法只属于子类,与基类的方法无关,只是名字上相同而已.
而这一例子的基础是建立在用子类对象加框成基类对象的,目的是实现用基类句柄调用子类方法,以实现重载的多形性.
　　如果想调用子类的new方法,用子类的句柄(绝对不能用基类句柄)来调用.结果[9]可以看出来.
　　用new是在为子类定义方法名时,实在没有办法定义方法名的情况才与基类的方法相同,但这个方法只在子类中起到作用,而不影响基类的方法.也就是说,new方法就是子类新定义的方法.用override是直正意义上的重载.  

 
]]> Javascript在IE和FireFox中的不同表现 http://www.w3pop.com/learn/view/doc/js_ie_firefox_different_behave/ 1.document.formName.item("itemName") 问题
说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];Firefox下,只能使用document.formName.elements["elementName"].
解决方法:统一使用document.formName.elements["elementName"].

2.集合类对象问题
说明:IE下,可以使用()或[]获取集合类对象;Firefox下,只能使用[]获取集合类对象.
解决方法:统一使用[]获取集合类对象.

3.自定义属性问题
说明:IE下,可以使用获取常规属性的方法来获取自定义属性,也可以使用getAttribute()获取自定义属性;Firefox下,只能使用getAttribute()获取自定义属性.
解决方法:统一通过getAttribute()获取自定义属性.

4.eval("idName")问题
说明:IE下,,可以使用eval("idName")或getElementById("idName")来取得id为idName的HTML对象;Firefox下只能使用getElementById("idName")来取得id为idName的HTML对象.
解决方法:统一用getElementById("idName")来取得id为idName的HTML对象.

5.变量名与某HTML对象ID相同的问题
说明:IE下,HTML对象的ID可以作为document的下属对象变量名直接使用;Firefox下则不能.Firefox下,可以使用与HTML对象ID相同的变量名;IE下则不能。
解决方法:使用document.getElementById("idName")代替document.idName.最好不要取HTML对象ID相同的变量名,以减少错误;在声明变量时,一律加上var,以避免歧义.

7.input.type属性问题
说明:IE下input.type属性为只读;但是Firefox下input.type属性为读写.

9.event.x与event.y问题
说明:IE下,even对象有x,y属性,但是没有pageX,pageY属性;Firefox下,even对象有pageX,pageY属性,但是没有x,y属性.
解决方法:使用mX(mX = event.x ? event.x : event.pageX;)来代替IE下的event.x或者Firefox下的event.pageX.

10.event.srcElement问题
说明:IE下,event对象有srcElement属性,但是没有target属性;Firefox下,event对象有target属性,但是没有srcElement属性.
解决方法:使用obj(obj = event.srcElement ? event.srcElement : event.target;)来代替IE下的event.srcElement或者Firefox下的event.target.

13.frame问题
以下面的frame为例：
<frame src="xxx.html" id="frameId" name="frameName" />

(1)访问frame对象:
IE:使用window.frameId或者window.frameName来访问这个frame对象.
Firefox:只能使用window.frameName来访问这个frame对象.
另外，在IE和Firefox中都可以使用window.document.getElementById("frameId")来访问这个frame对象.

(2)切换frame内容:
在IE和Firefox中都可以使用window.document.getElementById("testFrame").src = "xxx.html"或window.frameName.location = "xxx.html"来切换frame的内容.

如果需要将frame中的参数传回父窗口，可以在frme中使用parent来访问父窗口。例如：parent.document.form1.filename.value="Aqing";

14.body问题
Firefox的body在body标签没有被浏览器完全读入之前就存在；而IE的body则必须在body标签被浏览器完全读入之后才存在.

例如：
Firefox：
<body>
<script type="text/javascript">
document.body.onclick = function(evt){
evt = evt || window.event;
alert(evt);
}
</script>
</body>
IE&Firefox：
<body>
</body>
<script type="text/javascript">
document.body.onclick = function(evt){
evt = evt || window.event;
alert(evt);
} </script>

15. 事件委托方法
IE：document.body.onload = inject; //Function inject()在这之前已被实现

Firefox：document.body.onload = inject();

有人说标准是：
document.body.onload=new Function('inject()');

16. firefox与IE(parentElement)的父元素的区别
IE：obj.parentElement
firefox：obj.parentNode

解决方法: 因为firefox与IE都支持DOM,因此使用obj.parentNode是不错选择.

17.innerText在IE中能正常工作，但是innerText在FireFox中却不行.
解决方法:
if(navigator.appName.indexOf("Explorer") > -1){

    document.getElementById('element').innerText = "my text";

} else{

    document.getElementById('element').textContent = "my text";

}

18. FireFox中类似 obj.style.height = imgObj.height 的语句无效
解决方法：
obj.style.height = imgObj.height + 'px';

19. ie,firefox以及其它浏览器对于 table 标签的操作都各不相同，在ie中不允许对table和tr的innerHTML赋值，使用js增加一个tr时，使用appendChile方法也不管用。
解决方法：
//向table追加一个空行：
var row = otable.insertRow(-1);
var cell = document.createElement("td");
cell.innerHTML = " ";
cell.className = "XXXX";
row.appendChild(cell);

20. padding 问题
padding 5px 4px 3px 1px FireFox无法解释简写,

必须改成 padding-top:5px; padding-right:4px; padding-bottom:3px; padding-left:1px;

21. 消除ul、ol等列表的缩进时
样式应写成:list-style:none;margin:0px;padding:0px;

其中margin属性对IE有效，padding属性对FireFox有效

22. CSS透明
IE：filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。

FF：opacity:0.6。

23. CSS圆角
IE：不支持圆角。

FF： -moz-border-radius:4px，或者-moz-border-radius-topleft:4px;-moz-border- radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius- bottomright:4px;。

24. CSS双线凹凸边框
IE：border:2px outset;。

FF： -moz-border-top-colors: #d4d0c8 white;-moz-border-left-colors: #d4d0c8 white;-moz-border-right-colors:#404040 #808080;-moz-border-bottom-colors:#404040 #808080;

25．ie支持document.all 而firefox 不支持
改用下面三个tag的其中一个来代替document.all
getElementsByTagName("tagName") 可以得到得到所有标签元素的集合
getElementById("idName")          可以按id得到某一元素
getElementsByName("Name")            可以得到按name属性得到某一元素

26、firefox 中使用innerHTML 的方法
<div id="online"></div>
document.all.online.innerHTML; //这种方法在IE中可以使用，但不是标准方法
document.getElementById("online").innerHTML; //这样firefox就能使用innerHTML了

27、eval()与window.execScript()执行脚本
IE、firerox均支持eval()，firefox不支持window.execScript()

解决：统一使用eval()

28、对事件处理函数的重写
解决：（例）:如对document的onclick()重写，统一使用document.onclick = function(){…}

]]> IE和火狐读取XML方法比较 http://www.w3pop.com/learn/view/doc/transform_XML/ 一、IE读取XML
 var xmlDoc;  
  xmlDoc = new ActiveXObject( "Msxml2.DOMDocument" );
  xmlDoc.loadXML(xml);

//取的节点
 var points = xmlDoc.documentElement.getElementsByTagName("point");

//取得节点的内容值
 pointsIdea [I].childNodes[1].text

二、firefox读取XML

Firefox中创建一个XML DOM，需要调用document.implementation对象的createDocument()方法。该方法接受三个参数：第一个参数是包含文档所使用的命名空间URI的字符串；第二个参数是包含文档根元素名称的字符串；第三个参数是要创建的文档类型（也称为doctype）。如果要创建空的DOM文档，则代码如下所示：

var oXmlDom = document.implementation.createDocument("", "", null);

前两个参数是空字符串，第三个参数为null，这样可以确保生成一个彻底的空文档。事实上，现在Firefox中并不提供针对文档类型的JavaScript支持，所以第三个参数总是为null。如果要创建包含文档元素的XML DOM，那么可以在第二个参数中指定标签名称：

var oXmlDom = document.implementation.createDocument("", "books", null);

这段代码创建了一个XML DOM，其documentElement是<books/>。如果要创建包含指定命名空间的DOM，可以在第一个参数中指定命名空间URI：

var oXmlDom = document.implementation.createDocument("http://www.site1.com",

       "books", null);

当在createDocument()方法中指定命名空间时， Firefox会自动附上前缀a0以表示命名空间URI：

<a0:books xmlns:a0="http://www.site1.com" />

接着，你可以通过程序来填充XML文档，不过在一般情况下，还需要在空的XML DOM对象中载入现有的XML文档。

1. 在Firefox中载入XML数据

在Firefox中，将XML载入XML DOM的方法和微软采用的方法大致相同，只存在一个显著区别：Firefox只支持load()方法。因此，在这两种浏览器中载入外部XML数据的代码是相同的：

oXmlDom.load("books.xml");

与微软的IE一样，Firefox同样实现了async属性，该属性的行为也与其一致：将async设置为false，表示以同步模式载入文档；否则，以异步模式载入文档。

Firefox的XML DOM实现和微软的XML DOM实现还存在另一个不同，即Firefox不支持readyState属性及onreadystatechange事件处理函数。在Firefox中，支持load事件和onload事件处理函数。在文档完全载入后将触发load事件：

oXmlDom.load("books.xml");

oXmlDom.onload = function () {

    //文档完全载入后的操作

};

正如前面所说，在Firefox的XML DOM实现中，并没有loadXML()方法，不过通过Firefox中的DOMParser类可以模拟loadXML()的行为。该类有一个名为parseFromString()的方法，用来载入字符串并解析成文档：

var sXml = "<root><person><name>Jeremy McPeak</name></person></root>";

var oParser = new DOMParser();

var oXmlDom = oParser.parseFromString(sXml,"text/xml");

在这段代码中，创建了一个XML字符串，并作为参数传递给DOMParser的parseFromString()方法。parseFromString()方法的两个参数分别是XML字符串和数据的内容类型（一般设置为text/xml)。parseFromString()方法返回XML DOM对象，因此这里得到的oXmlDom与第一个例子相同。

2. 在Firefox中获取XML数据

尽管存在这样那样的不同，但IE和Firefox中用于获取文档中XML数据的大多数属性和方法是一致的。正如在IE中，可以使用documentElement属性来获取文档的根元素，例如：

var oRoot = oXmlDom.documentElement;

Firefox同样支持W3C标准属性，包括childNodes、firstChild、lastChild、nextSibling、nodeName、nodeType、nodeValue、ownerDocument、parentNode和previousSibling。不幸的是，对于微软专有的text和xml属性，Firefox并不支持，不过可以利用其他方法来模拟该属性的行为。

大家应该还记得，text属性返回了当前节点的内容，或者是当前节点及其子节点的内容。这不仅仅返回当前节点的文本，还有所有子节点的文本，因此要模拟该功能实现是十分容易的。下面这个简单的函数就能够完成该功能，该函数唯一的参数是一个节点：

function getText(oNode) {

    var sText = "";

    for (var i = 0; i < oNode.childNodes.length; i++) {

       if (oNode.childNodesIdea [I].hasChildNodes()) {

           sText += getText(oNode.childNodesIdea [I]);

       } else {

           sText += oNode.childNodesIdea [I].nodeValue;

       }

    }

    return sText;

}

在getText()函数中，sText变量用来保存获取的所有文本。接着对oNode的子节点使用for循环进行遍历，检查每个子节点是否包含子节点。如果有子节点，那么就将其childNode传给getText()函数，并进行同样的处理；如果没有子节点，那么将当前节点的nodeValue加到字符串中（对文本节点而言，这只是文本字符串）。处理了所有子节点后，该函数返回变量sText。

IE中的xml属性将存放对当前节点包含的所有XML进行序列化的结果。在Firefox中，提供了一个名为XMLSerializer对象来完成这一功能。该对象提供一个使用JavaScript可访问的serializeToString()方法，使用该方法可以对XML数据进行序列化。

function serializeXml(oNode) {

    var oSerializer = new XMLSerializer();

    return oSerializer.serializeToString(oNode);

}

serializeXml()函数以XML节点作为参数，创建一个XMLSerializer对象，并将该节点传给serializeToString()方法。该方法将向调用者返回XML数据的字符串表示。

对于节点操作的DOM方法，Firefox与IE大致相同。参见“在IE中操作DOM”小节。

3. 在Firefox中处理错误

Firefox与IE的错误处理并不一样。当IE遇到错误时，它会填充parseError对象；而当Firefox遇到错误时，它会将包含错误信息的XML文档载入到XML DOM文档中。看下面的这个例子：

var sXml = "<root><person><name>Jeremy McPeak</name></root>";

var oParser = new DOMParser();

var oXmlDom = oParser.parseFromString(sXml,"text/xml");

 

if (oXmlDom.documentElement.tagName != "parsererror") {

    //没有错误发生，进行所需操作

} else {

    alert("An Error Occurred");

}

在突出显示的代码行中，你会发现其中将产生一个错误：XML字符串格式不正确（因为<person>元素不完整，没有相应的</person>元素）。当载入错误的XML时，XML DOM对象将会载入一个documentElement为<parsererror/>的错误文档。我们可以通过检查documentElement的tagName属性来很容易地确定是否发生错误。如果tagName属性不是parsererror，就可以确定没有发生任何错误。

在本例中，可能会生成如下所示的错误文档：

<parsererror xmlns="http://www.mozilla.org/newlayout/xml/parsererror.xml">XML

Parsing Error: mismatched tag. Expected: </person>.

Location: http://yoda/fooreader/test.htm

Line Number 1, Column 43:<sourcetext><root><person><name>Jeremy

McPeak</name></root>

------------------------------------------^</sourcetext></parsererror>

所有的错误信息都包含在错误文档的文本中。如果要通过程序使用这些错误信息，那么首先就要对其进行解析。最简单的方法是使用一个稍长的正则表达式：

var reError = />([\s\S]*?)Location:([\s\S]*?)Line Number (\d+), Column

    (\d+):<sourcetext>([\s\S]*?)(?:\-*\^)/;

该正则表达式将错误文档分为五个部分：错误消息、发生错误的文件名、行号、该行中发生错误的位置，以及发生错误的源代码。使用正则表达式对象的test()方法可以使用这些信息：

if (oXmlDom.firstChild.tagName != "parsererror") {

    //没有错误发生，进行所需操作

} else {

    var oXmlSerializer = new XMLSerializer();

    var sXmlError = oXmlSerializer.serializeToString(oXmlDom);

    var reError = />([\s\S]*?)Location:([\s\S]*?)Line Number (\d+), Column

       (\d+):<sourcetext>([\s\S]*?)(?:\-*\^)/;

    reError.test(sXmlError);

正则表达式捕获到的第一部分数据是错误消息，第二部分是文件名，第三部分是行号，第四部分是行内位置，第五部分是源码。你可以使用这些解析后的信息来创建自定义的错误消息：

var str = "An error occurred!! " +

    "Description: " + RegExp.$1 + " " +

    "File: " + RegExp.$2 + " " +

    "Line: " + RegExp.$3 + " " +

    "Line Position: " + RegExp.$4 + " " +

    "Source Code: " + RegExp.$5;

alert(str);

如果发生错误，那么alert()方法会以易于阅读的格式在警告框中来显示相关的错误信息。

]]> xml 文档树 http://www.w3pop.com/learn/view/doc/xml_tree/ XML documents form a tree structure that starts at "the root" and branches to "the leaves".
XML 文档树起始于“根元素”，并以此为基础扩展文档的分支结构。

An Example XML Document
下面举一个XML文档案例

XML documents use a self-describing and simple syntax:
XML 文档使用一种相对简单的自述性语法：

<?xml version="1.0" encoding="ISO-8859-1"?>
<note>
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>

The first line is the XML declaration. It defines the XML version (1.0) and the encoding used (ISO-8859-1 = Latin-1/West European character set). 
代码的第一行对XML文档做出了声明。它定义了XML版本号（1.0）以及文档所使用的字符编码（ISO-8859-1：拉丁文/西欧字符集）。

The next line describes the root element of the document (like saying: "this document is a note"): 
接下来的一行定义了文档的根元素（指明该文档是一份便条）：

<note>

The next 4 lines describe 4 child elements of the root (to, from, heading, and body):
再接下去的4行定义了根元素的4个子元素，分别是“to”、“form”、“heading”和“body”：

<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>

And finally the last line defines the end of the root element:
文档的最后一行定义了根元素的结束标签：

</note>

You can assume, from this example, that the XML document contains a note to Tove from Jani.
举个例子来说，你可以假设这份XML文档是Jani递交给Tove的一张便条。

Don't you agree that XML is pretty self-descriptive?
通过上述案例，对于XML是一种完美的自述性语言这点应该毋庸置疑了吧？

XML Documents Form a Tree Structure
XML 树状结构文档

XML documents must contain a root element. This element is "the parent" of all other elements.
XML 文档必须包含一个根元素。这个根元素是其它所有元素的“父元素”。

The elements in an XML document form a document tree. The tree starts at the root and branches to the lowest level of the tree.
这些元素位于XML树状结构文档内。树状结构起始于根元素，并向更低级别的树状分支结构扩展。

All elements can have sub elements (child elements):
文档中所有的元素都可以包含二级元素（即：子元素）：

<root>
  <child>
    <subchild>.....</subchild>
  </child>
</root>

The terms parent, child, and sibling are used to describe the relationships between elements. Parent elements have children. Children on the same level are called siblings (brothers or sisters).
这里提到的一些术语，如：父元素、子元素、同级元素使用与描述元素之间的相互关系的。父元素包含子元素；和子元素同级的称为同级元素（或兄弟、姐妹元素）。

All elements can have text content and attributes (just like in HTML).
所有的元素都包含文本内容和属性（这点和HTML极其类似）。

Example:
案例：

DOM node tree

The image above represents one book in the XML below:
上述图表代表了下述XML文档中的一本书：

<bookstore>
<book category="COOKING">
  <title lang="en">Everyday Italian</title> 
  <author>Giada De Laurentiis</author> 
  <year>2005</year> 
  <price>30.00</price> 
</book>
<book category="CHILDREN">
  <title lang="en">Harry Potter</title> 
  <author>J K. Rowling</author> 
  <year>2005</year> 
  <price>29.99</price> 
</book>
<book category="WEB">
  <title lang="en">Learning XML</title> 
  <author>Erik T. Ray</author> 
  <year>2003</year> 
  <price>39.95</price> 
</book>
</bookstore>

The root element in the example is <bookstore>. All <book> elements in the document are contained within <bookstore>.
案例中的根元素是<bookstore>。文档内所有的<book>元素都位于<bookstore>内。

The <book> element has 4 children: <title>,< author>, <year>, <price>.
与此同时，<book>元素还包含了4个子元素：<title>、< author>、<year>、<price>。

]]> 网站设计原理 http://www.w3pop.com/learn/view/doc/Basic_Design_Principles/ Basic_Design_PrinciplesTone and Texture
色调与结构

This specifically applies to drawings more than photography, but tone and texture are very important. Tone refers to shading of light and dark on an object and texture is the visual and tactile surface characteristics of an object.

色调与结构确实很重要，图片比照片更能运用此项内容。色调涉及到阴影以及物体颜色光亮程度；结构涉及到物体的外观特征。

Here's a list of things that affect the tone and texture of an objects appearance.

下面介绍影响网站色调与结构的几个因素。

1. The direction from which the light is coming. (Left, right, above, behind, or below.)

1. 光的方向。（左、右、上、下、后）

2. The intensity of the light. (Candlelight or sunlight.)

2. 光的亮度。（烛光或者阳光）

3. The type of light (Light from the setting sun or flash.)

3. 光的类型。（落日还是烈日）

4. Objects standing between the light source and your subject or object. (Light passing through a thin fabric.)

4. 站立在光源之间的物体。（光穿过物体）

5. The color and texture of the object. (A fuzzy blanket looks a lot different than a piece of granite.)

5. 物体的颜色与结构。（绒毛毯子与花岗岩不同）

Light and Shade
光线与阴影

Light always travels in a straight line and depending on the location of the light the object or subject can look dramatically different. To understand this principle get a roll of film a light source, a lamp, an object or a family member. Take a series of photos of your subject start with the light source at twelve o'clock take each successive photo moving the light source to each position on the clock. When you look at your photos you will be amazed at how different your subject looks in each image. This exercise is great for anyone wanting to understand how light changes the look of a subject.

光沿直线传播，光的位置不同，网站中的物体或者要表达主题就会显著不同。了解到这个内容之后，在现在的光源下，拍摄照片（物体、家人都可以），然后在中午12点钟的时候，再次拍摄同一张图片。观察图片时，你会惊奇地发现图片差异很大。你可以根据这个情况，清楚理解光源对照片的影响。

Shade
对比程度

Shade or shadow and more commonly known as contrast is the degree of difference between the light and dark areas. An image with very black blacks and very light whites has high contrast. An image that is mostly shades of gray has low contrast. Contrast is determined by the intensity of the light source. Adjusting the contrast can help you create a very realistic image or a fantastic one.

我们经常看到的光与阴暗区域的对比程度，就是对比阴影了。黑色、白色图片的对比很明显，而灰色梯度的对比就比较弱。光源强度决定对比程度，而对比程度会决定图片的现实性或者科幻性。

If you have some specific questions please visit my Photography and Design Forum at: Kellypaalphotography.com Bulletin and post your question there.

如果还有其它问题，登录Kellypaalphotography.com Bulletin的“图片与设计”论坛，你可以在那里提出相关问题。

]]> 别具一格的网站评论 http://www.w3pop.com/learn/view/doc/Exclusive_Website_Review/ Exclusive_Website_ReviewWelcome to Old America, famous for its great events, innumerable opportunities and of course the old but surprisingly stylish and strong Lee jeans. We say jeans but think Lee; say Lee, and subconsciously think jeans. And of course our thoughts about the jeans are inextricably linked to the era which spawned them. So naturally the entire site is impeccably done in the style of American Retro – soft pastel tones, styled photography and illustrations. Every detail in the design reminds one of the old ragged jeans. Bearing all of this in mind separately, I will start my review of the site by listing its advantages and disadvantages.

美国历史上曾经发生过很多大事件，也曾经出现了很多震惊世界的发明，这篇文章介绍产生于美国、享誉世界的牛仔品牌：Lee jeans。我们说到牛仔，就会想到Lee；说道Lee，潜意识里会想到牛仔。当然，我们会自然联想到出售Lee牛仔服装的商店、网站。Lee网站完全根据美国风格设计，包括柔和的语调、有特色的照片以及说明，每一个细节都使人联想到Lee牛仔。下面根据网站特点，我会逐步介绍其优点与缺点。

I'm not a monster, though I work at (you know where), and that's why I'll start with what I like about this site:

尽管我对网站设计有点研究，但并不是权威专家，所以我从网站的优点开始谈起。

  • Cohesiveness of design - the entire site is done in one style, from the font to the illustrations

    设计的连贯性——从字体到说明，网站保持一种风格。
  • Branding - the site calls to mind subconscious associations and other connections with images of the brand itself

    品牌——网站的所有内容，都可以使人想起Lee品牌。
  • Consistency of look and feel - practically all of the sites in the Lee family have their own unique design but at the same time give the same atmosphere of reliability and quality, which are the main features of the brand

    外观的一致性——所有网站（Lee family）设计各具特色，但都可以给人可靠感、信赖感。所有品牌都应该具有这种特征。
  • Clarity of purpose - the site demonstrates clear cut delineation of ages and sizes bearing in mind the target audience, on whom it is oriented.

    明确的目的——网站针对不同年龄段、不同爱好的消费者，设计了不同的内容。

It's good to be a kind boy, but to be an honest boy is even better. Though the site has been declared the site of the month, it does have some faults. Well, there's no pretty way to say it. Here's what I dislike about the site:

善良很可贵，但诚实更重要。尽管网站目的明确，但也有许多设计缺点。当然，并没有十全十美的网站设计，下面介绍一下网站的几个缺点：

  • Open links - It was a big surprise for me to discover that Lee brand has 10 other sites, which are dedicated to various small tasks, like www.leelocator.com which serves to detect the local stores of the company. These sites and some others, by the way, regularly appears in the left bar though they are not identified in any way and looks like all the other inner links. I think that notifying users before they will leave the site would be a good idea. Check the four links in the “Browse Lee Products” section, all of them leads to the four different sites.

    过多的链接——我很惊奇地发现，Lee还有另外10家网站，各个网站的任务都不同，例如，www.leelocator.com方便用户寻找公司本地商店。这些网站一般会出现在网页左边的菜单栏附近，尽管它们看起来更像是内部链接 。在Browse Lee Products板块，你可以看到这四个链接，用户可以通过链接进入四个不同的网站。
  • Errors - Clicking on the banner Win Ultimate Jeans, I encountered a mistake: “Registration Form Error. The registration form hyperlink has invalid parameters. Please make sure that a valid site name and campaign name have been specified.”

    错误——点击横幅Win Ultimate Jeans以后，你会发现一个错误：登记表格出错。登记表格链接出现无效参量，确保使用有效网站名以及活动名。
  • Mysterious Sounding Menu Items - It took me a long time to decide if it's worth it to click on the menu item “The Scoop,” as it's almost impossible to guess where I will find myself after clicking on it. Then, recalling that I was writing an review, I clicked. Camel Trophies' routes sometimes seem to be less surprising. But I'm not about my life, so let's get back to the site: online games and other entertaining information was hidden under “The Scoop” - this was a little bit scary, a little bit tempting and a very confusing link. It's not an easy task to name sections of the site especially when the desire to be original is stronger than the need to be easy-to-understand. Confusing section names can spoil all the work done; this is the case when the only word is of great value in all senses. By the way, on the main menu sections “Juniors,” “Boys,” and “Girls” no special inviting banners can be found, though I really doubt that such kind of stuff is of no value to increase the loyalty of young customers any more.

    神秘的菜单选项——我花费了很长时间确定是否点击“The Scoop”菜单，因为我不清楚点击之后出现什么内容，但想到我要写评论，我点击了这个菜单。点击之后，虽然没有太多惊讶，但我感到疑惑，所有在线游戏以及娱乐信息都出现在此项菜单中。他们可以运用其它菜单，呈现这些内容，那样还更便于网站用户理解菜单。令人疑惑的菜单名称毁掉了整个网站，这可以说明一个单词可以具备很大的价值。同时在“Juniors” 、“Boys”、 “Girls”菜单中，内容缺乏吸引力，我真的怀疑这些内容是否可以增加青少年消费者对Lee牛仔的忠诚度。
  • Cookie Woes - Be careful on entering the site; if you choose “Enter US Version of Lee Website” it will take you lots of time and efforts if you would like to visit either the European or the Asian version of the site after visiting the American one. The cookie will fight to the utmost not to show you the splash page where you can choose which version to visit. Even typing www.leejeans.com in the address bar of your browser won't help. Since cookies can't be compared to humans, they were deleted and I got the European version of the site www.lee.be … Maybe it was not a good idea to kill cookies? Check it yourself.

    Cookie    的悲哀——在点击“进入Lee网站”之后，如果首先浏览美国网站，那么进入欧洲或者亚洲网站时，会出现一些麻烦。Cookie会阻止进入页面的呈现，这样你就不能选择其它版本，即使在地址栏中键入www.leejeans.com，浏览器也没有反应。Cookies与人类不同，我们可以删除它，进入欧洲网站。或许这也不是好办法，你自己考虑一下。

    Exclusive_Website_Review（美国）

    Exclusive_Website_Review（欧洲）

    Exclusive_Website_Review（亚洲）

    Regional sites are not the objects of this review, though I would like to note that the sites were developed with different design, navigation and usability approaches. I'm far away from realizing what the purpose of it was but I can admit that the task for site development was given by different (regional) offices to different contractors without developing and using as well the only web design policy before.

    地域性网站并不是这篇文章需要介绍的内容，尽管我想要强调，地域性网站开发需要运用不同的设计、导航，可用性也不相同。尽管我还没有清楚这样做的目的，但我可以确定不同的设计者或者设计公司，会应用不同的设计方法。

    The American version of the site has numerous advantages from a design point of view, using attributes of styles and portrayals of distinctive atmospheres associated with the brand.

    从设计角度来说，网站的美国版本具有的优点更多。这个网站的特征、形式以及外观与此品牌联系密切。

    From the point of view of e-commerce – the site has very many disadvantages and cannot be considered well-optimized or sales promotion oriented. Taking into consideration the massive assortment and international status of the brand, as well as the foundation of my experience exploring other sites, I can pronounce the verdict that this site was done to promote offline marketing efforts of the company.

    从电子网站的角度来说，这个网站具有太多缺点，并没有很好地发挥促销作用。考虑到分类多、品牌知名度高，以及我研究网站的经验，我敢断定，网站更有利于实体商店销售，而不是网站销售。

    However, the site has vast untapped potential to be converted into an online sales generation machine.

    我相信，利用网站进行网上销售的潜力很大。

]]> 利用.htaccess控制网站 http://www.w3pop.com/learn/view/doc/Gain_More_Web_Site_Control_With_htaccess/ Gain_More_Web_Site_Control_With_htaccessThere are many tools of the trade in the world of Web site development, but very few have as many good uses as your .htaccess file. What, you don't have one? I'll admit, information on these little darlings are confusing to some and hard to find. Hence the reason why we need an explanation of what it is and what it can do for you.

网站开发工具很多，.htaccess文件是很好用的一种，你是否想拥有呢？我知道，有些人难以理解这个内容，并且很难找到关于这个问题的说明，所以这篇文章将会解释.htaccess 文件是什么，以及它有什么作用。

Inside your Web hosting space, you know you have folders, HTML documents, and other things that make your Web site work. Think of this file as just another addition to the many thing you have inside there. It usually sits inside your root directory, such as "/public_html/" and has more than a few good uses. You might already have a .htaccess file in your root directory. If so, all you need to do is edit that one. Just remember that if it is in your root directory, that it will effect all folders and documents inside that directory. If you want to over ride that, then you will have to make a new .htaccess file inside the directory in question.

在网站虚拟主机空间中，存在文件夹、HTML文件以及其它保证网站运行的内容。你可以把这个文件想象成虚拟主机内部其它文件的另一个附加品，通常位于根目录中（比如"/public_html/"），用途有很多。假如根目录中已经存在一个.htaccess文件，你需要进行编辑。但请记住：如果文件存在于根目录中，修改根目录会影响根目录中的所有文件夹以及文件。如果希望在不影响其它内容的情况下修改，你需要在根目录中建立一个新的.htaccess文件。

For an example, if you want what is in the .htaccess file to effect everything but your "photos" folder then you would have to create a new .htaccess file inside your "photos" folder.

比如说，你希望.htaccess文件影响除去照片外的其它内容，你就需要在“照片”文件夹中建立新的.htaccess文件。

How can you create one? Well, depending on the FTP program you are using it should be as easy as creating a new document, then renaming it .htaccess. Note that it has nothing coming before the dot. If you have anything in front of the dot, then it will not be read by the Web hosting server as a .htaccess file. The server will not know what to do with it.

如何创建.htaccess文件呢？你可以利用FTP程序，很容易创建出新文件，然后重命名.htaccess。请注意：文件名中点的前面不能出现任何内容，否则虚拟主机服务器不会把其看作是.htaccess文件，服务器也就不知道如何处理这个文件。

If you want to create the file on your computer first, you should be able to right-click your desktop and select "New" then "Text Document". Then right-click that document on your desktop, and go to "Rename". Type in the new name as ".htaccess". Some programs might put the .txt extension on it automatically. All you have to do is go in to rename it again, and take that part off.

如果你希望首先在计算机中创建这个文件，你应该首先进入桌面，选择“新建”，然后点击“文本文档”，点击桌面上的文件，选择重命名，键入".htaccess"，有些程序可能会自动留下扩展名.txt，你需要重新命名文件，然后去掉此部分内容。

Another thing to remember is if you are creating the file on your own computer or uploading it from your own computer, make sure you are uploading it in ASCII mode, not binary. Most FTP programs do a pretty good job at auto-detecting how it should be uploaded, but if you run into a problem that is the first place I would check.

你需要注意的另外一点是，在电脑中创建文件以后，确保利用ASC II模式（非二进位的）上传。大多数FTP程序会自动监测上传情况，但如果出现问题，我会首先检查这个程序。

Also, .htaccess files can only be created on a Linux based server running Apache. If you are not sure if you fall into that category login to your control panel your Web host provided you and snoop around in there. If you are still not sure, feel free to ask your Web host. That is what they are there for! You may need to CHMOD the htaccess file to 644 so the sever can execute the commands inside it.

.htaccess文件只能在支持Linux的服务器中创建。如果不确定是否属于此种类型，你可以登录控制面板，检查一下；如果还不确定，询问虚拟主机供应商。你可能需要定义htaccess文件为CHMOD644，这样服务器可以执行文件中的指令。

Now you know how to create an empty .htaccess file. Now it is time to start filling it up with some easy to learn and useful commands. Think of each line you put into the .htaccess file as a command for the Web hosting server to do something. Here is an example of what I mean. Think of this as the content of your .htaccess file:

现在你可能了解了如何创建空的.htaccess文件，下面应该在文件中添加一些容易学习、使用的指令。.htaccess文件中的每一条指令，虚拟主机服务器都必须遵循。你的文件内容可以如下：

  • Take out the trash（排除无意义内容）
  • Clean the sink（清空内容）
  • Mow the yard（清扫）
  • Rake the leaves（最后清理）


Each are short commands you might do during your own day. A .htaccess file is much like giving the Web hosting server a to do list. Most commands in the .htaccess file are suppose to be on one line only. This is just the way that the server reads the information.

每一条指令都可能是你需要做的内容。一个.htaccess文件相当于为虚拟主机服务器提供一张列表，文件中的大多数指令应该出现在一行中，服务器就是这样阅读信息。

Another warning you might take in consideration is the ability to use the .htaccess file at all. Some Web hosts have banned it or banned it for certain uses because it causes stress and strain on the Web hosting server itself. Make sure you read through your Web host's frequently asked questions and acceptable use policy before moving forward. If they have something against it, then it should be in one of those two places.

你需要考虑的另外一个问题就是，服务器是否可以利用.htaccess文件。有些虚拟主机不支持这个文件，或者不支持这个文件的某项作用，因为这样会引起虚拟主机服务器的运行压力。利用文件之前，首先阅读虚拟主机使用条件以及各种常见问题，避免浪费时间。

Now that you have it, what can you do with it? That is another few articles all together. Some of the coolest things are password protection, error page redirects, and deny/allow IP address to access your Web site.

现在如何利用这个文件呢？我们会在以后的文章中介绍。我们还会介绍到密码保护、出错页面设计以及IP地址问题等等。

]]>