Nmlxly's Blog - 建站交流

新云4.0如何让发表文章评论的窗口默认展开

nmlxly@126.com() — Sun, 06 Dec 2009 14:04:52 GMT

问题：文章内容页的文章结束后有个发表评论，但要鼠标点击了才展开，我要默认展开怎么办？我的www.nmsky.cn这个站，我不知道怎么设置.

解答：模板中找到这个代码 style="display:none;" 删除

HTML meta标签之详解

nmlxly@126.com() — Mon, 30 Nov 2009 13:47:47 GMT

meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似下面这段的html代码：

也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，例如加入关键字会自动被大型搜索网站自动搜集；可以设定页面格式及刷新等等。

一、meta标签的组成

meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。

1、name属性

name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

meta标签的name属性语法格式是：<meta name="参数" content="具体的参数值"> 。

其中name属性主要有以下几种参数：

A、Keywords(关键字)

说明：keywords用来告诉搜索引擎你网页的关键字是什么。

举例：<meta name ="keywords" content="science, education,culture,politics,ecnomics，relationships, entertaiment, human">

B、description(网站内容描述)

说明：description用来告诉搜索引擎你的网站主要内容。

举例：<meta name="description" content="This page is about the meaning of science, education,culture.">

C、robots(机器人向导)

说明：robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。

content的参数有all,none,index,noindex,follow,nofollow。默认是all。

举例：<meta name="robots" content="none">

D、author(作者)

说明：标注网页的作者

举例：<meta name="author" content"root,root@21cn.com">

2、http-equiv属性

http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。

meat标签的http-equiv属性语法格式是：<meta http-equiv="参数" content="参数变量值"> ；其中http-equiv属性主要有以下几种参数：

A、Expires(期限)

说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。

用法：<meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT">

注意：必须使用GMT的时间格式。

B、Pragma(cache模式)

说明：禁止浏览器从本地计算机的缓存中访问页面内容。

用法：<meta http-equiv="Pragma" content="no-cache">

注意：这样设定，访问者将无法脱机浏览。

C、Refresh(刷新)

说明：自动刷新并指向新页面。

用法：<meta http-equiv="Refresh" content="2；URL=http://www.root.net">

注意：其中的2是指停留2秒钟后自动刷新到URL网址。

D、Set-Cookie(cookie设定)

说明：如果网页过期，那么存盘的cookie将被删除。

用法：<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT； path=/">

注意：必须使用GMT的时间格式。

E、Window-target(显示窗口的设定)

说明：强制页面在当前窗口以独立页面显示。

用法：<meta http-equiv="Window-target" content="_top">

注意：用来防止别人在框架里调用自己的页面。

F、content-Type(显示字符集的设定)

说明：设定页面使用的字符集。

用法：<meta http-equiv="content-Type" content="text/html; charset=gb2312">

二、meta标签的功能

上面我们介绍了meta标签的一些基本组成，接着我们再来一起看看meta标签的常见功能：

1、帮助主页被各大搜索引擎登录

meta标签的一个很重要的功能就是设置关键字，来帮助你的主页被各大搜索引擎登录，提高网站的访问量。在这个功能中，最重要的就是对Keywords和description的设置。因为按照搜索引擎的工作原理,搜索引擎首先派出机器人自动检索页面中的keywords和decription，并将其加入到自己的数据库，然后再根据关键词的密度将网站排序。因此，我们必须设置好关键字，来提高页面的搜索点击率。下面我们来举一个例子供大家参考：

设置好这些关键字后，搜索引擎将会自动把这些关键字添加到数据库中，并根据这些关键字的密度来进行合适的排序。

　　2、定义页面的使用语言

　　这是meta标签最常见的功能,在制作网页时,我们在纯HTML代码下都会看到它,它起的作用是定义你网页的语言,当浏览者访问你的网页时,浏览器会自动识别并设置网页中的语言,如果你网页设置的是GB码,而浏览者没有安装GB码,这时网页只会呈现浏览者所设置的浏览器默认语言。同样的,如果该网页是英语,那么charset=en。下面就是一个具有代表性的例子：

该代码就表示将网页的语言设置成国标码。

　　3、自动刷新并指向新的页面

　　如果你想使您的网页在无人控制的情况下，能自动在指定的时间内去访问指定的网页，就可以使用meta标签的自动刷新网页的功能。下面我们来看一段代码：

　　这段代码可以使当前某一个网页在2秒后自动转到http://www.root.net页面中去,这就是meta的刷新作用,在content中,2代表设置的时间（单位为秒）,而URL就是在指定的时间后自动连接的网页地址。

