frameset 使用心得
最近在搞网页编程，总结了frameset 的一些使用技巧，供大家参考哦，还是先剖析一下框架吧！
■ 框架标记
<FRAMESET> <FRAME>
<NOFRAMES>
<IFRAME>
欲明白本篇【HTML彻底剖析】之标记分类，请看 【标记一览】。
也请先明白围堵标记与空标记的分别，请看 【HTML概念】。
■ 框架概念 ：
谓框架便是网页画面分成几个框窗，同时取得多个 URL。只需要 <FRAMESET> <FRAME> 即可，面所有框架标记需要放在一个总起的 html 档，这个档案只记录了该框架如何分割 ，不会显示任何资料，所以不必放入 <BODY> 标记，浏览这框架必须读取这档案 面不是其他框窗的档案。<FRAMESET> 是用来划分框窗，每一窗框由一个 <FRAME> 标 记所标示，<FRAME>必须在 <FRAMESET> 范围中使用。如下例：
<frameset cols="50%,*"> <frame name="hello" src="up2u.html"> <frame name="hi" src="me2.html">
</frameset>
此例中 <FRAMESET> 把画面分成左右两相等部分，左便是显示 up2u.html，右边则会显示 me2.html 这档案，<FRAME> 标记所标示的框窗永远是按由上而下、由左至右的次序
<FRAME>
用法： 定义一个帧
开始／结束标识： 必须／非法
属性： name="..."定义帧的名字
scr="..."定义在帧中显示的内容的来源
frameborder="..."定义帧之间的边界(0或1)
margwidth="..."设置帧的边界和其中内容之间的间距
margheight="..."设置帧的边界和其中内容之间的间距化
noresize="..."使帧的尺寸不能变
scrolling="..."设置滚动条的表示方式(auto, yes, no)
空： 不允许
<FRAMESET>...</FRAMESET>
用法： 定义在一个窗口中帧的布局
开始／结束标识： 必须／必须
属性： rows="..."设定行的数目
cols="..."设定列的数目
onload="..."当载入文档时的内部事件触发器
onunload="..."当卸载文档时的内部事件触发器
空： 不允许
注释： FRAMESET可以嵌套
以上所述只是最简单的框架设定，若希望达到更合适的效果请加入或修改以下各参数。
标记：<FRAMESET>
例子：<frameset rows="90,*" frameborder="0" border=0 framespacing="2" border="2" bordercolor="#008000"></frameset>
功用：宣告HTML文件为框架模式，并设定视窗如何分割。
参数：
COLS="90,*"
垂直切割画面(如分左右两个画面)，接受整数值、百分数， * 则代表占用剩余的空间。数值的个数代表分成的视窗数目且以逗号分隔。例如 COLS="30,*,50%" 可以切成三个视窗，第一个视窗是 30 pixels 的宽度，为一绝对分割，第二个视窗是当分配完第一及第三个视窗后剩下的空间，第三个视窗则占整个视窗画面的 50% 宽度为一相对分割。你可自己调整数字。
ROWS="120,*"
这是横向切割，将画面上下分开，数值设定同上。 COLS 与 ROWS 两参数尽量不要放在同一个 <FRAMESET> 标记中，因 Netacape 偶然不能显示这类型的框架，尽量采用多重分割，如以上各例。
frameborder="0"
设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表示要显示边框。
border="0"
设定框架的边框厚度，以 pixels 为单位。
bordercolor="#008000"
设定框架的边框颜色。颜色值请参考【调色原理】。
framespacing="5"
表示框架与框架间保留的空白的距离。
标记：<FRAME>
例子：<frame name="top" src="a.html" marginwidth="5" marginheight="5" scrolling="Auto" frameborder="0" noresize framespacing="6" bordercolor="#0000FF">
功能：设定每一个框窗内的参数属性。
参数：
用推送技术动态更新页面内容
一、什么是动态内容
大多数热门Web网站都从在线广告业务获利。Web页面中的广告空间是有限的，为了让广告投资物有所值，广告客户不仅必须在很小的广告空间内塞入大量的信息，而且还要保证广告能够吸引用户的注意力。在当前的大多数网站上，放入Web页面的横幅广告一般由服务器在构造页面的同时生成，我们无法把新的广告动态地插入到已经发送出去的页面。 如果要显示新的广告，唯一的办法就是重新刷新页面。我们可以用编程的方法刷新页面，例如：
使用浏览器窗口对象的setTimeOut函数定期地刷新页面。但是，用这种方法刷新广告时，用户会很明显地感到页面刷新过程；同时，要确定一个合适的刷新频率也很困难。
把页面的过期时间设置为数秒时间，使得无论何时输入焦点转到该页面（即浏览器被激活）时，浏览器就会重新下载该页面。
一些大型网站，如yahoo.com和msn.com，都已经采用了这些技术。这两种方法都有各自的优点和缺点。在只使用java的情况下，我们完全可以通过网络编程和一些界面编程工作实现横幅广告的刷新系统，但必须解决下载时间过长和刷新延迟的问题。
二、用Java实现内容推送
结合JavaScript帧间通信和一个管理网络通信的Java Applet，我们能够用推送技术解决这个问题。在这样一个系统中，Java Applet的任务是连接服务器并监听内容更新。一旦接收到了新的内容，Applet就构造出显示这些新内容的HTML代码，调用一个Javascript函数并把包含新内容的HTML传递给JavaScript函数。JavaScript函数运用DHTML和DOM技术，把页面中一个<div>标记的内容用参数中传入的新内容替换。由于浏览器安全的限制，Applet所打开的Socket端口只能连接到下载该Applet的服务器。
Web服务器只在80端口监听连接请求。因此，除了Web服务器之外，我们还需要一个接受Applet的Socket连接请求的网络应用服务。这个网络应用服务定时地查询数据库，把改动数据发布（推送）到所有已经连接的Applet。由于运用了隐藏帧和JavaScript的帧间通信功能，我们能够从用户面前隐藏大多数JavaScript逻辑。
在这整个处理过程中，最困难的任务是Java Applet与JavaScript代码之间的通信。Netscape提供了一个称为netscape.javascript.JSObject的类。要使用这个对象，请加入一个包含特殊“MAYSCRIPT”属性的Applet标记：
<APPLET code="MyApplet.class" height=1 width=1 MAYSCRIPT>
JSObject的方法允许Applet与文档对象交互以及调用JavaScript命令。例如，把下面的代码放入Applet，我们就能够访问窗口对象：
import netscape.javascript.*; public class MyApplet extends java.applet.Applet{ PRivate JSObject mainwin; public void init(){ mainwin = JSObject.getWindow(this); } }
获得JSObject引用后，我们就能够访问文档窗口对象，并通过JSObject的eval()方法调用JavaScript函数。
三、用DHTML更新页面
在把来自Applet的新内容写入文档时，为了不影响原来已经存在的内容，我们可以使用HTML的<div></div>标记。这个标记在IE和Netscape中是不同的。
对于IE以及Netscape 6，这个HTML标记是：
// 所有要更新的内容必须用id标识 <div id="iexplorer" width=700px ></div>
使用css让英文文本自动换行
<body style="direction: ltr;" leftmargin="2" topmargin="0" oncontextmenu="return false" ondragstart="return false" onselectstart="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()" marginheight="0" marginwidth="0">消除右键点击复制的程序
本文介绍如何使用CSS让英文文本自动换行，大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是 CSS如何将他们自动换行的方法！
大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是CSS如何将他们自动换行的方法！对于Div和table以及不同的浏览器，实现css自动换行的方法都稍有不同，下面分别介绍：
对于div
1.（IE浏览器）white-space:normal; Word-break:break-all;这里前者是遵循标准：
div css xhtml xml Example Source Code Example Source Code [www.52css.com]
#wrap{white-space:normal; width:200px; }
或者：
#wrap{word-break:break-all;width:200px;}
<div id="wrap">ddd111111111111111111111111111111</div>
效果：可以实现自动换行
2.（Firefox浏览器）white-space:normal; word-break:break-all;overflow:hidden;同样的FF下也没有很好的实现方法，只能隐藏或者加滚动条，当然不加滚动条效果更好！
div css xhtml xml Example Source Code Example Source Code [www.52css.com]
#wrap{white-space:normal; width:200px; overflow:auto;}
或者：
#wrap{word-break:break-all;width:200px; overflow:auto; }
<div id="wrap">ddd1111111111111111111111111111111111111111</div>
效果：容器正常，内容隐藏
对于table
1. (IE浏览器)使用样式table-layout:fixed：
div css xhtml xml Example Source Code Example Source Code [www.52css.com]
<style>
.tb{table-layout:fixed}
</style>
<table class="tbl" width="80">
<tr><td>
abcdefghigklmnopqrstuvwxyz 1234567890
</td></tr>
</table>
效果：可以自动换行
2.(IE浏览器)使用样式：
div css xhtml xml Example Source Code Example Source Code [www.52css.com]
<style>
.tb {table-layout:fixed}
</style>
<table class="tb" width="80"><tr><td nowrap>
abcdefghigklmnopqrstuvwxyz 1234567890
</td></tr>
</table>
效果：可以自动换行
3. (IE浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap：
div css xhtml xml Example Source Code Example Source Code [www.52css.com]
<style>
.tb{table-layout:fixed}
</style>
<table class="tb" width=80>
<tr>
<td width=25% nowrap>
abcdefghigklmnopqrstuvwxyz 1234567890
</td>
<td nowrap>abcdefghigklmnopqrstuvwxyz 1234567890</td>
</tr>
</table>
效果：两个td均正常自动换行
4.(Firefox浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap,并且使用div：
div css xhtml xml Example Source Code Example Source Code [www.52css.com]
<style>
.tb {table-layout:fixed}
.td {overflow:hidden;}
</style>
<table class=tb width=80>
<tr><td width=25% class=td nowrap>
<div>abcdefghigklmnopqrstuvwxyz 1234567890</div>
</td>
<td class=td nowrap><div>abcdefghigklmnopqrstuvwxyz 1234567890</div></td>
</tr>
</table>
这里单元格宽度一定要用百分比定义 效果：正常显示，但不能换行。
javaScript DOM方法与属性摘要
1 createElement(element)
创建一个指定标签名创建一个新的元素节点，返回值为指向新建元素节点的引用指针。
eg) var para = document.createElement("p");
document.body.appendChild(para);
2 createTextNode()
创建一个包含着给定文本的新文本节点，返回一个指向新建文本节点的引用指针：
reference = document.createTextNode()
参数为新建文本节点所包含的文本字符串
eg)
var message = document.createTextNode("hello world");
var container = document.createElement("p");
container.appendChild(message);
document.body.appendChild(container);
3 cloneNode()
reference = node.cloneNode(deep)
为给定节点创建一个副本，参数为true或者false，true表示同时复制该节点的子节点，false则不复制任何子节点。
var para = document.createElement("p");
var message = document.createTextNode("hello world");
para.appendChild(message);
document.body.appendChild(para);
var newpara = para.cloneNode(true);
document.body.appendChild(newpara);
4 appendChild()
reference = node.appendChild(newChild);
插入节点，例子参考前面。
5 insertBefore()
reference = element.insertBefore(newNode,targetNode)
将一个给定节点插入到一个给定元素节点的给定子节点的前面，返回一个指向新增子节点的引用指针。
eg)
var container = document.getElementById("content");
var message = document.getElementById("finePRint");
var para = document.createElement("p");
container.insertBefore(para,message);
6 removeChild()
reference = element.removeChild(node)
将从一个给定元素利删除一个子节点，返回一个指向已被删除的子节点的引用指针。
当某个节点被removeChild()删除后，此节点所有子节点都被删除。
7 replaceChild()
reference = element.replaceChild(newChild,oldChild)
把一个给定父元素里的一个子节点替换为另外一个节点，oldChild节点必须是element元素的一个子节点，返回值是一个指向已被替换的那个
子节点的引用指针。
eg)
var container = document.getElementById("content");
var message = document.getElementById("fineprint");
var para = document.createElement("p");
container.replaceChild(para,message);
8 setAttribute()
element.setAttribute(attributeName,attributeValue);
为给定元素节点添加一个新的属性值或是改变它的现有属性
9 getAttribute
attributeValue = element.getAttribute(attributeName)
返回一个给定元素的一个给定属性节点的值。
10 getElementById()
element = document.getElementById(ID)
寻找一个有着给定id属性值的元素，返回一个元素节点
11 getElementByTagName()
用于寻找有着给定标签名的所有元素：
elements = document.getElementsByTagName(tagName)
返回一个节点集合。
12 hasChildNodes
用来检查一个给定元素是否有子节点
booleanValue = element.hasChildNodes
返回true或false。
13 DOM属性
节点的属性
nodeName属性将返回一个字符串，其内容是给定节点的名字。
如果节点是元素节点，返回这个元素的名称；
如果是属性节点，返回这个属性的名称；
如果是文本节点，返回一个内容为#text的字符串；
nodeType属性将返回一个整数，这个数值代表给定节点的类型
nodeValue属性将返回给定节点的当前值
如果节点是元素节点，返回null；
如果是属性节点，返回这个属性的名称；
如果是文本节点，返回文本节点的内容；
遍历节点树
childNodes 该属性返回一个数组，这个数组由给定元素节点的子节点构成
firstChild 返回第一个子节点
lastChild 返回最后一个子节点
nextSibling 返回给定节点的下一个子节点
parentNode 返回一个给定节点的父节点
previousSibling 返回给定节点的下一个子节点??
14 setTimeout
javaScript函数，能够让某个函数在经过一段预定的时间之后才开始执行，函数有两个参数，第一个参数是将要执行的那个函数的名字；
第二个参数是一个数值，以毫秒为单位设定了需要经过多长时间才开始执行由第一个参数所给出的函数：
setTimeout("function",interval);
如何隐藏网页中的层DIV
div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白：
以下是引用片段：
style="visibility: none;"
document.getElementById("typediv1").style.visibility="hidden";//隐藏
document.getElementById("typediv1").style.visibility="visible";//显示
网站重构：利用CSS改善网站可访问性
最近，我不得不对我的一个客户的旧网站进行更新，使得它能够达到可访问性的标准。对三四年前的旧代码进行挖掘的想法根本没有吸引力，主要是因为我曾经使用的很多编程惯例已经不再适用，特别是从可访问性上来讲。我曾经使用绝对的字体大小，固定的页面宽度和表格来做版面设计和空间分配。
像那时建构的很多网站一样，我的客户的网站使用了Cascading Style Sheets (CSS)来格式化文本。它没有使用任何CSS的更加强有力的版面设计功能，也没有允许HTML设备独立，而这是CSS可访问性的主要优点之一。
问题是如何出现的？
在我概述使网站更加具有可访问性的方法之前，了解现今众多的访问性问题的起因也许是很有帮助的：
对HTML肤浅的理解：在1990年代的互联网大发展时期中，所有人都开始建构网站。WYSIWYG编辑器使得几乎每个人都可以很容易地建构一个网站，而不用费心去学习HTML。但不幸的是，这种在使用上的便利带来了一些蹩脚的代码，对可访问性造成了妨碍。
HTML在设计方面的局限性：开发者和设计者经常会故意错用HTML标签，特别是<table>标签，来克服HTML在版面和设计上的局限性。这种设计方式也会带来妨碍可访问性的代码。
什么使得CSS更具有访问性？
CSS在1996年出现，用来解决上述的问题。通过使用CSS，你可以将一个HTML文件的内容与有关它的表现形式或风格的信息分离开来。这就使你可以应用准确的格式化并达到想要得到的版面设计，而无需使用可能会让屏幕阅读器和专门的浏览器软件产生困惑的HTML代码。
例如，虽然HTML表格是用来排列表格式数据的，但他们也经常被用来排列对齐一个页面上的元素的。但是阅读器和例如语音合成器的软件要求有效的HTML代码。因此当他们遇到一个页面错误地使用了诸如一个表格的元素，产生的结果就会让使用者感到莫名其妙。
CSS的另一个可访问性的优点就是它允许使用者定义他们自己的风格单，这个风格单可以与网站的风格单共同工作。因此，例如一个使用者可以设定，所有通过<p>标签定义的文本都应该是1.5em Arial，即使这个网站的风格单表示它应该是18px Verdana Bold。
要注意用户定义的风格只有在用户的风格名称与HTML页面中的标签相符时才会起作用，这是很重要的。这就将确保兼容性的责任交到了开发者的手中。例如，如果用户的风格单指定<p>标签应显示1.5em Arial文本，但是HTML页面并不使用<p>标签来从风格单中调用一个风格（也许它使用<font class=”bodytext”>），用户对于<p>标签定义的风格将会被忽略。因此要确保你对你的标题和段落使用标准的HTML标签，这将减少用户定义的风格单被忽略的机会。
开始
如果你是从头开始建构一个新的网站，那么通过CSS来改善可访问性就会很容易。但你仍然可以轻松地将现有的网站转变为CSS形式。
步骤1：检查现有代码
为了更好地说明，我将用在表A中这个简单的HTML代码来代表一个使用CSS的页面。这个例子假设页面还没有使用CSS，不过你也可以使用相似的方法来评价一个基于CSS的站点。主要的不同点就是大多数的改变将发生在CSS文件中而不是HTML文件中。
步骤2：从HTML中去掉所有特殊风格标签
要在这个页面中加入CSS，我首先需要去掉所有要控制内容表现的标签。样本代码使用了字体标签来定义字体外观，风格和颜色。去掉这些元素使得样本代码如表B所示。
步骤3：从HTML中去掉并替换任何错用的标签
现在我要去掉任何错用的HTML标签。在样本代码之中，一个表格用来在页面的内容创建一个15象素的边缘，代码还使用<br>标签来创建段落。
在我去掉表格和<br>标签之后，我将他们替换为适当的标签。例如，我对页面标题使用<h2>标签，用<p>标签来显示段落。使用这些标准HTML标签使得之后的CSS的应用变得非常容易，而且与用户定义的风格单更加兼容。现在的样本代码如表C所示。
步骤4：建构一个CSS文件来覆盖风格信息
现在我已经从HTML文件中去掉了所有风格信息，我需要将这些信息转移至一个CSS文件中。CSS文件仅仅是一个存为.css扩展名的文本文件，因此它可以在任何一个文本编辑器中进行创建。我使用的是Dreamweaver MX。
为了使在HTML中应用CSS文件变得容易，我使用了名为p和h2的风格来对应标准HTML标签。我使用了可变的字体大小，使得用户可以轻松地在浏览器中增大或缩小字体大小。使用绝对大小可以防止浏览器对字体进行大小的调整（除了Netscape 6或以后的版本之外，它将不考虑绝对字体大小）。我还在需要的地方指定了字体的种类，重量和颜色。
要重新产生由HTML标记代码创建的版面，我需要将<p>和<h2>标签设置宽度为780象素。然而，由于我们的目的是将可访问性最大化，因此我将去掉宽度设置使得页面能符合浏览器窗口的大小。而且我将让HTML页面使用浏览器的缺省边缘，而不是用原始代码的<table>标签来重新创建15象素的空白，这也使得其它例如打印机等的设备来使用它的缺省边缘设置。
表D显示了我创建的CSS文件。我将它命名为Mystylesheet.css并将它放置在网站根目录下的一个风格文件夹之中。
步骤5：在HTML文件上附加新的风格单
在创建了CSS文件之后，我在HTML文件中插入了它的风格。因为HTML文件已经包括了所有在CSS文件中引用的标签(<h2>和<p>)，所以我只需要连接到HTML文件头部的风格单上就可以了。HTML文件从CSS文件中获得风格并将他们应用到<h2>和<p>标签当中，如表E所示。
步骤6：验证代码
整个过程的最后一个步骤就是验证HTML代码的可访问性。如果你对于CSS来说是个新手的话，你最好对CSS代码也进行验证。有很多种的工具都可以帮你对二者进行验证。
我使用Dreamweaver MX来检查我的样本代码的可访问性。你可以通过在文件菜单中选择Check Page然后选择Check accessibility来实现。任何错误或是警告都会显示出来，还包括出现位置的行号以及对问题简要的解释。你可以在Dreamweaver MX的Reference工具中找到更多关于这些错误和警告的内容。你只要从Dreamweaver的Windows菜单中选择Reference然后从Book菜单中选择UsableNet Accessibility Reference就可以了。
此外，World Wide Web Consortium (W3C)提供了超过30个的可访问性评估工具的链接。W3C还提供了针对HTML和CSS的基于Web的免费验证器。
可访问性和简单的管理
虽然这里给出的例子是很简单的，但它说明了利用CSS使你的站点更加具有可访问性是非常容易的。而且，对于CSS的使用不止这一个优点而已。
基于CSS的网站要比仅仅只有HTML的网站要好管理得多。CSS文件中的风格上的变化可以应用到整个网站中而不需要改变网站中任何的HTML文件。而且CSS的使用缩小了每一个HTML文件的整体文件大小，因为所有的风格信息都存储在了CSS文件之中。
因此如果你想要改善可访问性的话，将其视为一个机会，而不是一个障碍。要了解更多关于CSS和可访问性的内容，你可以去看一看World Wide Web Consortium中的Web Accessibility Initiative (WAI)。
以用户为中心的网站设计
以用户为中心的网站设计：真理VS小说
几年前，我参加了中东欧最大的电子商务公司之一。当我走进我的新办公室，我立刻发现了一个庞大的以用户为中心的设计（UCD）海报在墙壁上。整个过程进行了描述的细节，离开几乎没有任何怀疑，一步一步的设计方法。一个有抱负的UX设计师的令人兴奋的室内设计，对不对？我盯着海报满怀希望和想象中的理想UCD过程实际上是多么令人兴奋之后。你猜怎么着？他们从海报的实际过程并不适用于一个单一的步骤。他们从来没有任何研究，也没有认真分析用户的行为。哎呀，他们甚至没有原型！这个奇特的海报可耻简单地挂在墙壁上。
在接下来的三年里，我们努力工作，把用户体验设计的开发人员推动的文化中心。我们忘了海报和构建我们自己的过程中，装好公司的能力，使我们能够不断地优化我们的主要服务。为什么我们不使用水晶般清晰的理论方法吗？因为我们买不起了很多不同的活动，一步一步来，通过经典的UCD过程。会花费太多时间，因此它在经济上无效 - 我们的项目的预算太紧张。
为了提供一个用户界面的时间，我们被迫变得很瘦。我们使用了经典的UCD过程中的灵感和创造的过程很简单，但可行的，为公司的。我们定义问题，定义项目的范围，遍历纸原型和线框图，生产以最快的速度，我们可以推代码，并总是用多元分测试和详细的Google Analytics（分析）事件跟踪。
启动后的时间来衡量和优化计划，我们立即执行。不幸的是，只有巨大的项目有定性检测的预算。巨大的项目也充满了初步的图（站点地图流程图，概念diagraming）， - 一个巨大的活动，在一个复杂的乱七八糟的信息中找到秩序。
这一切的一切，我们的过程是简单而有效。当然，从总体上看，这是一个UCD过程，但任何流行的方法和一个著名的UPA海报相比，我们使用了约20％的推荐工具和研究。我们假设用户不利于从海报麒麟过程。用户受益于产品团队的辛勤工作，因此，一个简单的过程是比一个强大的不可诉理论。
突然间，我开始想知道别人是怎么管理的应用UCD。有很多的谈论线框，但我们的工作是什么样子超出线框？我是一个简单的方法只有一个？创造成功的设计，我们可以做些什么呢？超越“的海报”的过程是什么样子呢？是否有一种模式，效果很好，为广大的设计师吗？
研究的原因
幸运的是，我找到我的问题的设计过程中的一些问题的答案。我是被迫进行的全球现实的经典UCD方法和设计过程中检查我看来。分享这个现实检查这篇文章是存在的理由。
手机网站设计的内容怎么表现
喜欢的网站，它是必要的，专注于智能手机的网站上的内容。这是删除的内容并不重要，要集中。
这将是很难理解的是小于屏幕的桌面，屏幕的智能手机是，有大量的文本。这可能是一起或更小的段，以使其更容易阅读和更容易使用的列表。
它也是有效的导致除以使用的设计元素的文本区域。
分割的文本元素的视觉元素
随着的标题文字，我用的标题图标。
而不是列出的日期，日期的图形。
使用一个小图形中形成的重要信息。
相反的标题文本或改变大小时，我会改变颜色。
为了确定不同的元素，使用颜色鲜艳的背景。
为了强调的关键领域，使用的亮点。
分离的白色空间（利润），或突出显示的文本区域。
WEB标准学习：自定义打开链接的方式
由于在XHTML1.0过渡型标准之前，target="_blank"属性一直是点击链接后弹出新窗口的方法，但是XHTML1.0严格型标准以及XHTML1.1之后就不再支持target属性，
也就是说不能再用target="_blank"来弹出一个新的窗口!本实例探讨的是在XHTML1.1标准下弹出新窗口的方法，并结合Cookies实现客户端自定义弹出新窗口的方法。
以下是引用片段：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>自定义打开链接的方式</title>
<style type="text/CSS">
<!--
#main {
width: 600px;
margin-right: auto;
margin-left: auto;
border: 1px solid #006699;
height: 600px;
}
#title {
background-color: #006699;
padding: 10px;
width: 100%;
font-family: Verdana, Arial;
font-size: 16px;
color: #FFFFFF;
font-weight: bold;
}
#PRoperty {
margin: 10px;
border: 1px solid #99CC00;
height: 24px;
background-color: #F8FEE9;
font-size: 12px;
line-height: 24px;
}
#link {
margin: 10px;
border: 1px solid #0099CC;
background-color: #EFEEFF;
font-size: 12px;
height: 366px;
padding: 20px;
}
#copyright {
font-size: 12px;
padding: 20px;
color: #003333;
line-height: 16px;
}
img{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.center {
text-align: center;
}
-->
</style>
<script type="text/javascript">
<!--
function onlinks(){
通过计划任务简单备份Discuz!NT站点和数据库
通过计划任务简单备份discuznt站点和数据库
写2个批处理文件如下:
webbackup.bat
"C:\PRogram Files\WinRAR\rar.exe" u -r -ver -pyoupassWord e:\backup\webbackup "d:\wwwroot"
dbbackup.bat
net stop MSSQLSERVER
"C:\Program Files\WinRAR\rar.exe" u -r -ver -pyoupassword e:\backup\dbbackup "c:\Microsoft SQL Server\MSSQL\data"
net start MSSQLSERVER
然后把这两个批处理脚本放到计划任务里执行,时间定在访问量比较小的夜里或凌晨.
简单说下几个参数的含义:
"C:\Program Files\WinRAR\rar.exe" u -r -ver -pyoupassword e:\backup\webbackup "d:\wwwroot"
~~~~~~~~~~~~~~~~~~~~ ~ ~ ~~ ~~~~~~~~~ ~~~~~~~~~~~~~ ~~~~~~~~~
1 2 3 4 5 6 7
1这个就是winrar目录下的dos版压缩命令
2更新压缩文件中的文件
3递归子目录
4使用版本策略(利用这个做增量)
5指定压缩文件的密码为youpassword
6保存的文件名为webbackup.rar
7需要备份的目录