　　4、实现网页转换时的动画效果

　　使用meta标签，我们还可以在进入网页或者离开网页的一刹那实现动画效果，我们只要在页面的html代码中的<head></head>标签之间添加如下代码就可以了：

一旦上述代码被加到一个网页中后，我们再进出页面时就会看到一些特殊效果，这个功能其实与FrontPage2000中的Format/Page Transition一样，但我们要注意的是所加网页不能是一个Frame页;

　　5、网页定级评价

　　IE4.0以上版本的浏览器可以防止浏览一些受限制的网站,而之所以浏览器会自动识别某些网站是否受限制,就是因为在网站meta标签中已经设置好了该网站的级别,而该级别的评定是由美国RSAC,即娱乐委员会的评级机构评定的,如果你需要评价自己的网站,可以连接到网站http://www.rsac.org/,按要求提交表格,那么RSAC会提供一段meta代码给你,复制到自己网页里就可以了。下面就是一段代码的样例：

　　6、控制页面缓冲

　　meta标签可以设置网页到期的时间,也就是说,当你在Internet Explorer 浏览器中设置浏览网页时首先查看本地缓冲里的页面,那么当浏览某一网页,而本地缓冲又有时,那么浏览器会自动浏览缓冲区里的页面,直到meta中设置的时间到期,这时候,浏览器才会去取得新页面。例如下面这段代码就表示网页的到期时间是2001年1月12日18时18分18秒。

　　7、控制网页显示的窗口

　　我们还可以使用meta标签来控制网页显示的窗口，只要在网页中加入下面的代码就可以了：<metahttp-equiv="window-target" content="_top">，这段代码可以防止网页被别人作为一个Frame调用。

asp下利用xml存储二进制方式打包解包网站文件实现asp在线压缩和解压缩示例

nmlxly@126.com() — Mon, 28 Sep 2009 12:31:16 GMT

其实实现的思路也很简单，主要就是利用的是xml文件可以存放二进制数据的原理。

两个主要文件如下：

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>   
<% Option Explicit %>   
<% On Error Resume Next %>   
<% Response.Charset="UTF-8" %>   
<% Server.ScriptTimeout=99999999 %>   
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
<html xmlns="http://www.w3.org/1999/xhtml">   
<head>   
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
<title>文件打包程序-志文工作室</title>   
</head>   
<body>   
<%   
Dim ZipPathDir,ZipPathFile   
Dim startime,endtime   
 
'方式一：打包指定路径文件夹内文件。在此更改要打包文件夹的路径   
'ZipPathDir = "D:\Personal\Desktop\TEM_EDIT"  
 
'方式二：打包当前文件夹内文件。  
'获取当前所在文件夹  
ZipPathDir=Left(Request.ServerVariables("PATH_TRANSLATED"),InStrRev(Request.ServerVariables("PATH_TRANSLATED"),"\"))   
ZipPathFile = "update.xml"   
if right(ZipPathDir,1)<>"\" then ZipPathDir=ZipPathDir&"\"   
'开始打包   
CreateXml(ZipPathFile)   
 
'遍历目录内的所有文件以及文件夹   
sub LoadData(DirPath)   
    dim XmlDoc   
    dim fso 'fso对象   
    dim objFolder '文件夹对象   
    dim objSubFolders '子文件夹集合   
    dim objSubFolder '子文件夹对象   
    dim objFiles '文件集合   
    dim objFile '文件对象   
    dim objStream   
    dim pathname,TextStream,pp,Xfolder,Xfpath,Xfile,Xpath,Xstream   
    dim PathNameStr   
    response.Write("<b>打包子文件夹【 "&DirPath&" 】下的文件：</b><br>")   
    set fso=server.CreateObject("scripting.filesystemobject")   
    set objFolder=fso.GetFolder(DirPath)'创建文件夹对象   
    Response.Write DirPath   
    Response.flush   
    Set XmlDoc = Server.CreateObject("Microsoft.XMLDOM")   
    XmlDoc.load Server.MapPath(ZipPathFile)   
    XmlDoc.async=false   
    '写入每个文件夹路径   
    set Xfolder = XmlDoc.SelectSingleNode("//root").AppendChild(XmlDoc.CreateElement("folder"))   
    Set Xfpath = Xfolder.AppendChild(XmlDoc.CreateElement("path"))   
    Xfpath.text = replace(DirPath,ZipPathDir,"")   
    set objFiles=objFolder.Files   
    for each objFile in objFiles   
        if lcase(DirPath & objFile.name) <> lcase(Request.ServerVariables("PATH_TRANSLATED")) then   
            Response.Write " ...<br/>"   
            PathNameStr = DirPath & "" & objFile.name   
            Response.Write PathNameStr & ""   
            Response.flush   
            '================================================   
            '写入文件的路径及文件内容   
            set Xfile = XmlDoc.SelectSingleNode("//root").AppendChild(XmlDoc.CreateElement("file"))   
            Set Xpath = Xfile.AppendChild(XmlDoc.CreateElement("path"))   
            Xpath.text = replace(PathNameStr,ZipPathDir,"")   
            '创建文件流读入文件内容，并写入XML文件中   
            Set objStream = Server.CreateObject("ADODB.Stream")   
            objStream.Type = 1   
            objStream.Open()   
            objStream.LoadFromFile(PathNameStr)   
            objStream.position = 0   
            Set Xstream = Xfile.AppendChild(XmlDoc.CreateElement("stream"))   
            Xstream.SetAttribute "xmlns:dt","urn:schemas-microsoft-com:datatypes"   
            '文件内容采用二制方式存放   
            Xstream.dataType = "bin.base64"   
            Xstream.nodeTypedValue = objStream.Read()   
            set objStream=nothing   
            set Xpath = nothing   
            set Xstream = nothing   
            set Xfile = nothing   
            '================================================   
        end if   
    next   
    Response.Write "<p>"   
    XmlDoc.Save(Server.Mappath(ZipPathFile))   
    set Xfpath = nothing   
    set Xfolder = nothing   
    set XmlDoc = nothing   
    '创建的子文件夹对象   
    set objSubFolders=objFolder.Subfolders   
    '调用递归遍历子文件夹   
    for each objSubFolder in objSubFolders   
        pathname = DirPath & objSubFolder.name & "\"   
        LoadData(pathname)   
    next   
    set objFolder=nothing   
    set objSubFolders=nothing   
    set fso=nothing   
end sub   
 
'创建一个空的XML文件，为写入文件作准备   
sub CreateXml(FilePath)   
    '程序开始执行时间   
    startime=timer()   
    dim XmlDoc,Root   
    Set XmlDoc = Server.CreateObject("Microsoft.XMLDOM")   
    XmlDoc.async = False   
    Set Root = XmlDoc.createProcessingInstruction("xml","version='1.0' encoding='UTF-8'")   
    XmlDoc.appendChild(Root)   
    XmlDoc.appendChild(XmlDoc.CreateElement("root"))   
    XmlDoc.Save(Server.MapPath(FilePath))   
    Set Root = Nothing   
    Set XmlDoc = Nothing   
    LoadData(ZipPathDir)   
    '程序结束时间   
    endtime=timer()   
    response.write "<br />所有文件解包完毕！<br /><br />"   
    response.Write("页面执行时间：" & FormatNumber((endtime-startime),3) & "秒")   
end sub   
%>   
</body>   
</html>

logo的标准大小

nmlxly@126.com() — Fri, 28 Aug 2009 01:44:13 GMT

　　（1）设计的基本原理
　　网站中的logo标记，纷繁各异，表面上看，大多都是非专业人员设计的，没有一致性，其实不然，对于某个网站而言，在网络LOGO设计中极为强调统一的原则。统一并不是反复某一种设计原理，应该是将其他的任何设计原理如：主导性、从属性、相互关系、均衡、比例、反复、反衬、律动、对称、对比、借用、调和、变异等设计人员所熟知的各种原理，正确地应用于设计的完整和谐表现。Logo的统一性也表现在网站的整个版面色彩、布局、形式和内容上等，充分体现数字化的视觉魅力。　　构成LOGO要素的各部分，还需要有差异性，这个差异性又称为独特性，或叫做变化，体现不同网站风格和个性，具有辨别性。网络LOGO所强调的辨别性及独特性，导致相关图案字体的设计也要和被标识体的性质有适当的关联，并具备独特的视觉风格的造型。统一是在多个独特性中提炼为一个主要表现体，统一是在各独特部分之中的要素中，精确把握对象的多样统一并突出支配性要素，是设计网络LOGO 必备技术因素。
　　（2）设计的基本标准
　　为了便于INTERNET上信息的传播，一个统一的国际标准是需要的。实际上已经有了这样的一整套标准。其中关于网站的LOGO，目前有三种规格：
　　1.88*31 这是互联网上最普遍的LOGO规格。
　　2.120*60 这种规格用于一般大小的LOGO。
　　3.120*90 这种规格用于大型LOGO。
　　设计大师Poorfish认为，一个好的LOGO应具备以下的几个的条件，或者具备其中的几个条件：
　　1.符合国际标准
　　2.精美、独特
　　3.与网站的整体风格相融
　　4.能够体现网站的类型、内容和风格
　　（3）设计的基本方法
　　目前基本上并没有专门制作LOGO的软件，其实也并不需要这样的一种软件。我们平时所使用的图像处理软件或者还加上动画制作软件（如果你要做一个动画的LOGO的话）都可以很好地胜任这份工作，如PHOTOSHOP、FIREWORKS等。而LOGO的制作方法也和制作普通的图片及动画没什么两样，不同的只是规定了它的大小而已。

　　logo示例赏析
　　①新浪的logo底色是白，文字sina和新浪网是黑色，其中i字母上的点用了表象性手法处理成一只眼睛，而这又使整个字母i象一个小火炬，这样，即向人们传达了“世界在你眼中”的理念，激发人们对网络世界的好奇，又使人们容易记住新浪网的域名。
　　②百度的logo比较特别，主要有四部分组成，一是汉语拼音，二是一个动物的脚印，很调皮狡猾的样子，脚印里有汉语拼音；三是汉字“百度”，字体选择较严肃，拼音汉字协调分布在脚印的两边；四是百度的网址。当然，百度的理念：出门找地图，上网找百度。但愿那只机灵的脚能帮我们找到所有信息。
　　③Yahoo的logo（中文站）很简单：英中文站名，红字白底。英文Yahoo字母间的排列和组合很讲究动态效果，加上Yahoo这个词的音感强，使人一见就仿佛要生惊讶——而不禁自问：Do you Yahoo?
　　④网易的logo使用了三色：红（网易）、黑（NETEAS)、白（底色）。网易两字用了篆书，体现了古典意味，也许在暗示网易在中文网络的元老地位吧。但是，如果没有从个人主页到虚拟社区，从新闻报道到专题频道等丰富方便的服务，光是从logo上，你是难于相信：轻松上网，易如反掌。
　　⑤榕树下的logo是在蓝天白云下，一棵郁郁葱葱的大榕树，给人视觉一新，如同走进了大自然，人们在此呼吸新鲜空气，畅所欲言，在天然中找到纯真，找到自我，此外，意指网站中作品皆是原创精品，内容丰富，采撷着广大网民的智慧。

　　****************************************************************

　　banner: 468*60
　　logo: 120*60
　　button link : 88*31

　　*****************************************************************

　　什么是LOGO:
　　logo-标识语。在电脑领域而言，LOGO是标志、徽标的意思。
　　LOGO的国际标准规范：
　　为了便于INTERNET上信息的传播，一个统一的国际标准是需要的。实际上已经有了这样的一整套标准。其中关于网站的LOGO，目前有三种规格：
　　1.88*31 2.120*60 3.120*90

常用CSS缩写语法总结

nmlxly@126.com() — Tue, 25 Aug 2009 10:04:33 GMT

使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下：

颜色
16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：
#000000可以缩写为#000;#336699可以缩写为#369;
盒尺寸
通常有下面四种书写方法:

property:value1; 表示所有边都是一个值value1；
property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2
property:value1 value2 value3; 表示top的值是value1，right和left的值是value2，bottom的值是value3
property:value1 value2 value3 value4; 四个值依次表示top,right,bottom,left
方便的记忆方法是顺时针，上右下左。具体应用在margin和padding的例子如下：
margin:1em 0 2em 0.5em;

边框(border)
边框的属性如下：

border-width:1px;
border-style:solid;
border-color:#000;
可以缩写为一句：border:1px solid #000;

语法是border:width style color;

背景(Backgrounds)
背景的属性如下：

background-color:#f00;
background-image:url(background.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:0 0;
可以缩写为一句：background:#f00 url(background.gif) no-repeat fixed 0 0;

语法是background:color image repeat attachment position;

你可以省略其中一个或多个属性值，如果省略，该属性值将用浏览器默认值，默认值为：

color: transparent
image: none
repeat: repeat
attachment: scroll
position: 0% 0%
字体(fonts)
字体的属性如下：

font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:1em;
line-height:140%;
font-family:"Lucida Grande",sans-serif;
可以缩写为一句：font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;

注意，如果你缩写字体定义，至少要定义font-size和font-family两个值。

列表(lists)
取消默认的圆点和序号可以这样写list-style:none;,

list的属性如下:

list-style-type:square;
list-style-position:inside;
list-style-image:url(image.gif);
可以缩写为一句：list-style:square inside url(image.gif);