INSERT INTO `#@__addonarticle` (`aid`, `typeid`, `body`, `redirecturl`, `templet`, `userip`) VALUES (1, 2, '

HTML 4.0的新特性之一是使HTML事件触发浏览器中的行为,比方说当用户点击一个HTML元素时启动一段JavaScript。以下就是可被插入HTML标签以定义事件行为的一系列属性。

假如你希望学习如何使用这些事件进行编程,那么你应该学习我们的JavaScript教程和DHTML教程。

窗口事件 (Window Events)

仅在body和frameset元素中有效。

属性描述
onload脚本当文档被载入时执行脚本
onunload脚本当文档被卸下时执行脚本

表单元素事件 (Form Element Events)

仅在表单元素中有效。

属性描述
onchange脚本当元素改变时执行脚本
onsubmit脚本当表单被提交时执行脚本
onreset脚本当表单被重置时执行脚本
onselect脚本当元素被选取时执行脚本
onblur脚本当元素失去焦点时执行脚本
onfocus脚本当元素获得焦点时执行脚本

键盘事件 (Keyboard Events)

在下列元素中无效:base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, and title elements.

属性描述
onkeydown脚本当键盘被按下时执行脚本
onkeypress脚本当键盘被按下后又松开时执行脚本
onkeyup脚本当键盘被松开时执行脚本

鼠标事件 (Keyboard Events)

在下列元素中无效:base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, title elements.

属性描述
onclick脚本当鼠标被单击时执行脚本
ondblclick脚本当鼠标被双击时执行脚本
onmousedown脚本当鼠标按钮被松开时执行脚本
onmousemove脚本当鼠标指针移动时执行脚本
onmouseout脚本当鼠标指针移出某元素时执行脚本
onmouseover脚本当鼠标指针悬停于某元素之上时执行脚本
onmouseup脚本当鼠标按钮被松开时执行脚本
\r\n

', '', '', ''), (2, 2, ' 一段时间以来,发现有很多人XHTML都不会用,不光是普通的初学者,有的程序员都不是很清楚该怎么写这个XHTML,我这里呢算是把一些常见的应用问题做一个总结,也算能使得大家能在沟通,合作上能形成默契。

  XHTML里有很多的标签,但是经常用到的也就是那么几个,也只要掌握这几个也就可以了。下面我们一一列举:div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em

  div 在我的脑子里我一直把他想作是一个瓶子或是箱子,我的感觉它挺硬的。这个div没有什么特性的意义,可以使用在很多地方,也就是说他可以装不同的东西。他的正确的写法是
必需要有封口。大家都用来做布局之用,也有用来作为存放文章形成段落,实际上,这个做法并不是很好,因为作为文章的分段自然有一个特定的标签来用。那就是下面要讲的

标签,不过用DIV来再整体的包住所有的段落。这是非常实用的。

  p 这是一个有特定语义的标签,表示段落,是用来区分段落的。在大部分的浏览器中对P基本上都有一个上下的边距。但是没有行首缩进,因为行首缩进只是表示段落的方式但是不是一定或是必需的。所以在用P标签的时候如果需要可以针对P设定一下行首缩进,我是推荐在文章以外的地方不要使用P,因为P是有一定语义的,如果用在别的地方恐不合适。正确的写法是



  span 这也是一个非常常用的标签,这个标签可以说与div很像,没有什么特定的意义,只是他是一个级联元素,不是块级元素。我一直把它看作是一个袋子,他不像箱子那样可以有自己的宽高,他的宽高只能随着内容的多少而定,所以很像是袋子。这个标签与div正好互补。

  ul,li 这是一个列表,在列表中,除了UL还OL,不过我觉得OL有点像是鸡肋。因为UL通过CSS定义一样可以有OL的数字排序效果。所以一般我不推荐使用OL,有UL就可以了。UL是块级的,他的子级li也是块级标签。正确的写法是 LI标签是被UL标签包裹的,在UL标签里可以有无数个LI标签,LI标签不能独立使用。并且LI标签一定要封口,这不光是美观问题,对于后期的维护也很有好处。很多程序员都不喜欢把这个LI封口。UL列表的用处主要是列举出一维的,同一类型的数据。具体的比如使用在菜单上,文章中列数的一些条例等等。在列表中有一种特别的形式与UL是不一样的。那就是下面的DL

  dl,dt,dd 这是一个很特别的三个标签的组合。这里的DT是指标题,DD是指内容。DL是包课他们的容器。正确的写法是
< /dt>
在DL里可以有很多组的DT,DD,当出现很多组的时候尽量是一个DT 配一个DD,如果DD中内容很多,可以在DD里加P标签配合使用。DL列表是一个非常好的列表形式,可以多加利用。

  a 这表示链接,是一个特定属性的,也是网页中最为神奇的标签。因为它才让无数的网页都连在了一起。正确的写法是: 其中的href是表示目标地址,TITLE是鼠标悬停提示文字,这是可有可无的。但是有必是利大于无。

  img  这是图片标签,也是个特定属性的标签。正常写法是: 这里的src是目标地址, ALT与TITLE是替换文字,ALT是 IE特定的,TITLE是其它浏览器的通用的。不过记得后面的反斜线那是一定要有的。

  H  这是一个系列的标签,从H1到H6,一共六个,有人说太少了,有人说正好用,有人说用不了这么多。反正我是觉得差不多。正确写法是: 主要是用来存放标题,也有一些朋友用来作它用拿来作其它用处,个人觉得这个标签还是让他安生一点,就让他做标题的作用。这六个标签之间最好不要出现什么相互包含的事。

  strong 这个意思是着重,这是有语义的,作用也很简单。至于样工,是加粗着重,还是用色彩表明着重,那都是自行选择。正确的写法是

  em 这个与strong很像,是表示强调。一般浏览器的默认值是斜体。使用方式与strong一样。写法是:

  这里没有说表单,因为表单基本上没有什么变化,也没什么可特别说的。\r\n

', '', '', ''), (3, 2, '

你认为已经知道怎么制做表格了吧。当然,你已经了解 table、tr、td和th标签了,甚至还在你的口袋里装入了rowspan和colspan。你确实可以制做一个精美小巧的咖啡色三合板桌子(表格),但难道你不想做一个优雅稳固,上面有玻璃的,足以承受一头大笨象的宴会桌(表格)?

列反罢工

表格行简直使表格列看起来很愚蠢。同样的工作,表格由行与行构建,让列感到十分沮丧。

但是很幸运,colgroup和col标签来拯救热心的列了。

这两个标签允许你定义表格列和尽你所需地样式化它们,对于你需要把列排成行或不同着色特别有用,如果没有它们,你需要样式化每一个单独的单元格。

这是一个使用这些标签的例子:













ThisThatThe other
LadybirdLocustLunch

alternate类的样式将被应用到第二列,或者说每一行的第二个单元格。

你当然可以在colgroup或者col上使用span属性,跟rowspan和colspan有相似的用途

colgroup一起使用可以定义属于列组的行数,比如会组合头两列。当在colgroup使用span时,不应该再使用col标签。

在col里使用span是更明智的,可以,比如,应用在上述例子像这样:



 ...

这将把alternate类应用到最后两列。

注意

哦,但是可能有一个陷井,不是吗?那就是:你仅能样式化列的是边框、背景、宽度和可见性。

Internet Explorer在这方面看起来比其他浏览器表现更好因为它装载有漂亮的CSS属性比如 color,但是,正如结果一样,这是因为它疯狂古怪的行为而已。这种奇特的异常可以让Ian Hixie来解释。

摘要和说明插曲

一个简要和容易的提高易用性的思考是,总是为表格应用摘要和说明。

摘要可以在表格起始标签table中用summary属性应用到表格中。这不会显示,但可以辅助非可视化的表格表现。

caption标签在起始标签table后直接定义说明。它默认直接在表格顶端出现,但可以在CSS属性caption-side中设置top、right、bottom或者left值,尽管IE不会在意。



...

表头、表注和滚动表格的探讨

thead、tfoot和tbody允许你把表格分为表头、表注和表格主体。对于大表格尤其有用,在打印的时候,表头和表注应该会在每一页都出现。

这些元素必须按thead-tfoot-tbody的顺序定义,像这样:

Locust mating habits





















 ...

Header 1Header 2Header 3
Footer 1Footer 2Footer 3
Cell 1Cell 2Cell 3

你可以让表格主体tbody在基于Gecko的浏览器(Mozilla、Firefox和Netscape 6+等)滚动,通过应用overflow: auto; max-height: [whatever] 的样式。然后你可以看见表头和表注固定,而表的主体右边有滚动条。你应该谨慎使用max-height属性因为IE不认识,比较安全的做法是使用 height属性,IE将为它应用到每一行。

注意:说回浏览器的差异,目前IE遇到表头和表注时还是没有什么线索,尽管还是当作表格来处理,但打印的时候不会在哦每一页都出现表头和表注,只孤零零地传递滚动的表格。

注意

谨慎对待滚动表格。尽管它们提供十分有用的目的,大部分用户不习惯它们并且认为线性数据是唯一的。

\r\n

', '', '', ''), (4, 2, '

结构

<html>
<head>
<title>标题<title>
</head>
<body>..........文件内容..........
</body>
</html>
1.文件标题
<title>..........</title>
2.文件更新--<meta>
 【1】10秒后自动更新一次
  <meta http-equiv="refresh" content=10>
 【2】10秒後自动连结到另一文件
  <meta http-equiv="refresh" content="10;URL=欲连结文件之URL">
3.查询用表单--<isindex>
   若欲设定查询栏位前的提示文字:
  <isindex prompt="提示文字">
4.预设的基准路径--<base>
   <base href="放置文件的主机之URL">

版面

1.标题文字 <h#>..........</h#> #=1~6;h1为最大字,h6为最小字
2.字体变化 <font>..........</font>
【1】字体大小 <font size=#>..........</font> #=1~7;数字愈大字也愈大
【2】指定字型 <font face="字型名称">..........</font>
【3】文字颜色 <font color=#rrggbb>..........</font> rr:表红色(red)色码 gg:表绿色(green)色码 bb:表蓝色(blue)色码
3.显示小字体 <small>..........</small>
4.显示大字体 <big>..........</big>
5.粗体字 <b>..........</b>
6.斜体字 <i>..........</i>
7.打字机字体 <tt>..........</tt>
8.底线 <u>..........</u>
9.删除线 <strike>..........</strike>
10.下标字 <sub>..........</sub>
11.上标字 <sup>..........</sup>
12.文字闪烁效果 <blink>..........</blink>
13.换行 <br>
14.分段 <p>
15. 文字的对齐方向 <p align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 P.S.<p align="#">之後的文字都会以所设的对齐方式显示, 直到出现另一个<p align="#">改变其对齐方向,或遇到<hr>?<h#>标签时会自动设回预设的向左对齐。
16.分隔线 <hr>
【1】分隔线的粗细 <hr size=点数>
【2】分隔线的宽度 <hr size=点数或百分比>
【3】分隔线对齐方向 <hr align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐
【4】分隔线的颜色 <hr color=#rrggbb>
【5】实心分隔线 <hr noshade>
17.向中对齐 <center>..........</center>
18.依原始样式显示 <pre>..........</pre>
19.<body>指令的属性
【1】背景颜色 -- bgcolor <body bgcolor=#rrggbb>
【2】背景图案 -- background <body background="图形文件名">
【3】设定背景图案不会卷动 -- bgproperties <body bgproperties=fixed>
【4】文件内容文字的颜色 -- text <body text=#rrggbb>
【5】超连结文字颜色 -- link <body link=#rrggbb>
【6】正被选取的超连结文字颜色 -- vlink <body vlink=#rrggbb>
【7】已连结过的超连结文字颜色 -- alink <body alink=#rrggbb>
20.注解 <!--..........-->21.特殊字元表示法
符 号   语 法 
<     &lt 
>     &gt 
&     &amp 
"     &quot 
空白    &nbsp

图片

1.插入图片 <img src="图形文件名">
2.设定图框 -- border <img src="图形文件名" border=点数>
3.设定图形大小 -- width?height <img src="图形文件名" width=宽度点数 height=高度点数>
4.设定图形上下左右留空 -- vspace?hspace <img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数>
5.图形附注 <img src="图形文件名" alt="说明文字">
6.预载图片
<img src="高解析度图形文件名" lowsrc="低解析度图形文件名"> P.S.两个图的图形大小最好一致
7.影像地图(Image Map) <img src="图形文件名" usemap="#图的名称"> <map name="图的名称">
       <area shape=形状 coords=区域座标列表 href="连结点之URL">
       <area shape=形状 coords=区域座标列表 href="连结点之URL">
       <area shape=形状 coords=区域座标列表 href="连结点之URL">
       <area shape=形状 coords=区域座标列表 href="连结点之URL">    </map>   
【1】定义形状 -- shape
       shape=rect:矩形         shape=circle:圆形         shape=poly:多边形   
【2】定义区域 -- coords
a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标
例:<area shape=rect coords=100,50,200,75 href="URL">
b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度
例:<area shape=circle coords=85,155,30 href="URL">
c.任意图形(多边形):将图形之每一转折点座标依序填入
例:<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL">

表格

1.定义表格 <table>..........</table>
【1】设定边框的厚度 -- border
<table border=点数>
【2】设定格线的宽度 -- cellspacing
<table cellspacing=点数>
【3】设定资料与格线的距离 -- cellpadding
<table cellpadding=点数>
【4】调整表格宽度 -- width
<table width=点数或百分比>
【5】调整表格高度 -- height
<table height=点数或百分比>
【6】设定表格背景色彩 -- bgcolor
<table bgcolor=#rrggbb>
【7】设定表格边框色彩 -- bordercolor
<table bordercolor=#rrggbb>
2.显示格线 <table border>
3.表格标题
<caption>..........</caption>
表格标题位置 -- align
<caption align="#"> #号可为 top:表标题置于表格上方(预设值)
bottom:表标题置于表格下方
4.定义列 <tr>
5.定义栏位 《1》<td>:靠左对齐
《2》<th>:靠中对齐?粗体
【1】水平位置 -- align <th align="#">
#号可为 left:向左对齐
center:向中对齐 right:向右对齐
【2】垂直位置 -- align <th align="#"> #号可为
top:向上对齐 middle:向中对齐
bottom:向下对齐
【3】栏位宽度 -- width
<th width=点数或百分比>
【4】栏位垂直合并 -- rowspan
<th rowspan=欲合并栏位数>
【5】栏位横向合并 -- colspan
<th colspan=欲合并栏位数>

清单

一、目录式清单
<dir> <li>项目1 <li>项目2 <li>项目3 </dir> P.S.目录式清单每一个项目不能超过20个字元(即10个中文字)
二、选项式清单 <menu> <li>项目1 <li>项目2 <li>项目3 </menu>
三、有序号的清单 <ol> <li>项目1 <li>项目2 <li>项目3 </ol>
【1】序号形式 -- type <ol type=#>或<li type=#> #号可为 A:表以大写英文字母A?B?C?D...做为项目编号 a:表以小写英文字母a?b?c?d...做为项目编号 I:表以大写罗马数字做为项目编号 i:表以小写罗马数字做为项目编号 1:表以阿拉伯数字做为项目编号(预设值)
【2】起始数字 -- start <ol start=欲开始计数的序数>
【3】指定编号 -- value <li value=欲指定的序数>
四、无序号的清单 <ul> <li>项目1 <li>项目2 <li>项目3 </ul>
【1】项目符号形式 -- type <ul type=#>或<li type=#> #号可为 disc:实心圆点(预设值) circle:空心圆点 square:实心方块
【2】原始清单 -- plain <ul plain>
【3】清单排列方式 -- warp 《1》清单垂直排列 <ul warp = vert> 《2》清单水平排列 <ul warp = horiz>
五、定义式清单 <dl> <dt>项目1 <dd>项目1说明 <dt>项目2 <dd>项目2说明 <dt>项目3 <dd>项目3说明 </dl>
紧密排列 -- compact <dl compact> P.S.如此可使<dt>的内容与<dd>的内容在同一行,仅 以数格空白相隔而不换行,但若<dt>的文字超过一 定的长度后,compact的作用就消失了!

表单

一、基本架构 <form action="处理资料用的CGI程式之URL"或"mailto:电子信箱的URL" method="get或post"> .......... .......... .......... </form>
二、输入文件型表单 <form action="URL" method="post"> <input> <input> .......... .......... </form>
【1】栏位类型 -- type <input type=#> #号可为 text:文字输入 password:密码 checkbox:多选钮 radio:单选钮 submit:接受按钮 reset:重设按钮 image:图形钮 hidden:隐藏栏位
【2】栏位名称 -- name <input name="资料栏名"> P.S.若type为submit?reset则name不必设定
【3】文件上的预设值 -- value <input value="预设之字串">
【4】设定栏位的宽度 -- size <input size=字元数>
【5】限制最大输入字串的长度 -- maxlength <input maxlength=字元数>
【6】预设checkbox或radio的初值 -- checked <input type=checkbox checked> <input type=radio checked>
【7】指定图形的URL -- src <input type=image src="图档名">
【8】图文对齐 -- align <input type=image align="#"> #号可为 top:文字对齐图片之顶端 middle:文字对齐图片之中间 buttom:文字对齐图片之底部
三、选择式表单 <form action="URL" method="post"> <select> <option> <option> .......... .......... </select> </form>
A、<select>的属性
【1】栏位名称 -- name <select name="资料栏位名">
【2】设定显示的选项数 -- size <select size=个数>
【3】多重选项 -- multiple <select multiple>
B、<option>的属性
【1】定义选项的传回值 -- value <option value="传回值">
【2】预先选取的选项 -- selected <option selected>
四、多列输入文字区表单 <form action="URL" method="post"> <textarea> .......... .......... </textarea> </form>
【1】文字区的变数名称 -- name <textarea name=变数名称>
【2】设定文字输入区宽度 -- cols <textarea cols=字元数>
【3】设定文字输入区高度 -- rows <textarea rows=列数>
【4】输入区设定预设字串 <textarea> 预设文字 </textarea>
【5】自动换行与否 -- wrap <textarea wrap=#> #号可为 off:表输入的文字超过栏宽时,不会自动换行(预设值) virtual:表输入的文字在超过栏宽时会自动换行

链接

一、连结至其他文件 <a href="URL">说明文字或图片</a>

二、连结至文件内之某一处(外部连结)

《1》起点
<a href="档名#名称">..........</a>
《2》终点 <a name="名称">

三、frame的超连结

【1】开启新的浏览器来显示连结文件 -- _blank <a href="URL" target=_blank>
【2】显示连结文件於目前的frame -- _self <a href="URL" target=_self>
【3】以上一层的分割视窗显示连结文件 -- _parent <a href="URL" target=_parent>
【4】以全视窗显示连结文件 -- _top <a href="URL" target=_top>
【5】以特定视窗显示连结文件 --<a href="URL" target="特定视窗名称">

FRAME

一、分割视窗指令 <frameset>..........</frameset>
【1】垂直(上下)分割 -- rows
<frameset rows=#> #号可为点数:如欲分割为100,200,300三个视窗,则
<frameset rows=100,200,300>;亦可以*号代表,如<frameset rows=*,500,*>
百分比:如<frameset rows=30%,70%>,各 项总和最好为100%
【2】水平(左右)分割 -- cols <frameset cols=点数或百分比>
二?指定视窗内容 -- <frame>
<frameset cols=30%,70%>    <frame>    <frame> </frameset>
【1】指定视窗的文件名称 -- src <frame src=HTML档名>
【2】定义视窗的名称 -- name
<frame name=视窗名称>
【3】设定文件与上下边框的距离 -- marginheight
<frame marginheight=点数>
【4】设定文件与左右边框的距离 -- marginwidth
<frame marginwidth=点数>
【5】设定分割视窗卷轴 -- scrolling
<frame scrolling=#> #号可为 yes:固定出现卷轴
no:不出现卷轴 auto:自动判断文件大小需不需要卷轴(预设值)
【6】锁住分割视窗的大小 -- noresize <frame noresize>

\r\n

', '', '', ''), (5, 2, '

说实话,无论是asp,php还是jsp进行网络编程的时候,都离不开和用户的交互。

而人机对话的平台,基本上是靠相应的文本、列表框进行输入,然后通过按钮提交送至数据库的。

所以学习网络编程就一定要了解这些输入平台相关的东西:表单(form)其基本格式如下:





可以总结出:表单即包括

...
之内的相关内容。

其中内部可以分三大类:input,select,textarea

一,首先看

内部参数

参数name:用来表示该表单的唯一名称,方便一个页面建立多个表单而不混淆,当然更是为了接受页面的确认关系。

参数action:显而易见,是表示当前的表单中所有内容将送交某个页面去处理。处理包括接受信息,数据库比较,添加,修改等。

参数method:即表单的提交方法,含两种方法:post和get。post是传输信息内容,get是传输url值,具体用法将会在下一节“内置对象request”中介绍到

二,再来看Input相关

Input表示Form表单中的一种输入对象,其又随Type类型的不同而分文本输入框,密码输入框,单选/复选框,提交/重置按钮等,下面一一介绍。

1,type=text

输入类型是text,这是我们见的最多也是使用最多的,比如登陆输入用户名,注册输入电话号码,电子邮件,家庭住址等等。当然这也是Input的默认类型。

参数name:同样是表示的该文本输入框名称。

参数size:输入框的长度大小。

参数maxlength:输入框中允许输入字符的最大数。

参数value:输入框中的默认值

特殊参数readonly:表示该框中只能显示,不能添加修改。


your name:



2,type=password

不用我说,一看就明白的密码输入框,最大的区别就是当在此输入框输入信息时显示为保密字符。

参数和“type=text”相类似。


your password:
密码长度小于15

3,type=file

当你在BBS上传图片,在EMAIL中上传附件时一定少不了的东西:)

提供了一个文件目录输入的平台,参数有name,size。


your file:

4,type=hidden

非常值得注意的一个,通常称为隐藏域:如果一个非常重要的信息需要被提交到下一页,但又不能或者无法明示的时候。

一句话,你在页面中是看不到hidden在哪里。最有用的是hidden的值。


your hidden info here:


5,type=button

标准的一windows风格的按钮,当然要让按钮跳转到某个页面上还需要加入写JavaScript代码


your button:

6,type=checkbox

多选框,常见于注册时选择爱好、性格、等信息。参数有name,value及特别参数checked(表示默认选择)

其实最重要的还是value值,提交到处理页的也就是value。(附:name值可以不一样,但不推荐。)


a:

b:

c:


name值可以不一样,但不推荐


a:

b:

c:

7,type=radio

即单选框,出现在多选一的页面设定中。参数同样有name,value及特别参数checked.

不同于checkbox的是,name值一定要相同,否则就不能多选一。当然提交到处理页的也还是value值。


a:

b:

c:


下面是name值不同的一个例子,就不能实现多选一的效果了


a:

b:

c:

8,type=image

比较另类的一个,自己看看效果吧,可以作为提交式图片


your Imgsubmit:

9,type=submit and type=reset

分别是“提交”和“重置”两按钮

submit主要功能是将Form中所有内容进行提交action页处理,reset则起个快速清空所有填写内容的功能。





Input的Type总结下来有10个,还是不少的,呵呵

三,接着再来看Select相关

Select主要要来做下拉菜单,跳转菜单,(下拉)列表。

其本身有内嵌代码,option参数value值为传递被处理的值,option还有参数selected,表示默认被选中的。

1,下拉菜单

只是菜单式显示。




2,跳转菜单

在下拉菜单基础上添加JavaScript成为跳转菜单。


 
 
 



size>1你会发现了大不同





加入了multiple发现可以多个选择了,包括Shift进行快速全选及Ctrl进行点选



四,最后关注的Textarea

可以将Textarea文本区域理解为扩大化了的文本输入框。

其参数没有value,默认值设定在之间。

其它参数还有rows,表示文本区域的行数;参数cols,表示文本区域的列数。

还有参数warp,当warp=off表示该文本区域中的不自动换行,当然不写默认是自动换行的。



\r\n

', '', '', ''), (6, 2, ' 我们经常会在一个技术性网站或BBS见到这三个东东:XHTML DHTML SHTML,它们到底是怎么回事呢?我们看下面的说明与讲解。

XHTML:

  HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的XML,所以,本质上说,XHTML是一个过渡技术,结合了XML(有几分)的强大功能及HTML(大多数)的简单特性。

  2000年底,国际W3C(World Wide Web Consortium)组织公布发行了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言,目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。下面是W3C的HTML工作组主席Steven Pemberton回答的关于XHTML的常见基础问题。

  (1)XHTML解决HTML语言所存在的严重制约其发展的问题。HTML发展到今天存在三个主要缺点:不能适应现在越多的网络设备和应用的需要,比如手机、PDA、信息家电都不能直接显示HTML;由于HTML代码不规范、臃肿,浏览器需要足够智能和庞大才能够正确显示HTML;数据与表现混杂,这样你的页面要改变显示,就必须重新制作HTML。因此HTML需要发展才能解决这个问题,于是W3C又制定了XHTML,XHTML是HTML向XML过度的一个桥梁。

  (2)XML是web发展的趋势,所以人们急切的希望加入XML的潮流中。XHTML是当前替代HTML4标记语言的标准,使用XHTML 1.0,只要你小心遵守一些简单规则,就可以设计出既适合XML系统,又适合当前大部分HTML浏览器的页面。这个意思就是说,你可以立刻设计使用XML,而不需要等到人们都使用支持XML的浏览器。这个指导方针可以使web平滑的过渡到XML。

  (3)使用XHTML的另一个优势是:它非常严密。当前网络上的HTML的糟糕情况让人震惊,早期的浏览器接受私有的HTML标签,所以人们在页面设计完毕后必须使用各种浏览器来检测页面,看是否兼容,往往会有许多莫名其妙的差异,人们不得不修改设计以便适应不同的浏览器。
 
  (4)XHTML是能与其它基于XML的标记语言、应用程序及协议进行良好的交互工作。
 
  (5)XHTML是Web标准家族的一部分,能很好在无线设备等其它用户代理上。

  (6)在网站设计方面,XHTML可助你去掉表现层代码的恶习,帮助你养成标记校验来测试页面工作的习惯。

DHTML:

  DHTML只是一种制作网页的概念,实际上没有一个组织或机构推出过所谓的DHTML标准或技术规范之类的。DHTML不是一种技术、标准或规范,DHTML只是一种将目前已有的网页技术、语言标准整和运用,制作出能在下载后仍然能实时变换页面元素效果的网页的设计概念。

  DHTML大致包含以下网页技术、标准或规范:

  HTML 4.0  没什么好说的,网页的基础语言标准。

  CSSL 注意!不是CSS,是CSSL,它是Clent-Side Scripting Language的缩写,译作“客户端脚本语言”,主要有JavaScript(JS),VBScript(VBS),JScript。Netscape主要支持JS,IE主要支持JS,VBS和JScript。

  DOM Document Object Model的缩写,译作“文档对象模型”,是W3C日前极力推广的web技术标准之一,它将网页中的内容抽象成对象,每个对象拥有各自的属性(Properties)、方法(Method)和事件(Events),这些都可以通过上面讲到的CSSL来进行控制。IE和NS的对象模型都是以W3C的公布的DOM为基准,加上自己的Extended Object(扩展对象)来生成的。

  CSS 这才是Cascading Style Sheets(层叠样式表单)的缩写,也是本站52CSS.com的主题,它是HTML的辅助设计规范,用来弥补HTML在排版上的所受的限制导致的不足,它是DOM的一部分。理论上说通过CSSL动态地改变CSS属性可以做出任何你想要的页面视觉效果。

  所以,简单地说,要实现DHTML,就是以HTML为基础,运用DOM将页面元素对象化,利用CSSL控制这些对象的CSS属性以达到网页的动态视觉效果。

SHTML:

  问起SHTML和HTML的区别,如果用一句话来解释就是:SHTML不是HTML而是一种服务器 API,shtml是服务器动态产成的html。

  虽然两者都是超文本格式,但shtml是一种用于SSI技术的文件。 也就是Server Side Include--SSI 服务器端包含指令。 如果Web Server有SSI功能的话(大多数(尤其是基于Unix平台)的WEB服务器如Netscape Enterprise Server等均支持SSI命令)。 会对shtml文件特殊招待。 先扫一次shtml文件看没有特殊的SSI指令现在。 有就按Web Server设定规则解释SSI指令。 解释完后跟一般html一起掉去客户端。

  SHTML使用SSI(Server Side Include)的html文件扩展名,SSI(Server Side Include),通常称为"服务器端嵌入"或者叫"服务器端包含",是一种类似于ASP的基于服务器的技术。

  SSI工作原理:

  将内容发送到浏览器之前,可以使用“服务器端包含 (SSI)”指令将文本、图形或应用程序信息包含到网页中。例如,可以使用 SSI 包含时间/日期戳、版权声明或供客户填写并返回的表单。对于在多个文件中重复出现的文本或图形,使用包含文件是一种简便的方法。将内容存入一个包含文件中即可,而不必将内容输入所有文件。通过一个非常简单的语句即可调用包含文件,此语句指示 Web 服务器将内容插入适当网页。而且,使用包含文件时,对内容的所有更改只需在一个地方就能完成。

  因为包含 SSI 指令的文件要求特殊处理,所以必须为所有 SSI 文件赋予 SSI 文件扩展名。默认扩展名是 .stm、.shtm 和 .shtml

  Web 服务器在处理网页的同时处理 SSI 指令。当 Web 服务器遇到 SSI 指令时,直接将包含文件的内容插入 HTML 网页。如果“包含文件”中包含 SSI 指令,则同时插入此文件。除了用于包含文件的基本指令之外,还可以使用 SSI 指令插入文件的相关信息(如文件的大小)或者运行应用程序或 shell 命令。

  网站维护常常碰到的一个问题是,网站的结构已经固定,却为了更新一点内容而不得不重做一大批网页。SSI提供了一种简单、有效的方法来解决这一问题,它将一个网站的基本结构放在几个简单的HTML文件中(模板),以后我们要做的只是将文本传到服务器,让程序按照模板自动生成网页,从而使管理大型网站变得容易。

  所以,利用SHTML格式的页面目的和 ASP 差不多,但是因为是 API 所以运转速度更快,效率更高,比ASP快,比HTML慢,但由于可以使用服务器端包含,因此使页面更新容易(特别是批量更新banner,版权等),想象一下吧,你有一段 HTML,要在中间穿插一些特殊的服务端脚本,比如插入其他 HTML 段落,你选择 ASP 来完成这个任务,但是如果任务更繁重,需要更多的时间,比如5s,这个时候你不用 ASP 而用 SHTML,或许处理时间就只用4s了.

\r\n

', '', '', ''); INSERT INTO `#@__addonarticle` (`aid`, `typeid`, `body`, `redirecturl`, `templet`, `userip`) VALUES (7, 2, '前言:

  现在都讲究标准建站,而标准建站使用的技术主要是XHTML+CSS,而现在我们普遍使用的是HTML代码,那么我该如何转换呢?以及HTML和XHTML有什么不同呢?在这个教程里,你将学到HTML和XHTML之间的不同,以及如何将HTML转换为XHTML。毕竟XHTML是发展的方向,所以我觉得该教程有必要在本站上发布。我感觉要是你想使用标准还是最好先学HTML,因为比较简单,然后再来看该教程。

  XHTML介绍:

  XHTML是 EXtensible HyperText Markup Language(可扩展超文本标记语言) 的英文缩写,而HTML则是 HyperText Markup Language(超文本标记语言) ,这是名字的不同。其实我们说得标准应该是XML,那为什么要学习XHTML呢?因为现在的HTML代码烦琐,危机四伏,但是XML使用环境还不成熟,所以推出了一个过度的产品就是XHTML,它起着呈上起下的作用。也有人认为XHTML是HTML的一个升级版本,其实也是正确的,我的理解是XHTML把HTML做得更加规范的一个标记语言,使HTML变得功能强大,减少了代码的烦琐尤其是表格。

  XHTML是在2000年1月26日被国际标准组织机构W3C(World Wide web Consortium)定为一个标准的,认为是HTML的一个最新版本,并且将逐渐替换HTML。现在所有的浏览器都支持XHTML,XHTML兼容 HTML 4.0。也有人认为XHTML就是HTML4.01。如果你在学习过程中自己编写了一个符合标准的站,你可以通过W3C的验证,验证通过后你将会得到一个标志,通常是XHTML1.0认证和CSS验证。我也不清楚目前国内有多少个网站同时通过了这两个验证。大家可以去这个站点去验证你的站,如果符合那两个规则则会分别给我们两段代码加到你的网页上向别人展示说明你采用了标准建站啊,牛啊!

  为什么我们使用XHTML

  XHTML是HTML升级为XML的过度产品,被定为一个标准,XHTML完全兼容HTML4.01,并且具有XML的语法。下面我们来看一个含有错误代码的HTML,如下:

  
  
  This is bad HTML
  
  

Bad HTML
  

  虽然含有错误代码,但是当我们在浏览器中浏览时还能正常显示。XML是一个标记语言,但是它要求在网页中出现的任何元素都应该被标记出来,XML是用来描述网页中的数据的,而HTML用来显示网页中的元素的。目前我们上网使用的各种浏览器技术,包括手提电脑、手机上网浏览等等,都要求浏览的一些内容都要被正确标记,如果有错误的标记可能会使显示特别混乱、甚至不能正常显示。

  因此联合 HTML 和XML , 还有其他的一些技术,我们得到了一种现在有用的而且在将来也有用的语言 - XHTML。

  当在将来都规范的时候我们就要用的 XHTML 正确格式的标记了,使所有的浏览器都能正确的执行,所以我们现在有必要开始学习XHTML了。

  XHTML和HTML之间的区别:

  XHTML是一项新技术,在浏览器和一些其他的软件都支持它之前,我们应该有必要熟悉一下这项技术。为了我们更好的学习XHTML之前我们应该熟悉一下HTML4.0,我们可以去下载一个参考手册来熟悉一下。以便于我们学起XHTML来更简单,换句话说我们现在使用HTML编写代码时应该尽力少写错误代码,如:都要使用小写的字符来编写HTML,每个标记之后都要加上标记的结束如:

网页教学网欢迎您的光临

结束一定要有,我们要保持这种规则。

  它们之间最大的区别在于:

  1.XHTML 元素一定要被正确的嵌套使用。

  在HTML里一些元素可以不正确嵌套也能正常显示,如:

  This text is bold and italic

  而在XHTML必须要正确嵌套之后才能正常使用,如:

  This text is bold and italic

  注意:这个错误通常发生在当嵌套多层之后的标签里面。如:

  


       
  • Coffee

  •    
  • Tea
       

          
    • Black tea

    •     
    • Green tea

    •    

       
  • Milk

  •   

  正确的应该是:

  


       
  • Coffee

  •    
  • Tea
       

          
    • Black tea

    •     
    • Green tea

    •    

       

  •    
  • Milk

  •   

  观察上述的两段代码我们可以看到正确的里面我们在 之后插入 标签。

 \r\n

', '', '', ''), (8, 2, '鉴于HTML初级教程的目的只是教授HTML的骨架元素,这个中级教程增加一些骨肉,它们不应该特别的难,但可以进一步增进我们对HTML的理解,使我们能多做一些更有用的事情。

HTML只是赋予内容的手段,大部分HTML标签都有其意义(标签p创建段落,h1标签创建标题等等)的,然而span和div标签似乎没有任何内容上的意义,听起来就像一个泡沫做成的锤子一样无用。但实际上,与CSS结合起来后,它们被用得十分广泛。

它们被用来组合一大块的HTML代码并赋予一定的信息,大部分用类属性class和标识属性id与元素联系起来,见CSS中级指南的类和id选择符。

span和div的不同之处在于span是内联的,用在一小块的内联HTML中,而div(想想division是什么意思)元素是块级的(简单地说,它等同于其前后有断行),用于组合一大块的代码。


This is crazy


 
在实践中,div,特别是span不应该滥用,尽管有其他相左的意见。比如,你要强调单词“crazy”和加粗类“paper”,可能会用这样的代码:


This is crazy


 
这是做法比再加一个span比较好。

对于类class和标识id没有线索?别担心,在CSS中级指南中会接触到它们。你所需要记住的是,span和div 是“无意义”的标签。但有新的说法说他们是有语义的。我们这里不再深入了。\r\n

', '', '', ''), (9, 2, 'tabbing浏览

不或不能使用指点设备的用户可以用快捷键tab键来打开连接,并且本身也要有逻辑tab顺序。尽管HTML是线性的,tabindex属性允许你定义它快捷键们的顺序,而且这些逻辑tab应该可以自动落入自己位置。

快捷键

快捷键可以通过键盘的特定按键进行更方便的导航(当按住Alt键或者Ctrl键时获得焦点)。对于那些没有指点设备的用户,比起使用tab键操作连接更快捷,更方便。

没有必要为每一个连接都设置快捷键,但为主要导航连接都设置是一个不错的主意。

Some page


注意

快捷键的麻烦是,用户常常没有办法知道它们在哪里和到底是什么键(除非查看源代码)。虽然JAWS──一个可以大声读出快捷键的屏幕阅读器,但要掘尽其能,你还是得让快捷键更直白。
你可以使用像“跳过导航”的连接技术(下详),或者选择一个独立的页面来说明你网站的这些易用性相关功能,包括快捷键。一个越来越流行的办法是在一个与快捷键相一致的字母上加下划线,类似于Windows程序菜单中的方法。


连接的标题

为连接添加标题属性title是一个好主意,这会给用户所指向连接的予说明,所以能改进导航。

假如这个连接是执行Javascript的,这也有利于为没有使用Javascript功能的用户解释什么将会(或不会)发生。

title="Open a nasty Javascript pop-up window">Monster


弹出窗口

说到Javascript弹出窗口,你要坚持使用的话,或者很多人(你的用户)告诉你要使用,你可以用onkeypress和onclick来使得页面更易用。并且,在功能上定义了返回false的弹出窗口,包含一个带有href属性指向普通页面的连接,对于一个没有使用Javascript功能的用户来说,可以以普通方式载入这个页面。

比如:


...
Monster


相邻的连接

相邻的连接应该至少用空格隔开,以便为屏幕阅读器清晰辩明。
这也可以用字符来完成,连接之间的(比如竖线 |── 连接 | 连接),或者包围连接的(如中括号 [] ── [连接] [连接])。把连接放在列表里面也是一个好主意。然后可以用CSS来样式化显示,甚至可以是并行的列表(用 display: in-line)。

跳过导航

你应该让使用屏幕阅读器的用户一个跳过导航直接到内容的机会。这是因为,假设你的连接是固定的(应该是),用户不必经受每一页同样的信息,尤其是大量的。你可以设置一个连接,跳过导航直接跳到内容的连接。

看起来像是这样的:

The Heading


Skip navigation






显然,你没有必要在可视化浏览器中显示它,所有你可以用CSS开隐藏它。

注意

这是虽然只是一个CSS的小技巧,但是“跳过导航”的特效药。这涉及到隐藏连接的方法。
最常见的办法可能是使用display: none,但有些浏览器看到但不理解这个连接,“跳过导航”的连接必须显示。
然而没有必要显示──没有理由显示给醒目的用户。所以坚持使用包含display: none的样式,还不如把元素宽和高设置为零(width: 0; height: 0; overflow: hidden;),这有相同的视觉效果,但可以使屏幕阅读器理解。

\r\n

', '', '', ''), (10, 2, '
这个表格去掉了单元格之间的纵向分隔线


这个表格去掉了单元格之间的横向分隔线
 线
 线
这个表格去掉了单元格之间的纵向分隔线和横向分隔线

其实上面的三个表格都有三行三列,隐藏分隔线的诀窍在于rules,察看这三个表格的源代码,我们可以看到标签中都有rules。 它有三个参数(cols,rows,none),当rules=cols时,表格会隐藏纵向的分隔线,这样我们就只能看到表格的行;当rules=rows时,则 隐藏了横向的分隔线,这样我们只能看到表格的列;而当rules=none时,纵向分隔线和横向分隔线将全部隐藏。
\r\n

', '', '', ''), (11, 2, '

 超级链接标记代表一个链接点,是英文anchor(锚点)的简写。它的作用是把当前位置的文本或图片连接到其他的页面、文本或图像,这已是众所周知了,但关于它的语法结构可能有点鲜为人知,而要用活它则必须了解其语法结构。标记的基本语法结构是:

class=type
id=value
href=reference
name=value
rel=same|next|parent|previous
rev=value
target=window
style=value
title=title
onclick=function
onmouseout=function
onMouseOver=function>连接

  从标记的语法结构可以看出,在设定一个超级链接时有很多参数可供选择,以实现不同的链接效果,这有点出乎意料吧?!

  其中class和id选项:用于设定链接点所属的类型和分配的ID号,通常不加以设定。最常用的两个参数是href和name。其中href是 hypertext reference的缩略词,用于设定链接地址。链接地址必须为url地址,如果没有给出具体路径,则默认路径和当前页的路径相同。链接到的文件也分为几种情况:如果为HTML文件,则在当前浏览器中直接打开;如果为可执行文件(.exe文件),则直接执行或下载,我们提供下载的文件就是用它的这种特性做的;如果为文本文件如word格式的文件,则在浏览器中打开此文件,并可以进行编辑加工。

  rel:表示设定链接的关系:rel=same表示待链接的文件与此文件相同,rel=next表示待链接的文件为下一页,rel=parent表示本文件为待链接文件的父文件,rel=previous则表示待链接的文件为上一页。

  rev:则用于设定反向链接。

  target:是在采用帧窗口的情况下设定链接到哪一个窗口,还有target="_bank"是表示新开一窗口打开网页。

  title:用于设定链接点被选到时显示的标题。

  onclick:对应于一个事件,当链接点被点击后将触发这个事件,执行对应的子程序。

  onmouseover:与onclick类似,对应的事件在鼠标移到链接点上时被触发。

  onmouseout:对应的事件在鼠标移出镇接点后被触发。

  举几个例子:

回到主页
播放语音文件
执行对应的程序
打开对应的文档进行加工

  应用技巧

  1、提供下载文件

  有不少网友来信问,提供下载的效果怎么做。实际上仍然是做一个超级链接,不过供下载的文件必须上传到网站上。例:有一个“网页技巧”的文件包供下载,文件名是“homepagejq.zip”且已上传到网站了,则这个链接的代码可以这样写:点击这里下载“网页技巧”文件包

  2、在新窗口中打开链接的网页

  设定“target”的值为“_blank”。例:新开窗口打开网页“aboutme.htm”。产生该效果的代码是:关于我......

  3、鼠标移到链接,显示一行说明文字

  设定“title”参数值,即可获得这种效果。例:当鼠标移到“黄山村夫”这个链接上时,显示说明“这是一个介绍技巧的专业网站”。这个链接的代码是这样的:黄山村夫

  4、鼠标移到一个链接上弹出一个窗口

  这是设定onmouseover参数获得的效果。例:当鼠标移到一个链接上,弹出一个窗口并在窗口中显示“鼠标悬停效果演示!”。这个链接的代码是这样的:链接。用类似的方法可以制作当鼠标按下后弹出提出示窗口、当鼠标离开时弹出提示窗口的效果。

  5、链接到本页的指定内容

  要实现链接到本页的某一部分内容上(也就是“文件内跳转”),必须用参数name指定链接点的名称。选定一块文本,可以用name参数为其命名,以备链接所用。所谓同一个文件内的跳转是指当读者在阅读一个很长的文件的时候,若只对某部分的内容感兴趣,可以采用跳跃式的阅读方式。其基本格式是:

第二部分第一部分内容......
...........................................
第二部分实际内容......
...........................................

  这样当你点击“第二部分”这个超级链接后,就会自动转移到“第二部分实际内容”这个地方来。“name”参数所定义的链接点名称可以随意取,但链接的“href”参数中的链接点名称必须与其一致,不要忘记在前面加上“#”。

  6、链接到其它页面的指定内容位置

  方法与上例类似,但在“href”参数中的链接点名称前要加上网页的文件名。例:有两个网页page1.htm和page2.htm ,每页均有两部分内容,现要在page1.htm中制作一个超级链接,按下该链接后将转到page2.htm的第二部分内容上。那么我们可以这样做,首先在page2.htm第二部分内容开始的地方写上这样一句代码:;在page1.htm中写上这样一个链接代码:page2 的第二部分内容

  7、链接到E_mail

  点击一个超级链接后,将启动客户机上的电子邮件管理软件给你写信。例这行代码:请给我写信。一旦你点击了“请给我写信”这个链接,将自动启动电子邮件管理软件(如OE)的写信功能,并已把邮件地址加在了收信人的地址栏里了。

  链接不仅可以以文本作载体,也可以以图象作载体,而且可以以图片的某一部分作载体,且都能实现上述这些效果,方法也相同,所不同只是载体,也就是链接的两对方括号中间的那部分,所以不再另举例了。

\r\n

', '', '', ''), (12, 2, '

 活动字幕,也称为滚动看板、滚动字幕。活动字幕的使用使得整个网页更有动感,显得很有生气。现在的网站中也越来越多地使用活动字幕来加强网页的互动性。用Javascript编程可以实现活动字幕效果;用Dreamweaver的图层再用其时间线功能可以做出非常漂亮的滚动看板。而用HTML的活动字幕标记所需的代码最少,确实能够以较少的下载时间换来较好的效果。该标记语法格式如下:

aligh=left|center|right|top|bottom
bgcolor=#n
direction=left|right|up|down
behavior=type
height=n
hspace=n
scrollamount=n
Scrolldelay=n
width=n
VSpace=n
loop=n>

  可以看出由于活动字幕的显示方式多种多样,可选的参数也很多。下面解释一下各参数的含义:

  align:是设定活动字幕的位置,不过除了居左、居中、居右三种位置外,又增加靠上(align=top)和靠下(align=bottom)两种位置。

  Bgcolor:用于设定活动字幕的背景颜色,一般是十六进制数。

  Direction:用于设定活动字幕的滚动方向是向左、向右、向上、向下。

  Behavior:用于设定滚动的方式,主要由三种方式:behavior="scroll"表示由一端滚动到另一端;behavior="slide":表示由一端快速滑动到另一端,且不再重复; behavior="alternate"表示在两端之间来回滚动。

  Height:用于设定滚动字幕的高度。

  Width:则设定滚动字幕的宽度。

  Hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度。

  Scrollamount:用于设定活动字幕的滚动距离。

  scrolldelay:用于设定滚动两次之间的延迟时间。

  Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。

  标记的默认情况是向左滚动无限次,字幕高度是文本高度,滚动范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。

  应用技巧

  1、全取默认值,所用代码最少,请看下面的例子

  这个滚动字幕全取默认值,源代码:这里写字幕内容,代码是不是很少?

  2、垂直滚动

  只要加上diriction="up"就行了,如这里写字幕内容

  3、多行文本的活动字幕

  由于标记只能作用于一段文本,因此多行活动字幕,分行时只能用
标记,不能用

标记。

  示例源代码:


活动字幕内容第一行

活动字幕内容第二行

活动字幕内容第三行

  4、在字幕内容中加入图象

  虽是一个活动字幕标记,但它允许在其中加入图象。下面是一个加入了图片的代码: 这是加入图象的活动字幕

  5、在Dreamweaver中使用标记

  Dreamweaver不能在编辑窗中直接加入marquee标记,但可在源代码检视器中加入标记,然后在编辑窗中编辑活动字幕的内容即可。

  标记的参数较多,在应用中要把握一个原则,能用默认值就不要再设置参数值,用什么参数就设置该参数的值,其它参数就不要再设置,以把代码控制在最少的范围内。

(负责编辑:blank)

\r\n

', '', '', ''), (13, 2, '

一、为什么要?

  近两年来,许多公司开发出了图形化的HTML开发工具,使得网页的制作变得非常简单。如微软公司推出的 Microsoft FrontPage, Adobe公司推出的 Adobe Pagemill, Micromedia公司推出的Dreamweaver等编辑工具,都被称为“所见即所得”的工具。这些图形化的开发工具可以直接处理网页,而不用书写费劲的标记。这使得用户在没有HTML语言基础的情况下,照样可以编写网页。这时,编写HTML文档的任务由开发工具替你完成了。 这是网页图形编辑工具的最大成功之处,但也是它们的最大不足之处。受到图形编辑工具自身的约束,将产生大量的垃圾代码。原因很简单,我举一个简单的例子你就明白了。比如:在网页设计一个表格,若是每个单元格的宽度和高度让它根据其中的内容自动确定,HTML只要你告诉它是表格和单元格的排列顺序(也就是行列数)就行了,但因为图形化开发工具无法得知你的这种特殊要求,所以只能取一般要求,把每个单元格的宽度和高度都定义起来,从而增加了许多代码。所以一个明智的网页编写者应该在掌握图形编辑工具的基础上进一步学会HTML语言,从而知道那些是垃圾代码,这样,我们就可以利用图形化HTML开发工具快速成地做出网页,又会消除无用的代码,从而达到快速制作高质量网页的目的。

  二、如何用HTML?

  HTML语言,又称超文本标记语言,是英文Hyper Text Markup Language的缩写。HTML语言作为一种标识性的语言,是由一些特定符号和语法组成的,所以理解和掌握都是十分容易的。可以说,HTML语言在所有的计算机编程语言中是最简单易学的。 组成HTML的文档都是ASCIlI档,所以创建HTML文件十分简单,只需一个普通的字符编辑器即可。如 Wndows中的记事本、写字板都可以使用。也可以采用专用的 HTML 编辑工具:如 CoffeeHTML、 Homesite、 HTMLedit Pro等工具,它们的特点是能够自动检查HTML文档中的语法错误并协助改正。由于有了图形化的HTML开发工具,使得我们更加容易,我们可以先用它制作好网页,再在它附带的HTML代码编辑器在删去那些无用的代码,利用它的所见即所得特性,从而使我们很快就能熟炼地掌握HTML。特别是 Micromedia 公司最近发布的Dreamweaver4,可以把源代码编辑器和网页编辑器放在同一个窗口中,真是方便极了。

  三、HTML基本概念

  1、标记

  HTML用于描述功能的符号称为“标记”。如“HTML”、“BODY”、“TABLE”等。标记在使用是必须用方括号“<>”括起来,而且是成对出现,无斜杠的标记表示该标记的作用开始,有斜杠的标记表示该标记的作用结束。如表示一个表格的开始,
表标一个表格的结束。在HTML中,标记的大小写作用相同,如和
都是表示一个表格的开始。

  标记可以包含标记,如:表格中包含表格或其它标记,如下面这样的HTML代码结构是正确的:

















hjk



  但是标记不能交叉嵌套,如下面这样的代码是错误的:

这是不正确的代码

  2、特殊字符

  由于方括号和英文双引号被用来提示HTML的标记及参数值,那么在网页中要显示方括号和英文引号只能用其它的符号来代替,下面是常见特殊字符所代表的正常字符:

<或<对应字符 <
>或>对应字符 >
"或"——对应字符 "
à——对应字符 A

  3、语法

  一个标记,为了明确它的功能,往往用一些属性参数来描述,对这些属性参数的规定上就是所谓的语法,例如:段落标记

,它的语法格式是:

  这就说明

标记有两个属性参数,即“align”和“class”,其中“align”用于定义段的位置是靠左、靠右还是居中。默认值是靠左。而“class ”则是定义所属的类型。在实际应用时当然可以没有“align”和“class”参数,按照默认情况显示,这一点非常重要,这是我们判断无用代码的主要标准之一,假如在网页代码中有对默认值进行描述设置的语句代码,显然是无用的代码。另外,在设置标记的属性值时,若是取默认值不影响效果或影响很少,我们就尽量取默认值,这样可以不用设置,从而达到减少代码的目的。

  标记参数的具体的值都有要加西文引号,如:要使段落内容居中,正确的写法是这样的:

段落内容居中示例

  学好用好HTML语言的关键是灵活应用标记的参数。特别是默认值的应用。

\r\n

', '', '', ''), (14, 2, '

我们制作的每一个HTML网页都应该有文档标题。那么到底如何设置标题呢?这个教程就作为网页初学者的入门吧!

给你的文档增加一个标题,按照下面改变你的代码:

"">


我的第一个网页


我的第一个网页

你可以看到,我们已经增加从标签和标签开始的两个新元素(看看他们是怎么关闭的)。</p><p>头元素(从起始标签<head>到闭合标签</head>之间的内容)出现在主体元素(从起始标签< body>到闭合标签</body>之间的内容)之前,包含将在主体元素信息之前装载的信息。这些信息不会出现在浏览器窗口中。</p><p>随着我们进一步学习,你会看到更多能够插入头元素的其它元素,但最重要的还是标题元素。</p><p>如果你从浏览器查看这个网页(像前面一样已经保存和刷新),你可以看到“这是我的第一个网页”出现在浏览器窗口的标题栏。你键入的位于标题(title)标签的文本已经变成了这个文档的标题,惊奇吧?假设把这个网页增添到你的收藏夹或者书签,你会看到标题也会出现在这里。<br /></p>\r\n <p align="center"> </p>', '', '', ''), (15, 2, '<p>在制作网页时,文本内容是必不可少的!那么我们该如何对网页文本进行正确排版呢?</p><p>当段落标签p应该使用在段落的时候还有许多滥用换行标签br的情况,p用于表现段落是公认的。基于同样的逻辑,很多标签应该被用来定义确定的文本元素,比如引用,缩写和计算机代码等。</p><p>应该记住的是,尽管大部分浏览器用不同的方式处理这些标签,最重要的是记住,不是为了让元素看起来像什么,而是它赋予的含义是什么。</p><p>缩写和首字母组合词</p><p>缩写标签abbr和首字母组合词标签acronym分别用于缩写词语和首字母组合而成的缩写词。</p><p>缩写是一个惯用词组的缩短形式。很平常。然而,首字母缩写词则是组成词组的每个单词之首个字母(或者单词的部分)的组合缩写。所以CSS是一个正确的首字母缩写词,但HTML和XHTML却不是(如果Hypertxet markup language是一个首字母缩写词,它应该是HML,同理,XHTML 就是EHML了)。</p><p>为了优化易用性,缩写和首字母缩写词都应该使用标题属性title。<br /><p>This web site is about <abbr title="HyperText Markup Language">HTML</abbr><br />and <acronym title="Cascading Style Sheets">CSS</acronym>.<br /></p> </p><p>注意</p><p>有一些不可思议的理由,Internet Explorer,最常用的浏览器,竟然不支持abbr标签。十分幸运,一个叫Marek Prokop的小伙子为此开发了clever Javascript workaround。<br />有很多关于缩写和首字母缩写词元素的讨论,Lars Holst提供了可能是最具体的深入理解。</p><p>引用</p><p>blockquote,q和cite用在引用上。blockquote是块状的,用于大面积的引用语上,而q则是内联的,用于更小的词组。cite也是内联的,比起q来其本身的语义更可取,很可能在将来取代q。</p><p>又,标题属性title用于表明引用从何而来。</p><p>注意:q一般不改变内附文本的外观──你需要用CSS如果你需要为它指定一个样式。</p><p><p>So I asked Bob about quotations and he said <br /><cite>I know as much about quotations as I do about pigeon fancying</cite><br />. Luckily, I found HTML Dog and it said...<br /></p><br /> <blockquote title="From HTML Dog, "><br /> <p>blockquote, q and cite are used for quotations. blockquote is block-line and used for large or citations, whereas q is in-line and used for smaller phrases. cite is also in-line and preferable to q for its semantic nature and possible future deprecation of q.</p><br /> </blockquote> </p><p>代码</p><p>有少部分的标签,code和var用于计算机程序代码,pre和samp则,在实践中,也主要是用于代码。<br />code用于计算机程序代码。<br />var用于指明代码里的变量。</p><p><code><var>ronankeatingisbland</var> = true;</code> </p><p>samp与代码类似,但被认为是用于程序的代码输出样例。<br />pre是预格式化文本,在HTML标签中不常用,以防止大量空格的产生。它常用于代码块。</p><p><pre> <br /><div id="intro"> <br /><h1>Some heading<br /></h1> <p>Some paragraph paragraph thing thing thingy.<br /></p> </div><br /></pre> </p><p>定义术语</p><p>dfn是定义术语,用于高亮显示一个第一次使用的术语。像abbr和acronym ,标题属性title可以用来描述术语。</p><p><p>Bob''s <dfn title="Dog">canine</dfn> mother and <dfn title="Horse">equine</dfn><br /> father sat him down and carefully explained that he was an <br /><dfn title="A mutation that combines two or more sets of chromosomes from different species">allopolyploid</dfn><br />organism.</p></p><p>地址</p><p>address应该用于地址。</p><p><address> <br />HMTL Dog House<br /> <br />HTML Street<br /> <br />Dogsville<br /> <br />HT16 3ML </address></p><p>晦涩罕见的标签<br />有一些没有什么价值的标签,有很少的机会被使用只是因为十分特定的场合。<br />bdo可以用来反转文本的方向,可以用来显示从右向左读的文本。必需的属性dir的值可以是ltr(左向右)和rtl(右向左)。</p><p><bdo dir="rtl">god lmth</bdo><br /> <br />kbd用于表明应由用户键入的文本。</p><p><p>Now type <kbd>woo hoo</kbd></p>  </p><p>ins和del分别用于显示编辑插入和删除的文本。它可以有时间属性datetime(用YYYYMMDD的格式)和cite属性(用于说明为什么插入或者删除理由的一个URL)。</p><p>ins元素一般显示下划线,而del元素则一般显示删除线。</p><p><p>This is some <del datetime="20030522">nonsense</del><br /><ins cite=" informative stuff</ins><br />that I''ve written.</p></p><p>表现(描述性)元素</p><p>b、 i、tt、sub、sup、big和small都是表现元素,因此,由于它们的精确性,不应该再使用当我们一再强调分离内容和表现。比如b定义粗体元素,没有任何意义──这些标签定义纯粹的可视化特征,应该是CSS的事。尽管他们是合法的标签,还有其他的(比如strong和em,是词组元素)可以实际地添加含义。如果你仅仅需要复制这些标签的样式,不需要任何相关的含义,你可以在span标签上应用CSS。</p>\r\n <p align="center"> </p>', '', '', ''), (16, 2, '<p>我们曾经为本节撰写的标题是:“XHTML:简单的规则,容易的方针。”原因之一是,本节讨论的规则和方针是简单和容易的。原因之二是,一本简单和容易的WEB设计图书,就像超级市场的新式的免费商品一样,虽然常见却可以有效地吸引人的眼球,这样的东西可以刺激人的兴趣,并且鼓励人们尝试。</p><p>我确实希望本节的内容可以激发你的兴趣,并鼓励你去尝试。为什么这么说呢?因为一旦你掌握了本章包含的简单容易的理念,你就会重新思考网页运作的方式,并开始改变建造它们的方法。然而我并不希望你只是将代码重新改写一边。我希望你可以实实在在地以另一种方式思考和工作。</p><p>另一方面,重构才是XHTML真正的意义。</p><p>在本章,我们将研究结构化标记的机制和涵义。如果你正在将网站标准融入你的开发项目,你或许会觉得本章的内容有些熟悉。不过即便是这方面的老手,也会从本章发现意外的收获。</p><p>XHTML规则概要<br />将传统的HTML转换为XHTML 1.0是快捷且无痛的,只要你遵守一些简单的规则和容易的方针。不管是否使用过HTML,都不会妨碍你使用XHTML。</p><p>使用恰当的文档类型声明和命名空间。 <br />使用meta元素声明你的内容类型。 <br />使用小写字母书写所有的元素和属性。 <br />为所有的属性值加引号。 <br />为所有的属性分配值。 <br />关闭所有的标签。 <br />使用空格和斜线关闭空标签。 <br />不要在注释中写双下划线。 <br />确保小于号及和号为<和& <br />Unicode和其他字符集<br />XML、XHTML、和HTML 4.0文档的默认字符集是Unicode,一个由Unicode联盟定义的标准。Unicode是一套全面的字符集,它为每个字符提供了一个特定的唯一的数字,不论平台、程序和语言。Unicode也是我们拥有的最接近通用字母表的事物,尽管它并不是一个字母表,而是一套数字映射方案。</p><p>尽管Unicode是web文档默认的字符集,开发人员依然可以自由地选择更适合他们的其他字符集。比方说,美国和西欧的网站常常使用ISO-8859-1 (Latin-1)编码,而中华人民共和国的国家标准是gb2312。</p><p>为表达语义而标记文档,而不是为了样式<br />记住:请最大限度地使用CSS来进行布局。在web标准的世界里,XHTML标记与表现无关,它只与文档结构有关。</p><p>结构良好的文档可以向浏览器传达尽可能多的语义,不论是浏览器位于掌上电脑还是时髦的桌面图形浏览器。结构良好的文档都能向用户传达可视化的语义,即使是在老的浏览器,或是在被用户关闭了CSS的现代浏览器中。</p><p>不是每个站点都能立即抛弃HTML表格布局。CSS的发明者,W3C,直到2002年11月才将官方网站转换为CSS布局。然而,即使是顽固的唯标准主义者也不总是将表现从结构中完全分离处理,至少在XHTML 1中是做不到的。但是现在,我们可以向这个理想迈出重大的一步,通过将表现从结构中分离(或者说将数据从设计中),即使是混合的传统的布局也可从中受益。 </p><p>下面有一些提示,可以帮助你通过更结构化的方式进行思维:</p><p>提纲内的色彩<br />在语法学校,我们中的大部分人都被迫使用标准的提纲格式来写文章。现在,我们成为了设计师,可以多么自由地摆脱提纲的限制,然后大胆地投身于独特的个人表达的自由领域(也许我们的宣传册和商业站点还不是那么独特和个人化)。但是至少我们不会再受到提纲的困扰了。</p><p>实际上,依照HTML,我们应该将内容结构化为有组织的层级。在浏览器不支持CSS的时期,我们无法在交付可供销售的布局的同时做到这一点。但是今天,在将我们的设计不折不扣地实现的同时,我们有能力交付内在结构良好的文档。</p><p>当你将供网络使用的文本进行标记,或者当你将已有的文本文档转换为网页时,请使用传统提纲的这些条目进行思考。</p><p><h1>我的主题</h1><br /><p>介绍性文字</p><br /><h2>补充性的观点</h2><br /><p>相关文字</p></p><p>\r\n <p align="center"> </p>', '', '', ''); INSERT INTO `#@__addonarticle` (`aid`, `typeid`, `body`, `redirecturl`, `templet`, `userip`) VALUES (17, 2, '<p>FRAME(框架)是Web上经常会看到的页面结构。使用可视Web开发工具(比如Dreamweaver或者Frontpage),虽然可以在 WYSIWYG环境中通过简单的鼠标托拽完成FRAME的构建,但是要实现真正细致甚至强大的功能,仔细理解FRAME的代码结构至关重要!你将发现, FRAME原来是这样的亲切易用。 </p><p>  <strong>创建基本的FRAMESET</strong> </p><p>  FRAMESET页面与普遍的Web页面有些不同。虽然仍旧以<HTML>和包含标题的<HEAD>标记以及其他脚本开始,但是其内容仅仅是表示的各个页面的版式设计。因此,不再需要有<BODY>元素,只需要<FRAMESET>标记。 </p><p>  通过<FRAMESET>标记的<rows>和<cols>属性,浏览器窗口被分割为一个个格子。 <rows>和<cols>的设置值可以是固定的像素值,可以是总空间的百分比值,还可以是用*以及一个数字相乘表示的分割剩余空间的比例值。比如说: </p><p>cols="80,20%,*" 分为3列,宽度分别为80像素,窗口宽度的20%,以及剩余宽度 <br />rows="25%,75%" 分为2列,宽度分别为窗口宽度的25%和75% <br />rows="*,3*" 与上述第2个表示的一样,分为2列,但表示方法不同:第一列宽度为第二列的1/3 </p><p>  在<FRAMESET>和</FRAMESET>之间,用多个<FRAME>标记表示每个分割区。col 表示从左到右的列,row表示从上到下的行。每个<FRAME>有一个src属性,给出了这个FRAME的内容。它可以是浏览器能显示的任何一个合法URL,或者是另外一个FRAMESET。为预防递归现象,一个FRAME不能包含它本身所在的FRAMESET页面。要用name属性定义 FRAME的名字,这样就可以在代码或者脚本程序中引用它。 请看一段基本的FRAMESET代码: </p><p class="code"><HTML> <br /><HEAD> <br /><TITLE>Simple FRAMESET

















  FRAME间的链接

  一个FRAMESET结构的页面,新文档只转载进窗口的一部分中,而其他页面则保持静态不变。当用户点击FRAME中的链接时,新内容就在同一 FRAME内打开。要让新内容在其他FRAME中打开,可以设置标记的target属性值为那个FRAME的name值。

  而且,我们还可以设置打开目标为当前可见的任意一个FRAME,而不局限于本身的FRAMESET。目标可能是一个嵌套的FRAMESET中的 FRAME,也可能是其他窗口中的FRAME。但是如果目标FRAME不存在,就会产生一个带有目标FRAME名字的新窗口。

  下面举个例子说明一下,假设有一个简单含2-FRAME的FRAMESET,文件名叫做home.html,代码如下:


FrommCo home page




  文件menu.htm在左边的FRAME中,其中有一系列链接,点击它们后新内容将在右边的叫做content的FRAME中打开。下面是menu.html的代码:




FrommCo


Main page


Our mission


Our staff


FrommCo splash page

  请注意最后一个链接中target的定义为_parent,这属于4个特殊的保留值。它们是:

_parent:在当前FRAMESET位置显示新href。
_top:在当前整个窗口位置显示新href,比如本身FRAMESET位于另一个FRAMESET中。
_self:强制在当前FRAME中显示新href。
_blank:在新窗口中显示href。

  表示客户端图形地图的标记同样可以应用target属性,比如:

  Main page

  还有一种经常的情况是:Web页面中的大部分或者全部链接都要求在一个特别的FRAME中打开。这时,可以在页面的代码区使用标记设置默认的target,然后再分别定义特殊链接的target值。

  修饰FRAME

  FRAMESET不仅在宽度、高度等方面具有可控制的数值,在美观方面也同样可以精确设置。

  默认情况下,FRAMESET的FRAME间有一个凸起的边沿,表示分割效果。如果不喜欢这个,想营造“无缝连接”的效果,可以在< FRAME>标记中设置FRAMEborder=0来消除它。在3.0及高版本的Navigator和Internet Explorer中,如果在标记中设置FRAMEborder=0,那么除了设置为FRAMEborder=1的 FRAME外,所有其他FRAME的边沿都将消失。

  虽然设置了FRAMEborder=0,有些浏览器仍旧会在FRAME间保留一些边沿的颜色痕迹。这时,可以在< FRAMESET>标记中添加FRAMEspacing=0(对Internet Explorer)或者border=0(对Navigator和Opera)实现真正的无缝连接。

  请看下面的代码是如何使用这些属性的:


FrommCo home page




  上面的代码中有2个新的属性:noresize表示锁住FRAME而不允许使用鼠标改变大小,scrolling=no表示屏蔽FRAME的滚动条,scrolling=yes表示允许,scrolling=auto表示根据显示内容需要自动显示滚动条。

  浮动FRAME

  浮动FRAME是HTML4.0规范中的一个定义,目前的浏览器都支持它。

  不象FRAMESET表示的分割区样子,一个浮动FRAME作为一个内置对象存在于Web页面上,其样式就象一个页面上的一个图形或者一个 applet。浮动FRAME使用

Show one.htm


Show two.htm


Bring back start.htm

  注意,对应支持间的内容都将忽略。反之,其中的内容将显示出来,这可以用作解释当前浏览器不支持 


       禁止选取

以下是引用片段:
 

       禁止粘贴

以下是引用片段:
 

       地址栏图标

以下是引用片段:
 
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下 

       收藏栏图标

以下是引用片段:
 

       查看
 
以下是引用片段:
 

       关闭输入法

以下是引用片段:
 

       自动全选

以下是引用片段:
 
\r\n

', '', '', ''), (45, 4, '

首先,与其他语言不同,JS的效率很大程度是取决于JS engine的效率。除了引擎实现的优劣外,引擎自己也会为一些特殊的代码模式采取一些优化的策略。例如FF、Opera和Safari的JS引擎,都对字符串的拼接运算(+)做了特别优化。显然,要获得最大效率,就必须要了解引擎的脾气,尽量迎合引擎的口味。所以对于不同的引擎,所作的优化极有可能是背道而驰的。

而如果做跨浏览器的web编程,则最大的问题是在于IE6(JScript 5.6)!因为在不打hotfix的情况下,JScript引擎的垃圾回收的bug,会导致其在真实应用中的performance跟其他浏览器根本不在一个数量级上。因此在这种场合做优化,实际上就是为JScript做优化!

所以第一原则就是只需要为IE6(未打补丁的JScript 5.6或更早版本)做优化!

如果你的程序已经优化到在IE6下可以接受的性能,那基本上在其他浏览器上性能就完全没有问题。

因此,注意我下面讲的许多问题在其他引擎上可能完全不同,例如在循环中进行字符串拼接,通常认为需要用Array.join的方式,但是由于 SpiderMonkey等引擎对字符串的“+”运算做了优化,结果使用Array.join的效率反而不如直接用“+”!但是如果考虑IE6,则其他浏览器上的这种效率的差别根本不值一提。

JS优化与其他语言的优化也仍然有相同之处。比如说,不要一上来就急吼吼的做优化,那样毫无意义。优化的关键,仍然是要把精力放在最关键的地方,也就是瓶颈上。一般来说,瓶颈总是出现在大规模循环的地方。这倒不是说循环本身有性能问题,而是循环会迅速放大可能存在的性能问题。

所以第二原则就是以大规模循环体为最主要优化对象。

以下的优化原则,只在大规模循环中才有意义,在循环体之外做此类优化基本上是没有意义的。

目前绝大多数JS引擎都是解释执行的,而解释执行的情况下,在所有操作中,函数调用的效率是较低的。此外,过深的prototype继承链或者多级引用也会降低效率。JScript中,10级引用的开销大体是一次空函数调用开销的1/2。这两者的开销都远远大于简单操作(如四则运算)。

所以第三原则就是尽量避免过多的引用层级和不必要的多次方法调用。

特别要注意的是,有些情况下看似是属性访问,实际上是方法调用。例如所有DOM的属性,实际上都是方法。在遍历一个NodeList的时候,循环条件对于nodes.length的访问,看似属性读取,实际上是等价于函数调用的。而且IE DOM的实现上,childNodes.length每次是要通过内部遍历重新计数的。(My god,但是这是真的!因为我测过,childNodes.length的访问时间与childNodes.length的值成正比!)这非常耗费。所以预先把nodes.length保存到js变量,当然可以提高遍历的性能。

同样是函数调用,用户自定义函数的效率又远远低于语言内建函数,因为后者是对引擎本地方法的包装,而引擎通常是c,c++,java写的。进一步,同样的功能,语言内建构造的开销通常又比内建函数调用要效率高,因为前者在JS代码的parse阶段就可以确定和优化。

所以第四原则就是尽量使用语言本身的构造和内建函数。

这里有一个例子是高性能的String.format方法。String.format 传统的实现方式是用String.replace(regex, func),在pattern包含n个占位符(包括重复的)时,自定义函数func就被调用n次。而这个高性能实现中,每次format调用所作的只是一次Array.join然后一次String.replace(regex, string)的操作,两者都是引擎内建方法,而不会有任何自定义函数调用。两次内建方法调用和n次的自定义方法调用,这就是性能上的差别。

同样是内建特性,性能上也还是有差别的。例如在JScript中对于arguments的访问性能就很差,几乎赶上一次函数调用了。因此如果一个可变参数的简单函数成为性能瓶颈的时候,可以将其内部做一些改变,不要访问arguments,而是通过对参数的显式判断来处理。

\r\n

', '', '', ''), (46, 4, '  Sun为什么会搞出一个JSF,JSF为什么会是现在这个样子,我想原因是这样的: 首先,基于组件的Web开发将来会是一个趋势。自包含的组件便于IDE的处理,可以提高开发效率。

  就是说JSF优于Struts/WebWork这类MVC框架的优势,在于它可以与IDE结合来自动生成代码。 而传统的纯手工编写的MVC框架,影响了开发效率。 因为Java技术在客户端并没有明显的优势。Applet已经被抛弃掉,Java的强项在服务器端。Sun不可能跑去使用JavaScript,因为在传统开发者眼里,JS只配做一点很琐碎的任务。

  于是在他们设计的这个架构中,所有的用户事件都放在了服务器端来处理, 这个决策造成了JSF致命的缺点。它把事件处理模型绑死在服务器上,限制了响应性更加灵敏的交互设计。随之而来的网络延迟会毁掉软件的可用性。 这也是Ajax在JSF的架构中无法充分发挥作用的原因。

  JSF的设计思路有点模仿VB,组件化的开发这个方向是没错的,Ajax开发将来也会走这条路。但是JSF与VB最大的差别是VB的事件模型都是位于本地来处理的。这是一种本质上的差别,所以如果JSF确实想模仿VB,那也是东施效颦。 而且在JSF的设计阶段,同步的请求/响应是主流,他们的思路仍然牢牢束缚在基于页面的开发方式上。根本就没有思考过其他的可能。

  异步请求/响应是Ajax与传统开发方式最大的差别,异步带来了更好的交互设计。

  在Ajax in Action第1章中作者举了一个令人信服的例子。Google Maps中当用户滚动地图时,获取新的地图图片,由于是异步请求的,因此不会打断用户的操作流程。 而在传统的地图服务,每次滚动可能都需要刷新页面。 用一下微软的那个地图服务就可以感觉到明显的差距,它甚至根本就不允许用户滚动地图。

  http://terraserver.microsoft.com/

  以前我说Google Maps不是Ajax,因为没有使用XMLHttpRequest,这样说看来理解有些狭隘。 Google Maps请求地图的图片,采用的是修改动态创建的img元素的src属性的方式,这样的请求不会打断用户的操作,因此就是异步的。 我们在Ajax in Action中看到作者将Google Maps当作Ajax应用,而在Pragmatic Ajax中作者说Google Maps不是严格意义上的Ajax,两种说法都有道理。

  JSF其实如果和Applet结合,可能更好些。Applet是多线程的,可以捕获用户的操作事件,采用异步方式发送到服务器。这样就不会打断用户的操作了。 但是这样一来设计的这个架构就复杂了。而且Applet是已经决定抛弃的东西。 JSF和Java Web Start结合也可以,不过JWS设计用来建造一类完全不同的Web应用,即Rich Client,而不是设计用来建造运行于浏览器之内的RIA应用。 所以JSF最多只是一种过渡方案,在Ajax/Flash的竞争下早已风光不在。

  未来基于浏览器的RIA开发,Ajax、Flash是两种最有前途的技术。

  按照泽欣的判断可能是三分天下,Ajax、Flash/Flex/Laszlo、还有M$的Atlas。 Atlas是M$开发的类似于Flash的一种技术,目前还只是一个vaporware,没有看到其庐山真面目。 Java Web Start相比之下只能局限于一些内部应用。

  将来位于客户端的表现层开发可能会完全没有Java的位置,这是Sun不愿意看到的,但是Sun在这场角逐中只不过是一个小角色。\r\n

', '', '', ''); INSERT INTO `#@__addonarticle` (`aid`, `typeid`, `body`, `redirecturl`, `templet`, `userip`) VALUES (47, 4, '

  AJAX bandwagon是个好去处。它能为您提供更快捷高效,动态更强的应用。但是它也有自己的缺陷。 

  乍看之下,具备一些常识似乎就能够避免这些缺陷,在某种程度上来看,的确如此。但是从AJAX 应用的DHTML起源来看,AJAX应用中充满了结构性的差异。无论您在应用开发工作中掌握了多少常识,学习前人的教训都是有好处的。我们将这些错误称为我们的“七宗死罪”,但是这些错误并不能代表全部的错误。

  事实上,在您犯下任何一宗死罪之前,您都可能首先犯了一些较为轻微的错误。因此,我们首先从这里着手。以下是每个人都可能会犯的一些错误,这些错误是如此常见,只要用Google搜索一下,就能找到大不部分的错误。

  七宗轻罪

  1.滥用后退键-这是每个人都会犯的错误。后退键在很多种Web应用中已然成为用户的期望。很多AJAX开发新手在开发AJAX应用时,出于多种原因都会使用后退键。首先,JavaScript对于它来说不是最友好的语言;其次,AJAX 设计需要一种全新的思考分析。

  对于AJAX新手来说很难接受“后退”不是最好选择的思路。“后退”是更新页面时,或是在特定情况下进行“撤消”时才需要的功能。在您进行编码时就要认识到,否则您最后可能会重复做功。

  2.忘记告诉用户当前发生的状况-AJAX的工作原理中一部分就是它不使用通常的网页用户界面加载程序。因此,您需要设计一些可视的提示,使用户能够了解正在发生的状况。

  3.忘记链接-这也是标准的AJAX错误:漏做了外部用户能够剪切和粘贴的URL链接。我们都曾经复制过某个URL链接然后将其发送给别人。在我们使用AJAX时,只有采用纯手工输入的方式才能把链接提供给他人。为什么?因为在AJAX应用中,服务器不提供在JavaScript自动生成的这个页面。不要忽视您的用户可能感兴趣的这项在网络应用中最为常见的功能。请花点时间为用户提供URL地址,因为服务器并不提供。

  4.用内容控制替代页面控制-如果您在寻求动态的内容控制,那么AJAX应用对传统的客户端服务器交互方式的突破对您来说可算一份大礼。但是,这样同时也会招来祸端:在重写页面上某精确位置上的内容以调整用户的交互体验时的确能够进行很好的控制,但是这可能将使您的页面不再完整。

  在很多情况下,我们专注于处理页面的某个部分,会忘记服务器不会刷新页面。这样可能导致页面零乱,使用户体验降低:当他们查看页面时看的可能是过时的页面。请关注整个页面;确保任何出现动态内容的页面都得到更新。

  5.累死蜘蛛-AJAX的优势在于无需重装就可以提供给页面的大量文本;AJAX的缺陷也在于那些无需重装就可以提供给页面的大量文本。如果应用被设计为对搜索引擎友好,那么您应该能够想到会出现什么状况。无论页面中出现了什么情况,请务必在最上面植入大量稳定的文本,让蜘蛛们去玩吧。

  6.导致乱码文本-AJAX不能支持多种字符集。这并不是什么涉及生死的局限性,但是如果忘记这点可能会导致真正的问题发生。最基本的字符集是UTF-8。无论JavaScript发送的是什么字符集,请不要忘了正确编码,并根据内容设置服务器端的字符集。  

  7.没有为使用不支持JavaScript的浏览器的用户提供提示。有些浏览器不支持JavaScript,这些用户一时不能明白出了什么状况。请给他们一些提示。

  以上都是一些很容易发现的错误。真正的问题都是容易被人忽视的。  

  AJAX七宗死罪

  1.造成内存泄露-任何长期从事开发工作的人都知道什么是循环引用,并了解循环引用给内存管理带来的危害。AJAX 所使用的JavaScript是一种内存管理语言。也就是说JavaScript具有内置的信息包收集功能,因此能够抽取不再有引用路径使用的变量并重新分配这些变量所使用的内存。

  作为基本工作原理来说,这样并无不妥;但是在模型层对象与查看元素之间互相引用时,由于这些循环引用,您就不能依靠这个功能来实现内存使用的最优化。从原则上来说,对象为零,则元素为零。但是如果这是从元素到对象的向后引用,那么信息包搜集器不会动这些对象。

  现在,问题出来了:在文件对象模型中,任何文件树中的DOM节点都可能被树中存在的其他元素引用,而无论其是否被其他对象所引用!因此,任何在信息包收集器中经过标注的被DOM节点向后引用的对象在这一方向上都必须为零,否则它的内存就会一直处于已分配状态。

  2.不了解“异步”的含义-异步这个词很容易让不熟悉它的用户感到紧张。但是如果您为这些用户所设计的网页应用属于桌面应用,那么他们肯定不会感到不安。这是一个致关重要的设计点。大部分网页应用功能与桌面副本非常类似。但是在网页应用中,用户期望这种虚幻的特征导致他们截然不同。

  用户在与网页浏览器打交道时会带有非常不同的偏见和期望,而对于桌面应用中他们并没有这样的行为。因此,尽管页面与服务器之间频繁的响应会非常好,非常高效,页面能够同时对自身进行修订,但是这将会使用户头晕眼花。因此,您需要遵守两条守则,要考虑到进入用户视觉范围内的每个变化:如果对于用户来说不是很迫切的更新,那么要使升级更为温和,不会转移;如果更新对于用户与应用的交互非常重要,那么更新要清楚而明显。

  3.使服务器变成瞎子-用户端与服务器交流的减少是一大问题,而以前并非如此。在以前,服务器端的应用了解全部情况并且能够看到全部状况:每个例外,每次重新加载,每个事件多能被看到并记录下来,当然服务器也道到底客户端是什么状况,因为服务器会记录下屏幕上显示的一起。

  在AJAX应用中可不是这样。当有事件发生时,这些事件是与服务器相互独立的,也就是说,当客户端出现问题时,服务器端并不会马上知道。在某个位置发现和记录客户端发生的事件以及例外,使服务器能够追踪需要干涉的问题

  4.用GET偷懒-GET的作用是找回数据;POST的作用是对GET进行设置。不要在不适当的时候使用GET,即使你认为这样做没有危害也不要尝试。GET的动作会改变状态,会改变状态的链接会使用户感到困惑;大部分都认为链接的作用是导航,而不是功能。

  5.数据类型不兼容-JavaScript并非.NET 框架中的一部分。尽管这有点让人伤心,但是它的确为我们展示了一个我们可能会碰到的问题:确认JavaScript能够理解其运行平台上的数据类型,反之,对于.NET或其它也是如此。可能会有多种转换,您需要一一进行。例如,Ajax .NET Pro 资料库提供能够转换.NET和JavaScript对象符号的转换器。

  6.有些应用不知何时应该关闭-无需刷新页面的内容动态生成如果没有关闭时间将会非常糟糕。How many Web pages hav你见过多少比美国国会议事录还长的网页?如果网页无限延长无疑会是用户的噩梦,只要想想用户会怎么看待永不停止的应用就知道了。让您的网络应用具有动态,但是一定要在可行的限度之内。

  7.JavaScript和DOM相互独立-请记住AJAX是建立在“模型-视觉-控制器”(Model-View-Controller)结构之上,请认真对待这点。JavaScript属于模型层,DOM属于视觉层,而控制器是衔接他们的婚姻顾问。请确保您的网络文件独立于JavaScript之外(这样对于不支持JavaScript的用户比较有用) – 除非内容自身只在用户使用JavaScript才有意义。在这种情况下,用JavaScript来创建内容。

\r\n

', '', '', ''), (48, 4, '

我总是乐于尝试新工具或利用节省开发时间的资源。由于市面上存在有许多Web开发工具,你可能很难缩小搜索范围。

是我最近发现的一个新工具。形容jQuery是“一个快捷、简练的JavaScript库,它可以简化HTML文档检查、事件处理、动画执行、并给你的Web页面增加AJAX交互。”

jQuery初步

你可以jQuery的最新版本。它由一个明确定义的脚本文件构成,因此你可以随意研究它的源代码。下载JavaScript文件后,你就可以把它放在Web服务器中准备使用。你可以用HTML SCRIPT元素把jQuery库加载到任何Web页面中。src属性应利用文件在服务器中的真实路径。

下载文件后,以下的一些任务会对你使用jQuery有所帮助。

编码基础

以下是使用jQuery编码时用到的一些指针:

  • jQuery代码块前为美元符号($)。
  • 美元符号后是一个左圆括号。
  • 括号内是你要jQuery查找的内容,如它应使用哪个元素。
  • 特定对象事件后为右圆括号。
  • 你可以用指定的事件定义所发生的操作。方法/事件后的括号内是一个说明发生事件时会出现什么操作的函数。

在举例说明之前,我想介绍jQuery库的一个最有益的基础元素。JQuery利用的一切功能全都位于中,因此在你使用jQuery的特性之前,你必须加载这个文档。你可以用这个文档的ready事件完成上述操作,如下面的jQuery代码段所示:

$(document).ready(function() {

// Your code goes here

});

上面的简单jQuery代码允许你在文档完成加载后执行代码。列表A是它的一个应用实例,它对页面上的所有标题元素应用一个CSS类。


\r\nTest
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n

Test


\r\n

test


\r\n

Test2


\r\n

test2


\r\n

这段代码中包含以下元素:

  • $(document).ready(function(){——在页面完全加载后,告诉页面执行(函数主体内)的代码。
  • $(''h1'').addClass("testclass");});——定位页面上的所有HTML H1元素。addClass方法将所有的testclass CSS类分配给H1元素。这个类设定一个黄色背景色,因此所有标题都为黄色背景。

jQuery文档还简单说明了许多其它事件属性和函数,并介绍它们的用法。列表B中的简单代码实例说明如何给一个超链接点击事件进行编码。选择超链接时,在用户转换到链接目标前显示一个警告窗口。只有在页面内容全部加载以后,这时才再次使用ready函数来定义点击事件。

\r\n

', '', '', ''), (49, 4, '

最近,老板在我们公司使用了一种网络内容过滤设备。至今为止,他们对该设备进行了良好的设置。在使用我的办公用计算机浏览网页时,经过该设备进行了网页内容过滤的Web世界就大为不同了。

Mashups仅是合并的开始,像链接或将其它网站的内容嵌入到你的网站中。这样的事情被人们认为是一种粗鲁的行为,不是一个业务模型。现在,幸亏有了新的WCF设备来代替,我不再需要访问以前日常工作中可能需要浏览的一些技术和业务相关网站。

问题并不在网站本身,也不在网站上的内容,甚至也不是因为我访问的网站与我的工作没有直接的关系。问题是这些网站常常将YouTube网站的视频信息嵌入到它们的内容中。

我知道WCF设备确实记录和监控用户访问过的网站,即使这个网站未被列入黑名单。我也知道它会对这些记录输出报告,以发现那些网站比较有价值或者那些网站对工作没有多少帮助。

这很好,我担心的问题是,如果他们决定对嵌入了YouTube视频信息的网站开启一些警告如“嘿,该用户经常试图访问受限制或标记的内容!”等,那么其它的mashups就会使用困难。

我不使用Mashup还有另外的原因。我以前已经从两个不同的角度介绍过这个方面的内容。在“”中讨论了为什么我认为mashups是一个不好的想法的原因。在“”一文中,我们为大家介绍了对“便利”数据的误用可能会将安全应用转变成职业杀手的问题。

在将某些内容放到YouTube、Flikr或其它类似网站上时,大多数开发人员或Web设计人员最不希望的事是他们可能给用户带来麻烦。

正好相反,他们说“看,很好,我可以将这个有用的视频信息放到YouTube上,它不会堵塞网络带宽,我的网站运行速度很快,YouTube播放器很好用,它能很好的与我的网站结合。”这些都是真话。

但是另一个事实是,当用户登录你的网站浏览与工作相关的Web页面时,用户所在的公司可能会将此访问记录为访问一个未授权的或不合适的网站,这不是用户所希望的。

结果,眼光敏锐的用户可能会开始拒绝访问这些与工作相关的站点。当他们对感兴趣的信息来源逐渐减少访问时,那么可以肯定地是他们日常访问也会相应减少。

我始终认为对来自域外面的内容应该清楚的标记为外部链接,这将十分有用。这样如果用户想在一个新窗口中打开一个网站时,他们可以做出决定能否打开,从而可以保留他们对你的网站兴趣。

如果网站中存在用户不感兴趣的内容或该内容来自用户不希望访问站点,这将有助于确保他们可以得到一个全面的选项。总之,清晰的标记外部内容(或者通过链接内容或者通过链接图标)对你的网站和用户是一种双赢的方法。

我的观点是不要对网站内容进行拼接。总的来说,这不是一个很好的策略。设计一个自己的类似系统,或者为了播放来自服务器的内容嵌入一个Flash播放器,或插入一个标准多媒体插件,这都不是很困难。

如果你的带宽不足以提供这些内容,那么你可能需要考虑实际可以添加多大数据量的视频、音频剪辑或任何其它内容。一旦将你的内容放在其它地方结果将会很糟糕,它可能会被添加了一些广告或其它东西。这将会给用户带来大量麻烦。

\r\n

', '', '', ''), (50, 4, '

Flash动画可以让Web网站看起来很漂亮,但是由于各种原因不是每个人都会在自己的客户端浏览器上安装Flash播放器。如果你或者你的用户不幸安装了64位的Linux发行版,或者你痛恨在自己的Web页面上放动画,那么你就不得不面对没有Flash动画的情况了。

在本文里,我将告诉你如何用JavaScript实现一个可用性更高的旋转木马(carousel)而弃用Flash。

JavaScript——两害相交取其轻

在本文里,我不准备去争论为什么要开发一个旋转木马,而是要接受我们不得不去开发的事实。

那么问题就来了:为什么要使用JavaSript而不是Flash?

  • 它要比Flash的实现更加轻巧——通过优化代码,我们只需要几千字节就能够获得一个可以使用的旋转木马,加载图片所需要的时间要比HTML和JavaScript的长。
  • 可维护性是另外一个原因。很多开发人员都知道JavaScript在可维护性上要胜Flash一筹。也许你没有(足够的)设计资源来创建一个功能完整的Flash实现,所以如果将它突然留给开发人员,这就意味着JavaScript是一个可行的替代方案。
  • 降级。在禁用JavaScript的情况下将有用的内容发送给用户要比在禁用Flash的情况下容易得多。
  • 可访问性。用屏幕阅读器浏览旋转木马要比浏览Flash对象更容易。
  • Google。如果你的内容是在页面中的,Google就能够搜索到它;如果它在Flash中,而且页面中没有隐藏旋转木马的话,那么Googlebot就无法找到链接。

HTML基础

知道了这些原因,就让我们从将要在本文中用到的四个内容开始创建旋转木马吧。

Secure IIS

Log files are essential to reconstruct events before an IIS Web server failure. Learn how to protect your log files with this tip.

Full story

User Group Mash

Find an Aussie user group near you with our new Google maps interface.

Full story

.NET 101

Learn how the .NET Framework works and the tools you''ll need to get up and running in this quick start guide.

Full story

Understand CSS

Before diving into CSS learn some of the core drivers and concepts.

Full story

这个时候蒙娜丽莎对我们还没有用。现在让我们向这些div加入一些样式,让它看起来更像我们所知道的旋转木马:

 

Secure IIS

Log files are essential to reconstruct events before an IIS Web server failure. Learn how to protect your log files with this tip.

Full story

User Group Mash

Find an Aussie user group near you with our new Google maps interface.

Full story

.NET 101

Learn how the .NET Framework works and the tools you''ll need to get up and running in this quick start guide.

Full story

Understand CSS

Before diving into CSS learn
some of the core drivers and concepts.

 

Full story

 

\r\n

', '', '', ''), (51, 4, '

XML是作为一种数据交换工具开发并推出的,但并不是所有开发者都支持这一工具。实际上一些开发者选择开发其它工具。(JavaScript对象符号)就是其中之一。在本文中,我们来详细了解一下JSON的设计与应用。

JSON简介

JSON是一种用JavaScript对象符号格式化文本的简单方法。与其它更为流行的面向对象设计技术不同的是,人们经常称它为面向数据工具。由于它使用编程结构,因此易于为人与机器进行阅读。

JSON旨在传送基于文本的数据,所以它不支持任何类型的二进制对象。基本上,它支持两种类型的数据结构:名称/值对集合(如对象)和有序数值列表(如数组)。下面的列表详细说明了JSON支持的数据元素:

  • Objects(对象):以大括号( {})开始并结束的对象。
  • Object members(对象成员):由以冒号(:)分隔的字符串和值组成的元素。成员之间用逗号(,)隔开。
  • Arrays(数组):数据用大括号定义。也就是说,它们以大括号({})开始并结束。数组由值构成,这些值位于大括号之中,不同值之间以逗号隔开。
  • Values(值):单独的值可能为字符串、数字、对象、或一个文字值,如真、假和零。字符串值位于双引号中,可能包含Unicode字符和反斜扛或转义字符。字符是一个单独的字符串。

简单是JSON的一个主要优势——它比与之对应的XML要简单得多。用一个显示JSON数据语法和格式化的例子就能清楚证明这一点。下面的代码片断使用JSON来建立一个网址数组:

{

"websites":[

"http://www.techrepublic.com/",

"http://www.cnet.com/",

http://www.news.com/

] }

要用XML方便地定义同样的数据,可能相当困难。

为何不使用XML

XML是一个优秀的数据工具。它允许你建立标签等符号来描述任何类型任何数量的数据。另外,它还是IT业的知名标准。

另一方面,对许多任务来说,XML的功能可能过于强大,并会增加许多额外的开销。而且,不管它建立起来多么方便,(人类)却无法阅读这些代码。

让我们用XML格式化前面的例子:

http://www.techrepublic.com/

http://www.cnet.com/

http://www.news.com/

你可能认为这两个例子之间没有太大的差别。但是,在XML中要传送的字符数量几乎增加了一倍。对一个简单的例子而言,这可能不是一个大问题。但让我们看看下面的一个更加复杂的JSON实例:

\r\n

', '', '', ''), (52, 4, '

尽管AJAX是个相对新生的术语,但其背后的技术却并不新颖。随着XMLHttpRequest对象在大多数浏览器中的实现,以及GMail和Google Maps的出现激发了软件开发者重新考虑如何构建网页的灵感。我们从基础开始认识AJAX,一种颠覆性的技术,其改变了Web应用程序的开发和应用方式,使得交互性页面和网站处于目前网络潮流的最前沿。

当请求被发送到浏览器后,其所具有的改变网页内容的功能已经存在许多年了-使用javascript脚本改变iframe''s src属性是技术之一。

XMLHttpRequest对象

XMLHttpRequest对象使AJAX的出现成为可能,它产生异步请求,并决定如何处理结果。在大多数浏览器中,我们使用如下代码来创建对象:

var xmlhttp = false;

try {

xmlhttp = new XMLHttpRequest();

} catch (e) {

alert("cannot create object");

}

不幸的是,上文中所提到的“大多数浏览器”并不包括IE,因此对于微软的浏览器,我们需要采用一种特殊的方法创建对象。值得注意的是,根据MSXML解析器的不同版本,需要分别编写两种代码。

var xmlhttp = false;

try {

xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");

} catch (othermicrosoft) {

try {

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

} catch (failed) {

xmlhttp = false;

}

因此,结合上述两个代码片段,我们得到了以下适合所有主流浏览器创建XMLHttpRequest对象的代码:

var xmlhttp = false;

try {

xmlhttp = new XMLHttpRequest();

} catch (trymicrosoft) {

try {

xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");

} catch (othermicrosoft) {

try {

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

} catch (failed) {

xmlhttp = false;

}

}

}

\r\n

', '', '', ''), (53, 4, '

编程错误是生活中的严酷事实,但你不应在追踪这些错误的同时捶胸顿足。更加稳定的语言,如Java和.NET系统语言提供简化问题追踪过程的开发环境。

JavaScript开发者拥有较少的选项,但提供你所需的一切功能。(Venkman是这个调试器的代号。)

Venkman JavaScript调试器

这个调试器的前身为Netscape的JavaScript调试器,它是Mozilla的一个附加产品。Venkman JavaScript调试器既是一个图形,也是一个控制台调试器。

下载并安装Venkman JavaScript调试器后,就可以通过“工具|Web开发|JavaScript调试器”菜单启动它。这个附加产品允许你查看和调试位于源文件或网页中的JavaScript。它提供以下特性:

  • 断点管理:断点允许你在源代码的特定位置终止代码执行。你可以在这个工具内设置和清除断点,这允许你在调试时轻松控制程序流程。双击断点打开与之对应的文件,断点行也会高亮显示。
  • 调用堆栈检查:通过这个特性可粗略了解脚本运行时调用了哪些内容。双击调用堆栈中的一个项目,打开它包含的文件,突出显示与调用堆栈中项目对应的行。
  • 变量/对象检查:这个特性允许你在执行脚本时查看变量和对象的值。
  • 查看源代码:调试器界面的脚本视图允许你查看被调试的JavaScript代码。
  • 执行JavaScript代码:你可以在调试器中输入并运行自己的JavaScript代码。

调用堆栈、打开文件和变量/对象视图以树状显示。任何旁边有扭曲图标的项目都包含子对象,可以打开扭曲图标查看这些子对象。工具栏内包含表示基本调试特性的按钮,包括:

  • 终止:停止执行当前脚本,只有在脚本运行时有效。
  • 继续:允许你在用断点终止脚本执行后恢复脚本运行。
  • 跳过:允许你跳过一个函数调用。只有在逐行遍历一段代码时它才有用;调用时它允许你跳过一个函数的代码。函数调用继续,你接着运行被调用函数之后的代码。
  • 跳进:一次运行一个语句。遍历一个语句后,你可以在其它调试窗口中看到它的效果。而且,当你调用函数时,它允许你进入这个函数内。
  • 跳出:执行当前函数的剩余部分,执行在调用它的那一行终止。(只有使用Step Into,转入被调用的函数执行时它才有效。)
  • 剖析:激活或禁用当前运行脚本的代码剖析。

用Venkman JavaScript调试器调试一个文件

用Firefox和Venkman JavaScript调试器调试JavaScript代码相当简单。首先,你将要调试的页面加载到Firefox中。之后,通过工具菜单启动调试器,打开调试器后,当前页面即位于文件列表中。

你可以在文件列表中导航页面,双击打开和查看它包含的文件,其中包括加载到页面中的JavaSrcipt文件。你可以双击JavaSrcipt文件查看它的源代码,并对其使用调试器特性。

例如,你可以设置断点,返回浏览器窗口并与页面交互,触发JavaSrcipt执行,并在遇到断点时停止执行。这时,你可以通过调试器选项(跳进、跳过等)继续执行代码,同时监控变量和对象。调试器的另一个显著特点是你可以对代码进行剖析,找出低效的代码。

用Venkman JavaScript调试器剖析代码

Venkman JavaScript调试器的剖析特性允许你监控代码执行,追踪存在低效代码的瓶颈。剖析下拉菜单允许你打开收集、清除剖析数据和保存剖析数据。剖析文件可以保存为HTML、XML、文本或逗号分隔的文件。

下面的代码中包含一部分通过剖析特性收集到的样本数据。它包括源文件名和执行时间窗口、所使用函数的名称(包括源代码行号)、运行时调用函数的总次数、以及执行总时间。

prototype.js: 750 - 2500 milliseconds

Function Name: [from] (Lines 489 - 498)

Total Calls: 2 (max recurse 0)

Total Time: 2359.38 (min/max/avg 0/2359.38/1179.69)

Time (ex. calls): 2359.38 (min/max/avg 0/2359.38/1179.69)

剖析数据允许你查出可能对代码的性能造成负面影响的代码和函数。

用Venkman JavaScript调试器追踪问题

JavaScript开发者需要Mozilla Venkman JavaScript调试器。该插件允许你轻松地遍历代码执行、监控变量和对象、并定位任何可能给性能造成负面影响的代码。

价格标签是Venkman JavaScript调试器的最佳特性——你可以在各种版本的基于Mozilla的浏览器(如Firefox)中免费使用这一特性。

作为一名资深开发者,我喜爱这个调试器,因为它显著简化了JavaScript代码调试工作。

Tony Patton拥有丰富的Java、VB、Lotus及XML认证方面的知识,是一个专业的应用程序开发人员。

\r\n

', '', '', ''), (54, 5, '

,麻烦在更新,特别是大规模更新,工作量非常大。真不知那些创意不断而又勤奋的“站长”,隔三岔五将网站来个“大换血”,是怎么忙过来的。

告诉你这个秘密吧,他们很多是在“批发”网页,并且你的机器中也有这样的“批发站”呢!这个好东东就是——模板。常见的工具:FrontPage、DreamWeaver中都有这项功能。如用DreamWeaver 3.0 制作网站时,使用模板就能减少大量的重复劳动。

一、建立模板

1、创建模板页面

最简单的办法是将一个网页另存为模板文件,通过执行命令:File→Save as Template,DreamWeaver会在网站根目录中建立一个模板文件夹——Templates来保存该模板。

当然,也可以新建一个模板:Window→Templates,会出现的Templates面板,单击右下角的New Template按钮,输入文件名,就建立了一个空模板;再单击Open Template按钮打开该模板,保存后自动存放于网站模板文件夹Templates中。

新建、打开的模板页面和普通的网页没什么两样,同样可以加入表格、层、图片、动画、脚本,设置页面属性等。

举例:这里以制作一个模板为例来说明。在该页面中,我们希望左侧的网站标识图和底部的导航图出现在每个页面中。其中标识图由两幅图片叠加而成,导航图上的文字“最近更新”、“在线阅读”、“打包下载”等划分成几个热区分别链接到不同的文件,它们在每个页面中都不变。右上部的主页面区和左下角弹出式选单按钮下面的页面说明则各不相同。为了保持页面整洁,我们用表格来布置这些元素。

准确地说它只是一个没有可编辑区域的“准模板”,下面再设定可编辑区域。

2、设定可编辑区域

设定模板可编辑区域,一般来说有两种方法。

新建可编辑区域:选择命令:Modify→Template→New Editable Region。在某一空白区域中单击后执行该命令即可将该区域变为可编辑区域。

标记某一区域为可编辑区域:选择命令:Modify→Template→Mark Selectin as Editable Region。如果某区域已经有一些文字,并且希望在以后新建的超文本文件中部分保留其内容,先选中该区域再执行标记命令即可。

取消可编辑状态:选择命令:Modify→Template→Unmark Editable Region。执行该命令后会弹出一个对话框,其中有当前已有的可编辑区域列表,选中要取消的区域名称,确认即可。

举例:在大片空白区中随便单击一下,执行Modify→Template→New Editable Region命令,在弹出对话框中输入名称:Main;选中左下角本页说明下面的文字,执行Modify→Template→Mark Selectin as Editable Region命令,输入名称:exp。可以看到可编辑区显示为浅蓝色,保存即完成模板制作。

二、使用模板

1、根据模板新建页面

命令:File→New From Template。弹出对话框,从模板列表中选取模板,出现的新页面中除可编辑区外均有淡黄色背景,是不能进行修改的部分。空白的Main编辑区可直接进行插入表格、文字、图片等操作,Exp编辑区保留有原来的文字,修改或重新编辑均可。

2、对一个已经有内容的页面应用模板

命令:Modify→Template→Apply Template to Page。选择模板后还会弹出一个对话框,让您选择现有的孤立内容保存到哪个可编辑区域(Choose Editable Region for Orphaned Content)。要是不想保留则可以选择“(none)”。

举例:我们先新建一个普通页面,输入:“CIW电脑工作室”,执行Modify→Template→Apply Template to Page命令,选择模板test,现有内容保存区域选择Main,确认后可看到页面自动变成了模板页的形式,而“CIW电脑工作室”这一行字就出现在主编辑窗口中。

3、更新模板以全面更新站点

基于某一模板建立了一些页面后,对模板进行修改后保存时,就会自动弹出一个对话框,列出所有使用了该模板的页面,询问是否要更新。

另外一种方法是执行Modify→Template→Update Pages命令。从Update Pages对话框中选择一个站点或站点的某一种模板(同一站点中可以使用多个模板),单击右侧的Start按钮,软件会自动搜索与模板相关联的网页并进行更新。非常方便!

举例:Test模板左侧图形中的“读书破万站”图片是用一个图层叠加在另一幅图片之上的,现在不想要它,同时还想将所有页面中的该图片均删除。就可以打开模板test.dwt,删除该图层,保存模板,单击右侧的“Update”按钮即可。

注意:新建和使用模板前需定义站点。方法是,执行命令:Site→Define Sites;指定站点名称和本地根目录(Local Root)。模板使用的是相对路径,如果没有指定网站在本地的位置,软件就不能准确找到并保存模板文件;并且应用模板新建和更新页面时,页面中的超链接也不能随页面文件保存位置的不同而相应变化。

\r\n

', '', '', ''), (55, 5, '

   译者序:这个系列原文一共8篇文章,从普及 Web Standards 入手,讲述如何用 Dreamweaver 8 来构建符合标准的 Web ,由于原作者的此篇文章是对《Build Your Own Standards Compliant Website Using Dreamweaver 8 》(这篇文章是收费的)的摘录,所以我对内容进行了适当的删改,顺序与原文是一致的,但篇幅会有调整,特此告知。翻译水平有限,敬请谅解。

  如果您正在读这篇文章,您很可能是已经对 Web 标准有了一定的兴趣,并且对用 DW ( Dreamweaver 的简称)来构建的站点中标准的应用非常好奇。

  或许您已经对 WS (Web Standards的简称)有了一定的了解,但是您并不知道如何用 DW 来编写可兼容的代码。或者您是一个 DW 用户,您很想遵从 WS ,更广泛的使用 CSS ,并且可以制作出更有亲和力的文档。无论您是哪一种类型,这篇文章都会给您想要的答案:告诉您如何用 DW 来搞定 WS。

  Web 标准的定义

  就我们在整篇文章所关心的 WS 来说,让我们首先花一点时间来明确一下我们究竟在谈论些什么:

  WS 是一些指导 Web 开发语言的规范,是由 W3C 所制定的。这些规范包含了多种语言,例如,HTML、XHTML 和 CSS 还有一些其他的相关语言,例如 MathML,用来表示数学中的方程,当你有这种特殊的需要的时候,或许会用得上。W3C 也颁布了“Web 内容亲和力指南”(Web Content Accessibility Guidelines —— WCAG)——推广网页的可访问性(通过 WAI )

  提示:直接获取这些规范

  你可以在 W3C 的网站上阅读这些规范,尽管他们有时读起来还是有些困难的:

  HTML 4.01

  XHTML 1.0

  CSS 1

  CSS 2.1

  WCAG 1.0

  在本文中,我们将会用到 XHTML1.0、CSS1 和 2.1、WCAG 1.0 等规范和建议,但是你一定很高兴知道我们其实不必过多的阅读 W3C 文档。

  谁需要 WS ?

  您可能只有一个含糊的概念:WS 是个好东西,但是许多网站——包括许多知名的站点——并不遵从 WS ,并且他们看起来的确管理得很好。所以,为什么我们要尽力去遵从 WS 呢?这么做会有什么真正的收益吗?谁需要 WS ?谁需要去关注 W3C 的规范与建议?

  Web 开发者与设计者

  需要关注 WS 的首类人群就是我们:网站建设的开发者与设计者。花费时间去学习如何用 WS 开发对于我们来说值得吗?

  整洁的标记使 BUG 的修复速度加快。

  如果您通过 W3C 校验您的页面,至少您会了解到不规范的标记并不是引起您曾经遇到过的错误的原因。有时,校验一个页面和修复已发现错误的过程,可以清除显示中遇到一些问题,这些问题是由标记(element)没有结束或标签(tag)拼写错误引起的。

  即使校验您的文档并没有修正这些问题,至少你会知道这些问题存在于规范的文档中。既然你已经知道这个问题不是一个错误,那么你可以开始关注其他的问题了,例如在不同的浏览器中 CSS 处理差异问题。

  遵从可访问性的需求很容易

  如果你编写一个规范的 XHTML 标记,那么你就可以保证文档在语义上是无误的,并且您可以把文档中的内容与表现相分离,您将可以把大量的工作放在许多 WCAG1.0 中所列的可访问性的问题上。认识到可访问性并不是仅仅为残疾人设计的这一点也很重要。一个亲和力好的站点是可以被许多不同的设备访问的,例如移动电话和 PDA ,他们是不具备强大的处理能力去对付那些散乱而非标准的标记的。

\r\n

', '', '', ''), (56, 5, '

随着ADOBE CS3系列产品的亮相,我们最关注的Dreamweaver CS3也获得了最新的消息。

首先先来看看传统的Dreamweaver彩蛋是否还在。

第一个Dreamweaver彩蛋就是:

1,在网页中插入一张图像;

2,打开属性面板,在图像的缩略图上双击鼠标+Ctrl键

这里看到的头像即为开发Dreamweaver的相关人员。

第二个Dreamweaver彩蛋就是:

1,打开属性面板,在颜色文本框中输入文本“”,回车确认

2,在Dreamweaver窗口的左侧出现绿色小块,可使用鼠标上下移动作为弹球的垫板

3,而最为弹球的就是Dreamweaver的LOGO(原先都是圆的,Dreamweaver cs3成方的了),该弹球在Dreamweaver的窗口范围内碰壁,回弹至最左侧时需要移动垫板靠上,否则游戏结束。

很不错的消遣游戏吧:)做网页累了玩下吧,呵呵。

\r\n

', '', '', ''); INSERT INTO `#@__addonarticle` (`aid`, `typeid`, `body`, `redirecturl`, `templet`, `userip`) VALUES (57, 5, '

Dreamweaver升级到8.0.2后,插入Flash时的代码会有所改变,这是Macromedia为解决IE中的Flash会出现控件激活框而作的更新。要为Flash添加透明等参数有两种方法。

● 用Dreamweaver的属性面板为插入的Flash添加透明属性,此方法简单实用。

使插入的Flash处于选择状态,点击属性面板中的“参数”,在随即弹出的参数表中添加一行,参数名为“wmode”,值为“transparent”。使用此方法时注意,若页面中有人工输入的Flash ID,此ID将被删除,请在添加完参数后重新输入ID。

在Dreamweaver8.0.2中为插入的Flash添加透明或其他参数

● 在html代码中为插入的Flash添加透明属性。
同样是添加值为“transparent”的“wmode”参数。

\r\n

', '', '', ''), (58, 5, ' 我们在用Drwamweaver书写英文文本时,段落一般不缩进(不支持半角空格);但我们大多的时候都是用中文书写格式,必须在每段开头空两个汉字的位置。但浏览器对于文本中的空格,不管多少只认一个空格。如何在Drwamweaver中实现文本的段落缩进,也就成了中的一大难题。针对这一问题,本文为大家提供以下几种解决办法。
一、用自Dreaweave身所带的功能
1、在Dreamweaver中执行下面操作4次就可以插入两个汉字大小的空格。

Dreamweaver8轻松实现文本的段落缩进

2、用同背景色相同颜色的字符来完成插入空格,这种方法操作比较繁琐、不易修改,而且在浏览内容被选取时,隐藏的字符就曝光了。
二、用HTML语言
用HTML语言方实现中文段落缩进。对于不懂HTML的初学者来说就有些困难了。
1、预格式(PRE)
用预格式编写的源文件,在显示时照源文件中的排版字样显示,空行和空格都能很清楚地区别开来。如源文件为:   
〈pre〉
  --预格式显示……
  〈/pre〉
网页就会按照你预先设置好的显示方式显示,即在“预格式显示”的前面就会空两个汉字的位置。
2、插入特殊的空格字符“ ”
        “ ”代表非显示空格字符。插入若干个“ ”字符,中间用分号(;)或者空格隔开,也可以实现中文段落缩进。不过在Netscape 3.01中只能写小写字母,而在IE中大小写都可以。(此方法易产生乱码,不建议采用)
三、用输入法的全角
      
如果你用的是智能ABC的拼音输入的话,那请按SHIFT+空格,这时输入法的属性栏上的半月形就变成了圆形了,然后再敲空格键,空格就出来了。另外智能陈桥五笔的全角方式也可以直接输入空格。这种方法相对比较简单,缺点是英文字符集下,全角空格会变成乱码。
四、另类方法
1、插入点图或图形:
点图是指图片中只有一个或几个像素点,用肉眼看不出来。当我们在段落开头插入这样一个点图,并用HSPACE和VSPACE属性来调整点图的左右和上下的空格,以达到段落缩进。
2、插入没有边框和内容的表格:
这种方式与上述的插入图形方式类似,该表格没有边框和内容而是空表格。用TABLE的WIDTH和HEIGHT属性调整表格大小适合缩进的需要。利用表格来定位一般来说比较可靠,这种方法容易使页面的源文件变大。因此也不见得是格式控制的首选。
      最后告诉你一个最原始的办法:在一些文字编辑软件中(比如记事本)复制空格,然后在Dreamweaver中进行粘贴。
五、CSS方法
     

标记加上一些属性就可以实现,

就可以了!本站推荐使用此方法,以后网页教学网也要改版符合WEB标准的网站的。介绍了这么多种,用哪种好呢?各位可以按自己的喜好而定。

\r\n

', '', '', ''), (59, 5, '

  层(Layer)是一种 HTML 页面元素,您可以将它定位在页面上的任意位置。层可以包含文本、图像或其它 HTML 文档。层的出现使网页从二维平面拓展到三维。可以使页面上元素进行重叠和复杂的布局。首先,请看下图:

  我们首先来做一个层

  1、 在「窗口」菜单>选“层”,或点「插入」菜单>布局对象>选“层”。

  2、 在页面中显示一个层。

  3、 通过周围的黑色调整柄拖动控制层的大小

  4、 拖动层左上角的选择柄可以移动层的位置。

  5、 单击层标记可以选中一个层。

  6、 在层中可以插入其他任何元素包括文字链接表格等。

  一个页面中可以画出很多的层,这些层都会列在层面板中。层之间也可以相互重叠。层面板可以通过菜单「窗口」菜单>选“层”打开。

\r\n

', '', '', ''), (60, 5, '

  时经常用到1个像素高或宽的细线条来修饰,可以使网页的布局更加清晰,整体更加美观。由于一直习惯使用Dreamweaver编辑网页,所以在阅读《巧妙地在Frontpage中给网页加入一条竖直线》一文后,笔者利用文中的方法二,在Dreamweaver中给网页加入一条竖直线。

\r\n

  依葫芦画瓢,按照《巧妙》一文的所述的方法二,笔者在Dreamweaver中插入表格,设置单元格边距和间距均为0,表格的宽度为1个像素,并设置背景色为蓝色。确认设置无误后,按F12预览,可是网页上并没有如愿出现竖直细线条(如图1)。明明进行了正确的设置却不能实现竖直细线条,真是郁闷!

\r\n
\r\n

图1

\r\n

  这是什么原因呢?于是笔者打开Dreamweaver的源代码窗口,经过仔细观察,发现设置为1像素宽的单元格中有个“ ”的标记(如图2),这个标记是HTML中的转义符,在浏览器输出为一个空格。发现这个标记,笔者终于恍然大悟,原来就是这个标记在作祟!于是删除这个标记后,再次打开网页,竖直细线条终于成功的设置了!

\r\n
\r\n

图2

\r\n

  在Dreamweaver中插入表格都会自动在每个单元格中加上“ ”的标记,正是因为这个标记,使得设置为1像素宽的单元格在浏览器中显示时多了个空格,把单元格撑大。

\r\n

  另外,《巧妙》一文的方法一使用<hr>语句来插入竖直线,笔者觉得有不妥之处,因为<hr>语句插入的竖直线上下都会留有空白,并不能在任何时候都满足自己的需要,所以笔者建议尽量使用插入表格的方法来实现。

\r\n

 

', '', '', '127.0.0.1'), (61, 5, '

随着Adobe Dreamweaver CS3的预销 我们开始了新一轮的Dreamweavr学习,那么让我们先了解下Dreamweaver CS3都有哪些新功能:

适合于 Ajax 的 Spry 框架

使用适合于 Ajax 的 Spry 框架, 以可视方式设计、开发和部署动态用户界面。 在减少页面刷新的同时, 增加交互性、速度和可用性。

Spry 数据

使用 XML 从 RSS 服务或数据库将数据集成到 Web 页中。集成的数据很容易进行排序和过滤。

Spry 窗口组件

借助来自适合于 Ajax 的 Spry 框架的窗口组件, 轻松地将常见界面组件 (如列表、表格、选项卡、表单验证和可重复区域) 添加到 Web 页中。

Spry 效果

借助适合于 Ajax 的 Spry 效果, 轻松地向页面元素添加视觉过渡, 以使它们扩大选取、收缩、渐隐、高光等等。

Adobe Photoshop 和 Fireworks 集成

直接从 Adobe Photoshop CS3 或 Fireworks CS3 复制和粘贴到 Dreamweaver CS3 中以利用来自您的已完成项目中的原型的资源。

浏览器兼容性检查

借助全新的浏览器兼容性检查, 节省时间并确保跨浏览器和操作系统的更加一致的体验。生成识别各种浏览器中与 CSS 相关的问题的报告, 而不需要启动浏览器。

CSS Advisor 网站

借助全新的 CSS Advisor 网站 (具有丰富的用户提供的解决方案和见解的一个在线社区), 查找浏览器特定 CSS 问题的快速解决方案。

CSS 布局

借助全新的 CSS 布局, 将 CSS 轻松合并到您的项目中。在每个模板中都有大量的注释解释布局, 这样初级和中级设计人员可以快速学会。可以为您的项目自定义每个模板。

CSS 管理

轻松移动 CSS 代码: 从行中到标题, 从标题到外部表, 从文档到文档, 或在外部表之间。清除较旧页面中的现有 CSS 从未像现在这样容易。

Adobe Device Central CS3

使用 Adobe Device Central (现在已集成到整个 Adobe Creative Suite® 3 中), 设计、预览和测试移动设备内容。

\r\n

', '', '', ''), (62, 5, '

Dreamweaver升级到8.0.2后,插入Flash时的代码会有所改变,这是Macromedia为解决IE中的Flash会出现控件激活框而作的更新。要为Flash添加透明等参数有两种方法。

● 用Dreamweaver的属性面板为插入的Flash添加透明属性,此方法简单实用。

使插入的Flash处于选择状态,点击属性面板中的“参数”,在随即弹出的参数表中添加一行,参数名为“wmode”,值为“transparent”。使用此方法时注意,若页面中有人工输入的Flash ID,此ID将被删除,请在添加完参数后重新输入ID。

按此在新窗口浏览图片

 

● 在html代码中为插入的Flash添加透明属性。
同样是添加值为“transparent”的“wmode”参数。




参考文章:IE中的Flash出现“单击以激活并使用此控件”的解决方法【原创·源文件】

\r\n

', '', '', ''), (63, 5, '

一般地讲,样式表(style sheet)就是控制网页内容外观的格式化的规则的集合。可以以三种不同的方式在你的页面中使用CSS:

代码式(Inline):写入到代码中的一次性的样式。
内嵌式(Embedded):可控制一个页面中所有元素的样式表
外联式(External):可控制许多页面中的元素的样式表

事实上,许多站点都根据需要把这三种方式结合起来使用。

在使用CSS时一个需要重点考虑的事实是不同的浏览器以及同一浏览器的不同版本以不同的方式来解析CSS。除了网络浏览器的差异之外,你还要意识到还有很多其他的浏览器,比如听力浏览器,基于电视的浏览器以及Palm pilot和TTY(teletypewriter,远程打字机)一类的手持设备。

最佳习惯是指什么?

大多数技术都有自己约定俗成的标准。CSS也不例外。虽然并非网络上存在的所有CSS都很规范,但按照现有标准来使用CSS却还是不无裨益的。一般来说,开发人员应尽可能将内容与报告分离开来。这样做的好处在于:

1:增加站点的寿命

不规范的样式表可能在当时觉得很方便,但新版本的浏览器出来以后,很可能就会出现兼容性问题。到时逐页修改站点就是一项非常费时的工作同时也使使用CSS失去了意义。

2:让你的站点对所有的用户以及浏览器都适用。

有些地方的政府已经立法要求网站必须让残障人士也同样可以浏览。为残障认识设计的浏览设备,比如听力浏览器,对CSS规范性要求极其严格。

3:让站点更新和维护更加轻松。

使用方式得当的话,CSS可让你在一个页面中的调整快速应用到所有页面中去。

你首先要做的选择是使用哪一种样式表。当涉及到最佳习惯时,对不同样式表的分析如下:

Inline CSS;简单地说,你应该尽量避免使用。除了一些其他的缺点之外,使用Inline CSS意味着你并没有利用到CSS的真正优点,即你并没有将内容与格式分离开。DW使用Inline CSS主要是为了定位页面元素(这些元素在DW的用户界面中称为“层(layer)”),或者为了使用某个DHTML特效,它需要使用Inline 样式的Javascript来改变一个对象的属性。

Embedded CSS:它也不是最理想的,因为它只能对当前页面施加影响。在更新的过程中,如果某一个页面丢失,将会使站点的风格不一致;另外,当用户浏览你的站点时,每一页都要下载一次样式表信息。

External CSS:这是你的第一选择。External CSS可以让所有连接到它的页面保持一致的外观风格;提纲挈领,更改一次,轻松更新所有相关页面;让你的页面体积更小,浏览速度更快。其他的一些最佳习惯将在下文分析具体的CSS特性时提及。

在DW中创建CSS样式表

在DW中创建CSS样式表时(Text 》CSS Style 》New style sheet),在弹出的对话框中,你有两个选择:新样式表文档(New Style Sheet File) 和只用于当前页(This Document Only)。选中“New Style Sheet File ”你就开始了创建External CSS的过程。这个选项要求你在真正的创建过程之前先命名样式表并为它选定一个保存位置;另外一个选项,This Document Only,则会直接把相关代码写入到页面的部分。

你也可以在“新样式(New style)”对话框中选择一个现存的样式表来编辑或添加新的定义。

应该连接到External CSS还是导入?

创建外部样式表以后,你需要把它附加在每个页面上(或是模板)。要这样做,可以在CSS面板上淡季“附加样式表(Attach Style Sheet)”按纽,此时会弹出连接外部样式表 (Link External Style Sheet)对话框,在上面可以浏览到你的目标样式表的名字,找到以后,你可以选择连接(link) 或者导入(import )此外部样式表。

连接是最常用的方式,选择“link”即可把样式表连接到页面。它会在你的页面中加入下面的标记:

所有支持CSS的浏览器都支持连接选项。如果你想一些比较旧的浏览器(比如Netscape 4.x)也能“看到”这个样式表的话,就要采用下面的方法。

如果你选择“导入”选项,所用的标记为:

NetSscape4会完全忽略导入的CSS,而按照连接的CSS来解释页面。这样我们就可以放心使用CSS中的新功能,不必担心浏览器的兼容性问题了。

CSS属性检查器

在DW的属性检查器中可以轻易切换到CSS模式。缺省情况下,属性检查器会显示原始的HTML模式下字体标签。点击字体下拉菜单旁边的小“A”,你就可以看到目前可用的CSS样式表,而不是字体标签列表。同时,你也可以轻松切回到HTML模式。

现成的CSS样式表

DW中一个令人激动的CSS特性就是它包含了已制作好的CSS样式表。CSS的新用户可以先体验一下。选择File > New,在弹出的新文档对话框中选择选中CSS style sheets,在右边的方框中会出现所有可用的CSS列表。为了实践我们所说的最佳习惯,选择一个标记为“Accessible”的。

将文档保存在站点文件夹内,然后就可以用上述的方法来把CSS附加在你的文档中了。

设计时间样式表(Design Time style sheets)

DW的这一特性可以让你在设计视图下工作时将样式表应用到页面,让你对站点的外观有一个更直观的认识。设计时间样式表将不会出现在站点内。从我们的最佳习惯的观点来讲,这一特性是非常有用的。如果你使用同时导入和连接两种方式(如上所述),附加设计时间样式表可以让你使用其中的任何一个来开发站点。当你想看在另一个样式表下页面外观如何时,你可以轻松更改为另一个样式表。

对于要将CSS应用于服务器端(比如ASP, PHP, or ColdFusion)或是要在客户端通过Javascript来存取的开发者来说,设计时间样式表同样有用。服务器端样式表也是处理客户端浏览器对CSS支持不好的又一种方式。但在以前版本的DW中,这种方式却不能让你在设计阶段查看CSS的实际效果。设计时间样式表让你实时查看样式表效果,所以你可在DW中以可视界面工作。另外一个好处就是当你上传站点文件时,你不必再检查整个站点寻找冗余的样式表了。

验证

无论你是自己创建样式表还是编辑现有的样式表,验证可以确保你不会误用不标准的标签或错误的代码。DW本身不包含CSS验证程序,你可以使用W3C站点提供的验证服务。

在DW内你可以验证HTML 或DHTML标签( File > Check Page > Validate Markup (for HTML) 或 File > Check Page > Validate as XML for XHTML.)。在开发基于CSS的站点时,DW提供了很多辅助工具。有了MW MX的帮助,再加上对CSS良好的理解,你就可以开发出能经受时间考验的站点了。( 负责编辑:kaso )

\r\n

', '', '', ''), (64, 5, '

 Dreamweaver CS3集成了AJAX框架Spry,使得我最近对Spry感上了兴趣。
 
  再次说明下Spry是Adobe公司推出的AJAX框架,所谓AJAX框架,就先谈目前流行的Web2.0. 1,这些Web2.0站点从页面形式上来看,页面与浏览者的交互很时尚、也很人性化。比如注册信息时输入邮箱不规则,页面立即提示……当然这在Web2.0之前已有应用,但是从来没有哪个时候像现在如此推崇此类即时检测等很符合用户体验的技术,这些脱离不了Javascript脚本的编写,其已属于AJAX的定义范畴。
 
  2,当然AJAX不仅仅是这些,比如要做个“TabPane 选项卡”很炫酷的页面展示功能,我们手写Javascript脚本就比较的费事,当然还有很多的在Web2.0站点看到的比如“显示和隐藏”、“淡入淡出”等特效,这些都离不开Javascript,而现在我们也称为AJAX技术。
 
  3,AJAX最核心的技术就是数据处理的能力,并能进行远程异步处理的能力,主要集中在对XML数据的数据交互上。
 
  所有这些,Javascript占最大比重,XHTML、CSS作为表现形式而存在、因XML涉及的XSLT、XPATH等技术融入其中,还有相关的DOM操作,这些所有有需要功能文件的组合体就构成了AJAX框架(如果可以,你也可以自己写一个AJAX框架给大家使用)。
 
  Adobe Spry 介绍页有这样一句话:With Spry, you can use HTML code, CSS code, and a minimal amount of JavaScript to incorporate XML data into your HTML documents, create widgets such as accordions and menu bars, and add different kinds of effects to various page elements.使用Spry框架,用HTML、CSS、JavaScript就可以在HTML文章中展现XML数据、建立诸如炫酷菜单的一些界面,还有其他的一些页面特效(大体上分了三类内容,这也是Spry AJAX框架所具备的)。
 
  由此,学习Spry就可以从如下三点开始:Working with Spry widgets Working with Spry Effects Working with Spry XML Data Sets今天介绍的表单检测还属其中内容。
 
  在页面中插入“Spry”-“Spry validation text field”文本框之后,在选中该表单元素之后除了显示其元素属性以外,在选择该表单元素之上的蓝色文本“Spry TextField”,属性面板中显示了表单验证相关的选项内容。
 
  比如下图就是选择“Type”是“Email Address”的邮件输入检测,触发的动作默认是“Submit”,当然自己也可以选择“Blur”或“Change”,对于这些操作,则要求使用者具备简单的Javascript知识。还可以设置默认文本提示,是否必须填写等。

  这些操作,对于有Dreamweaver经验的用户来说,曾经是在DW的脚本行为中的操作,不过那些显示的是弹出警告框,而现在是紧随表单元素之后的即时显示的文字信息,相比较一下哪个更让用户觉得亲切呢?——这就是Web2.0在表现形式上质的飞跃。

       利用Spry框架提供这些操作不仅生成基于标准的XHTML+CSS代码,还能完成完善用户体验的页面功能,这是在Dreamweaver cs3初试Spry的体会。

\r\n

', '', '', ''), (65, 5, '说到代码,有人会问:不懂代码能不能制作网页?答案是肯定的。有些人不懂代码同样能制作出非常好的网页。

  在Dreamweaver的设计窗口中你每增加或改变一项内容,会自动生成相应代码。那又产生另一个问题:为什么要了解或者熟悉代码呢?可以说熟悉代码将会使你如虎添翼,能使你的网页锦上添花。超文本标识语言(HTML)为满足更多的需要,增加了许多扩展功能。主页制作者经常使用Java Applet(小程序)、内嵌脚本、插件和其它扩展的HTML功能,充分发挥自己的想像力,就能设计出充满魅力的主页来。

  而有些效果的制作只能通过编辑代码来完成,或者通过编辑代码相对容易一些。有好多网友在论坛里提问说本站提供的网页特效代码放到自己的网页中不行,或者出现这样那样的问题。所以了解或者熟悉代码是必要的。

  基本格式

 

 
 </font>站长资讯Dreamweaver教程(<font color="#0000ff">这是你的站点标题,也是浏览网页时标题栏将要显示的内容</font>)<font color="#ff0000">
 

 
 这里是源代码的主体部分!
 

 

  HTML语言使用标志对的方法编写文件,既简单又方便,它通常使用<标志名>来表示标志的开始和结束(例如 标志对),因此在HTML文档中这样的标志对都必须是成对使用的。

  1.

  标志用于HTML文档的最前边,用来标识HTML文档的开始。而标志恰恰相反,它放在HTML文档的最后边,用来标识HTMLl文档的结束,它们并没有实际意义,只是告诉浏览器,它正在处理HTML文件。两个标志必须一块使用。

  2.

  HTML文件分为首部和主体两个部分。和构成HTML文档的首部,在此标志对之间可以使用 等等标志对,这些标志对都是描述HTML文档相关信息的标志对。两个标志必须一块使用。

  3.

  浏览过网页的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息,那些信息一般是网页的主题信息,要将您的网页的主题信息显示到浏览器的顶部,也就是标题栏的方法很简单,就是在标志对之间加入您要显示的文本即可。

   注意: 标志对只能放在标志对之间。

  4.

  是HTML文档的主体部分,在此标志对之间可包含



等等众多的标志,它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。标志中还可以加一些其它属性,如:

  Dreamweaver有三种“文档”视图窗口:

  1、“代码”视图窗口。这是编辑代码的窗口。

  2、“设计”视图窗口。这是我们进行编辑文字、添加图片等操作常用的的窗口。

  3、“拆分”视图窗口。当我们需要上面两个窗口配合进行编辑时选用这个窗口,我们将要进行的添加代码主要在这个窗口进行。

  在使用Dreamweaver制作网页的时候大家要多注意查看代码视图!
(负责编辑:blank)

\r\n

', '', '', ''), (66, 5, '

层(Layer)是一种 HTML 页面元素,您可以将它定位在页面上的任意位置。层可以包含文本、图像或其它 HTML 文档。层的出现使网页从二维平面拓展到三维。可以使页面上元素进行重叠和复杂的布局。首先,请看下图:

Dreamweaver教程:层及其应用

  我们首先来做一个层

  1、 在「窗口」菜单>选“层”或点「插入」菜单>布局对象选“层”。

  2、 在页面中显示一个层。

  3、 通过周围的黑色调整柄拖动控制层的大小

  4、 拖动层左上角的选择柄可以移动层的位置。

  5、 单击层标记可以选中一个层。

  6、 在层中可以插入其他任何元素包括图片文字链接表格等。

  一个页面中可以画出很多的层,这些层都会列在层面板中。层之间也可以相互重叠。层面板可以通过菜单「窗口」菜单>选“层”打开。

Dreamweaver教程:层及其应用

  这里我们需要对几个概念进行解释。层有隐藏和显示的属性。这是层的一个重要属性和以后说到的行为相结合就变成了重要的参数。单击层面板列表的左边,可以打开关闭眼睛。眼睛挣开和关闭表示层的显示和隐藏。

  层还有一个概念就是层数,层数决定了重叠时哪个层在上面哪个层在下面。 比如层数为2的层在层数为1的层的上面。改变层数就可以改变层的重叠顺序。

  层面板上面还有一个参数就是防止层重叠。一旦选中,页面中层就无法重叠了。 

  层还有一种父子关系也就是隶属关系。在层面板中是这样表示的。

Dreamweaver教程:层及其应用

  图中Layer2挂在Layer1的下面。Layer1为父层,Layer2为子层。在页面中拖动Layer1,Layer2也跟着动起来。因为他们已经链在一起了,并且Layer2隶属于Layer1。父层移动会影响到子层。移动layer2层,Layer1层不动。也就是子层不会影响到父层。

  要建立这样的一种隶属关系方法很简单。在层面板中按Ctrl键将子层拖拽到父层即可。

  [层和表格之间转换]

  由于层在网页布局上非常方便,所以,一些人可能不喜欢使用表格或“布局”模式来创建自己的页面,而是喜欢通过层来进行设计。Dreamweaver MX 2004可以使用层来创建自己的布局,然后将它们转换为表格。

   在转换为表格之前,请确保层没有重叠。请执行以下操作:选择“修改”“转换”“层到表格”。即可显示“转换层为表格”对话框。

选择所需的选项。单击“确定”。 话框。

Dreamweaver教程:层及其应用

  选择所需的选项。单击“确定”。

  层及应用我们就简单介绍到这里。

\r\n

', '', '', ''), (67, 5, '

document.oncontextmenu=new Function("event.returnValue=false;");
document.onselectstart=new Function("event.returnValue=false;");

 
很好用!\r\n

', '', '', ''), (68, 5, '说明:属性继承 ×不继承 
   [ ]为适应元素类型 无[ ]标出为所有元素

字体
Font-family
Font-size 9 10 12 14 16 18 24 36 xx-small x-small small medium large x-large xx-large smaller larger
Color
Font-style normal italic oblique
Line-height nomal
Font-weight normal bold bolder lighter 100 200 300 400 500 600 700 800 900
Text-transform capitalize uppercase lowercase none
Font-variant normal small-caps
×Text-decoration none underline overline line-through blink
Font

背景
×Background-color
×Background
×Background-image
×Background-attachment fixed scroll
×Background-repeat no-repeat repeat repeat-x repeat-y
×Background-position[块、替换]

区块
Word-spacing normal[块]
Letter-spacing normal
×Vertical-align baseline sub super top text-top middle bottom text-bottom[内]
Text-align left right center justify[块]
×Text-indent[块]
×White-space normal pre nowrap[块]
×Display inline block list-item run-in compact marker table inline-table table-row-group table-header-ground table-footer-ground table-row table-column-ground table-column table-cell table-caption none

边框
×Border
×Border-top-color
×Border-top-style none solid dashed dotted double groove ridge inset outset
×Border-top-width thin medium thick
×Border-top-Right
×Border-top-Bottom
×Border-top-Left
×Border-top
×Border-right
×Border-bottom
×Border-left
×Border-color
×Border-style
×Border-width

方框
×Width auto px pt in cm mm pc em ex %[块、替]
×Height auto[块、替]
×Float left right none
×Clear left right both none
×Margin
×Margin-top
×Margin-right
×Margin-bottom
×Margin-left
×Padding
×Padding-top
×Padding-right
×Padding-bottom
×Padding-left

列表
×List-style-type disc circle square decimal lower-roman upper-roman lower-alpha upper-alpha onne[显示值为list-item的元素]
×List-style-Image[显示值为list-item的元素]
×List-style-position inside outside[显示值为list-item的元素]

定位
×Position absolute relative static
×Visiblility visible hidden inherit
×Height auto
×Left auto
×Top auto
×Right auto
×Bottom auto
×z-index auto[定位元素]
×overflow visible hidden scroll auto[块、替]
×clip auto
\r\n

', '', '', ''), (69, 5, '

 我们为了优化网页、加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化。在网页编织过程中如能充分利用编辑工具,也可以在中达到优化目的。

  下面是Dreamweaver中的一些优化技法:

  合理调用CSS

  进行网页设计时,运用样式表单CSS来对页面元素进行布置,可以大大地减少HTML代码,这点我们已经很清楚。

  方法:

  (1)是选定对象,从右键菜单中选择定义好的样式加入; (2)是从样式面板中为对象选择样式;

  (3)是在标签选择器上的某标签上单击右键选择样式。

  这三种方法虽然获得的页面效果一样,但由于第一种方法会在HTML代码中产生一个“span”标签,如果过多地使用必定会使网页源文件大大增肥,影响下载速度。因此调用CSS时,应采用第二、第三种方法。

  为服务器减负

  在交互网页中,用户常用表单向服务器提交数据,等待服务器的数据处理、返回浏览器……等待的过程是很令人心烦的。为此,我们在进行网页编辑时,也有必要为服务器作个考虑。Dreamweaver中制作网页,能为服务器减负的工作有一项做得较出色,就是对用户所提交的表单的合法性进行验证,只需在浏览器端进行,不必返回到服务器验证,既减轻了服务器的负担,又让浏览者少一份伤心的等待。

  方法:选中表单,打开“行为”面板,点击“+”号选“验证表单”,然后进行设置即可。顺便提醒,这个验证过程实际上是使用JavaScript在浏览器端作验证。在Dreamweaver里进行上述操作时,它会把这段JavaScript代码放在网页头部与之中,这样必定会使页面的完全显示时间变长,因为浏览器要先下载这段代码才下载其他页面元素。因此,最好在Dreamweaver中打开代码编辑器,把这段脚本程序剪贴到源代码的最后边,让其在最后下载。另外,我们在为网页加入JavaScript脚本特效时,你如果不希望页面出现时马上生效,也不妨这样设置。

  自我“减肥”

  目前网页“减肥茶”很多,我们随处都可找到,而在Dreamweaver中,我们不必四处找“减肥茶”,利用其自身的“减肥”功能足可以使网页“苗条怡人”。

  方法:在“命令”菜单下选择“清除多余的HTML”,即可进行设置对网页冗余代码进行清除。

  合理应用表格

  我们不但要为服务器减负,对使用的浏览器我们更需要减负,也就是要尽可能地缩短浏览器对页面的解析时间,上面提及的JavaScript脚本加入就是一个例子。影响浏览器对页面解析的还有表格,因为浏览器对表格的解析时间与表格的大小、复杂程度成正比,而我们在Dreamweaver中为了版式的安排,都是通过加入大量的表格来进行定位的,有些人甚至在大表格中套入多重的小表格,这实质上也是在加大浏览器的负担,使页面呈现时间大大加长。为此在使用表格时,应尽量将表格打散,并要尽可能地避免表格的层层相套。

\r\n

', '', '', ''), (70, 5, '

 不知各位是否有手写代码的习惯。例如:要在一个单元格插入一段CSS代码,或者一段Javascript代码,怎么做才比较快捷方便呢? 

  虽然Dreamweaver已经为我们提供了代码视图,可是必竟还要手工去查找,还要来回地切换。虽然也可以用代码视图与编辑视图并存的方式,但还要占用一半的屏幕空间,使本来便不大的编辑区域更显得拥挤。有没有更好的办法呢?答案是肯定的。

  下面我们以Dreamweaver 8为例,假设大家Dreamweaver面板布局都为默认的布局方式。查看一下属性面板的上方是否有一行小标签。(如果您用的不是MX,标签在状态栏中)例如:你新建一个空白的HTML文档,上面的小标签应该为<body>。请看下图:

如何使用Dreamweaver方便快捷编辑网页标签

  图上画红框的地方,就是我们今天的主角了。我们先看一下“环绕标签”。在页面上随便打入几个字,选中它们,在右键菜单中选择“环绕标签”,在弹出的环绕标签对话框中输入“<strong>”(不包括引号),然后回车。之前被选中的文字是不是已经变成粗体了,到源代码看一下,我们所选中的文字是不是已经被<strong>标签包围了?大家可以试着再加入其它的一些标签,如:<a>,<p>。这里也可以直接输入属性。如:<p style="color:#CC0000">。这里仅大概说明一下,如有疑问,请查看Dreamweaver的帮助。

  下面说一下标签选择器的应用方法。

  我们将光标移动到刚才加粗的文字里,会发现在<body>的后面多了个<strong>。这就是说光标所在处的这些文字的外面有<strong>的标签,在<strong>标签外有<body>标签。下面大家再添加一个表格,把光标移动到表格内,看看标签的结构。相信对HTML有些基础的朋友都应该很容易理解的。

  假设我们现在要插入一个表格,并将这个表格用CSS来将它下移10个象素。先插入一个表格,然后交光标移动到表格内。这时在标签选择器上应该可以看到这样的字样<body><table><tr><td>。然后在table标签上点鼠标右键,会看到有四个选项。删除标签、编辑标签、设置类、设置ID。

  删除标签:即是将标签删除。(有一些特殊的标签是不能删除的。例如:<table>、<tr>、<td>、<body>...)

  编辑标签:给标签附加属性、修改属性等。

  设置类:给这个标签附予一个类。(即CSS的类别)

  设置ID:给这个标签附予一个ID。(即CSS的ID)

  在这里,我们选择编辑标签,然后在后面加上属性style="margin-top:10px"和正常书写源代码的方式是一样的。然后按下回车。就完成了编辑。如果在Dreamweaver里看不到效果,请用浏览器预览。

  还有另外一种方法,也许你会喜欢。选择窗口→标签检查器当你选择某一个标签后,这里会显示出当前选择标签的所有属性。也可以很快地在这里进行编辑。在这里输入的属性不用包括引号,编辑后按回车确定。

  这里我们只将方法告诉大家,希望大家能够从中受益。

\r\n

', '', '', ''); INSERT INTO `#@__addonarticle` (`aid`, `typeid`, `body`, `redirecturl`, `templet`, `userip`) VALUES (71, 5, '

一个好的“偷懒”方法,就好比充满困难的路途中出现一盏明灯,简化了好多繁杂的工作,让你有更多精力做其他事情,做的更顺手。

DW作为的辅助工具之一,已经被人们逐渐掌握并灵活使用,它本身集成了好多实用的东西,给我们的工作带来了很多便利,每当有朋友问我“如何开始学做网页,要看什么书,从哪里入手?”我都会推荐他看DW“帮助”中的“Dreamweaver 入门”,这是最实用的,同时也是离你最近的教程(假设你已经打开DW)。

其实很简单,在右栏中找到“代码片段”(Shift+F9),空白处右键“新建代码片段”(或先“新建文件夹”)

接下来把你常用的代码片段输入进去。

输入好后确定,有几个生成几个,显示如下图:

以后要做的就是,当你用到这些代码片段的时候,打开“代码片段”,双击你命名的那“片”就好了……这里我只举了一个简单的例子,举一反三就靠你自己了。

同样我们也可以利用系统中已经存在的代码片段,比如添加注释。

当然如果你有其他需要那么你就来这里定义你自己的代码片段吧!

\r\n

', '', '', ''), (72, 5, '

Dreamweaver升级到8.0.2后,插入Flash时的代码会有所改变,这是Macromedia为解决IE中的Flash会出现控件激活框而作的更新。要为Flash添加透明等参数有两种方法。

用Dreamweaver的属性面板为插入的Flash添加透明属性,此方法简单实用。

使插入的Flash处于选择状态,点击属性面板中的“参数”,在随即弹出的参数表中添加一行,参数名为“wmode”,值为“transparent”。使用此方法时注意,若页面中有人工输入的Flash ID,此ID将被删除,请在添加完参数后重新输入ID。

 

在html代码中为插入的Flash添加透明属性。

同样是添加值为“transparent”的“wmode”参数。

\r\n

', '', '', ''), (92, 2, '

说明: ■为已经升级或修正的功能 □表示需多处同时处理的复杂功能或待验证功能

\r\n

[新增]
\r\n■ 1.搜索关键词批量管理功能;
\r\n□ 2.会员中心更换全新UI界面,让用户中心更亲切方便;
\r\n■ 2.1 会员中心增加好友动态功能;
\r\n■ 2.2 添加会员心情功能(用户可以在会员中心设置自己的状态);
\r\n■ 2.3 结构调整,确立会员中心『内容中心』,『我的织梦』结构,今后会员中心会在这两点进行深入挖掘;
\r\n■ 2.4 重新设计默认头像,织梦版的大眼更Q;
\r\n■ 2.5 会员注册进行调整,网站管理员可以启用会员注册步骤;
\r\n■3.单个会员发送短消息功能;
\r\n■4.新增V56默认模板,并且同期整理规范模板目录让更多技术爱好者能够参与模板制作中来;
\r\n■ 4.1 默认模板添加多种颜色切换功能,让页面展示更具有人性化;
\r\n■ 4.2 调整各个功能部分的管理目录,对所有素材文件进行整理;
\r\n■5.DedeCMS_V56模板标签手册(CHM)版本;
\r\n■6.采用全新Unicode编码词典的php分词器;
\r\n■7.使用新的验证码类,并且加入验证安全问题设置,系统验证更加方便管理;
\r\n■8.系统管理后台界面调整;
\r\n■ 8.1.后台增加快捷搜索功能,可以更方便找到某个操作项
\r\n■9.会员留言管理功能,会员可以自行删除留言,管理员可以从后台删除留言;
\r\n■10.搜索关键词批量管理功能;
\r\n■11.调整系统管理后台,对一些体验进行修改;
\r\n■12.增加提升管理员的操作,管理员可在后台提升系统用户为管理员;
\r\n□13.创建"织梦维基"平台,打造织梦DedeCMS产品知识库,让学习织梦更简单;
\r\n■14.增加一些日志文件的过滤;
\r\n■15.增加图集幻灯的显示方式,使其更人性化;
\r\n□16.arclist标签支持分页,使其内容调用更加方便快捷;
\r\n■17.增加会员模型管理功能,使得会员字段更方便修改;
\r\n■18.增加初始化数据安装,用户可以在安装的时候选择初始化数据,数据中含有部分功能的操作样例;
\r\n■19.文章内容增加权重功能,可以对文章进行顺序调整;
\r\n□20.远程站点部署功能,可以将站点内容生成部署到其他(服务器)站点目录;
\r\n□21.模块部分功能进行调整,规范程序目录结构,同时需要调整整体模块风格;
\r\n□22.增加邮件订阅功能,网站管理员可以制作订阅专题进行邮件批量发送;

\r\n

[修复]
\r\n■1.单表模型内容不同栏目无法移动的bug;
\r\n■2.栏目设置中如果外部链接地址为ftp无法正确解析的问题;
\r\n■3.修正积分转换过滤的问题;
\r\n■4.短消息弹出框出错提示;
\r\n■5.修复数据库类的一个小错误;
\r\n■6.修复单表模型点击数统计问题;
\r\n■7.修复XSS引起站点安全问题的bug;
\r\n■8.修复模板引擎一个全局变量自定义函数不显示的错误;
\r\n■9.修复时间选择组件无法选择2010后的问题;
\r\n■10.tag标签按照出现文档最多排序
\r\n■11.修复后台会员工作统计中没有对单表模型进行统计的错误;
\r\n■12.调整页面部分文件目录结构使得程序更完整;
\r\n■13.修复checkbox不选,但显示值全选的bug;
\r\n 

', '', '', '127.0.0.1'), (106, 5, '

2010年,新一年,新征程……
\r\n织梦大家庭招募能够共同创业的新伙伴。
\r\n首要特点:织梦需要的是创业伙伴,而非普通员工。织梦是一个大家共同的创业平台!繁华浮躁的时代,我们需要的是『不浮躁』的人。
\r\n我们特制作了这份具有织梦特色的招聘模板页面给熟悉DedeCMS的GGJJDDMM,你如果条件符合并有意加入,请立即联系我们:
\r\nP.S. 如果目前你还是个新手,但你非常喜爱DedeCMS并且有足够的自信和学习力,我们同样的给予机会让你加入到织梦大家庭一起参与创业!
\r\n我们为加入织梦团队的伙伴,提供住宿,让大家在上海吃住无忧。
\r\n
\r\n ----------------------------------------------------
\r\n|    E-mail:hr#dedecms.com(#<=>@)    |
\r\n ----------------------------------------------------
\r\n 
\r\n{dede:招聘启事 标题=''织梦大家庭新年招募第一波'' 工作地点=''上海'' 版本=''1.0.1'' 时间=''2010+''}
\r\n  声明 织梦人
\r\n  {
\r\n     ¥性别 = ''不限'';
\r\n     ¥年龄 = ''不限'';
\r\n     ¥性格 = ''开朗'';
\r\n     ¥学历 = ''英雄不问出处'';
\r\n     ¥团队意识 = ''强'';
\r\n     ¥学习能力 = ''非常强'';
\r\n     ¥人品 = ''好'';
\r\n     ¥烟酒 = ''没瘾'';
\r\n     ¥薪资 = ''人有多大胆,地有多大产'';
\r\n  }
\r\n 
\r\n  /*****我们需要这样的策划人员*****/
\r\n  文案策划 继承 织梦人
\r\n  {
\r\n    ¥招聘人数 = ''2+'';
\r\n    ¥描述 = ''
\r\n        1.基本的要求可以查看"声明 织梦人{}",如果您还符合以上的要求则可以继续阅读下面部分的内容;
\r\n        2.有基本的市场营销观念,能够了解用户并且能够主动挖掘用户潜在商业价值;
\r\n        3.有较强的文字组织能力,能够通过文字有条理的表达、沟通;
\r\n        4.对网站建设方面比较了解,能够知道网站建设中一些基本的流程,并且能够准确地形成文档同用户或技术团队沟通;
\r\n        5.熟悉各种文案编辑工具的使用,例如:Axure、Dreamweaver、Visio等,能够制作线框图,流程图者优先考虑;
\r\n        6.有制定规范的能力,善于发现问题,分析问题,能够解决问题者最佳;
\r\n    '';
\r\n  }
\r\n 
\r\n  /*****这样的是织梦喜欢的网站制作人员*****/
\r\n  网站制作 继承 织梦人
\r\n  {
\r\n      <人数>3+
\r\n      <熟悉DedeCMS>是
\r\n      <织梦标签>会
\r\n      <技术>
\r\n        必须
\r\n        必须
\r\n        必须
\r\n        必须
\r\n        最佳
\r\n        最佳
\r\n     
\r\n      <熟悉软件>
\r\n      <跨平台浏览器兼容性>有经验
\r\n      有经验
\r\n      <沟通能力>很好
\r\n  }
\r\n 
\r\n  /*****我们需要怎样一个程序员*****/
\r\n  程序员 继承 织梦人
\r\n  {
\r\n     ¥人数 = 5+;
\r\n     ¥编程经验 > 3年;
\r\n     ¥技术 in (''PHP'', ''MySQL'', ''Linux'', ''C/C++'', ''其它'');
\r\n     ¥优先 = (¥熟悉 == ''DedeCMS'')? ''是'' : ''Out'';
\r\n     ¥自主开发产品 = ''可以'';
\r\n     ¥程序员->编码()
\r\n     {
\r\n        ¥代码习惯 = ''良好'';
\r\n        ¥结构 = ''清晰'';
\r\n        ¥命名 = ''规范'';
\r\n        ¥逻辑 = ''强'';
\r\n        ¥代码冗余率 = ''低'';
\r\n     }
\r\n     ¥程序员->学习()
\r\n     {
\r\n        ¥同类产品 = ''熟悉'';
\r\n        ¥UI/UE = ''经常研究'';
\r\n        ¥用户习惯 = ''了解'';
\r\n        ¥新技术 = ''非常关注'';
\r\n     }
\r\n     ¥程序员->开发()
\r\n     {
\r\n        ¥MySQL索引优化 = ''具有'';
\r\n        ¥查询优化和存储优化 = ''有经验'';
\r\n        ¥PHP缓存技术 = ''有经验'';
\r\n        ¥静态化设计 = ''有经验'';
\r\n     }
\r\n  }
\r\n 
\r\n{/dede:招聘启事 CopyRight=''2007-2010 DesDev INC.''}

\r\n 

', '', '', '127.0.0.1'), (107, 4, '

PHP正则表达式主要用于字符串的模式分割、匹配、查找及替换操作。使用正则表达式在某些简单的环境下可能效率不高,因此如何更好的使用PHP正则表达式需要综合考虑。

我的PHP正则入门,是起源于网上的一篇文章,这篇文章由浅入深的阐述了PHP正则表达式使用的方法,我觉得是一个很好的入门材料,不过学成还是要 靠个人,在使用的过程中,还是会不断地忘记,因此反反复复的阅读了这篇文章有四五遍,对于其中一些比较困难的知识点,甚至要用很久才能消化,但是只要能见 坚持着看完,你会发现自己对于正则的运用能力就会显著提高。

PHP正则表达式的定义:

用于描述字符排列和匹配模式的一种语法规则。它主要用于字符串的模式分割、匹配、查找及替换操作。

PHP中的正则函数:

PHP中有两套正则函数,两者功能差不多,分别为:

一套是由PCRE(Perl Compatible Regular Expression)库提供的。使用“preg_”为前缀命名的函数;

一套由POSIX(Portable Operating System Interface of Unix )扩展提供的。使用以“ereg_”为前缀命名的函数;(POSIX的正则函数库,自PHP 5.3以后,就不在推荐使用,从PHP6以后,就将被移除)

由于POSIX正则即将推出历史舞台,并且PCRE和perl的形式差不多,更利于我们在perl和php之间切换,所以这里重点介绍PCRE正则的使用。

PCRE正则表达式

PCRE全称为Perl Compatible Regular Expression,意思是Perl兼容正则表达式。

在PCRE中,通常将模式表达式(即正则表达式)包含在两个反斜线“/”之间,如“/apple/”。

正则中重要的几个概念有:元字符、转义、模式单元(重复)、反义、引用和断言,这些概念都可以在文章[1]中轻松的理解和掌握。

常用的元字符(Meta-character):

元字符     说明

\\A       匹配字符串串首的原子

\\Z       匹配字符串串尾的原子

\\b       匹配单词的边界     /\\bis/   匹配头为is的字符串   /is\\b/   匹配尾为is的字符串   /\\bis\\b/ 定界

\\B       匹配除单词边界之外的任意字符   /\\Bis/   匹配单词“This”中的“is”

\\d     匹配一个数字;等价于[0-9]

\\D     匹配除数字以外任何一个字符;等价于[^0-9]

\\w     匹配一个英文字母、数字或下划线;等价于[0-9a-zA-Z_]

\\W     匹配除英文字母、数字和下划线以外任何一个字符;等价于[^0-9a-zA-Z_]

\\s     匹配一个空白字符;等价于[\\f\\t\\v]

\\S     匹配除空白字符以外任何一个字符;等价于[^\\f\\t\\v]

\\f     匹配一个换页符等价于 \\x0c 或 \\cL

匹配一个换行符;等价于 \\x0a 或 \\cJ

匹配一个回车符等价于\\x0d 或 \\cM

\\t     匹配一个制表符;等价于 \\x09\\或\\cl

\\v     匹配一个垂直制表符;等价于\\x0b或\\ck

\\oNN   匹配一个八进制数字

\\xNN   匹配一个十六进制数字

\\cC    匹配一个控制字符

模式修正符(Pattern Modifiers):

模式修正符在忽略大小写、匹配多行中使用特别多,掌握了这一个修正符,往往能解决我们遇到的很多问题。

i     -可同时匹配大小写字母

M     -将字符串视为多行

S     -将字符串视为单行,换行符做普通字符看待,使“.”匹配任何字符

X     -模式中的空白忽略不计  

U     -匹配到最近的字符串

e     -将替换的字符串作为表达使用

格式:/apple/i匹配“apple”或“Apple”等,忽略大小写。     /i

PCRE的模式单元:

//1 提取第一位的属性

/^\\d{2} ([\\W])\\d{2}\\\\1\\d{4}$匹配“12-31-2006”、“09/27/1996”、“86 01 4321”等字符串。但上述正则表达式不匹配“12/34-5678”的格式。这是因为模式“[\\W]”的结果“/”已经被存储。下个位置“\\1”引用 时,其匹配模式也是字符“/”。

当不需要存储匹配结果时使用非存储模式单元“(?:)”

例如/(?:a|b|c)(D|E|F)\\\\1g/ 将匹配“aEEg”。在一些正则表达式中,使用非存储模式单元是必要的。否则,需要改变其后引用的顺序。上例还可以写成/(a|b|c)(C|E|F)\\2g/。

PCRE正则表达式函数:

以下为引用的内容:

  1. preg_match()和preg_match_all()  
  2. preg_quote()  
  3. preg_split()  
  4. preg_grep()  
  5. preg_replace()

函数的具体使用,我们可以通过PHP手册来找到,下面分享一些平时积累的正则表达式:

匹配action属性

 

以下为引用的内容:

  1. $str = '''';  
  2.     $match = '''';  
  3.     preg_match_all(''/\\s+action=\\"(?!http:)(.*?)\\"\\s/''$str$match);  
  4.     print_r($match); 

在正则中使用回调函数

 

以下为引用的内容:

  1. /**  
  2.    * replace some string by callback function  
  3.    *  
  4.    */ 
  5.   function callback_replace() {  
  6.       $url = ''http://esfang.house.sina.com.cn'';  
  7.       $str = '''';  
  8.       $str = preg_replace ( ''/(?<=\\saction=\\")(?!http:)(.*?)(?=\\"\\s)/e''''search(\\$url, \\\\1)''$str );  
  9.         
  10.       echo $str;  
  11.   }  
  12.     
  13.   function search($url$match){  
  14.       return $url . ''/'' . $match;  
  15.   } 

带断言的正则匹配

 

以下为引用的内容:

  1. $match = '''';  
  2.    $str = ''xxxxxx.com.cn bold font 

    paragraph text

    ''
    ;  
  3.    preg_match_all ( ''/(?<=<(\\w{1})>).*(?=<\\/\\1>)/''$str$match );  
  4.    echo "匹配没有属性的HTML标签中的内容:";  
  5.    print_r ( $match ); 

替换HTML源码中的地址

 

以下为引用的内容:

  1. $form_html = preg_replace ( ''/(?<=\\saction=\\"|\\ssrc=\\"|\\shref=\\")(?!http:|javascript)(.*?)(?=\\"\\s)/e''''add_url(\\$url, \\''\\\\1\\'')''$form_html ); 

最后,正则工具虽然强大,但是从效率和编写时间上来讲,有的时候可能没有explode来的更直接,对于一些紧急或者要求不高的任务,简单、粗暴的方法也许更好。

而对于preg和ereg两个系列之间的执行效率,曾看到文章说preg要更快一点,具体由于使用ereg的时候并不多,而且也要推出历史舞台了,再加个个人更偏好于PCRE的方式,所以笔者就不做比较了,熟悉的朋友可以发表下意见,谢谢。

', '', '', '127.0.0.1'); INSERT INTO `#@__addonimages` (`aid`, `typeid`, `pagestyle`, `maxwidth`, `imgurls`, `row`, `col`, `isrm`, `ddmaxwidth`, `pagepicnum`, `templet`, `userip`, `redirecturl`, `body`) VALUES (88, 6, 2, 800, '{dede:pagestyle maxwidth=''800'' pagepicnum=''12'' ddmaxwidth=''200'' row=''3'' col=''4'' value=''2''/}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G40556.jpg'' text=''古镇建筑'' width=''800'' height=''600''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G40556.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G40557.jpg'' text=''好大的花啊'' width=''800'' height=''600''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G40557.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G40558.jpg'' text=''美丽的风景尽收眼底'' width=''800'' height=''600''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G40558.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G40559.jpg'' text=''美丽的风景尽收眼底'' width=''800'' height=''600''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G40559.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G40600.jpg'' text=''美丽的风景尽收眼底'' width=''800'' height=''600''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G40600.jpg {/dede:img}\r\n', 3, 4, 1, 200, 12, '', '127.0.0.1', '', ''), (89, 6, 2, 800, '{dede:pagestyle maxwidth=''800'' pagepicnum=''12'' ddmaxwidth=''200'' row=''3'' col=''4'' value=''2''/}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G42130.jpg'' text=''流连忘返的香樟大道'' width=''640'' height=''480''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G42130.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G42131.jpg'' text=''流连忘返的香樟大道'' width=''640'' height=''480''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G42131.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G42132.jpg'' text=''流连忘返的香樟大道'' width=''640'' height=''480''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G42132.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G42133.jpg'' text=''流连忘返的香樟大道'' width=''640'' height=''480''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G42133.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G42134.jpg'' text=''流连忘返的香樟大道'' width=''640'' height=''480''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G42134.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G42135.jpg'' text=''流连忘返的香樟大道'' width=''640'' height=''480''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G42135.jpg {/dede:img}\r\n', 3, 4, 1, 200, 12, '', '127.0.0.1', '', '

流连忘返的香樟大道

'), (90, 6, 2, 800, '{dede:pagestyle maxwidth=''800'' pagepicnum=''12'' ddmaxwidth=''200'' row=''3'' col=''4'' value=''2''/}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G43432.jpg'' text=''农家小院丝瓜架下'' width=''800'' height=''600''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G43432.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G43433.jpg'' text=''农家小院丝瓜架下'' width=''800'' height=''600''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G43433.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G43434.jpg'' text=''农家小院丝瓜架下'' width=''800'' height=''600''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G43434.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G43435.jpg'' text=''农家小院丝瓜架下'' width=''800'' height=''600''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G43435.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G43436.jpg'' text=''农家小院丝瓜架下'' width=''800'' height=''600''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G43436.jpg {/dede:img}\r\n', 3, 4, 1, 200, 12, '', '127.0.0.1', '', '

农家小院丝瓜架下

'), (91, 6, 2, 800, '{dede:pagestyle maxwidth=''800'' pagepicnum=''12'' ddmaxwidth=''200'' row=''3'' col=''4'' value=''2''/}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G44302.jpg'' text=''DedeCMS产品相关截图'' width=''800'' height=''506''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G44302.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G44303.jpg'' text=''DedeCMS产品相关截图'' width=''800'' height=''519''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G44303.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G44304.jpg'' text=''DedeCMS产品相关截图'' width=''800'' height=''463''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G44304.jpg {/dede:img}\r\n', 3, 4, 1, 200, 12, '', '127.0.0.1', '', '

DedeCMS产品相关截图

'), (93, 6, 2, 800, '{dede:pagestyle maxwidth=''800'' pagepicnum=''12'' ddmaxwidth=''200'' row=''3'' col=''4'' value=''2''/}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G50111.jpg'' text=''海岛风光'' width=''670'' height=''502''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G50111.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G50112.jpg'' text=''海岛风光'' width=''670'' height=''502''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G50112.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G50113.jpg'' text=''海岛风光'' width=''670'' height=''502''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G50113.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G50114.jpg'' text=''海岛风光'' width=''670'' height=''502''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G50114.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G50115.jpg'' text=''海岛风光'' width=''670'' height=''448''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G50115.jpg {/dede:img}\r\n', 3, 4, 1, 200, 12, '', '127.0.0.1', '', '

海岛风光

'), (94, 6, 2, 800, '{dede:pagestyle maxwidth=''800'' pagepicnum=''12'' ddmaxwidth=''200'' row=''3'' col=''4'' value=''2''/}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G51624.jpg'' text=''武夷山的美景真是不错'' width=''800'' height=''513''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G51624.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G51625.jpg'' text=''武夷山的美景真是不错'' width=''800'' height=''500''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G51625.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G51626.jpg'' text=''武夷山的美景真是不错'' width=''800'' height=''513''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G51626.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G51627.jpg'' text=''武夷山的美景真是不错'' width=''798'' height=''499''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G51627.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G51628.jpg'' text=''武夷山的美景真是不错'' width=''800'' height=''501''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G51628.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G51629.jpg'' text=''武夷山的美景真是不错'' width=''800'' height=''511''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G51629.jpg {/dede:img}\r\n', 3, 4, 1, 200, 12, '', '127.0.0.1', '', '

武夷山的美景真是不错

'), (95, 6, 2, 800, '{dede:pagestyle maxwidth=''800'' pagepicnum=''12'' ddmaxwidth=''200'' row=''3'' col=''4'' value=''2''/}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G52636.jpg'' text=''原创风景图片'' width=''640'' height=''480''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G52636.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G52637.jpg'' text=''原创风景图片'' width=''640'' height=''480''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G52637.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G52638.jpg'' text=''原创风景图片'' width=''800'' height=''600''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G52638.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G52639.jpg'' text=''原创风景图片'' width=''800'' height=''600''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G52639.jpg {/dede:img}\r\n', 3, 4, 1, 200, 12, '', '127.0.0.1', '', '

原创风景图片

'), (96, 6, 2, 800, '{dede:pagestyle maxwidth=''800'' pagepicnum=''12'' ddmaxwidth=''200'' row=''3'' col=''4'' value=''2''/}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G53038.jpg'' text=''花的照片'' width=''670'' height=''502''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G53038.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G53039.jpg'' text=''花的照片'' width=''449'' height=''600''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G53039.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G53040.jpg'' text=''花的照片'' width=''670'' height=''502''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G53040.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G53041.jpg'' text=''花的照片'' width=''670'' height=''502''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G53041.jpg {/dede:img}\r\n{dede:img ddimg=''http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G53041-50.jpg'' text=''花的照片'' width=''670'' height=''502''} http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G53041-50.jpg {/dede:img}\r\n', 3, 4, 1, 200, 12, '', '127.0.0.1', '', '

我的眼界-一些关于花的照片

'); INSERT INTO `#@__addoninfos` (`aid`, `typeid`, `channel`, `arcrank`, `mid`, `click`, `title`, `litpic`, `userip`, `senddate`, `flag`, `lastpost`, `scores`, `goodpost`, `badpost`, `nativeplace`, `infotype`, `body`, `endtime`, `tel`, `email`, `address`, `linkman`) VALUES (99, 9, -8, 0, 1, 0, '武汉地区招聘dedecms网页美工', '', '127.0.0.1', 1270627647, '', 0, 0, 0, 0, 7001, 2000, '

网页美工(2名)
\r\n1、计算机、美术设计等相关专业,有较好的美术功底,色彩感觉丰富准确;
\r\n2、能与后台程序人员良好的合作,进行协同开发;
\r\n3、有良好沟通和领悟能力,富有团队合作精神、敬业精神及高度的责任感;
\r\n4、一年以上中、大型网站网页设计、制作经验;有大型电子商务或CMS网站设计制作经验者优先。
\r\n5、负责网站的页面制作,只要你能快速制作:HTML 页面即可(要懂CSS+div),会用DEDEcms以及,phpwind等。
\r\n联系QQ:3252687 有意者发至简历到:3252687@qq.com 咨询电话:13476185598
\r\n 

', 1270627157, '13476185598 ', '3252687@qq.com', '武汉地区', 'QQ:3252687 '), (100, 9, -8, 0, 1, 0, '吉林地区 礼聘 PHP程序员 网页设计师 系统运维工程师 薪酬面议', '', '127.0.0.1', 1270627713, '', 0, 0, 0, 0, 9500, 2000, '

咨询电话
\r\n0431-81159625
\r\n
\r\n网页设计师
\r\n职位要求:
\r\n1. 要求工作经验,两年以上网页设计经验,有大型网站工作经验者优先;
\r\n2. 有门户网站设计经验,有优秀的设计创意能力,能熟练使用Photoshop,CorelDraw(或Illustrator),Dreamwaver,Flash等软件;
\r\n3. 有扎实美术功底、对版式掌握精道,具有较强的网页设计能力;
\r\n4. 要求有flash设计能力,优秀者优先;了解html代码, 了解网页制作流程;
\r\n5. 具备高度的责任心及团队精神,愿意接受挑战性的工作,能够及时高效完成任务。
\r\n工作职责:
\r\n1. 负责公司网络产品的用户界面设计;
\r\n2. 可深刻理解公司众多产品,能在设计中保持产品的视觉整体性;
\r\n3. 与相关部门配合,高质量完成公司产品的设计。

\r\n


\r\nPHP程序员
\r\n1. 计算机相关专业,2年以上开发工作经验,具有大型网站项目开发经验者为佳;
\r\n2. 精通PHP 5,熟悉设计模式和算法,具备命令行下开发经验,深入了解PHP的性能最优化和安全最大化;
\r\n3. 熟悉Linux/Unix基本操作,熟悉Apache、MySQL、PHP等软件的编译安装和最优化配置,了解这些软件的版本差异和不同安装/运行方式及原理;
\r\n4. 熟悉数据库,精通SQL和数据结构,具有MySQL/Oracle等关系型数据库开发经验;
\r\n5. 掌握Linux/Unix环境编程,掌握Socket编程,熟悉TCP和UDP协议;
\r\n6. 熟练掌握XML、HTML/XHTML、CSS、Javascript、AJAX、JSON等Web页面技术;
\r\n7. 如能精通DHTML、页面DOM、W3C标准、SEO优化、深入了解HTML/XHTML、Jasvascript和CSS在不同类型/版本浏览器下差异者为佳;
\r\n8. 如能同时具有C/C++、Perl/Shell、CGI/FastCGI、PHP的C/C++扩展开发经验为佳;
\r\n9. 如能深刻理解Linux/Unix内存管理机制、进程/线程、各种进程间通信方式、消息事件通知机制和异步机制者为佳;
\r\n10. 有良好的团队合作能力,具备Subversion/CVS/ClearCase协同开发经验,善于沟通,热爱开发事业;
\r\n工作职责:
\r\n1. 负责公司产品后台服务程序的研发和编写;
\r\n2. 参与产品架构设计。

\r\n


\r\n系统运维工程师
\r\n职位要求:
\r\n1. 计算机或相关专业本科以上学历,了解互联网架构,2年以上相关工作经历;
\r\n2. 熟悉Linux、Solaris、FreeBSD等UNIX系统的维护和管理;
\r\n3. 熟悉unix shell、perl等脚本语言编程;
\r\n4. 熟悉TCPIP协议,以及基础网络知识;
\r\n5. 了解相关服务器、网络设备的硬件知识;
\r\n6. 了解网络安全,有程序开发经验会被优先考虑。
\r\n工作职责:
\r\n1. 负责运营服务器的日常管理与相关系统的信息变更管理;
\r\n2. 负责系统运维的知识管理体系、流程与文档建设;
\r\n3. 负责海量级互联网产品的运营服务器的系统运维工作,包括:系统监控与安全保障、系统性能分析和优化等。
\r\n 

', 1270627670, '0431-81159625 ', '', '', ''), (101, 9, -8, 0, 1, 0, '4000每月 招聘dede二次开发程序一名', '', '127.0.0.1', 1270627757, '', 0, 0, 0, 0, 0, 2000, '
4000每月 招聘dede二次开发程序一名
\r\n联系QQ  782863573
', 1270627737, '', '', '', ''), (102, 9, -8, 0, 1, 0, '尊米网诚聘全职PHP程序员(广州)', '', '127.0.0.1', 1270627848, '', 0, 0, 0, 0, 2501, 2000, '
职位要求:
\r\n
\r\n1、计算机或相关专业专科学历以上,1年以上网站开发经验(有大型电子商务或CMS网站开发经验者优先);
\r\n2、精通php,有大型系统构架经验,具备良好的编程规范及习惯;
\r\n3、熟悉Linux+Apache+PHP+MySQL集成开发测试环境;
\r\n4、掌握相关Web开发技术、精通HTML、XML、JavaScript、DHTML、CSS;
\r\n5、掌握MySQL数据库应用,熟悉SQL语句,熟悉 Dreamweaver等数设计工具;
\r\n6、较强的面向对象的设计和分析能力,能在项目经理的带领下完成系统分析、设计和开发。
\r\n
\r\n工作职责:
\r\n
\r\n1、负责公司网站整体规划、功能设计、程序开发工作;
\r\n2、负责公司各网站开发与测试,维护已有程序的升级和错误更正;
\r\n3、负责项目开发,开发设计网站新功能,协同完成网站升级工作;
\r\n4、负责网站的日常后台维护、服务器维护等工作、负责网站的日常质量监测工作。
\r\n
\r\n工作地点:广州市天河区
\r\n
\r\n简历投递:hr@zunmi.com
', 1270627779, '', 'hr@zunmi.com', '广州市天河区', '尊米网'), (103, 9, -8, 0, 1, 0, '《每日商报》招聘PHP程序员、网页设计师', '', '127.0.0.1', 1270627909, '', 0, 0, 0, 0, 3501, 2000, '

杭州日报集团旗下的《每日商报》现应发展需要,面向社会诚聘以下专业技术人员:

\r\n

PHP程序员(2名):
\r\n1、精通PHP,有至少一年以上的开发经验,拥有良好的代码习惯。
\r\n2、熟悉Linux、Apache、PHP、MySQL安装和配置,精通 MySQL 数据库的优化,有大数据量处理经验。
\r\n3、有开源系统二次开发经验、独立开发过中小型项目网站或门户网站者优先。
\r\n4、请在简历中简要描述所开发的项目。

\r\n

网页设计师(1名):
\r\n1、一年以上网页设计、美工工作经验。优秀的网页及平面设计能力,精通Photoshop、illustrator、Dreamweaver、 Flash等其他常用设计软件。
\r\n2、精通HTML、XML、XHTML(DIV+CSS)、Javascript等。熟悉W3C标准。
\r\n3、具有基于Ajax应用开发经验者优先。
\r\n4、请在简历中附成功作品图片或链接地址。

\r\n

请应聘者于4月9日前,将简历、作品等相关资料发送至电子邮箱:hzsyx_007@163.com。

\r\n

邮件标题请注意格式:“某某”+应聘+“岗位名”+联系电话
\r\n 

', 1270627880, '', '', '', ''), (104, 9, -8, 0, 1, 0, '招聘PHP程序员3名底薪3000起 +奖金 (包吃住)', '', '127.0.0.1', 1270627979, '', 0, 0, 0, 0, 0, 2000, '

招聘PHP程序员3名
\r\n1,要求有一年以上的PHP开发经验
\r\n2,能够熟悉利用dedecms系统进行二次开发。
\r\n3,熟悉DIV+CSS以及SEO优化
\r\n工作地点:上海普陀区 待遇3K起 +奖金 (包吃住)
\r\n有兴趣的请发简历到 journey24#163.com(#换成@)

\r\n 

', 1270627953, '', '', '', ''), (105, 9, -8, 0, 1, 0, '佰邦达科技(北京)有限公司招聘PHP开发工程师', '', '127.0.0.1', 1270628095, '', 0, 0, 0, 0, 504, 2000, '

公司名称 佰邦达科技(北京)有限公司
\r\n职位名称 PHP开发工程师
\r\n招聘人数 10
\r\n工作地点 北京海淀区
\r\n薪水待遇 面议
\r\n职位描述 计算机相关专业本科以上学历,一年以上开发工作经验;
\r\n丰富的web开发经验,熟练掌握HTML/XHTML、CSS、Javascript;
\r\n精通PHP,具备在Linux或者Unix平台下使用PHP开发网站的经验;
\r\n熟悉数据库,精通SQL和数据结构,具有MySQL开发经验;
\r\n有良好的团队合作能力,善于沟通,热爱开发事业;
\r\n熟悉ucenter原理和相关康盛创想产品者优先;
\r\n请将简历发送到liuzhi@bbdtek.com。
\r\n联系人 刘先生
\r\n联系电话 62557688
\r\n电子邮箱 liuzhi@bbdtek.com
\r\nQQ/MSN -
\r\n公司网址 -
\r\n公司介绍 建立时间:佰邦达科技(北京)有限公司成立于2006年,公司系由国内IT行业的战略投资人投资设立。
\r\n使命与任务:为企业客户提供基本互联网的应用软件产品及整体解决方案;为企业客户提供互联网应用托管服务与信息服务。公司致力于不断创新产品与服务,提升企业客户运营效率,降低企业客户的IT投资成本。
\r\n服务宗旨:创新科技,创新生活。公司相信科技根植于人,改善人的生活。致使公司将推出的所有产品与服务都注重于人性设计与环境保护。
\r\n人文观念:公司致力于为自己的员工提供一个良好的工作环境。工作于斯,乐于斯。

\r\n

 

\r\n

待遇从优,欢迎业内高手加盟。请将简历发到邮箱
\r\n 

', 1270628007, '62557688', 'liuzhi@bbdtek.com', '北京海淀区', '刘先生'); INSERT INTO `#@__addonshop` (`aid`, `typeid`, `body`, `price`, `trueprice`, `brand`, `units`, `templet`, `userip`, `redirecturl`) VALUES (82, 8, '\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
服务说明基础型服务
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
 
程序BUG反馈
软件安装指导1次
程序升级指导1次
代升级服务1次
网站会员整合1次
\r\n \r\n 1次
1次
 
站点目录权限配置×
\r\n \r\n ×
FTP配置安装×
软件所需环境安装×
网站迁移服务×
数据库安全备份×
运行环境优化×
服务器代维护×
模板制作技术咨询×
×
数据库迁移×
数据库字符集转换×
网络及系统安全防护策略×
系统负载优化×
 
二次开发技术咨询×
WEB 负载均衡×
程序代码优化×
\r\n \r\n ×
其他说明
服务网站数量1个
技术支持年限1年
套餐价格 (注:所有服务不含硬件相关费用,不含第三方软件授权费用,不含差旅费用。)
3200 RMB
', 3200, 3200, '织梦', '套', '', '127.0.0.1', ''), (83, 8, '\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
服务说明高级型服务
\r\n \r\n
\r\n \r\n
\r\n \r\n
 
程序BUG反馈
软件安装指导不限
程序升级指导不限
代升级服务1次
网站会员整合1次
\r\n \r\n 1次
≤2次
 
站点目录权限配置≤2次
\r\n \r\n ≤2次
FTP配置安装≤2次
软件所需环境安装≤2次
网站迁移服务≤2次
数据库安全备份≤2次
运行环境优化≤2次
服务器代维护≤2次
模板制作技术咨询≤2次
1次
数据库迁移1次
数据库字符集转换1次
网络及系统安全防护策略1次
系统负载优化1次
 
二次开发技术咨询1次
WEB 负载均衡1次
程序代码优化1次
1次
其他说明
服务网站数量1个
技术支持年限1年
套餐价格 (注:所有服务不含硬件相关费用,不含第三方软件授权费用,不含差旅费用。)
98000 RMB
', 98000, 98000, '织梦', '套', '', '127.0.0.1', ''), (84, 8, '\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
服务说明标准型服务
\r\n \r\n
\r\n \r\n
\r\n \r\n
 
程序BUG反馈
软件安装指导1次
程序升级指导1次
代升级服务1次
网站会员整合1次
\r\n \r\n 1次
1次
 
站点目录权限配置1次
\r\n \r\n 1次
FTP配置安装1次
软件所需环境安装1次
网站迁移服务1次
数据库安全备份1次
运行环境优化1次
服务器代维护1次
模板制作技术咨询1次
×
数据库迁移×
数据库字符集转换×
网络及系统安全防护策略×
系统负载优化×
 
二次开发技术咨询×
WEB 负载均衡×
程序代码优化×
×
其他说明
服务网站数量1个
技术支持年限1年
套餐价格 (注:所有服务不含硬件相关费用,不含第三方软件授权费用,不含差旅费用。)
35000 RMB
', 35000, 35000, '织梦', '套', '', '127.0.0.1', ''), (85, 8, '
·模板定制:
\r\n鉴于每个站点需要不同的个性化界面,DedeCMS 提供在本系统的模板定制服务,有定制需求的客户,欢迎联系定制。
\r\n定制流程
\r\n1、客户提出需求
\r\n客户通过电子邮件、电话、即时通讯工具等方式向公司提出网站建设的基本需求,包括:网站风格、项目说明、网站基本功能需求、设计基本要求等,并提供详细的模板定制需求书。
\r\n2、提供方案及报价
\r\n公司根据提供用户提供的模板定制需求书,报价供客户参考。经双方交流与磋商,确定具体网站建设方案及费用。
\r\n3、签订模板定制协议,客户支付款项
\r\n双方签订《模板定制协议》(可选),客户支付款项。客户通过电子邮件、电话、论坛、QQ聊天等方式提供网站建设相关的内容资料,包括文字及图片等(文字:文本文档或Word文档;图片:jpg格式)。
\r\n4、模板的审核与确认
\r\n根据网站建设方案提供网站设计初稿,包括首页、栏目页等页面模板的设计。设计初稿经客户修订、审核后,确认整体网站风格及色调,转换成客户认可的设计正式稿。每一个设计正式稿均由客户确认无误后,再进行输出设计正式稿的模板输出工作。
\r\n5、网站测试,客户上网验收
\r\n所有网站模板文件上传至公司测试服务器,客户上网浏览并验收。验收项目包括:页面效果是否真实还原设定稿、各链接是否准确有效、文字内容是否正确(以客户提供的电子文档为准)、功能模块运行是否正常。验收合格后,客户签发《模板验收合格书》。
\r\n6、网站建设过程结束
\r\n客户签发《模板验收合格书》后,将所有网站文件递交客户;或应客户要求,将网站直接上传至客户服务器上。至此,网站建设过程全部结束。客户如需公司为其进行网站建设后的日常更新和维护工作,需另外与公司签订《网站更新维护协议》。
\r\n模板定制价格
\r\n
\r\n

·联系方式
\r\nTel:021-37788569
\r\nQQ:18387919

', 2000, 2000, '织梦', '套', '', '127.0.0.1', ''), (86, 8, '

鉴于不同站点有不同的实际具体功能需求,为了让更多的用户体验DedeCMS的强大易用功能,DedeCMS提供在本系统基础上进行的功能定制服务,对于有定制需求的客户,欢迎联系定制。
\r\n定制流程
\r\n公司拥有着国内最为优秀的互联网应用软件开发团队,经验丰富、高学历、年轻化、富于创新,不断创造着新的互联网奇迹。公司本着为用户创造价值的理念,提供互联网解决方案的实施服务。
\r\n一:客户提要求
\r\n定制客户通过E-mail、电话、QQ/MSN等联系方式向公司提出定制开发基本需求,确定好开发的基本功能和详细实现过程(提供详细的定制开发需求书)。
\r\n二:报价及确定方案
\r\nDedeCMS根据用户的定制开发需求书双方进行沟通,确定开发定制具体内容,时间,并确定最终费用。定制项目开发美工成本以人均工作日计算。
\r\n三:签订协议,支付款项
\r\n双方签订《DedeCMS功能定制协议》[可选] ,客户支付款项。相关技术人员与客户通过QQ聊天、MSN、电子邮件、电话、论坛等方式进行交流。
\r\n四:功能测试验收
\r\n双方共同对二次开发项目进行测试并验收。验收要求:二次开发项目中的功能模块运行正常。验收合格后,客户签发《定制项目开发验收合格书》。
\r\n五:客户支付余款,定制服务结束
\r\n客户根据《DedeCMS功能定制协议》签发《定制项目开发验收合格书》后,将功能文件发给用户。至此,DedeCMS定制开发项目全部完成。
\r\n六:技术支持
\r\nDedeCMS定制开发项目全部完成后进入产品技术支持期,可为客户提供专业的VIP技术服务[可选,单独收费]。

', 0, 0, '织梦', '套', '', '127.0.0.1', ''), (87, 8, '\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
授权说明免费商业授权
用户定义个人非盈利企、事业
去除前台版权信息×
 
软件使用年限无限制无限制
软件升级年限无限制无限制
服务网站数量无限制1个
服务价格 (注:所有服务不含硬件相关费用,不含第三方软件授权费用,不含差旅费用。)
免费3000 RMB
\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
说明①:授权
\r\n
1、除『个人非盈利网站』外,其他网站需购买 DedeCMS 使用授权,例如:政府单位、教育机构、协会团体、企业、以赢利为目的的站点等……
\r\n 2、服务网站数量:一份 DedeCMS 使用授权安装为一个服务网站,同一域名下安装多套 DedeCMS 则视为多个服务网站。
\r\n 3、更换域名:凭授权时给予的授权码更换域名。费用:按官方最新该版本报价×10%/次。更换域名后,原域名站点取消授权,保证不再使用DedeCMS,一旦发现,除了取消授权资格之外,DedeCMS保留追究其法律责任的权利。
\r\n 4、获得授权的站点,在同一大版本范围内享受免费升级。如需升级到同一大版本范围内的不同级别授权,按最新官方授权报价补足差价即可。如官方发布新的不同大版本系列产品,如需升级的,按官方新产品授权费用另行授权。
\r\n
\r\n 说明②:以下情况不属于服务范围
\r\n 1、自行修改或使用非原始 DedeCMS 程序代码产生的问题;
\r\n 2、自行对数据库进行直接操作导致数据库出错或者崩溃;
\r\n 3、非官方的模块/插件的安装以及由于安装模块/插件造成的故障;
\r\n 4、服务器、虚拟主机原因造成的系统故障;
\r\n 5、二次开发或定制及其它可能产生问题的情况。
\r\n
\r\n 说明③:表格中符号代表的含义
\r\n
"× " 表示该版本不具备或不支持此功能或服务 "" 表示该版本已具备或支持此功能或服务
\r\n
', 3000, 3000, '织梦', '套', '', '127.0.0.1', ''), (97, 8, '', 0, 0, '', '', '', '127.0.0.1', 'http://docs.dedecms.com/doku.php?id=license'), (98, 8, '', 0, 0, '', '', '', '127.0.0.1', 'http://www.desdev.cn/service-dedecms.html'); INSERT INTO `#@__addonsoft` (`aid`, `typeid`, `filetype`, `language`, `softtype`, `accredit`, `os`, `softrank`, `officialUrl`, `officialDemo`, `softsize`, `softlinks`, `introduce`, `daccess`, `needmoney`, `templet`, `userip`, `redirecturl`) VALUES (73, 7, '.zip', '简体中文', '国产软件', '共享软件', 'Win2003,WinXP,Win2000,Win9X', 5, 'http://www.dedecms.com', 'http://www.dedecms.com', '1830 KB', '{dede:link text=''DedeCms3.1全新安装程序''} http://www.dedecms.com/upimg/soft/dedesoft/dedecmsv3.1.rar {/dede:link}\r\n{dede:link text=''DedeCms3.1Lit->3.1升级包''} http://www.dedecms.com/upimg/soft/dedesoft/3.1litup3.1.rar {/dede:link}\r\n{dede:link text=''DedeCms3.01->3.1升级包''} http://www.dedecms.com/upimg/soft/dedesoft/3.01up3.1.rar {/dede:link}\r\n', '

一、使用环境
\r\n
\r\n1、使用许可协议:http://www.dedecms.com/html/zuixindongtai/20070112/65.html

\r\n

2、购买DedeCms商业授权或技术支持:http://bbs.dedecms.com/read.php?tid=8791

\r\n

3、PHP4.x 5.x版本,支持GD,非安全模式(在安全模式中使用可能会有很多难于预料的错误)
\r\n4、MySQL 3.2x、4.0x、4.1、5.x 版本
\r\n5、服务器平台,所有支持运行PHP的服务器平台

\r\n

二、安装步骤

\r\n

把本目录下的所有文件,上传到你要安装的位置,然后运行网址

\r\n

http://你的域名/安装目录/setup/index.php

\r\n

按要求填写好 MySQL和管理员的信息,完成安装后即可使用。

\r\n

四、主要功能说明:

\r\n

一、频道模型管理
\r\n1、支持开关频道模型;
\r\n2、支持完全个性开发的频道模型;
\r\n3、支持通过向导自动生成的频道模型;
\r\n4、支持所有频道集中式搜索(全站搜索);
\r\n5、支持限定外部用户组对某频道的信息发布功能;
\r\n6、支持自定义模型信息投稿。
\r\n二、栏目管理
\r\n1、支持用拼音生成栏目目录;
\r\n2、支持任意栏目使用不同的频道模型;
\r\n3、支持终极栏目下设子栏目;
\r\n4、支持使用独立页面作为一个栏目;
\r\n5、支持域名绑定;
\r\n6、支持自定义列表模板、内容模板、封面模板、单独页面模板;
\r\n7、支持使用拼音定义文档命名;
\r\n8、支持设定栏目浏览权限;
\r\n9、栏目载入首次采用Ajax技术;
\r\n10、栏目维护同时支持右键菜单和传统式管理。
\r\n三、专题管理
\r\n1、支持每个专题使用单独模板;
\r\n2、支持专题使用多节点;
\r\n3、支持专题模板中单独选择节点。
\r\n四、档案管理
\r\n1、支持自动获取文档内容的关键字;
\r\n×2、支持用多随机模板来实现防采集;
\r\n3、支持批量管理;
\r\n4、支持设定文档浏览权限;
\r\n5、支持文档是否生成静态;
\r\n6、支持会员投稿;
\r\n7、分页文档支持使用小标题;
\r\n8、支持上下篇链接;
\r\n9、分页文档支持自动和手动分页;
\r\n10、软件模型支持站点镜像功能;
\r\n11、自动获取内容摘要功能;
\r\n五、模板引擎
\r\n1、使用xml名字空间风格的引擎,扩展更灵活;
\r\n2、允许在最标记终模板中使用PHP语法进行扩展;
\r\n3、允许使用自定义标记;
\r\n4、允许function功能扩展;
\r\n5、允许标记来运行特定的PHP语句;
\r\n6、允许开启模板缓存功能。
\r\n六、附助功能
\r\n1、支持单独页面编译;
\r\n2、会员通行证功能;
\r\n3、支持会员有单独的个人文集展示页面;
\r\n4、支持会员点数和级别功能;
\r\n5、图片水印支持;
\r\n6、后台参数更改支持;
\r\n7、数据分卷备份还原支持;
\r\n8、支持对搜索的关键字进行分词处理;
\r\n9、支持按顺序的版块内容(autllist);
\r\n10、支持获得用户搜索的相关关键字。
\r\n七、内容插件
\r\n1、插件权限管理
\r\n2、文件管理器
\r\n3、站内新闻发布
\r\n4、友情链接模块
\r\n5、留言簿模块
\r\n6、投票模块
\r\n7、论坛扩展
\r\n8、SQL命令工具
\r\n9、广告管理
\r\n八、采集功能
\r\n1、支持多模型采集;
\r\n2、支持自定程序处理采集的内容;
\r\n3、支持过滤相同标题;
\r\n4、支持过滤已下载内容;
\r\n5、采集采用一键式运行,简化了原来的先采种子后采内容的方式;
\r\n6、数据导入支持分段,并允许导入后即时生成HTML。
\r\n 

', 0, 0, '', '127.0.0.1', ''), (74, 7, '.rar', '简体中文', '国产软件', '开源软件', 'Win2003,WinXP,Win2000,Win9X', 5, 'http://www.dedecms.com', 'http://www.dedecms.com', '2 MB', '{dede:link text=''DedeCms OX V4.0 Rc1''} http://www.dedecms.com/upimg/soft/dedesoft/dedecms4.0Rc1.rar {/dede:link}\r\n{dede:link text=''DedeCms 3.1到4.0升级程序''} http://www.dedecms.com/upimg/soft/dedesoft/3.1upv40.rar {/dede:link}\r\n{dede:link text=''DedeCms V4 Patch1(适用于4.月20日前下载的本程序的更新包)''} http://www.dedecms.com/upimg/soft/dedesoft/v4Patch1.rar {/dede:link}\r\n', '

最新版瑞星杀毒软件会误认本站合法文件sys_data_done.php(数据备份还原程序)为病毒,本地测试前请先关闭瑞星,并且在问题解决前服务器上不要安装瑞星杀毒软件,以免导致你的网站的数据备份还原功能失效。

\r\n

Dedecms V4.0 版更新内容或新增功能说明
\r\n

\r\n使用许可协议:http://bbs.dedecms.com/read.php?tid=14893
\r\n
\r\n
1、修复了3.1版已知的所有Bug;
\r\n
\r\n2、重点新增功能:
\r\n(1)自由列表;
\r\n(2)反向通行证;
\r\n(3)后台界面更改,以适应项目大型化的应用的便利性;
\r\n
\r\n3、增加插件或辅助功能:
\r\n(1)重复文档检测;
\r\n(2)批量提取文章缩略图;
\r\n(3)数据库内容替换;
\r\n(4)随机模板防采集;
\r\n
\r\n4、更完善的树形菜单式的文档管理与发布方式,与栏目相关的地方大多用AJAX载入,更实用化;
\r\n
\r\n5、增加会员点卡与会员时间限制功能,并提供部份网上支付接口;
\r\n
\r\n6、列出所有栏目时,没指定栏目时,栏目选择框不使用一次性载入全部,而是改用弹窗选择,用Ajax目录树浏览,解决栏目数量非常多时载入慢的问题。
\r\n
\r\n7、系统配置参数分组,更人性化;
\r\n
\r\n8、增加会员数据导入与转换功能,允许Dedecms会员系统使用不同的密码形式。
\r\n
\r\n9、采集增加设置引用网址的功能,允许程序从指定网址读取Cookie,并使用Keep-Alive模式连接去获取图片,彻底克服居于http 1.1协议的防盗链图片防盗链问题。
\r\n
\r\n10、采集向导增加了即时测试列表和内容,并且界面更人性化。
\r\n
\r\n11、增强各种操作的简便性,完善了很多地方细节功能。
\r\n
\r\n12、新版的后台突破了以往一统式菜单的局限性,为Dedecms以后的发展提供了更大的空间。
\r\n
\r\n13、严格检查了并限制了会员上传附件程序的可能存在的安全问题,提高了安全性。

\r\n 

', 0, 0, '', '127.0.0.1', ''), (75, 7, '.zip', '简体中文', '国产软件', '开源软件', 'Win2003,WinXP,Win2000,Win9X', 4, 'http://www.dedecms.com', 'http://www.dedecms.com', '3 MB', '{dede:link text=''V5.01 GBK正式版全新安装包''} http://www.dedecms.com/upimg/soft/dedecmsv5f-gbk.zip {/dede:link}\r\n{dede:link text=''V5.01 UTF8版安装包''} http://www.dedecms.com/upimg/soft/dedecmsv5f-utf8.zip {/dede:link}\r\n{dede:link text=''V5 2007Rc1版升级安装包''} http://www.dedecms.com/upimg/soft/dedecmsv5f-rcup.zip {/dede:link}\r\n{dede:link text=''DedeCmsV4 版升级安装包''} http://www.dedecms.com/upimg/soft/dedecmsv5f-v4up.zip {/dede:link}\r\n', '

DedeCms2007 服务体系与价格>>

\r\n

DedeCms2007介绍

\r\n

    DedeCms由2004年到现在,已经经历了五个版本,从DedeCms V2 开始,DedeCms开发了自己的模板引擎,使用XML名字空间风格的模板,对美工制作的直观性提供了极大的便利,从V2.1开始,DedeCms人气急却上升,成为国内最流行的CMS软件,在DedeCms V3版本中,开始引入了模型的概念,从而摆脱里传统网站内容管理对模块太分散,管理不集中的缺点,但随着时间的发展,发现纯粹用模型化并不能满足用户的需求,从而DedeCms 2007(DedeCms V5)应声而出,Dedecms 2007具有如下特性:

\r\n

一、核心模板采用XML名字空间风格,模板全部使用文件形式保存,对用户设计模板、网站升级转移均提供很大的便利,健壮的模板标签为站长DIY自己的网站提供了强有力的支持;

\r\n

二、标签缓存机制,Dedecms 2007允许对类同的标签进行缓存,在生成HTML的时候,有利于提高系统反应速度,降低系统消耗的资源;

\r\n

三、模型与模块的概念并存,在模型不能满足用户所有需求的情况下,DedeCms推出一些互动的模块对系统进行补充,尽量满足用户的需求;

\r\n

四、众多的应用支持,为用户提供了各类网站建设的一体化解决方案,在本版本中,增加了分类、书库、黄页、圈子、问答等模块,补充一些用户的特殊要求;

\r\n

五、面向未来的过渡,DedeCms 2007是织梦组建团队以后发布的第一个版本,在织梦团队未来的构想中,它以后将会具有更大的灵活性和稳定的性能。

\r\n


\r\n功能列表:

\r\n

一、固定的功能

\r\n

1、频道模型管理,支持用户自定义模型,设置模型是否可投稿的开关等;

\r\n

2、栏目管理,支持无限级分类,允许对任何栏目设置不同的频道模型;

\r\n

3、权限管理,可控制不同的管理员组不同的权限,并精确到二级栏目;

\r\n

4、内置模型:默认内置健壮的文章、软件、图集、分类等模型;

\r\n

5、辅助插件:提供站内新闻、投票、友情链接等个性化的小插件满足站长建站的需求;

\r\n

6、采集模型:内置强大的采集功能;

\r\n

7、专题:支持多节点的专题,为站长快速整理某一新闻提供了便利;

\r\n

V5正式版功能更新说明

\r\n

1、模型复制,你可以对系统内置的任意模型(专题除外)进行复制产生一个新的模型,在新模型你可以自由增加字段,以达到在原来模型的基础上的扩展;

\r\n

2、分表存储,DedeCms V5允许你在定义或模型复制时指定不同的主表和附加表,从而实现彻底的分表存储;

\r\n

3、自定义字段过程的简化,在自定义字段时即时可以指定该字段是否在列表中列出,是否在前台投稿和采集中使用,使自定义模型更加人性化;

\r\n

4、系统固化模型允许自由增加字段,对于很多用户而言,不一定能理解自定义模型的概念,但新版中不仅仅支持新模型使用自定义,系统内置的文章模型等也可以按需要增加个性化的字段,并自动在发布表单中出现;

\r\n

5、更优秀的Tag算法,新的Tag算法不再依整文档本身的关键字,而是通过完全的单独Tag表进行索引,实现真正意义的Tag功能和Tag快速索引;

\r\n

6、优化递归查询算法,通过生成缓存,把前台常用的栏目递归索引改为不居于数据库查访的算法,以提高效率;

\r\n

7、优化站内搜索程序,由于本版实行了完全的分表存储,因此对全站索引进行了分离的数据存储,并通过第一次搜索生成缓存,限制搜索时间间隔等提升搜索效率,除了支持全站搜索外,也支持对任意模型通过自定义搜索表单进行任意搜索,在保证高效性的同时也提高了搜索的灵活性;

\r\n

8、模块的自由安装、卸载,系统对新增的模块如:书库、问答、圈子及未来可能新增的模块进行一键打包,一键安装处理,你可以随时按需安装或删除这些不需要的模块,模块以 .Dev(Dede标准的xml格式) 包形式存放在程序管理目录;

\r\n

9、图集支持使用ZIP,在后台发表图集时,只需选择指定的ZIP包,系统会自动对其进行解压并生成一个图集,使上传图片的过程得到极为有效的简化。

\r\n

10、一键更新功能,自动检测更新当天你发布的文档,并同时更新相关栏目;

\r\n

11、更强大的采集,新版的采集程序允许你直接按模型生成,所以理论上能实现任何频道的采集;

', 0, 0, '', '127.0.0.1', ''), (76, 7, '.zip', '简体中文', '国产软件', '开源软件', 'Win2003,WinXP,Win2000,Win9X', 4, 'http://www.dedecms.com', 'http://www.dedecms.com', '3.8 MB', '{dede:link text=''DedeCms V5.1 GBK 全新安装包''} http://www.dedecms.com/upimg/soft/2008/dedecmsv51-gbk.zip {/dede:link}\r\n{dede:link text=''DedeCms V5.1 UTF-8 全新安装包''} http://www.dedecms.com/upimg/soft/2008/dedecmsv51-utf8.zip {/dede:link}\r\n{dede:link text=''DedeCms V5.1SP1 GBK 全新安装包''} http://pw.dedecms.com/dedecmsv51sp1.zip {/dede:link}\r\n{dede:link text=''DedeCms V5.1SP1 UTF-8 全新安装包''} http://pw.dedecms.com/dedecmsv51sp1utf8.zip {/dede:link}\r\n{dede:link text=''DedeCms V4.0 to 5.1GBK升级程序''} http://www.dedecms.com/upimg/soft/2008/dedecmsv51-v4up.zip {/dede:link}\r\n{dede:link text=''DedeCms V5.01 GBK to 5.1 GBK升级程序''} http://www.dedecms.com/upimg/soft/2008/dedecmsv51-501up.zip {/dede:link}\r\n{dede:link text=''DedeCms V5.01 UTF-8 to 5.1 UTF-8升级程序''} http://www.dedecms.com/upimg/soft/2008/dedecmsv51-501up-utf8.zip {/dede:link}\r\n', '

DedeCms V5.1 主要改动如下:

\r\n

1、修正 5.01版发现的所有已知问题;

\r\n

2、增加百度地图功能、互动模块JS调用等插件;

\r\n

3、为了使部份商业用户获得更好的体验,V5.1对商业版单独作了如下改进或新增功能:

\r\n

(1) 重新修改了会员中心的界面,使其更大气,更符合WEB2.0的审美要求;

\r\n

(2) 单独开发了与计划任务设置相结合的客户端,方面用户设置一些定时执行的任务;

\r\n

(3) 修正了二级域名对互动栏目内容调用可能链接不正确的问题,并完善二级域名的一些设置细节;

\r\n

(4) 单用户商城功能(计划);
\r\n 

\r\n

DedeCms2007 服务体系与价格>>

\r\n

DedeCms2007介绍

\r\n

    DedeCms由2004年到现在,已经经历了五个版本,从DedeCms V2 开始,DedeCms开发了自己的模板引擎,使用XML名字空间风格的模板,对美工制作的直观性提供了极大的便利,从V2.1开始,DedeCms人气急却上升,成为国内最流行的CMS软件,在DedeCms V3版本中,开始引入了模型的概念,从而摆脱里传统网站内容管理对模块太分散,管理不集中的缺点,但随着时间的发展,发现纯粹用模型化并不能满足用户的需求,从而DedeCms 2007(DedeCms V5)应声而出,Dedecms 2007具有如下特性:

\r\n

一、核心模板采用XML名字空间风格,模板全部使用文件形式保存,对用户设计模板、网站升级转移均提供很大的便利,健壮的模板标签为站长DIY自己的网站提供了强有力的支持;

\r\n

二、标签缓存机制,Dedecms 2007允许对类同的标签进行缓存,在生成HTML的时候,有利于提高系统反应速度,降低系统消耗的资源;

\r\n

三、模型与模块的概念并存,在模型不能满足用户所有需求的情况下,DedeCms推出一些互动的模块对系统进行补充,尽量满足用户的需求;

\r\n

四、众多的应用支持,为用户提供了各类网站建设的一体化解决方案,在本版本中,增加了分类、书库、黄页、圈子、问答等模块,补充一些用户的特殊要求;

\r\n

五、面向未来的过渡,DedeCms 2007是织梦组建团队以后发布的第一个版本,在织梦团队未来的构想中,它以后将会具有更大的灵活性和稳定的性能。

\r\n


\r\n功能列表:

\r\n

一、固定的功能

\r\n

1、频道模型管理,支持用户自定义模型,设置模型是否可投稿的开关等;

\r\n

2、栏目管理,支持无限级分类,允许对任何栏目设置不同的频道模型;

\r\n

3、权限管理,可控制不同的管理员组不同的权限,并精确到二级栏目;

\r\n

4、内置模型:默认内置健壮的文章、软件、图集、分类等模型;

\r\n

5、辅助插件:提供站内新闻、投票、友情链接等个性化的小插件满足站长建站的需求;

\r\n

6、采集模型:内置强大的采集功能;

\r\n

7、专题:支持多节点的专题,为站长快速整理某一新闻提供了便利;

\r\n

V5正式版功能更新说明

\r\n

1、模型复制,你可以对系统内置的任意模型(专题除外)进行复制产生一个新的模型,在新模型你可以自由增加字段,以达到在原来模型的基础上的扩展;

\r\n

2、分表存储,DedeCms V5允许你在定义或模型复制时指定不同的主表和附加表,从而实现彻底的分表存储;

\r\n

3、自定义字段过程的简化,在自定义字段时即时可以指定该字段是否在列表中列出,是否在前台投稿和采集中使用,使自定义模型更加人性化;

\r\n

4、系统固化模型允许自由增加字段,对于很多用户而言,不一定能理解自定义模型的概念,但新版中不仅仅支持新模型使用自定义,系统内置的文章模型等也可以按需要增加个性化的字段,并自动在发布表单中出现;

\r\n

5、更优秀的Tag算法,新的Tag算法不再依整文档本身的关键字,而是通过完全的单独Tag表进行索引,实现真正意义的Tag功能和Tag快速索引;

\r\n

6、优化递归查询算法,通过生成缓存,把前台常用的栏目递归索引改为不居于数据库查访的算法,以提高效率;

\r\n

7、优化站内搜索程序,由于本版实行了完全的分表存储,因此对全站索引进行了分离的数据存储,并通过第一次搜索生成缓存,限制搜索时间间隔等提升搜索效率,除了支持全站搜索外,也支持对任意模型通过自定义搜索表单进行任意搜索,在保证高效性的同时也提高了搜索的灵活性;

\r\n

8、模块的自由安装、卸载,系统对新增的模块如:书库、问答、圈子及未来可能新增的模块进行一键打包,一键安装处理,你可以随时按需安装或删除这些不需要的模块,模块以 .Dev(Dede标准的xml格式) 包形式存放在程序管理目录;

\r\n

9、图集支持使用ZIP,在后台发表图集时,只需选择指定的ZIP包,系统会自动对其进行解压并生成一个图集,使上传图片的过程得到极为有效的简化。

\r\n

10、一键更新功能,自动检测更新当天你发布的文档,并同时更新相关栏目;

\r\n

11、更强大的采集,新版的采集程序允许你直接按模型生成,所以理论上能实现任何频道的采集;

', 0, 0, '', '127.0.0.1', ''), (77, 7, '.rar', '简体中文', '国产软件', '开源软件', 'Win2003,WinXP,Win2000,Win9X', 4, 'http://pw.dedecms.com', 'http://pw.dedecms.com', '3.5 MB', '{dede:link text=''DedeCmsV5.1SP1 GBK独立安装包''} http://pw.dedecms.com/dedecmsv51sp1.zip {/dede:link}\r\n{dede:link text=''DedeCmsV5.1SP1 UTF8独立安装包''} http://pw.dedecms.com/dedecmsv51sp1utf8.zip {/dede:link}\r\n{dede:link text=''DedeCmsV5.1SP1 GBK & PHPWind6.3.2整合安装包''} http://www.dedecms.com/count.php?d=dedecmsv51sp1-PHPWindv632.zip {/dede:link}\r\n', '

DedeCms V5.1 免费版 SP1 pw整合版

\r\n

(如果直接包括论坛的整合版本必须安装在网站根目录!)

\r\n\r\n

修正问题:
\r\n
\r\n1、修正上一版本已知的错误;
\r\n
\r\n2、更新模板标记缓存技术;
\r\n
\r\n3、对局部数据结构进行优化,提升HTML生成性能;
\r\n
\r\n4、安装时提供直接整合PW论坛的选项,让你整合的操作更加轻松;
\r\n
\r\n5、加强了部份代码的安全性。
\r\n
\r\n最近发现的一些具体问题的更新:
\r\n
\r\n1、 修正 tag.php 引用的网址可能不正确的问题
\r\n
\r\n2、 下载远程图片不全
\r\n
\r\n3、 mysql类的默认参数会让部份脑残体字符出错
\r\n
\r\n4、 上传全局配置检测不严格可能存在安全漏洞
\r\n
\r\n5、 数据备份和SQL命令行位置的修复表、优化表功能无效,因为表名用了 '''' 引用,而不是 ``
\r\n
\r\n6、 全局统计程序的修正的问题
\r\n
\r\n7、 feedback.php 存在能使用HTML的问题
\r\n
\r\n8、 cn_substr截取函数在前台存在安全风险
\r\n
\r\n9、 首页模板不是最新修改过的幻灯
\r\n
\r\n10、更新专题和JS的地方UTF8里面会乱码 2个文件里面发送header头有问题
\r\n
\r\n11、前台提交友情链接无法正常返回上级菜单修改plus/flink.php 中的ShowMsg函数中的参数
\r\n
\r\n12、评论程序截取字符串的bug

\r\n

DedeCms免费版及PHPWind仅应用于非商业用途,如果你要应用于商业用途,请购买商业授权并使用商业版本。

', 0, 0, '', '127.0.0.1', ''), (78, 7, '.gz', '简体中文', '国产软件', '开源软件', 'Win2003,WinXP,Win2000,Win9X', 3, 'http://www.dedecms.com', 'http://www.dedecms.com', '2.6 MB', '{dede:link text=''V53-GBK版安装程序本地下载''} http://www.dedecms.com/upimg/soft/2008/DedecmsV53-GBK-Final.tar.gz {/dede:link}\r\n{dede:link text=''V53-UTF8版安装程序本地下载''} http://www.dedecms.com/upimg/soft/2008/DedecmsV53-UTF8-Final.tar.gz {/dede:link}\r\n{dede:link text=''V53-繁體中文UTF-8版安裝程式本地下载''} http://www.dedecms.com/upimg/soft/2008/DedeCmsV53UTF8-BIG5.tar.gz {/dede:link}\r\n{dede:link text=''V3.1、4.1升级程序''} http://updatenew.dedecms.com/DedeCmsUPV5.3Pack/v3-v4-upToV5.3GBK.zip {/dede:link}\r\n{dede:link text=''V5.0、5.1 GBK版升级程序''} http://updatenew.dedecms.com/DedeCmsUPV5.3Pack/v5.1-gbk-up5.3.1.zip {/dede:link}\r\n{dede:link text=''V5.0、5.1 UTF8版升级程序''} http://updatenew.dedecms.com/DedeCmsUPV5.3Pack/v5.1-utf8-up5.3.1.zip {/dede:link}\r\n{dede:link text=''DedeCmsV5.3GBK + HDwiki 4.04 互动百科整合安装包''} http://www.dedecms.com/upimg/soft/2008/DedecmsV53&HDwiki-GBK-Final.tar.gz {/dede:link}\r\n{dede:link text=''DedeCmsV5.3UTF8 + HDwiki 4.04 互动百科整合安装包''} http://www.dedecms.com/upimg/soft/2008/DedecmsV53&HDwiki-UTF8-Final.tar.gz {/dede:link}\r\n', '

      安装包最后更新时间:2009-01-14   主程序更新为:5.3.1 版本
\r\n      DedeCMS V5.3是织梦组建团队后推出的又一力作,本次发布的新版本,延续了以往的简单、易用、高效,并且在这一版本中进一步加强了模块的概念,是站长建站首选利器,通过不同的模型组合,可组建出地方门户、行业门户、政府及企事业站点等各种应用。
\r\n      本次发布的新版对内核进行了重大升级,规范了核心文件并重写了会员相关程序。同时,这次对模板引擎做了很大的调整,在保留原有模板特性的同时,这次新版本中更侧重了规范、易用、可扩展,使模板制作变得更方便。
\r\n      在增强用户体验的同时,我们更侧重程序的功能健壮及易用,此次新版本中织梦加入了更多新功能,例如:模块安装及打包、文件指纹校验、WAP站点访问、商品及支付接口等,同时对模型、栏目及文档处理各个方面都做了升级。
\r\n      历时4年不断发展,DedeCMS日益走向成熟,我们的产品,得到了数以万计站长的肯定,这次全新V5.3的发布,犹如雪中送炭,给百万站长在这寒冬带来一丝温暖。
\r\n
\r\n
程序发布专题页:
\r\nhttp://www.dedecms.com/v53/
\r\n
\r\n服务器套件:
\r\nDedeAMPZ-PHP环境整合套件(下载)
\r\n
\r\n安装手册:
\r\nDedeCMS安装手册
\r\n
\r\n使用帮助:
\r\nDedeCMS V5.3教程中心
\r\n
\r\n织梦客户服务中心
\r\n
\r\n相关文档:
\r\n新版本、新内核、新功能 Dede V5.3抢先看
\r\nhttp://bbs.dedecms.com/104187.html
\r\n
\r\nDedeCMS V5.3正式版功能盘点之:模块-让您拥有更加健壮的系统
\r\nhttp://bbs.dedecms.com/107109.html
\r\n
\r\nDedeCMS V5.3正式版功能盘点之:自定义模型-让网站变得更丰富
\r\nhttp://bbs.dedecms.com/107140.html
\r\n
\r\nDedeCMS V5.3正式版功能盘点之:织梦模板-原来做模板如此灵活简单
\r\nhttp://bbs.dedecms.com/107325.html
\r\n
\r\nDedeCMS V5.3正式版功能盘点之:会员中心-网站和会员都动起来
\r\nhttp://bbs.dedecms.com/107285.html
\r\n
\r\nDedeCMS V5.3正式版功能盘点之:自由列表-让你想怎么调用就怎么调用
\r\nhttp://bbs.dedecms.com/107346.html
\r\n
\r\nDedeCMS V5.3正式版功能盘点之:文件指纹校验-升级无忧
\r\nhttp://bbs.dedecms.com/107408.html
\r\n
\r\nDedeCms V5.3 主要新增及升级功能列表
\r\nhttp://bbs.dedecms.com/103512.html
\r\n
\r\n[v53使用]DedeCMS补丁后台自动更新,清晰一目了然
\r\nhttp://bbs.dedecms.com/106994.html
\r\n
\r\n[v53使用]栏目当单页面使用,企业站元素贴心服务
\r\nhttp://bbs.dedecms.com/107045.html
\r\n
\r\n

\r\n

DEDECMS v5.3 与 HDWIKI V4.0.4 官方整合专版
\r\n
http://www.dedecms.com/hdwiki/

\r\n


\r\n
\r\n
\r\n产品特性:
\r\n良好的用户口碑,丰富的开源经验
\r\n      DedeCMS是国内知名内容管理系统,经过长达4年之久的广泛应用和复杂化环境的检测,织梦系统在安全性、稳定性、易用性方面具有较高的声誉,倍受广大站长推崇。
\r\n      DedeCMS 采用PHP+MySQL技术开发,程序源代码完全开放,在尊重版权的前提下能极大的满足站长对于网站程序进行二次开发。DedeCMS是国内第一家开源的 内容管理系统,自诞生以来,始终坚持开源、免费原则。众所周知,开源程序在代码规范性、程序安全性有着较高的要求,DedeCMS拥有4年的开源经验,其 灵活的产品架构、极强的可扩展性和可伸缩性能最大化满足站长目前及今后的应用需求。
\r\n
\r\n灵活的模块组合,让网站更丰富
\r\n      往 往一个网站通过单一的内容发布系统是远远不能满足用户的需求的,尤其在Web2.0提倡互动、分享的大趋势下,用户非常希望在传统的内容信息网站中加入 问答、圈子等一些互动型的功能。但如果基于原来系统进行开发,整个系统易用性会受到影响,如果使用别的系统,整个网站就不能一体化管理,在这种问题 下,DedeCMS推出了模块的功能,程序用户可以像在Winodws里面安装软件一样,下载相应的模块进行安装,网站就会增加这些特殊的功能。
\r\n      这样一来,更加方便软件用户对自己的网站进行扩展,达到自己满意的效果。
\r\n
\r\n
\r\n简单易用的模板引擎,网站界面想换就换
\r\n      DedeCMS的模板引擎简单、易用,采用了XML标记风格,只要懂HTML就可以修改制作模板。
\r\n      很 多的用户都为每次网站改版费尽苦心,因为按照老式的网站制作流程,改版需要修改的不单单是一个界面,还要涉及到程序修改。最后成了一次改版,几乎等于网站 重构。DedeCMS就解决了这一烦恼,只需要熟悉一些DedeCMS的模板标记,只要懂HTML,就能随意对模板文件进行修改,而且每次升级只 需要更新模板文件即可,做到了程序和页面很大程度上的分离。
\r\n
\r\n便捷自定义模型
\r\n      DedeCMS为用户提供了方便快捷的用户自定义模型,您可以使用这个功能根据自身需求来创建各式各样的站点,如果您了解部分二次开发知识,即能想到就能做到。
\r\n      往 往很多站点,希望能够创建如在线视频播放、在线音乐试听,或者是商品信息发布等类型的内容站点,尽管这些模型系统中没有,但您现在可以使用 DedeCMS来自主创建,您只需要先想好自己内容的字段,如:专辑名称、演唱、发行日期等,然后思考这些字段是用哪种字段类型,如:文本、时间、文件上 传,接下来只需要在后台的模型管理中按照说明添加即可,想到就能做到。
\r\n      这种模型的功能有一个很大的好处就是您可以自己去扩展网站后续的功能,不要再去花费财力物力去开发,免去了很多烦恼。
\r\n
\r\n高效的动态静态页面部署
\r\n      DedeCMS为用户提供了强大的动态静态部署的功能,用户可以在后台栏目中进行统一的设置,也可以对单独某一篇内容进行静态部署。
\r\n      这种静态部署最大的优势在于:1.减少数据库负担、降低人力维护成本;2.利于搜索引擎对网站的友好程度,提高搜索引擎对网站收录量;3.很大程度上提高了用户访问的效率。
\r\n    这样一来,一些地区门户、行业网站、甚至政府部门信息类网站都免去了因为大量数据访问速率下降的后顾之忧。
\r\n
\r\n灵活的商业运营模式
\r\n      DedeCMS中提供了较为完善的会员产品体系、会员等级体系、虚拟货币管理体系,并且提供了较完整的支付接口方式,可以设置会员浏览不同内容进行金币消费,这样对行业门户、企事业单位制定开展各种基于网站平台的商业运营方案。
\r\n      会员可以通过购买点卡进行充值,同时也可以购买包月、包年的服务来阅读某一部分的内容,如果某些内容只能给特定会员浏览,会员必须达到某个等级才能够扣点阅读,网站可以通过销售点券、会员等级服务进行盈利。
\r\n
\r\n流畅专业界面设计,良好的用户体验
\r\n      DedeCMS 的界面设计遵循国际最新W3C网页设计标准,在开发时期,我们经过IE6、IE7、火狐、Opera等主流浏览器上进行测试,都能够保证您 网站浏览的流畅、完整,DedeCMS页面设计遵循标准情况下尽量的减少了各个浏览器中存在的差异,系统不会因为不同的浏览器受到限制。我们优秀的页面设 计师能够让网站提高用户体验,及网站亲和力。
\r\n
\r\n指纹验证,升级无忧
\r\n      在全新的织梦系统中,新增加了文件指 纹校验功能,通过他你可以对比系统原始文件,以确保当前文件是否被修改,同时也可以同官方的原始指纹进行对比,来获取差异文件,这样更方便用户升级自己的 系统。同时,配合我们的病毒扫描程序,让您的网站的安全性得到进一步提升。当然,官方贴心的系统消息,不仅让您了解到当前版本系统最后更新日期,以便确认 是否有更新补丁,并且能及时了解DedeCMS最新信息,让您用的更加放心。
\r\n
\r\n低维护成本
\r\n      开发一个网站大家都知道需要动用大量的人力物力,不单单开发时需要耗费,后期维护升级也需要。因为必要的硬件投入必不可少,这时候只有有效控制开发、维护成本,才能够让用户的总成本降低。
\r\n      这 样一来DedeCMS引入了独创模板引擎技术、自定义标签功能,实现网站程序和界面分离的平台搭建效果,改变了传统的“功能开发→页面设计→整合”制作 方式,达到降低人力成本的目的,当然我们内置的可视化编辑器可以让您的信息录入如同操作word软件一样方便快捷,上手也非常容易。
\r\n    DedeCMS这种网站建设流程,让软件用户在不改变网站高效、轻便等特性的情况下还减少了总成本。
\r\n
\r\n国际语言支持
\r\n      DedeCMS从V5.3开始,以UTF-8国际编码为基准进行开发,让您的网站可以扩展任意一种语言。
\r\n
\r\n会员互动,让您的网站火起来
\r\n      一个网站最重要的就是用户,DedeCMS提供了强大的用户中心,通过会员中心可以让用户进行内容分享、交友、短信、个人空间等一系列的操作,甚至通过模块扩展还可以让会员进行群组交流、问答等互动。
\r\n      网站需要有粘性,才可以留住用户,通过一个强大的会员中心可以留住您的网站用户,也可以寻找到盈利模式。
\r\n
\r\n
\r\n
\r\n产品适合应用于以下领域:
\r\n      企业网站:无论大型还是中小型企业,利用网络传递信息在一定程度上提高了办事的效率,提高企业的竞争力;
\r\n      政府机关:通过建立政府门户,有利于各种信息和资源的整合,为政府和社会公众之间加强联系和沟通,从而使政府可以更快、更便捷、更有效开展工作;
\r\n      教育机构:通过网络信息的引入,使得教育机构之间及教育机构内部和教育者之间进行信息传递,全面提升教育类网站的层面;
\r\n      媒体机构:互联网这种新媒体已经强而有力的冲击了传统媒体,在这个演变过程中,各类媒体机构应对自己核心有一个重新认识和重新发展的过程,建立一个数字技术平台以适应数字化时代的需求;
\r\n      行业网站:针对不同行业,强化内部的信息划分,体现行业的特色,网站含有行业的动态信息、产品、市场、技术、人才等信息,树立行业信息权威形象,为行业内产品供应链管理,提供实际的商业机会;
\r\n      个人站长:兴趣为主导,建立各种题材新颖,内容丰富的网站,通过共同兴趣的信息交流,可以让您形成自己具有特色的用户圈,产生个人需求,并为其服务;
\r\n      收费网站:内容收费类型的网站,用户可以在线提供产品销售,或者内容收费,简单清晰的盈利模式,确保您以最小的投资,取得最大的回报;
\r\n
\r\n
\r\n新增及升级功能列表:
\r\n    1.  增加批量创建栏目功能
\r\n    2.  栏目管理处增加“内容”项目,代替原来在栏目管理中使用单独页
\r\n    3.  增加内容模型导出、导入功能
\r\n    4.  内容模型增加“联动类型字段”的支持
\r\n    5.  取消内容模型原来的自定义主表功能,增加单表内容模型
\r\n    6.  增加内容回收站功能
\r\n    7.  增加“商品”模型,并提供相关支付接口
\r\n    8.  增加自定义表单功能
\r\n    9.  升级“模块管理”功能
\r\n    10. 升级评论系统
\r\n    11. 升级采集系统,主要亮点:
\r\n            a、向导式创建规则
\r\n            b、支持同一规则中指定多个不同的导出栏目
\r\n            c、支持监控采集模式,简单重复采集历史内容是否有更新的过程
\r\n    12. 升级会员中心,在保证安全性的同时使里面的各项操作更简单易用
\r\n    13. 开放默认的文章系统 WAP 浏览模式
\r\n    14. 升级模板管理功能,除了可以方便的在线创建勾子碎片标签外,对主要的模板都进行了注解说明
\r\n    15. 升级了广告管理、友情链接等插件
\r\n    16. 增加在线切缩略图功能
\r\n    17. 增加了“挑错管理”功能,允许用户对错误信息进行反馈
\r\n    18. 优化列表统计引擎和缓存引擎,使系统在保证灵活性的同时也有更好的性能
\r\n    19. 增加初始文件效验功能
\r\n    20. 增加在线直接升级功能,更方便用户获得自己需要的升级包
\r\n    21. 支持栏目列表使用伪静态
\r\n    22. 支持游客投稿、模型投稿增加各种个性化设置
\r\n
\r\n升级说明:
\r\n    由于5.3版的改动涉及内核升级,因此有部份功能或模板不一定完全兼容,但我们仍建议用户尽量升级到这个版本,以确保系统的安全和可发展性。
\r\n    DedeCMS 支持整合主流的BBS、商城、博客等系统,具体相关接口请到官方论坛查询。
\r\n 

', 0, 0, '', '127.0.0.1', ''); INSERT INTO `#@__addonsoft` (`aid`, `typeid`, `filetype`, `language`, `softtype`, `accredit`, `os`, `softrank`, `officialUrl`, `officialDemo`, `softsize`, `softlinks`, `introduce`, `daccess`, `needmoney`, `templet`, `userip`, `redirecturl`) VALUES (79, 7, '.gz', '简体中文', '国产软件', '开源软件', 'Win2003,WinXP,Win2000,Win9X', 5, 'http://www.dedecms.com', 'http://www.dedecms.com', '4.2 MB', '{dede:link text=''V55-GBK版安装程序''} http://www.dedecms.com/upimg/soft/2009/DedecmsV55-GBK-Final.tar.gz {/dede:link}\r\n{dede:link text=''V55-UTF8版安装程序''} http://www.dedecms.com/upimg/soft/2009/DedecmsV55-UTF8-Final.tar.gz {/dede:link}\r\n{dede:link text=''V5.3.1到V5.5GBK升级程序''} http://updatenew.dedecms.com/downloads/v53gbk-upv55.zip {/dede:link}\r\n{dede:link text=''V5.3.1到V5.5UTF8升级程序''} http://updatenew.dedecms.com/downloads/v53utf8-upv55.zip {/dede:link}\r\n{dede:link text=''DedeCMS V5.5GBK + HDwiki V4.05 互动百科整合安装包''} http://www.dedecms.com/hdwiki/downloads/Dedecms55&HDwiki4.05_GBK-Final_0916.tar.gz {/dede:link}\r\n{dede:link text=''DedeCMS V5.5UTF8 + HDwiki V4.05 互动百科整合安装包''} http://www.dedecms.com/hdwiki/downloads/Dedecms55&HDwiki4.05_UTF8-Final_0916.tar.gz {/dede:link}\r\n', '

DedeCMS V5.5增强或修正功能列表
\r\n
\r\n
一、已经修正的BUG:
\r\n1、添加后台系统管理员账号,无法删除会员列表的账号;
\r\n2、这篇文档需要注册会员才能访问,你目前是:注册会员(提示文字不正确);
\r\n3、高级搜索选择发布时间,搜索出错;
\r\n4、会员中心发布完内容后点击“继续发布文章”,HTML文本框没有了(表单的action不对);
\r\n5、后台发布文章,如果勾选“跳转”,输入网址后,如果再编辑这个内容,发现没有读取以前保存的;
\r\n6、选择裁剪图片的提示和步骤没说明清楚,导致操作混乱;
\r\n7、修正文档批量移动将内容移动至回收站可能丢失文档的Bug;
\r\n8、自定义表单上传附件无效;
\r\n9、如果头衔超过10个的话,好像id为1的头衔和id为10的就重复了!;
\r\n10、include/taglib/ask.lib.php文件的第22行 if($tid>0) $tid = " (tid=$tid Or $tid2=''$tid'')的有误;
\r\n11、会员注册是邮箱有下划线的话总是通不过验证;
\r\n12、系统后台禁用某些模型的投稿功能,前台会员中心还是可以显示投稿相关的选项;(在升级会员中心时处理)
\r\n13、DEDE 搜索功能不准确(词库没有的词或被拆开的中文字不会做搜索导致的);
\r\n14、投票系统的VOTE.PHP程序中没有对投票时未选择选项做程序处理!
\r\n15、未审核的文章出现的会员空间,导致非法信息的出现。(此功能并非BUG,原本功能就如此设计,不过会考虑增加一个参数由管理员决定是否允许)
\r\n16、默认水印背景黑色让透明的gif很难看!
\r\n17、新建专题,简略标题填写后,编辑专题时又是空的;
\r\n18、注册会员,没有同意协议,也可以注册;
\r\n
\r\n二、升级功能
\r\n
\r\n(一)、人性化功能:
\r\n1、 允许许用户选择栏目链接为不带默认页的类型,即是 typedir/ 模式;
\r\n2、 使文章分页时支持标题带页码符,并且每页摘要不同;
\r\n3、 升级搜索程序,如果关键字中含有栏目名称,则搜索这个栏目的内容,如果有多关键字组合时,允许搜索单个字符;
\r\n
\r\n(二)、会员相关:
\r\n1、升级会员系统,修正用户禁言、审核等存在的问题;
\r\n2、升级会员系统,对后台设置了关闭图集选项之后不再显示图集菜单;
\r\n3、允许会员空间中“所有文档”可以由用户设定具体频道;
\r\n4、会员自定义分类支持按模型划分;
\r\n5、会员头像、企业形象照增加删除功能;
\r\n6、对会员中心的细节进行适当调整;
\r\n7、修正会员中心消费信息管理混乱问题;
\r\n8、增加积分兑换金币功能;
\r\n9、更改后台会员管理功能,使其更人性化;
\r\n10、修正会员等级设置(5.3的概念过于混乱,恢复为5.1模式);
\r\n11、允许自由设置用户笔名是否可以同名;
\r\n
\r\n(三)、后台操作:
\r\n1、 升级管理员权限系统,允许指定管理员管理多个栏目;
\r\n2、修正删除与移动栏目没更新缓存的错误;
\r\n3、修正删除或更新关键字后没返回原页面的错误;
\r\n4、优化用户搜索关键字管理功能;
\r\n5、发布文章时可以在预设的模板中随机获得一个模板(5.1的随机模板功能增强版);
\r\n6、增加可选的实时生成html功能;
\r\n7、文档自定义属性允许自定义排序;
\r\n8、优化文章模块图片附件上传功能;
\r\n9、增加网站编辑绩效统计功能(管理员发布员发了多少文章,今天发了多少文章,昨天发了多少文章,一个月发了多少文章);
\r\n10、增加全站评论开关选项;
\r\n11、发布文章时可以或上传图片时允许单独选择图片是否使用水印;
\r\n12、优化来源、作者、颜色选择框及相关管理;
\r\n13、专题升级为可以不与栏目关连;
\r\n14、管理员审核后保留责任编辑;
\r\n15、修正专题节点问题;
\r\n16、增加用AJAX载入的栏目辅助选择器,解决栏目过多时,用下拉框操作不便的问题;
\r\n17、增加快速属性编辑功能,用AJAX载入窗体编辑文章的基本信息;
\r\n18、增加批量删除、增加某属性的功能(AJAX窗体);
\r\n19、增加栏目合并功能;
\r\n□20、升级关键字管理功能,保留并升级关键字提取功能,使用新的站内关键字链接管理功能;
\r\n
\r\n(四)、模块插件
\r\n1、升级留言本系统,增加支持回复、支持限定仅允许会员发表等选项;
\r\n2、可以指定自由列表最大显示页数,以防止显示网站所有内容;
\r\n3、wap功能完善与加强;
\r\n
\r\n(五)、其它功能
\r\n1、重新设置主要数据表的索引,使之针对大多数网站都处于最佳性能。
\r\n2、增加计划任务功能(每个任务单独对应该一个程序,可以通过客户端软件或用户浏览动态页面时触发);
\r\n3、field支持用array获取任意字段的值;(支持标记:文章列表模板的 {dede:field name=''array'' /}、arclist、arclistsg、loop、sql 标签)
\r\n4、编辑器升级至 FCK2.6(支持:谷歌浏览器);
\r\n5、在数据库类直接控制MySQL超时时间;
\r\n6、发布文章时可以或上传图片时允许单独选择图片是否使用水印;7、给分页的文章设置不同的标题和摘要(标题加1、2等数字);
\r\n7、允许使用直接跳转网址(需修改数据结构,为了升级时更稳定,改为不显示任何内容直接跳转形式,但并不是直接使用这个网址);
\r\n8、更改前台默认模板为淡蓝风格;
\r\n9、js广告静态化(可以用缓存方式替代);
\r\n12、增加前台导航菜单默认调用二级子类的功能;
\r\n
\r\n7月20日后更改或增强的功能
\r\n
\r\n1、图集、软件模型人性化调整;
\r\n  (1) 图集整合swfupload上传;
\r\n  (2) 图集、文档相关附件关连更完善,删除文档同时删除附件功能更完善;
\r\n  (3) 软件频道调整软件权限问题,默认不使用通用模型的权限,而是使用单独权限,因此,不管是否需要权限的软件,都会生成静态,而在下载时扣金币或要求会员等级;
\r\n  (4) 软件镜像地址,除了保留原功能外,增加了仅把镜像作为可选地址前缀功能,方便有些要的用户自由填写软件地址信息;
\r\n2、文档允许选择多个副栏目;
\r\n3、增加AJAX评论功能;
\r\n4、增加邮件验证注册功能;(需要设置中把“会员设置--会员使用权限开通状态”选项改为 -10);
\r\n5、增加栏目树调用标签(在前台调用所有栏目);
\r\n6、升级缩略图上传和裁剪功能,使之更人性化;
\r\n7、升级个人空间(更换模板、细节调整);
\r\n8、调整后台主页和登录界面;
\r\n9、修正的BUG:
\r\n  (1) 修正会员中心阅读消息,好友列表显示错误;
\r\n  (2) 修正导航菜单在下载频道存在错误;
\r\n  (3) 修正责任编辑调用不显示问题;
\r\n  (4) 修正自由列表的死链接;
\r\n  (5) 修正前台投稿存在的一些问题;
\r\n  (6) 修正文章推荐不能使用数字域名邮箱问题;
\r\n  (7) 处理TAG标签默认不按时间排序问题;
\r\n  (8) 去除FCK编辑器上传图片产生的多余代码,让用户自己选择是否加相应的东西。

', 0, 0, '', '127.0.0.1', ''), (80, 7, '.exe', '简体中文', '国产软件', '免费软件', 'Win2003,WinXP,Win2000,Win9X', 5, 'http://www.dedecms.com', 'http://www.dedecms.com', '3 MB', '{dede:link text=''服务器环境使用版''} http://www.dedecms.com/upimg/soft/dedesoft/DedeAMPZForServer.zip {/dede:link}\r\n{dede:link text=''本地测试专业完整版''} http://www.dedecms.com/upimg/soft/dedesoft/DedeAMPZForDebug.zip {/dede:link}\r\n', '

DedeAMPZ 是直接整合PHP + Apache + MySql 的服务器环境管理软件,操作十分傻瓜化,适合初中级水平的站长使用。
\r\n
\r\n主要具有如下特点:
\r\n1、支持php4、php5、MySql4、MySql5、Apache2.2、Zend Optimizer-3.3.0;(完整版)
\r\n2、安装使用十分简单,并支持在php4与php5中切换;
\r\n3、经过专业的处理后,使你配置apache+php的站点更简单;
\r\n4、本软件内置DedeCms在线安装程序,让你安装调试DedeCms更加简单;
\r\n
\r\n管理客户端界面:
\r\n
\r\n 
\r\n
\r\n下载地址:
\r\n完整专业版:(你有一定基础或在本地调试用,请使用这个版本)
\r\nhttp://www.dedecms.com/upimg/soft/dedesoft/DedeAMPZForDebug.zip
\r\n
\r\n服务器上安装版(如果你在服务器是正式使用,请用这个版本[仅支持MySql5\\PHP5\\Apache2.2]):
\r\nhttp://www.dedecms.com/upimg/soft/dedesoft/DedeAMPZForServer.zip

', 0, 0, '', '127.0.0.1', ''); INSERT INTO `#@__archives` (`id`, `typeid`, `typeid2`, `sortrank`, `flag`, `ismake`, `channel`, `arcrank`, `click`, `money`, `title`, `shorttitle`, `color`, `writer`, `source`, `litpic`, `pubdate`, `senddate`, `mid`, `keywords`, `lastpost`, `scores`, `goodpost`, `badpost`, `notpost`, `description`, `filename`, `dutyadmin`, `tackid`, `mtype`, `weight`) VALUES (1, 2, '0', 1270603757, 'c,h', 1, 1, 0, 0, 0, '学习HTML 4.0事件属性', '', '', '', '', '', 1270603757, 1270603757, 1, '学习HTML,4.0事件属性', 0, 0, 0, 0, 0, 'HTML 4.0的新特性之一是使HTML事件触发浏览器中的行为,比方说当用户点击一个HTML元素时启动一段JavaScript。以下就是可被插入HTML标签以定义事件行为的一系列属性。假如你希望学习如何使用这些事件进行编程,那么你应该学习我们的JavaScript教程和DHTML教程', '', 0, 0, 0, 0), (2, 2, '0', 1270603757, '', 1, 1, 0, 0, 0, '初学者:XHTML常用标签的基本应用指南', '', '', '', '', '', 1270603757, 1270603757, 1, '初学者:XHTML常用标签的基本应', 0, 0, 0, 0, 0, '一段时间以来,发现有很多人XHTML都不会用,不光是普通的初学者,有的程序员都不是很清楚该怎么写这个XHTML,我这里呢算是把一些常见的应用问题做一个总结,也算能使得大家能在沟通,合作上能形成默契。 XHTML里有很多的标签,但是经常用到的也就是那么', '', 0, 0, 0, 0), (3, 2, '0', 1270603757, 'c,h', 1, 1, 0, 0, 0, '网页中应用表格爱好者', '', '', '', '', '', 1270603757, 1270603757, 1, '网页中应用表格爱好者', 0, 0, 0, 0, 0, '你认为已经知道怎么制做表格了吧。当然,你已经了解 table、tr、td和th标签了,甚至还在你的口袋里装入了rowspan和colspan。你确实可以制做一个精美小巧的咖啡色三合板桌子(表格),但难道你不想做一个优雅稳固,上面有玻璃的,足以承受一头大笨象的宴会桌(', '', 0, 0, 0, 0), (4, 2, '0', 1270603757, '', 1, 1, 0, 0, 0, '初学者很好的参考:HTML标签详尽讲解', '', '', '', '', '', 1270603757, 1270603757, 1, '初学者很好的参考:HTML标签详尽', 0, 0, 0, 0, 0, '结构<html><head><title>标题<title></head><body>..........文件内容..........</body></html>1.文件标题<title>..........</title>2.文件更新--<meta> 【1】10秒后自动更新一次 <meta http-equiv=refresh"', '', 0, 0, 0, 0), (5, 2, '0', 1270603757, '', 1, 1, 0, 0, 0, '实例学习网页制作中常用的网页表单的应用', '', '', '', '', '', 1270603757, 1270603757, 1, '实例学习网页制作中常用的网页表', 0, 0, 0, 0, 0, '说实话,无论是asp,php还是jsp进行网络编程的时候,都离不开和用户的交互。而人机对话的平台,基本上是靠相应的文本、列表框进行输入,然后通过按钮提交送至数据库的。所以学习网络编程就一定要了解这些输入平台相关的东西:表单(form)其基本格式如下:', '', 0, 0, 0, 0), (6, 2, '0', 1270603757, 'c,h', 1, 1, 0, 0, 0, '网页制作初学者:认识XHTML DHTML SHTML的区别', '', '', '', '', '', 1270603757, 1270603757, 1, '网页制作初学者:认识XHTML,DHTM', 0, 0, 0, 0, 0, '我们经常会在一个技术性网站或BBS见到这三个东东:XHTML DHTML SHTML,它们到底是怎么回事呢?我们看下面的说明与讲解。', '', 0, 0, 0, 0), (7, 2, '0', 1270603757, 'c', 1, 1, 0, 0, 0, '对于初学者不错的XHTML教程', '', '', '', '', '', 1270603757, 1270603757, 1, '对于初学者不错的XHTML教程', 0, 0, 0, 0, 0, '在这个教程里,你将学到HTML和XHTML之间的不同,以及如何将HTML转换为XHTML。毕竟XHTML是发展的方向,所以我觉得该教程有必要在本站上发布。我感觉要是你想使用标准还是最好先学HTML,因为比较简单,然后再来看该教程。', '', 0, 0, 0, 0), (8, 2, '0', 1270603757, '', 1, 1, 0, 0, 0, '介绍span和div标签的使用', '', '', '', '', '', 1270603757, 1270603757, 1, '介绍span和div标签的使用', 0, 0, 0, 0, 0, '鉴于HTML初级教程的目的只是教授HTML的骨架元素,这个中级教程增加一些骨肉,它们不应该特别的难,但可以进一步增进我们对HTML的理解,使我们能多做一些更有用的事情。HTML只是赋予内容的手段,大部分HTML标签都有其意义(标签p创建段落,h1标签创建标题等等', '', 0, 0, 0, 0), (9, 2, '0', 1270603757, '', 1, 1, 0, 0, 0, 'HTML教程:建立超级连接', '', '', '', '', '', 1270603757, 1270603757, 1, 'HTML教程:建立超级连接', 0, 0, 0, 0, 0, 'tabbing浏览不或不能使用指点设备的用户可以用快捷键tab键来打开连接,并且本身也要有逻辑tab顺序。尽管HTML是线性的,tabindex属性允许你定义它快捷键们的顺序,而且这些逻辑tab应该可以自动落入自己位置。快捷键快捷键可以通过键盘的特定按键进行更方', '', 0, 0, 0, 0), (10, 2, '0', 1270603757, 'c,h', 1, 1, 0, 0, 0, '表格中单元格之间分隔线的隐藏方法', '', '', '', '', '', 1270603757, 1270603757, 1, '表格中单元格之间分隔线的隐藏方', 0, 0, 0, 0, 0, '隐藏分隔线的诀窍在于rules,察看这三个表格的源代码,我们可以看到表格标签中都有rules。', '', 0, 0, 0, 0), (11, 2, '0', 1270603757, '', 1, 1, 0, 0, 0, '新手学习老知识(三)HTML教程用好超级链接标记A', '', '', '', '', '', 1270603757, 1270603757, 1, '新手学习老知识(三)HTML教程用', 0, 0, 0, 0, 0, '超级链接 标记代表一个链接点,是英文anchor(锚点)的简写。它的作用是把当前位置的文本或图片连接到其他的页面、文本或图像,这已是众所周知了,但关于它的语法结构可能有点鲜为人知,而要用活它则必须了解其语法结构。', '', 0, 0, 0, 0), (12, 2, '0', 1270603757, '', 1, 1, 0, 0, 0, '新手学习老知识(二)HTML用好活动字幕标记marquee', '', '', '', '', '', 1270603757, 1270603757, 1, '新手学习老知识(二)HTML用好活', 0, 0, 0, 0, 0, '活动字幕,也称为滚动看板、滚动字幕。活动字幕的使用使得整个网页更有动感,显得很有生气。现在的网站中也越来越多地使用活动字幕来加强网页的互动性。用Javascript编程可以实现活动字幕效果;用Dreamweaver的图层再用其时间线功能可以做出非常漂亮的滚动看', '', 0, 0, 0, 0), (13, 2, '0', 1270603757, '', 1, 1, 0, 0, 0, '新手学习老知识(一)HTML语言基础', '', '', '', '', '', 1270603757, 1270603757, 1, '新手学习老知识(一)HTML语言基', 0, 0, 0, 0, 0, '近两年来,许多公司开发出了图形化的HTML开发工具,使得网页的制作变得非常简单。如微软公司推出的 Microsoft FrontPage, Adobe公司推出的 Adobe Pagemill, Micromedia公司推出的Dreamweaver等编辑工具,都被称为“所见即所得”的网页制作工具。', '', 0, 0, 0, 0), (14, 2, '0', 1270603757, '', 1, 1, 0, 0, 0, 'HTML网页初学者教程:讲解网页标题Title', '', '', '', '', '', 1270603757, 1270603757, 1, 'HTML网页初学者教程:讲解网页标', 0, 0, 0, 0, 0, '我们制作的每一个HTML网页都应该有文档标题。那么到底如何设置标题呢?这个教程就作为网页初学者的入门吧!给你的文档增加一个标题,按照下面改变你的代码:!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//ENhttp://www.w3.org/', '', 0, 0, 0, 0), (15, 2, '0', 1270603757, '', 1, 1, 0, 0, 0, '网页文本排版知识:为正确的内容使用恰当的标签', '', '', '', '', '', 1270603757, 1270603757, 1, '网页文本排版知识:为正确的内容', 0, 0, 0, 0, 0, '在制作网页时,文本内容是必不可少的!那么我们该如何对网页文本进行正确排版呢?当段落标签p应该使用在段落的时候还有许多滥用换行标签br的情况,p用于表现段落是公认的。基于同样的逻辑,很多标签应该被用来定义确定的文本元素,比如引用,缩写和计算机代码', '', 0, 0, 0, 0), (16, 2, '0', 1270603757, '', 1, 1, 0, 0, 0, '使用XHTML按标准重构网站', '', '', '', '', '', 1270603757, 1270603757, 1, '使用XHTML按标准重构网站', 0, 0, 0, 0, 0, '我们曾经为本节撰写的标题是:“XHTML:简单的规则,容易的方针。”原因之一是,本节讨论的规则和方针是简单和容易的。原因之二是,一本简单和容易的WEB设计图书,就像超级市场的新式的免费商品一样,虽然常见却可以有效地吸引人的眼球,这样的东西可以刺激人', '', 0, 0, 0, 0), (17, 2, '0', 1270603757, '', 1, 1, 0, 0, 0, '快速精通网页框架FRAME', '', '', '', '', '', 1270603757, 1270603757, 1, '快速精通网页框架FRAME', 0, 0, 0, 0, 0, 'FRAME(框架)是Web上经常会看到的页面结构。使用可视Web开发工具(比如Dreamweaver或者Frontpage),虽然可以在 WYSIWYG环境中通过简单的鼠标托拽完成FRAME的构建,但是要实现真正细致甚至强大的功能,仔细理解FRAME的代码结构至关重要!你将发现, FRAME原', '', 0, 0, 0, 0), (18, 2, '0', 1270603757, 'c', 1, 1, 0, 0, 0, '浅谈XHTML(可扩展HTML)标准中CDATA', '', '', '', '', '', 1270603757, 1270603757, 1, '浅谈XHTML(可扩展HTML)标准中C', 0, 0, 0, 0, 0, '近来,随着XHTML(可扩展HTML)标准的出现,script/标签也经历了一些改变。该标签不再用language特性,而用type特性声明内嵌代码或要加入的外部文件的mime类型,JavaScript的mime类型是text/javascript。例如:html head', '', 0, 0, 0, 0), (19, 2, '0', 1270603757, '', 1, 1, 0, 0, 0, 'HTML基础知识:学习掌握HTML 标准属性', '', '', '', '', '', 1270603757, 1270603757, 1, 'HTML基础知识:学习掌握HTML,标', 0, 0, 0, 0, 0, 'HTML标签拥有属性。每个标签的特殊属性均被列于每个标签描述之下。这里列出的属性是通用于每个标签的核心属性和语言属性(有个别例外):核心属性 (Core Attributes)以下标签不提供下面的属性:base、head、html、meta、param、script、style以及title元素。', '', 0, 0, 0, 0), (20, 2, '0', 1270603757, '', 1, 1, 0, 0, 0, 'HTML基础教程:学习掌握HTML 元素', '', '', '', '', '', 1270603757, 1270603757, 1, 'HTML基础教程:学习掌握HTML,元', 0, 0, 0, 0, 0, 'HTML文档是由HTML元素构成的文本文件。HTML元素是通过使用HTML标签进行定义的。HTML标签 HTML标签是用来标记HTML元素的。 HTML标签被和符号包围。 这些包围的符号叫作。 HTML标签是成对出现的。例如b和/b。 位于起始标签和终止标签之', '', 0, 0, 0, 0), (21, 3, '0', 1270603973, '', 1, 1, 0, 0, 0, '5种方法立刻写出更好的CSS代码', '', '', '', '', '', 1270603973, 1270603973, 1, '代码,更好,立刻,方法,元素,CSS,', 0, 0, 0, 0, 0, '当然,每个人都可以编写CSS代码,甚至你现在已经让它为你的项目工作了。但是CSS还可以更好吗?开始用这5个Tips改进你的CSS吧! 1.重置 首先,很认真的告诉你, 总是要重置某些分类 。无论你是使用 Eric Meyer Reset 、 YUI Reset 或者你自己编写的重置代码,', '', 0, 0, 0, 0), (22, 3, '0', 1270603973, '', 1, 1, 0, 0, 0, '看看你是哪个等级的CSS开发人员', '', '', '', '', '', 1270603973, 1270603973, 1, '开发,人员,等级,哪个,看看,CSS,', 0, 0, 0, 0, 0, 'CSS? Isn', '', 0, 0, 0, 0), (23, 3, '0', 1270603973, '', 1, 1, 0, 0, 0, 'img图片元素下多余空白解决方案', '', '', '', '', '', 1270603973, 1270603973, 1, '空白,解决方案,元素,图片,方法,', 0, 0, 0, 0, 0, '在进行页面的DIV+CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的对於 该问题的解决方法也是「见机行事」,根据原因的不同要用不同的解决方法,这里把解决直接把解决image图片布局下边的多余空隙的B', '', 0, 0, 0, 0), (24, 3, '0', 1270603973, 'p', 1, 1, 0, 0, 0, '30个基于CSS的导航和按钮优秀设计教程', '', '', '', '', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603910L60-12363_lit.jpg', 1270603973, 1270603973, 1, '设计,教程,优秀,按钮,导航,基于,', 0, 0, 0, 0, 0, '在当今标准的Web设计中,CSS是最重要的组成部分。为了让大家更好的理解如何通过CSS来设计,彬Go为大家收集了30个基于CSS的导航菜单 和按钮的CSS设计教程,通过这些教程,您可以在您今后的项目中更方便的直接使用或参考,当然也可以用作平时的实践练习。希望', '', 0, 0, 0, 0), (25, 3, '0', 1270603973, 'p', 1, 1, 0, 0, 0, '精选30个优秀的CSS技术和实例', '', '', '', '', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60392Q4550-321013_lit.gif', 1270603973, 1270603973, 1, '实例,技术,优秀,精选,CSS,使用,', 0, 0, 0, 0, 0, '今天,我们为大家收集精选了 30个使用纯CSS 完成的强大实践的 优秀CSS技术和实例 ,您将在这里发现很多与众不同的技术,比如:图片集、阴影效果、可扩展按钮、菜单等这些实例都是使用纯CSS和HTML实现的。 单击每个实例的标题可以被转向到该技术实例的相关教程', '', 0, 0, 0, 0), (26, 3, '0', 1270603973, 'p', 1, 1, 0, 0, 0, 'CSS 中的黄金分割率', '', '', '', '', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603930W50-12401_lit.png', 1270603973, 1270603973, 1, '分割,黄金,使用,1.62,宽度,一个,', 0, 0, 0, 0, 0, '这是一位叫 Christos Chiotis 的希腊 Web 设计师发表在 CssGlobe 的一篇文章,讲述了黄金分割率在 CSS 中的应用。黄金分割率是一个应用广泛的数学常数,大约为 1.6180339887。黄金分割率用在 Web 设计中,可以为设计带来更多视觉上的和谐。 在一个简单的两栏', '', 0, 0, 0, 0), (27, 3, '0', 1270603973, 'p', 1, 1, 0, 0, 0, '用CSS设计你的搜索框', '', '', '', '', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603932K20-31036_lit.gif', 1270603973, 1270603973, 1, '搜索,设计,使用,.search,这个,图', 0, 0, 0, 0, 0, '今天我将介绍一下如何使用CSS中的背景图片来设计你的搜索框。之前我使用别的方法来实现我的表单和搜索框,但是这种方法看起来会更容易些,所以我想将它与感兴趣的朋友分享。 View Demo 原始方式 首先来让我们看看我的原始的使用input type=image src=image_u', '', 0, 0, 0, 0), (28, 3, '0', 1270603973, 'p', 1, 1, 0, 0, 0, '为今后的项目制作空白CSS模板文件', '', '', '', '', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60393415040-55N2_lit.png', 1270603973, 1270603973, 1, '模板,文件,空白,项目,制作,今后,', 0, 0, 0, 0, 0, '如果你曾经收藏过许多关于CSS的最佳实践但还没开始利用它们,那么这篇文章将帮助你制作一个很好且很有组织的CSS文件来应用于一些CSS最佳实践。在 这里我将为为我的下一个项目制作一个基本的CSS模板文件。使用标准的重设(Reset)方法,定义一些基本的方便的类', '', 0, 0, 0, 0), (29, 3, '0', 1270603973, 'p', 1, 1, 0, 0, 0, '简洁纯净的CSS表单设计实例', '', '', '', '', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60393525250-A528_lit.png', 1270603973, 1270603973, 1, '设计,实例,简洁,CSS,使用,表单,#', 0, 0, 0, 0, 0, '很多CSS爱好者不喜欢HTML表格,尤其是在制作表单的时候,虽然现在已经是XHTML+CSS的年代,但表单的设计大多还在采用table来布局。那 么,有没有更好的使用纯语义化XHTML+CSS设计表单方法呢?今天让我们一起来尝试这种更符合语义化的方法来代替Table嵌套的表', '', 0, 0, 0, 0), (30, 3, '0', 1270603973, 'p', 1, 1, 0, 0, 0, '精选15个国外CSS框架', '', '', '', '', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60393KXP-S429_lit.gif', 1270603973, 1270603973, 1, '框架,国外,精选,CSS,一个,布局,', 0, 0, 0, 0, 0, '什么是css框架 实际上还是让我们从框架说起吧。 框架就是一个你可以用于你的网站项目的基本的概念上的结构体。 css框架通常只是一些css文件的集合,这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置。比如: typography.css基本排版规则 grid.', '', 0, 0, 0, 0), (31, 3, '0', 1270603973, '', 1, 1, 0, 0, 0, '使用CSS为图片添加更多趣味的5种方法', '', '', '', '', '', 1270603973, 1270603973, 1, '趣味,方法,更多,添加,图片,使用,', 0, 0, 0, 0, 0, '今天我们将向大家分享一些为你平淡乏味的图片添加更多趣味情调的简单技巧。使用Photoshop为每个图片添加某种样式虽然可行,但会是相当乏味且困难的长久工作。下面要介绍的CSS技巧将帮助你从痛苦中解脱出来!如果你也有自己独到的CSS技巧,希望能一同分享。', '', 0, 0, 0, 0), (32, 3, '0', 1270603973, 'p', 1, 1, 0, 0, 0, '20个让你学习并精通CSS的网站', '', '', '', '', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60394543310-14b8_lit.png', 1270603973, 1270603973, 1, '网站,精通,学习,CSS,可以,一个,', 0, 0, 0, 0, 0, 'CSS的学习过程既可以说简单又可以说是复杂。CSS的语法比较简单,但CSS的应用中有一些概念(一可以说是原理)还是很难掌握的。今天暴风彬彬 向你推荐20个出色的CSS技术类(英语)网站帮你更好的理解和掌握CSS,其中包括各种各样的网站,从博客到清单风格列表甚至', '', 0, 0, 0, 0), (33, 3, '0', 1270603973, 'p', 1, 1, 0, 0, 0, '你应当了解的5个CSS3新技术', '', '', '', '', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60395AI60-21A37_lit.png', 1270603973, 1270603973, 1, '新技术,了解,应当,div,CSS3,我们', 0, 0, 0, 0, 0, 'CSS是众所周知且应用广泛的网站样式语言,在它的版本三(CSS3)计划中,新增了一些能够节省时间的特性。尽管只有当前最新了浏览器版本才能支持这些 效果,但了解它们还是必须且很有趣味性的。暴风彬彬将在这篇文章向大家展示CSS中的5个有趣的新技术:圆角、个别', '', 0, 0, 0, 0), (34, 4, '0', 1270604213, '', 1, 1, 0, 0, 0, 'JavaScript风格要素', '', '', '', '', '', 1270604213, 1270604213, 1, 'JavaScript风格要素', 0, 0, 0, 0, 0, '关于英文的写作有一本十分著名的书,The Elements of Style(风格要素),编写程序也有一本The Elements of Programming Style(编程风格要素)。证明了在某种程度上,编写程序其实就是语文写作,清晰的风格对程序的质量有着重要的影响。草率含混的风格会隐蔽', '', 0, 0, 0, 0), (35, 4, '0', 1270604213, 'c', 1, 1, 0, 0, 0, '用JavaScript的日期对象操控时间和日期值', '', '', '', '', '', 1270604213, 1270604213, 1, '用JavaScript的日期对象操控时间', 0, 0, 0, 0, 0, '软件开发中一个比较棘手的内容是使用时间和日期值;似乎每种语言或者每种平台都有自己的格式。在Web开发过程中,你可以使用服务器端的代码来操控日期,你也可以使用JavaScript的日期(Date)对象来实现同样的目的。在今天的专栏里,我们将仔细看看这个对象。', '', 0, 0, 0, 0), (36, 4, '0', 1270604213, '', 1, 1, 0, 0, 0, '减轻JavaScript测试和调试负担', '', '', '', '', '', 1270604213, 1270604213, 1, '减轻JavaScript测试和调试负担', 0, 0, 0, 0, 0, '像JSP、ASP.NET、ColdFusion这样的Web开发平台提供了大量强大服务器端开发选项。但是,它们并没有否定用JavaScript进行客户端的Web开发。', '', 0, 0, 0, 0), (37, 4, '0', 1270604213, '', 1, 1, 0, 0, 0, '使用AJAX技术的十大理由', '', '', '', '', '', 1270604213, 1270604213, 1, '使用AJAX技术的十大理由', 0, 0, 0, 0, 0, '保守来说,AJAX在现在是热得不能再热的技术。所以,有必要要看看为什么AJAX能发展成为现在的样子,为什么它能不断成长,并且在短的时间内迅速变得无处不在。所以,我用午夜谈话的风格,来给出需要AJAX技术的十大理由。', '', 0, 0, 0, 0), (38, 4, '0', 1270604213, '', 1, 1, 0, 0, 0, 'Ajax 技术入门简介', '', '', '', '', '', 1270604213, 1270604213, 1, 'Ajax,技术入门简介', 0, 0, 0, 0, 0, 'Ajax 由 HTML、Javascript 技术、DHTML 和 DOM 组成,这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序。', '', 0, 0, 0, 0), (39, 4, '0', 1270604213, 'h,a', 1, 1, 0, 3, 0, 'Web2.0十大Ajax安全漏洞以及成因', '', '', '', '', '', 1270604213, 1270604213, 1, 'Web2.0十大Ajax安全漏洞以及成因', 1270707263, 1, 0, 0, 0, 'Ajax中没有固有的安全漏洞,但是对该技术向量的适配显著地改变了网络应用的开发途径以及方法论。以前,DCOM和CORBA组成核心中间件层的时候,将数据和对象序列化非常困难。', '', 0, 0, 0, 0), (40, 4, '0', 1270604213, 'a', 1, 1, 0, 0, 0, 'JavaScript开发时的五个小提示', '', '', '', '', '', 1270604213, 1270604213, 1, 'JavaScript开发时的五个小提示', 0, 0, 0, 0, 0, '如果要在form中绑定事件处理程序时,应该只在 元素上绑定submit事件,而不是给提交按钮绑定click事件。March:这个方式固然很好,但是,公司开发时使用了Web Flow,一个页面就一个大form,而里面可能有若干个提交按钮,所以不得不把部分事件处理程序绑定在了', '', 0, 0, 0, 0), (41, 4, '0', 1270604213, '', 0, 1, 0, 0, 0, 'JavaScript:世界上误解最深的语言', '', '', '', '', '', 1270604213, 1270604213, 1, 'JavaScript:世界上误解最深的语', 0, 0, 0, 0, 0, 'JavaScript,或者叫 Mocha,或者叫 LiveScript,或者叫 JScript,又或者叫 ECMAScript,是世界上最流行的编程语言之一。事实上世界上的每一台个人电脑都安装并在频繁使用至少一个JavaScript解释器。 JavaScript的流行完全是由于他在WWW脚本语言领域中的地位决', '', 0, 0, 0, 0), (42, 4, '0', 1270604213, 'h', 0, 1, 0, 0, 0, 'JavaScript基础知识总结', '', '', '', '', '', 1270604213, 1270604213, 1, 'JavaScript基础知识总结', 0, 0, 0, 0, 0, '已经读了《JavaScript DOM 编程艺术》的前几章基础部分,现在凭着记忆,将JavaScript的基础知识总结一下。', '', 0, 0, 0, 0), (43, 4, '0', 1270604213, 'c,h,a', 0, 1, 0, 0, 0, 'JavaScript的9个陷阱及评点', '', '', '', '', '', 1270604213, 1270604213, 1, 'JavaScript的9个陷阱及评点', 0, 0, 0, 0, 0, '来自Nine Javascript Gotchas, 以下是JavaScript容易犯错的九个陷阱。虽然不是什么很高深的技术问题,但注意一下,会使您的编程轻松些,即所谓make life easier. 笔者对某些陷阱会混杂一些评点。', '', 0, 0, 0, 0), (44, 4, '0', 1270604213, '', 0, 1, 0, 0, 0, '网页中常用的Javascript代码', '', '', '', '', '', 1270604213, 1270604213, 1, '网页中常用的Javascript代码', 0, 0, 0, 0, 0, 'JavaScript技术可以实现交互式页面,在建立动态页面方面有着其他工具不可比拟的优点。Javascript 在网页设计中,大部分都是用来实现功能,特效的.. 本文列举了一些网页制作中常用的JavaScript技术:', '', 0, 0, 0, 0), (45, 4, '0', 1270604213, '', 0, 1, 0, 0, 0, 'Javascript优化原则', '', '', '', '', '', 1270604213, 1270604213, 1, 'Javascript优化原则', 0, 0, 0, 0, 0, '首先,与其他语言不同,JS的效率很大程度是取决于JS engine的效率。除了引擎实现的优劣外,引擎自己也会为一些特殊的代码模式采取一些优化的策略。显然,要获得最大效率,就必须要了解引擎的脾气,尽量迎合引擎的口味。所以对于不同的引擎,所作的优化极有可', '', 0, 0, 0, 0), (46, 4, '0', 1270604213, '', 0, 1, 0, 0, 0, '讨论Ajax之所以优于JSF的原因', '', '', '', '', '', 1270604213, 1270604213, 1, '讨论Ajax之所以优于JSF的原因', 0, 0, 0, 0, 0, 'Sun为什么会搞出一个JSF,JSF为什么会是现在这个样子,我想原因是这样的: 首先,基于组件的Web开发将来会是一个趋势。自包含的组件便于IDE的处理,可以提高开发效率。', '', 0, 0, 0, 0), (47, 4, '0', 1270604213, '', 0, 1, 0, 0, 0, '警惕AJAX应用开发中的轻罪和死罪', '', '', '', '', '', 1270604213, 1270604213, 1, '警惕AJAX应用开发中的轻罪和死罪', 0, 0, 0, 0, 0, 'AJAX bandwagon是个好去处。它能为您提供更快捷高效,动态更强的应用。但是它也有自己的缺陷。', '', 0, 0, 0, 0), (48, 4, '0', 1270604213, '', 0, 1, 0, 0, 0, '如何用jQuery简化JavaScript开发', '', '', '', '', '', 1270604213, 1270604213, 1, '如何用jQuery简化JavaScript开发', 0, 0, 0, 0, 0, 'jQuery是我最近发现的一个新工具。jQuery开发团队形容jQuery是“一个快捷、简练的JavaScript库,它可以简化HTML文档检查、事件处理、动画执行、并给你的Web页面增加AJAX交互。”', '', 0, 0, 0, 0), (49, 4, '0', 1270604213, '', 0, 1, 0, 0, 0, '使用mashups可能会给用户带来不好体验', '', '', '', '', '', 1270604213, 1270604213, 1, '使用mashups可能会给用户带来不', 0, 0, 0, 0, 0, '最近,老板在我们公司使用了一种网络内容过滤设备。至今为止,他们对该设备进行了良好的设置。在使用我的办公用计算机浏览网页时,经过该设备进行了网页内容过滤的Web世界就大为不同了。', '', 0, 0, 0, 0), (50, 4, '0', 1270604213, '', 0, 1, 0, 0, 0, '如何用JavaScript实现旋转木马', '', '', '', '', '', 1270604213, 1270604213, 1, '如何用JavaScript实现旋转木马', 0, 0, 0, 0, 0, 'Flash动画可以让Web网站看起来很漂亮,但是由于各种原因不是每个人都会在自己的客户端浏览器上安装Flash播放器。如果你或者你的用户不幸安装了64位的Linux发行版,或者你痛恨在自己的Web页面上放动画,那么你就不得不面对没有Flash动画的情况了。', '', 0, 0, 0, 0), (51, 4, '0', 1270604213, '', 0, 1, 0, 0, 0, '设计与应用JavaScript对象符号JSON', '', '', '', '', '', 1270604213, 1270604213, 1, '设计与应用JavaScript对象符号JS', 0, 0, 0, 0, 0, 'XML是作为一种数据交换工具开发并推出的,但并不是所有开发者都支持这一工具。实际上一些开发者选择开发其它工具。JSON(JavaScript对象符号)就是其中之一。在本文中,我们来详细了解一下JSON的设计与应用。', '', 0, 0, 0, 0), (52, 4, '0', 1270604213, 'c,h', 0, 1, 0, 0, 0, '完全了解AJAX', '', '', '', '', '', 1270604213, 1270604213, 1, '完全了解AJAX', 0, 0, 0, 0, 0, '尽管AJAX是个相对新生的术语,但其背后的技术却并不新颖。我们从基础开始认识AJAX,一种颠覆性的技术,其改变了Web应用程序的开发和应用方式,使得交互性页面和网站处于目前网络潮流的最前沿。', '', 0, 0, 0, 0), (53, 4, '0', 1270604213, '', 1, 1, 0, 0, 0, '用Mozilla免费调试器调试JavaScript', '', '', '', '', '', 1270604213, 1270604213, 1, '用Mozilla免费调试器调试JavaScr', 0, 0, 0, 0, 0, '编程错误是生活中的严酷事实,但你不应在追踪这些错误的同时捶胸顿足。更加稳定的语言,如Java和.NET系统语言提供简化问题追踪过程的开发环境。', '', 0, 0, 0, 0), (54, 5, '0', 1270604366, '', 0, 1, 0, 0, 0, '使用Dreamweaver批量做web网页', '', '', '', '', '', 1270604366, 1270604366, 1, '使用Dreamweaver批量做web网页', 0, 0, 0, 0, 0, '做网站,麻烦在更新,特别是大规模更新,工作量非常大。真不知那些创意不断而又勤奋的“站长”,隔三岔五将网站来个“大换血”,是怎么忙过来的。', '', 0, 0, 0, 0), (55, 5, '0', 1270604366, '', 0, 1, 0, 0, 0, '用 Dreamweaver 8 搞定web标准', '', '', '', '', '', 1270604366, 1270604366, 1, '用,Dreamweaver,8,搞定web标准', 0, 0, 0, 0, 0, '如果您正在读这篇文章,您很可能是已经对 Web 标准有了一定的兴趣,并且对用 DW ( Dreamweaver 的简称)来构建的站点中标准的应用非常好奇。', '', 0, 0, 0, 0), (56, 5, '0', 1270604366, '', 0, 1, 0, 0, 0, 'Dreamweaver cs3 彩蛋', '', '', '', '', '', 1270604366, 1270604366, 1, 'Dreamweaver,cs3,彩蛋', 0, 0, 0, 0, 0, '随着ADOBE CS3系列产品的亮相,我们最关注的Dreamweaver CS3也获得了最新的消息。首先先来看看传统的Dreamweaver彩蛋是否还在。内容来自中国站长资讯网(www.chinahtml.com)第一个Dreamweaver彩蛋就是:1,在网页中插入一张图像;2,打开属性面板,在图像的缩', '', 0, 0, 0, 0), (57, 5, '0', 1270604366, 'a', 0, 1, 0, 0, 0, '插入的Flash添加透明或其他参数', '', '', '', '', '', 1270604366, 1270604366, 1, '插入的Flash添加透明或其他参数', 0, 0, 0, 0, 0, 'Dreamweaver升级到8.0.2后,插入Flash时的代码会有所改变,这是Macromedia为解决IE中的Flash会出现控件激活框而作的更新。要为Flash添加透明等参数有两种方法。内容来自中国站长资讯网(www.chinahtml.com)● 用Dreamweaver的属性面板为插入的Flash添加透明属', '', 0, 0, 0, 0), (58, 5, '0', 1270604366, '', 0, 1, 0, 0, 0, 'Dreamweaver8轻松实现文本的段落缩进', '', '', '', '', '', 1270604366, 1270604366, 1, 'Dreamweaver8轻松实现文本的段落', 0, 0, 0, 0, 0, '如何在Drwamweaver中实现文本的段落缩进,也就成了网页制作中的一大难题。针对这一问题,本文为大家提供以下几种解决办法。', '', 0, 0, 0, 0), (59, 5, '0', 1270604366, 'p,f,a', 0, 1, 0, 0, 0, 'Dreamweaver基础教程:层及其应用', '', '', '', '', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60433360W0-19232_lit.jpg', 1270604366, 1270604366, 1, 'Dreamweaver基础教程:层及其应', 0, 0, 0, 0, 0, '层(Layer)是一种 HTML 页面元素,您可以将它定位在页面上的任意位置。层可以包含文本、图像或其它 HTML 文档。层的出现使网页', '', 0, 0, 0, 0), (60, 5, '0', 1270604366, 'p', 1, 1, 0, 0, 0, 'Dreamweaver中加入竖直线的问题', '', '', '', '', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60433540F-32J3_lit.jpg', 1270604366, 1270604366, 1, 'Dreamweaver中加入竖直线的问题', 0, 0, 0, 0, 0, '网页制作时经常用到1个像素高或宽的细线条来修饰,可以使网页的布局更加清晰,整体更加美观。由于一直习惯使用Dreamweaver编', '', 1, 0, 0, 0), (61, 5, '0', 1270604366, '', 0, 1, 0, 0, 0, 'Dreamweaver CS3新功能', '', '', '', '', '', 1270604366, 1270604366, 1, 'Dreamweaver,CS3新功能', 0, 0, 0, 0, 0, '随着Adobe Dreamweaver CS3的预销我们开始了新一轮的Dreamweavr学习,那么让我们先了解下Dreamweaver CS3都有哪些新功能:', '', 0, 0, 0, 0), (62, 5, '0', 1270604366, '', 0, 1, 0, 0, 0, '在Dreamweaver8.0.2中为插入的Flash添加透明或其他参数', '', '', '', '', '', 1270604366, 1270604366, 1, '在Dreamweaver8.0.2中为插入的Fl', 0, 0, 0, 0, 0, 'Dreamweaver升级到8.0.2后,插入Flash时的代码会有所改变,这是Macromedia为解决IE中的Flash会出现控件激活框而作的更新。要为Fl', '', 0, 0, 0, 0), (63, 5, '0', 1270604366, '', 0, 1, 0, 0, 0, '通过Dreamweaver设计网页时组织CSS的建议', '', '', '', '', '', 1270604366, 1270604366, 1, '通过Dreamweaver设计网页时组织C', 0, 0, 0, 0, 0, '一般地讲,样式表(style sheet)就是控制网页内容外观的格式化的规则的集合。可以以三种不同的方式在你的页面中使用CSS:', '', 0, 0, 0, 0), (64, 5, '0', 1270604366, '', 0, 1, 0, 0, 0, 'Dreamweaver cs3新功能Spry效果试用', '', '', '', '', '', 1270604366, 1270604366, 1, 'Dreamweaver,cs3新功能Spry效果', 0, 0, 0, 0, 0, 'Dreamweaver CS3集成了AJAX框架Spry,使得我最近对Spry感上了兴趣。 再次说明下Spry是Adobe公司推出的AJAX框架,所谓AJAX框架,就先谈目前流行的Web2.0. 1,这些Web2.0站点从页面形式上来看,页面与浏览者的交互很时尚、也很人性化。比如注册信息时输', '', 0, 0, 0, 0), (65, 5, '0', 1270604366, '', 0, 1, 0, 0, 0, '新手入门:利用DW8掌握网页代码基本格式', '', '', '', '', '', 1270604366, 1270604366, 1, '新手入门:利用DW8掌握网页代码', 0, 0, 0, 0, 0, '说到代码,有人会问:不懂代码能不能制作网页?答案是肯定的。有些人不懂代码同样能制作出非常好的网页。 在Dreamweaver的设计窗口中你每增加或改变一项内容,会自动生成相应代码。那又产生另一个问题:为什么要了解或者熟悉代码呢?可以说熟悉代码将会使你', '', 0, 0, 0, 0), (66, 5, '0', 1270604366, '', 0, 1, 0, 0, 0, 'Dreamweaver网页制作教程:层及其应用', '', '', '', '', '', 1270604366, 1270604366, 1, 'Dreamweaver网页制作教程:层及', 0, 0, 0, 0, 0, '层(Layer)是一种 HTML 页面元素,您可以将它定位在页面上的任意位置。层可以包含文本、图像或其它 HTML 文档。层的出现使网页从二维平面拓展到三维。可以使页面上元素进行重叠和复杂的布局。首先,请看下图: 我们首先来做一个层 1、 在「窗口」菜单', '', 0, 0, 0, 0), (67, 5, '0', 1270604366, '', 0, 1, 0, 0, 0, '网页禁止右键菜单及禁止全选代码', '', '', '', '', '', 1270604366, 1270604366, 1, '网页禁止右键菜单及禁止全选代码', 0, 0, 0, 0, 0, 'script language=JavaScriptdocument.oncontextmenu=new Function(event.returnValue=false;);document.onselectstart=new Function(event.returnValue=false;);/script 很好用!', '', 0, 0, 0, 0), (68, 5, '0', 1270604367, '', 0, 1, 0, 0, 0, '使用Dreamweaver来详细了解CSS的多样性', '', '', '', '', '', 1270604367, 1270604367, 1, '使用Dreamweaver来详细了解CSS的', 0, 0, 0, 0, 0, '说明:√属性继承 ×不继承 [ ]为适应元素类型 无[ ]标出为所有元素字体√Font-family√Font-size 9 10 12 14 16 18 24 36 xx-small x-small small medium large x-large xx-large smaller larger√Color√Font-style normal italic obliqu', '', 0, 0, 0, 0), (69, 5, '0', 1270604367, '', 0, 1, 0, 0, 0, '用Dreamweaver合理为为网页进行优化', '', '', '', '', '', 1270604367, 1270604367, 1, '用Dreamweaver合理为为网页进行', 0, 0, 0, 0, 0, '我们为了优化网页、加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化。在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的。 下面是Dreamweaver中的一些优化技法: 合理调用CSS 进行网页设计时,运用', '', 0, 0, 0, 0), (70, 5, '0', 1270604367, '', 0, 1, 0, 0, 0, 'Dreamweaver方便快捷编辑网页标签', '', '', '', '', '', 1270604367, 1270604367, 1, 'Dreamweaver方便快捷编辑网页标', 0, 0, 0, 0, 0, '不知各位是否有手写代码的习惯。例如:要在一个单元格插入一段CSS代码,或者一段Javascript代码,怎么做才比较快捷方便呢? 虽然Dreamweaver已经为我们提供了代码视图,可是必竟还要手工去查找,还要来回地切换。虽然也可以用代码视图与编辑视图并存的', '', 0, 0, 0, 0), (71, 5, '0', 1270604367, '', 0, 1, 0, 0, 0, 'Dreamweaver8创建自定义代码片段的方法', '', '', '', '', '', 1270604367, 1270604367, 1, 'Dreamweaver8创建自定义代码片段', 0, 0, 0, 0, 0, '一个好的“偷懒”方法,就好比充满困难的路途中出现一盏明灯,简化了好多繁杂的工作,让你有更多精力做其他事情,做的更顺手。', '', 0, 0, 0, 0), (72, 5, '0', 1270604367, '', 1, 1, 0, 0, 0, '在Dreamweaver中为插入的Flash添加透明', '', '', '', '', '', 1270604367, 1270604367, 1, '在Dreamweaver中为插入的Flash添', 0, 0, 0, 0, 0, 'Dreamweaver升级到8.0.2后,插入Flash时的代码会有所改变,这是Macromedia为解决IE中的Flash会出现控件激活框而作的更新。要为Flash添加透明等参数有两种方法。', '', 0, 0, 0, 0), (73, 7, '0', 1270605737, 'p', 1, 3, 0, 191, 0, 'DedeCms V3.1 正式版下载', 'DedeCms V3.1', '', '织梦官方', '织梦官方', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1_040G0054G164.jpg', 1270605737, 1270605947, 1, '下载,正式版,V3.1,DedeCms,', 0, 0, 0, 0, 0, '一、使用环境 1、 使用许可协议: http://www.dedecms.com/html/zuixindongtai/20070112/65.html 2、 购买DedeCms商业授权或技术支持: http://bbs.dedecms.com/read.php?tid=8791 3、PHP4.x 5.x版本,支持GD,非安全模式(在安全模式中使用可能会有很多难于', '', 1, 0, 0, 72), (74, 7, '0', 1270606052, 'c,p', 1, 3, 0, 194, 0, 'DedeCms OX V4.0版下载', 'DedeCms OX V4.0', '', '织梦团队', '织梦官方', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1_040G0104O910.gif', 1270606052, 1270606246, 1, '下载,版,V4.0,OX,DedeCms,', 0, 0, 0, 0, 0, '最新版瑞星杀毒软件会误认本站合法文件sys_data_done.php(数据备份还原程序)为病毒,本地测试前请先关闭瑞星,并且在问题解决前服务器上不要安装瑞星杀毒软件,以免导致你的网站的数据备份还原功能失效。 Dedecms V4.0 版更新内容或新增功能说明 使用许可', '', 1, 0, 0, 73), (75, 7, '0', 1270606350, 'p', 1, 3, 0, 177, 0, 'DeDeCms V5 正式版发布', 'DeDeCms V5', '', 'admin', '未知', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1_040G0151Q504.jpg', 1270606350, 1270606515, 1, '发布,正式版,V5,DeDeCms,', 0, 0, 0, 0, 0, 'DedeCms2007 服务体系与价格 DedeCms2007介绍 DedeCms由2004年到现在,已经经历了五个版本,从DedeCms V2 开始,DedeCms开发了自己的模板引擎,使用XML名字空间风格的模板,对美工制作的直观性提供了极大的便利,从V2.1开始,DedeCms人气急却上升,成为国内', '', 1, 0, 0, 74), (76, 7, '0', 1270606550, 'c,p', 1, 3, 0, 56, 0, 'DedeCms V5.1(GBK/UTF8)版', 'DedeCms V5.1', '', '织梦官方', '织梦官方', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1_040G0204C631.jpg', 1270606550, 1270606845, 1, '版,UTF8,GBK,V5.1,DedeCms,', 0, 0, 0, 0, 0, 'DedeCms V5.1 主要改动如下: 1、修正 5.01版发现的所有已知问题; 2、增加百度地图功能、互动模块JS调用等插件; 3、为了使部份商业用户获得更好的体验,V5.1对商业版单独作了如下改进或新增功能: (1) 重新修改了会员中心的界面,使其更大气,更符合WEB2.0', '', 1, 0, 0, 75), (77, 7, '0', 1270606864, 'p', 1, 3, 0, 66, 0, 'DedeCmsV5.1FreeSP1正式版发布', 'DedeCmsV5.1FreeSP1', '', 'admin', '未知', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1_040G0240U604.jpg', 1270606864, 1270607048, 1, '发布,正式版,DedeCmsV5.1FreeSP1,', 0, 0, 0, 0, 0, 'DedeCms V5.1 免费版 SP1 pw整合版 (如果直接包括论坛的整合版本必须安装在网站根目录!) 修正问题: 1、修正上一版本已知的错误; 2、更新模板标记缓存技术; 3、对局部数据结构进行优化,提升HTML生成性能; 4、安装时提供直接整合PW论坛的选项,让你整合', '', 1, 0, 0, 76), (78, 7, '0', 1270607066, 'p', 1, 3, 0, 157, 0, 'DedeCMS V5.3.1正式版免费下载', 'DedeCMS V5.3.1', '', '织梦官方', '织梦官方', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1_040G030205240.jpg', 1270607066, 1270607420, 1, '免费下载,正式版,V5.3.1,DedeCMS,', 0, 0, 0, 0, 0, '安装包最后更新时间: 2009-01-14 主程序更新为:5.3.1 版本 DedeCMS V5.3是织梦组建团队后推出的又一力作,本次发布的新版本,延续了以往的简单、易用、高效,并且在这一版本中进一步加强了模块的概念,是站长建站首选利器,通过不同的模型组合,可组建出地', '', 1, 0, 0, 77), (79, 7, '0', 1270608245, 'p', 1, 3, 0, 185, 0, 'DedeCMS V5.5正式版正式发布(Build-0912)', 'DedeCMS V5.5', '', '织梦团队', '织梦官方', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1_040G04A962P.jpg', 1270608245, 1270608419, 1, '发布,Build-0912,正式,正式版,V5.5,Dede', 0, 0, 0, 0, 0, 'DedeCMS V5.5增强或修正功能列表 一、已经修正的BUG: 1、添加后台系统管理员账号,无法删除会员列表的账号; 2、这篇文档需要注册会员才能访问,你目前是:注册会员(提示文字不正确); 3、高级搜索选择发布时间,搜索出错; 4、会员中心发布完内容后点击继', '', 1, 0, 0, 78), (80, 7, '0', 1270608594, 'p', 1, 3, 0, 60, 0, 'DedeAMPZ-PHP环境整合套件', 'DedeAMPZ', '', '织梦官方', '织梦官方', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1_040G0512U327.gif', 1270608594, 1270608687, 1, '套件,整合,环境,DedeAMPZ-PHP,', 1270708361, 1, 0, 0, 0, 'DedeAMPZ 是直接整合PHP + Apache + MySql 的服务器环境管理软件,操作十分傻瓜化,适合初中级水平的站长使用。 主要具有如下特点: 1、支持php4、php5、MySql4、MySql5、Apache2.2、Zend Optimizer-3.3.0;(完整版) 2、安装使用十分简单,并支持在php4与php', '', 1, 0, 0, 79), (82, 8, '0', 1270610596, 'p', 1, 6, 0, 86, 0, 'DedeCMS基础型服务', 'DedeCMS基础型服务', '', '', '未知', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1_040G125523P4.jpg', 1270610596, 1270610660, 1, '服务,型,基础,DedeCMS,', 0, 0, 0, 0, 0, '服务说明 基础型服务 E-mail 支持 [?] 通过发E-mail到技术支持信箱获得技术支持,工作日8:30-16:00时2小时内响应 通过发E-mail到技术支持信箱获得技术支持,工作日8:30-16:00时2小时内响应 通过发E-mail到技术支持信箱获得技术支持,工作日8:30-16:00时2小时', '', 1, 0, 0, 80), (83, 8, '0', 1270610796, 'p', 1, 6, 0, 151, 0, 'DedeCMS高级型服务', '', '', '', '未知', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1_040G125523P4.jpg', 1270610796, 1270611151, 1, '服务,型,高级,DedeCMS,', 0, 0, 0, 0, 0, '服务说明 高级型服务 E-mail 支持 [?] 网站客服中心支持 [?] 登陆官方论坛(bbs.DedeCMS.com)商业用户支持区以发帖的形式获得技术支持,工作日9:00-16:30时1小时内响应,周末10:00-15:30时2小时内响应 QQ/MSN 支持 [?] 每周5个工作日(9:00-17:00) 电话支持 [?', '', 1, 0, 0, 81), (85, 8, '0', 1270611555, 'p,a', 1, 6, 0, 137, 0, 'DedeCMS模板定制服务', 'DedeCMS模板定制服务', '', '', '未知', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/11414L462-0-lp.jpg', 1270611555, 1270611640, 1, '服务,定制,模板,DedeCMS,', 0, 0, 0, 0, 0, '模板定制: 鉴于每个站点需要不同的个性化界面,DedeCMS 提供在本系统的模板定制服务,有定制需求的客户,欢迎联系定制。 定制流程 1、客户提出需求 客户通过电子邮件、电话、即时通讯工具等方式向公司提出网站建设的基本需求,包括:网站风格、项目说明、网', '', 1, 0, 0, 83), (84, 8, '0', 1270611217, 'p', 1, 6, 0, 113, 0, 'DedeCMS标准型服务', 'DedeCMS标准型服务', '', 'admin', '未知', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1_040G125523P4.jpg', 1270611217, 1270611398, 1, '服务,标准型,DedeCMS,', 0, 0, 0, 0, 0, '服务说明 标准型服务 E-mail 支持 [?] 网站客服中心支持 [?] 登陆官方论坛(bbs.DedeCMS.com)商业用户支持区以发帖的形式获得技术支持,工作日9:00-16:30时1小时内响应,周末10:00-15:30时2小时内响应 QQ/MSN 支持 [?] 每周5个工作日(9:00-17:00) 电话支持 [?', '', 1, 0, 0, 82), (86, 8, '0', 1270611728, '', 1, 6, 0, 117, 0, '程序定制开发服务', '程序定制开发服务', '', 'admin', '未知', '', 1270611728, 1270611799, 1, '服务,开发,定制,程序,', 0, 0, 0, 0, 0, '鉴于不同站点有不同的实际具体功能需求,为了让更多的用户体验DedeCMS的强大易用功能,DedeCMS提供在本系统基础上进行的功能定制服务,对于有定制需求的客户,欢迎联系定制。 定制流程 公司拥有着国内最为优秀的互联网应用软件开发团队,经验丰富、高学历、', '', 1, 0, 0, 84), (87, 8, '0', 1270611831, 'a', 1, 6, 0, 127, 0, 'DedeCMS产品商业授权', '', '', 'admin', '未知', '', 1270611831, 1270611940, 1, '授权,商业,产品,DedeCMS,', 1270708319, 1, 0, 0, 0, '授权说明 免费 商业授权 用户定义 个人非盈利 企、事业 去除前台版权信息 软件使用年限 无限制 无限制 软件升级年限 无限制 无限制 服务网站数量 无限制 1个 服务价格 (注:所有服务不含硬件相关费用,不含第三方软件授权费用,不含差旅费用。) 授权价格 [?]', '', 1, 0, 0, 85), (88, 6, '0', 1270620081, 'c,p,f', 1, 2, 0, 78, 0, '美丽的风景尽收眼底', '美丽的风景尽收眼底', '', 'admin', '未知', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G40559.jpg', 1270620081, 1270620391, 1, '', 0, 0, 0, 0, 0, '', '', 1, 0, 0, 86), (89, 6, '0', 1270620429, 'c,p,f', 1, 2, 0, 117, 0, '流连忘返的香樟大道', '流连忘返的香樟大道', '', 'admin', '未知', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G42130.jpg', 1270620429, 1270621322, 1, '', 0, 0, 0, 0, 0, '流连忘返的香樟大道', '', 1, 0, 0, 87), (90, 6, '0', 1270621870, 'p', 1, 2, 0, 158, 0, '农家小院丝瓜架下', '', '', 'admin', '未知', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G43432.jpg', 1270621870, 1270622089, 1, '', 0, 0, 0, 0, 0, '农家小院丝瓜架下', '', 1, 0, 0, 88), (91, 6, '0', 1270622561, 'p', 1, 2, 0, 81, 0, 'DedeCMS产品相关截图', 'DedeCMS产品相关截图', '', 'admin', '未知', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G44302.jpg', 1270622561, 1270622601, 1, '', 0, 0, 0, 0, 0, 'DedeCMS产品相关截图', '', 1, 0, 0, 89), (92, 2, '0', 1270622998, '', 1, 1, 0, 168, 0, 'DedeCMS V5.6 开发日志及新建议提交贴', '', '', '织梦官方', '织梦官方', '', 1270622998, 1270623040, 1, '建议,提交,贴,新,日志,V5.6,开发,DedeCMS,', 0, 0, 0, 0, 0, '说明: ■为已经升级或修正的功能 □表示需多处同时处理的复杂功能或待验证功能 [新增] ■ 1.搜索关键词批量管理功能; □ 2.会员中心更换全新UI界面,让用户中心更亲切方便; ■ 2.1 会员中心增加好友动态功能; ■ 2.2 添加会员心情功能(用户可以在会员中心设', '', 1, 0, 0, 90), (93, 6, '0', 1270623628, 'p', 1, 2, 0, 69, 0, '海岛风光', '海岛风光', '', 'admin', '未知', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G50112.jpg', 1270623628, 1270623721, 1, '', 0, 0, 0, 0, 0, '海岛风光', '', 1, 0, 0, 91), (94, 6, '0', 1270624527, 'p', 1, 2, 0, 57, 0, '武夷山的美景真是不错', '', '', 'admin', '原创', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G51627.jpg', 1270624527, 1270624615, 1, '', 0, 0, 0, 0, 0, '武夷山的美景真是不错', '', 1, 0, 0, 92), (95, 6, '0', 1270625082, 'p', 1, 2, 0, 176, 0, '原创风景图片', '原创风景图片', '', 'admin', '未知', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G52636.jpg', 1270625082, 1270625216, 1, '', 1270707556, 1, 0, 0, 0, '原创风景图片', '', 1, 0, 0, 93), (96, 6, '0', 1270625399, '', 1, 2, 0, 168, 0, '我的眼界-一些关于花的照片', '花的照片', '', 'admin', '未知', '', 1270625399, 1270625457, 1, '', 0, 0, 0, 0, 0, '我的眼界-一些关于花的照片', '', 1, 0, 0, 94), (97, 8, '0', 1270625579, 'j', -1, 6, 0, 176, 0, 'DedeCMS 最终用户授权协议', '', '', 'admin', '未知', '', 1270625579, 1270625617, 1, '协议,授权,用户,最终,DedeCMS,', 0, 0, 0, 0, 0, '', '', 1, 0, 0, 95), (98, 8, '0', 1270625656, 'j', -1, 6, 0, 197, 0, 'DedeCMS产品授权在线购买', '', '', 'admin', '未知', '', 1270625656, 1270625669, 1, '购买,在线,授权,产品,DedeCMS,', 0, 0, 0, 0, 0, '', '', 1, 0, 0, 96), (106, 5, '0', 1270708015, 'c,h,a', 1, 1, 0, 76, 0, '{dede:招聘启事 标题=''织梦大家庭新年招募第一波''}', '织梦大家庭新年招募第一波', '', '织梦官方', '织梦官方', '', 1270708015, 1270708089, 1, '新年,招募,第一,波,大家庭,织梦,招聘,启事,标题,ded', 1270775872, 1, 0, 0, 0, '2010年,新一年,新征程……\r\n织梦大家庭招募能够共同创业的新伙伴。\r\n首要特点:织梦需要的是创业伙伴,而非普通员工。织梦是一个大家共同的创业平台!繁华浮躁的时代,我们需要的是『不浮躁』的人。', '', 1, 0, 0, 97), (107, 4, '0', 1270775824, '', 0, 1, -1, 0, 0, 'PHP正则表达式的几则使用技巧', '', '', 'like', '', '', 1270775824, 1270775824, 4, '', 0, 0, 0, 0, 0, 'PHP正则表达式主要用于字符串的模式分割、匹配、查找及替换操作。使用正则表达式在某些简单的环境下可能效率不高,因此如何更好的使用PHP正则表达式需要综合考虑。 我的PHP正则入门,是起源于网上的一篇文章,这篇文章由浅入深的阐述了PHP正则表达式使用的方', '', 0, 0, 0, 0); INSERT INTO `#@__arcmulti` (`id`, `tagid`, `uptime`, `innertext`, `pagesize`, `arcids`, `ordersql`, `addfieldsSql`, `addfieldsSqlJoin`, `attstr`) VALUES (1, 'dedecms', 1270775747, '
  • [field:title/]
  • ', 8, '106,89,88,76,74,35,43,52,1,3,6,7,10,18', ' order by arc.sortrank desc', '', '', 'a:16:{s:3:"row";s:2:"16";s:8:"titlelen";s:2:"42";s:7:"infolen";i:160;s:8:"imgwidth";i:120;s:9:"imgheight";i:120;s:8:"listtype";s:3:"all";s:5:"arcid";i:0;s:9:"channelid";i:0;s:7:"orderby";s:7:"default";s:8:"orderWay";s:4:"desc";s:6:"subday";i:0;s:8:"pagesize";s:1:"8";s:7:"keyword";s:0:"";s:10:"tablewidth";s:4:"100%";s:3:"col";i:1;s:8:"colWidth";s:4:"100%";}'); INSERT INTO `#@__arctiny` (`id`, `typeid`, `typeid2`, `arcrank`, `channel`, `senddate`, `sortrank`, `mid`) VALUES (1, 2, '0', 0, 1, 1270603757, 1270603757, 0), (2, 2, '0', 0, 1, 1270603757, 1270603757, 0), (3, 2, '0', 0, 1, 1270603757, 1270603757, 0), (4, 2, '0', 0, 1, 1270603757, 1270603757, 0), (5, 2, '0', 0, 1, 1270603757, 1270603757, 0), (6, 2, '0', 0, 1, 1270603757, 1270603757, 0), (7, 2, '0', 0, 1, 1270603757, 1270603757, 0), (8, 2, '0', 0, 1, 1270603757, 1270603757, 0), (9, 2, '0', 0, 1, 1270603757, 1270603757, 0), (10, 2, '0', 0, 1, 1270603757, 1270603757, 0), (11, 2, '0', 0, 1, 1270603757, 1270603757, 0), (12, 2, '0', 0, 1, 1270603757, 1270603757, 0), (13, 2, '0', 0, 1, 1270603757, 1270603757, 0), (14, 2, '0', 0, 1, 1270603757, 1270603757, 0), (15, 2, '0', 0, 1, 1270603757, 1270603757, 0), (16, 2, '0', 0, 1, 1270603757, 1270603757, 0), (17, 2, '0', 0, 1, 1270603757, 1270603757, 0), (18, 2, '0', 0, 1, 1270603757, 1270603757, 0), (19, 2, '0', 0, 1, 1270603757, 1270603757, 0), (20, 2, '0', 0, 1, 1270603757, 1270603757, 0), (21, 3, '0', 0, 1, 1270603973, 1270603973, 0), (22, 3, '0', 0, 1, 1270603973, 1270603973, 0), (23, 3, '0', 0, 1, 1270603973, 1270603973, 0), (24, 3, '0', 0, 1, 1270603973, 1270603973, 0), (25, 3, '0', 0, 1, 1270603973, 1270603973, 0), (26, 3, '0', 0, 1, 1270603973, 1270603973, 0), (27, 3, '0', 0, 1, 1270603973, 1270603973, 0), (28, 3, '0', 0, 1, 1270603973, 1270603973, 0), (29, 3, '0', 0, 1, 1270603973, 1270603973, 0), (30, 3, '0', 0, 1, 1270603973, 1270603973, 0), (31, 3, '0', 0, 1, 1270603973, 1270603973, 0), (32, 3, '0', 0, 1, 1270603973, 1270603973, 0), (33, 3, '0', 0, 1, 1270603973, 1270603973, 0), (34, 4, '0', 0, 1, 1270604213, 1270604213, 0), (35, 4, '0', 0, 1, 1270604213, 1270604213, 0), (36, 4, '0', 0, 1, 1270604213, 1270604213, 0), (37, 4, '0', 0, 1, 1270604213, 1270604213, 0), (38, 4, '0', 0, 1, 1270604213, 1270604213, 0), (39, 4, '0', 0, 1, 1270604213, 1270604213, 0), (40, 4, '0', 0, 1, 1270604213, 1270604213, 0), (41, 4, '0', 0, 1, 1270604213, 1270604213, 0), (42, 4, '0', 0, 1, 1270604213, 1270604213, 0), (43, 4, '0', 0, 1, 1270604213, 1270604213, 0), (44, 4, '0', 0, 1, 1270604213, 1270604213, 0), (45, 4, '0', 0, 1, 1270604213, 1270604213, 0), (46, 4, '0', 0, 1, 1270604213, 1270604213, 0), (47, 4, '0', 0, 1, 1270604213, 1270604213, 0), (48, 4, '0', 0, 1, 1270604213, 1270604213, 0), (49, 4, '0', 0, 1, 1270604213, 1270604213, 0), (50, 4, '0', 0, 1, 1270604213, 1270604213, 0), (51, 4, '0', 0, 1, 1270604213, 1270604213, 0), (52, 4, '0', 0, 1, 1270604213, 1270604213, 0), (53, 4, '0', 0, 1, 1270604213, 1270604213, 0), (54, 5, '0', 0, 1, 1270604366, 1270604366, 0), (55, 5, '0', 0, 1, 1270604366, 1270604366, 0), (56, 5, '0', 0, 1, 1270604366, 1270604366, 0), (57, 5, '0', 0, 1, 1270604366, 1270604366, 0), (58, 5, '0', 0, 1, 1270604366, 1270604366, 0), (59, 5, '0', 0, 1, 1270604366, 1270604366, 0), (60, 5, '0', 0, 1, 1270604366, 1270604366, 0), (61, 5, '0', 0, 1, 1270604366, 1270604366, 0), (62, 5, '0', 0, 1, 1270604366, 1270604366, 0), (63, 5, '0', 0, 1, 1270604366, 1270604366, 0), (64, 5, '0', 0, 1, 1270604366, 1270604366, 0), (65, 5, '0', 0, 1, 1270604366, 1270604366, 0), (66, 5, '0', 0, 1, 1270604366, 1270604366, 0), (67, 5, '0', 0, 1, 1270604366, 1270604366, 0), (68, 5, '0', 0, 1, 1270604367, 1270604367, 0), (69, 5, '0', 0, 1, 1270604367, 1270604367, 0), (70, 5, '0', 0, 1, 1270604367, 1270604367, 0), (71, 5, '0', 0, 1, 1270604367, 1270604367, 0), (72, 5, '0', 0, 1, 1270604367, 1270604367, 0), (73, 7, '0', 0, 3, 1270605947, 1270605737, 1), (74, 7, '0', 0, 3, 1270606246, 1270606052, 1), (75, 7, '0', 0, 3, 1270606515, 1270606350, 1), (76, 7, '0', 0, 3, 1270606845, 1270606550, 1), (77, 7, '0', 0, 3, 1270607048, 1270606864, 1), (78, 7, '0', 0, 3, 1270607420, 1270607066, 1), (79, 7, '0', 0, 3, 1270608419, 1270608245, 1), (80, 7, '0', 0, 3, 1270608687, 1270608594, 1), (81, 8, '0', 0, 6, 1270609821, 1270609262, 1), (82, 8, '0', 0, 6, 1270610660, 1270610596, 1), (83, 8, '0', 0, 6, 1270611151, 1270610796, 1), (84, 8, '0', 0, 6, 1270611398, 1270611217, 1), (85, 8, '0', 0, 6, 1270611640, 1270611555, 1), (86, 8, '0', 0, 6, 1270611799, 1270611728, 1), (87, 8, '0', 0, 6, 1270611940, 1270611831, 1), (88, 6, '0', 0, 2, 1270620391, 1270620081, 1), (89, 6, '0', 0, 2, 1270621322, 1270620429, 1), (90, 6, '0', 0, 2, 1270622089, 1270621870, 1), (91, 6, '0', 0, 2, 1270622601, 1270622561, 1), (92, 2, '0', 0, 1, 1270623040, 1270622998, 1), (93, 6, '0', 0, 2, 1270623721, 1270623628, 1), (94, 6, '0', 0, 2, 1270624615, 1270624527, 1), (95, 6, '0', 0, 2, 1270625216, 1270625082, 1), (96, 6, '0', 0, 2, 1270625457, 1270625399, 1), (97, 8, '0', 0, 6, 1270625617, 1270625579, 1), (98, 8, '0', 0, 6, 1270625669, 1270625656, 1), (99, 9, '0', 0, -8, 1270627647, 1270627647, 1), (100, 9, '0', 0, -8, 1270627713, 1270627713, 1), (101, 9, '0', 0, -8, 1270627757, 1270627757, 1), (102, 9, '0', 0, -8, 1270627848, 1270627848, 1), (103, 9, '0', 0, -8, 1270627909, 1270627909, 1), (104, 9, '0', 0, -8, 1270627979, 1270627979, 1), (105, 9, '0', 0, -8, 1270628095, 1270628095, 1), (106, 5, '0', 0, 1, 1270708089, 1270708015, 1), (107, 4, '0', -1, 1, 1270775824, 1270775824, 4); INSERT INTO `#@__arctype` (`id`, `reid`, `topid`, `sortrank`, `typename`, `typedir`, `isdefault`, `defaultname`, `issend`, `channeltype`, `maxpage`, `ispart`, `corank`, `tempindex`, `templist`, `temparticle`, `namerule`, `namerule2`, `modname`, `description`, `keywords`, `seotitle`, `moresite`, `sitepath`, `siteurl`, `ishidden`, `cross`, `crossid`, `content`, `smalltypes`) VALUES (1, 0, 0, 0, '网页基础', '{cmspath}/a/webbase', 1, 'index.html', 1, 1, -1, 1, 0, '{style}/index_article.htm', '{style}/list_article.htm', '{style}/article_article.htm', '{typedir}/{Y}/{M}{D}/{aid}.html', '{typedir}/list_{tid}_{page}.html', 'default', '', '', '', 0, '', '', 0, 0, '', '', ''), (2, 1, 1, 0, 'HTML', '{cmspath}/a/webbase/html', 1, 'index.html', 1, 1, -1, 0, 0, '{style}/index_article.htm', '{style}/list_article.htm', '{style}/article_article.htm', '{typedir}/{Y}/{M}{D}/{aid}.html', '{typedir}/list_{tid}_{page}.html', 'default', '', '', '', 0, '', '', 0, 0, '', '', ''), (3, 1, 1, 1, 'DIV&CSS', '{cmspath}/a/webbase/div-css', 1, 'index.html', 1, 1, -1, 0, 0, '{style}/index_article.htm', '{style}/list_article.htm', '{style}/article_article.htm', '{typedir}/{Y}/{M}{D}/{aid}.html', '{typedir}/list_{tid}_{page}.html', 'default', '', '', '', 0, '', '', 0, 0, '', '', ''), (4, 1, 1, 2, 'Javascript/Ajax', '{cmspath}/a/webbase/javascript-ajax', 1, 'index.html', 1, 1, -1, 0, 0, '{style}/index_article.htm', '{style}/list_article.htm', '{style}/article_article.htm', '{typedir}/{Y}/{M}{D}/{aid}.html', '{typedir}/list_{tid}_{page}.html', 'default', '', '', '', 0, '', '', 0, 0, '', '', ''), (5, 1, 1, 3, 'Dreamweaver', '{cmspath}/a/webbase/dreamweaver', 1, 'index.html', 1, 1, -1, 0, 0, '{style}/index_article.htm', '{style}/list_article.htm', '{style}/article_article.htm', '{typedir}/{Y}/{M}{D}/{aid}.html', '{typedir}/list_{tid}_{page}.html', 'default', '', '', '', 0, '', '', 0, 0, '', '', ''), (6, 0, 0, 1, '站长图集', '{cmspath}/a/pics', 1, 'index.html', 1, 2, -1, 0, 0, '{style}/index_image.htm', '{style}/list_image.htm', '{style}/article_image.htm', '{typedir}/{Y}/{M}{D}/{aid}.html', '{typedir}/list_{tid}_{page}.html', 'default', '', '', '', 0, '', '', 0, 0, '', '', ''), (7, 0, 0, 2, '软件下载', '{cmspath}/a/downloads', 1, 'index.html', 1, 3, -1, 0, 0, '{style}/index_soft.htm', '{style}/list_soft.htm', '{style}/article_soft.htm', '{typedir}/{Y}/{M}{D}/{aid}.html', '{typedir}/list_{tid}_{page}.html', 'default', '', '', '', 0, '', '', 0, 0, '', '', ''), (8, 0, 0, 3, '商品销售', '{cmspath}/a/shops', 1, 'index.html', 1, 6, -1, 0, 0, '{style}/index_shop.htm', '{style}/list_shop.htm', '{style}/article_shop.htm', '{typedir}/{Y}/{M}{D}/{aid}.html', '{typedir}/list_{tid}_{page}.html', 'default', '', '', '', 0, '', '', 0, 0, '', '', ''), (9, 0, 0, 5, '分类信息', '{cmspath}/a/infos', 1, 'index.html', 1, -8, -1, 0, 0, '{style}/index_infos.htm', '{style}/list_infos.htm', '{style}/article_infos.htm', '{typedir}/{Y}/{M}{D}/{aid}.html', '{typedir}/list_{tid}_{page}.html', 'default', '', '', '', 0, '', '', 0, 0, '', '', ''), (10, 0, 0, 50, '织梦CMS', 'http://www.dedecms.com', 1, 'index.html', 1, 1, -1, 2, 0, '{style}/index_article.htm', '{style}/list_article.htm', '{style}/article_article.htm', '{typedir}/{Y}/{M}{D}/{aid}.html', '{typedir}/list_{tid}_{page}.html', 'default', '', '', '', 0, '', '', 0, 0, '', '', ''), (11, 0, 0, 50, '帮助文档', 'http://docs.dedecms.com', 1, 'index.html', 1, 1, -1, 2, 0, '{style}/index_article.htm', '{style}/list_article.htm', '{style}/article_article.htm', '{typedir}/{Y}/{M}{D}/{aid}.html', '{typedir}/list_{tid}_{page}.html', 'default', '', '', '', 0, '', '', 0, 0, '', '', ''); INSERT INTO `#@__co_htmls` (`aid`, `nid`, `typeid`, `title`, `litpic`, `url`, `dtime`, `isdown`, `isexport`, `result`) VALUES (1, 1, 0, '学习HTML 4.0事件属性', '', 'http://www.dedecms.com/knowledge/web-based/html/2009/0929/879.html', 1270603716, 1, 1, '{dede:field name=''keywords''}学习HTML,4.0事件属性{/dede:field}\r\n{dede:field name=''description''}HTML 4.0的新特性之一是使HTML事件触发浏览器中的行为,比方说当用户点击一个HTML元素时启动一段JavaScript。以下就是可被插入HTML标签以定义事件行为的一系列属性。假如你希望学习如何使用这些事件进行编程,那么你应该学习我们的JavaScript教程和DHTML教程{/dede:field}\r\n{dede:field name=''title''}学习HTML 4.0事件属性{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''body''}

    HTML 4.0的新特性之一是使HTML事件触发浏览器中的行为,比方说当用户点击一个HTML元素时启动一段JavaScript。以下就是可被插入HTML标签以定义事件行为的一系列属性。

    假如你希望学习如何使用这些事件进行编程,那么你应该学习我们的JavaScript教程和DHTML教程。

    窗口事件 (Window Events)

    仅在body和frameset元素中有效。

    属性描述
    onload脚本当文档被载入时执行脚本
    onunload脚本当文档被卸下时执行脚本

    表单元素事件 (Form Element Events)

    仅在表单元素中有效。

    属性描述
    onchange脚本当元素改变时执行脚本
    onsubmit脚本当表单被提交时执行脚本
    onreset脚本当表单被重置时执行脚本
    onselect脚本当元素被选取时执行脚本
    onblur脚本当元素失去焦点时执行脚本
    onfocus脚本当元素获得焦点时执行脚本

    键盘事件 (Keyboard Events)

    在下列元素中无效:base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, and title elements.

    属性描述
    onkeydown脚本当键盘被按下时执行脚本
    onkeypress脚本当键盘被按下后又松开时执行脚本
    onkeyup脚本当键盘被松开时执行脚本

    鼠标事件 (Keyboard Events)

    在下列元素中无效:base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, title elements.

    属性描述
    onclick脚本当鼠标被单击时执行脚本
    ondblclick脚本当鼠标被双击时执行脚本
    onmousedown脚本当鼠标按钮被松开时执行脚本
    onmousemove脚本当鼠标指针移动时执行脚本
    onmouseout脚本当鼠标指针移出某元素时执行脚本
    onmouseover脚本当鼠标指针悬停于某元素之上时执行脚本
    onmouseup脚本当鼠标按钮被松开时执行脚本
    \r\n

    {/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (2, 1, 0, '初学者:XHTML常用标签的基本应用指南', '', 'http://www.dedecms.com/knowledge/web-based/html/2009/0929/878.html', 1270603717, 1, 1, '{dede:field name=''keywords''}初学者:XHTML常用标签的基本应{/dede:field}\r\n{dede:field name=''description''}一段时间以来,发现有很多人XHTML都不会用,不光是普通的初学者,有的程序员都不是很清楚该怎么写这个XHTML,我这里呢算是把一些常见的应用问题做一个总结,也算能使得大家能在沟通,合作上能形成默契。 XHTML里有很多的标签,但是经常用到的也就是那么{/dede:field}\r\n{dede:field name=''title''}初学者:XHTML常用标签的基本应用指南{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''body''} 一段时间以来,发现有很多人XHTML都不会用,不光是普通的初学者,有的程序员都不是很清楚该怎么写这个XHTML,我这里呢算是把一些常见的应用问题做一个总结,也算能使得大家能在沟通,合作上能形成默契。

      XHTML里有很多的标签,但是经常用到的也就是那么几个,也只要掌握这几个也就可以了。下面我们一一列举:div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em

      div 在我的脑子里我一直把他想作是一个瓶子或是箱子,我的感觉它挺硬的。这个div没有什么特性的意义,可以使用在很多地方,也就是说他可以装不同的东西。他的正确的写法是
    必需要有封口。大家都用来做布局之用,也有用来作为存放文章形成段落,实际上,这个做法并不是很好,因为作为文章的分段自然有一个特定的标签来用。那就是下面要讲的

    标签,不过用DIV来再整体的包住所有的段落。这是非常实用的。

      p 这是一个有特定语义的标签,表示段落,是用来区分段落的。在大部分的浏览器中对P基本上都有一个上下的边距。但是没有行首缩进,因为行首缩进只是表示段落的方式但是不是一定或是必需的。所以在用P标签的时候如果需要可以针对P设定一下行首缩进,我是推荐在文章以外的地方不要使用P,因为P是有一定语义的,如果用在别的地方恐不合适。正确的写法是



      span 这也是一个非常常用的标签,这个标签可以说与div很像,没有什么特定的意义,只是他是一个级联元素,不是块级元素。我一直把它看作是一个袋子,他不像箱子那样可以有自己的宽高,他的宽高只能随着内容的多少而定,所以很像是袋子。这个标签与div正好互补。

      ul,li 这是一个列表,在列表中,除了UL还OL,不过我觉得OL有点像是鸡肋。因为UL通过CSS定义一样可以有OL的数字排序效果。所以一般我不推荐使用OL,有UL就可以了。UL是块级的,他的子级li也是块级标签。正确的写法是
    • < /li>
     LI标签是被UL标签包裹的,在UL标签里可以有无数个LI标签,LI标签不能独立使用。并且LI标签一定要封口,这不光是美观问题,对于后期的维护也很有好处。很多程序员都不喜欢把这个LI封口。UL列表的用处主要是列举出一维的,同一类型的数据。具体的比如使用在菜单上,文章中列数的一些条例等等。在列表中有一种特别的形式与UL是不一样的。那就是下面的DL

      dl,dt,dd 这是一个很特别的三个标签的组合。这里的DT是指标题,DD是指内容。DL是包课他们的容器。正确的写法是
    < /dt>
    在DL里可以有很多组的DT,DD,当出现很多组的时候尽量是一个DT 配一个DD,如果DD中内容很多,可以在DD里加P标签配合使用。DL列表是一个非常好的列表形式,可以多加利用。

      a 这表示链接,是一个特定属性的,也是网页中最为神奇的标签。因为它才让无数的网页都连在了一起。正确的写法是: 其中的href是表示目标地址,TITLE是鼠标悬停提示文字,这是可有可无的。但是有必是利大于无。

      img  这是图片标签,也是个特定属性的标签。正常写法是: 这里的src是目标地址, ALT与TITLE是替换文字,ALT是 IE特定的,TITLE是其它浏览器的通用的。不过记得后面的反斜线那是一定要有的。

      H  这是一个系列的标签,从H1到H6,一共六个,有人说太少了,有人说正好用,有人说用不了这么多。反正我是觉得差不多。正确写法是: 主要是用来存放标题,也有一些朋友用来作它用拿来作其它用处,个人觉得这个标签还是让他安生一点,就让他做标题的作用。这六个标签之间最好不要出现什么相互包含的事。

      strong 这个意思是着重,这是有语义的,作用也很简单。至于样工,是加粗着重,还是用色彩表明着重,那都是自行选择。正确的写法是

      em 这个与strong很像,是表示强调。一般浏览器的默认值是斜体。使用方式与strong一样。写法是:

      这里没有说表单,因为表单基本上没有什么变化,也没什么可特别说的。\r\n

    {/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (3, 1, 0, '网页中应用表格爱好者', '', 'http://www.dedecms.com/knowledge/web-based/html/2009/0929/877.html', 1270603717, 1, 1, '{dede:field name=''keywords''}网页中应用表格爱好者{/dede:field}\r\n{dede:field name=''description''}你认为已经知道怎么制做表格了吧。当然,你已经了解 table、tr、td和th标签了,甚至还在你的口袋里装入了rowspan和colspan。你确实可以制做一个精美小巧的咖啡色三合板桌子(表格),但难道你不想做一个优雅稳固,上面有玻璃的,足以承受一头大笨象的宴会桌({/dede:field}\r\n{dede:field name=''title''}网页中应用表格爱好者{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''body''}

    你认为已经知道怎么制做表格了吧。当然,你已经了解 table、tr、td和th标签了,甚至还在你的口袋里装入了rowspan和colspan。你确实可以制做一个精美小巧的咖啡色三合板桌子(表格),但难道你不想做一个优雅稳固,上面有玻璃的,足以承受一头大笨象的宴会桌(表格)?

    列反罢工

    表格行简直使表格列看起来很愚蠢。同样的工作,表格由行与行构建,让列感到十分沮丧。

    但是很幸运,colgroup和col标签来拯救热心的列了。

    这两个标签允许你定义表格列和尽你所需地样式化它们,对于你需要把列排成行或不同着色特别有用,如果没有它们,你需要样式化每一个单独的单元格。

    这是一个使用这些标签的例子:













    ThisThatThe other
    LadybirdLocustLunch

    alternate类的样式将被应用到第二列,或者说每一行的第二个单元格。

    你当然可以在colgroup或者col上使用span属性,跟rowspan和colspan有相似的用途

    colgroup一起使用可以定义属于列组的行数,比如会组合头两列。当在colgroup使用span时,不应该再使用col标签。

    在col里使用span是更明智的,可以,比如,应用在上述例子像这样:



     ...

    这将把alternate类应用到最后两列。

    注意

    哦,但是可能有一个陷井,不是吗?那就是:你仅能样式化列的是边框、背景、宽度和可见性。

    Internet Explorer在这方面看起来比其他浏览器表现更好因为它装载有漂亮的CSS属性比如 color,但是,正如结果一样,这是因为它疯狂古怪的行为而已。这种奇特的异常可以让Ian Hixie来解释。

    摘要和说明插曲

    一个简要和容易的提高易用性的思考是,总是为表格应用摘要和说明。

    摘要可以在表格起始标签table中用summary属性应用到表格中。这不会显示,但可以辅助非可视化的表格表现。

    caption标签在起始标签table后直接定义说明。它默认直接在表格顶端出现,但可以在CSS属性caption-side中设置top、right、bottom或者left值,尽管IE不会在意。



    ...

    表头、表注和滚动表格的探讨

    thead、tfoot和tbody允许你把表格分为表头、表注和表格主体。对于大表格尤其有用,在打印的时候,表头和表注应该会在每一页都出现。

    这些元素必须按thead-tfoot-tbody的顺序定义,像这样:

    Locust mating habits





















     ...

    Header 1Header 2Header 3
    Footer 1Footer 2Footer 3
    Cell 1Cell 2Cell 3

    你可以让表格主体tbody在基于Gecko的浏览器(Mozilla、Firefox和Netscape 6+等)滚动,通过应用overflow: auto; max-height: [whatever] 的样式。然后你可以看见表头和表注固定,而表的主体右边有滚动条。你应该谨慎使用max-height属性因为IE不认识,比较安全的做法是使用 height属性,IE将为它应用到每一行。

    注意:说回浏览器的差异,目前IE遇到表头和表注时还是没有什么线索,尽管还是当作表格来处理,但打印的时候不会在哦每一页都出现表头和表注,只孤零零地传递滚动的表格。

    注意

    谨慎对待滚动表格。尽管它们提供十分有用的目的,大部分用户不习惯它们并且认为线性数据是唯一的。

    \r\n

    {/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (4, 1, 0, '初学者很好的参考:HTML标签详尽讲解', '', 'http://www.dedecms.com/knowledge/web-based/html/2009/0929/876.html', 1270603717, 1, 1, '{dede:field name=''keywords''}初学者很好的参考:HTML标签详尽{/dede:field}\r\n{dede:field name=''description''}结构<html><head><title>标题<title></head><body>..........文件内容..........</body></html>1.文件标题<title>..........</title>2.文件更新--<meta> 【1】10秒后自动更新一次 <meta http-equiv=refresh"{/dede:field}\r\n{dede:field name=''title''}初学者很好的参考:HTML标签详尽讲解{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''body''}

    结构

    <html>
    <head>
    <title>标题<title>
    </head>
    <body>..........文件内容..........
    </body>
    </html>
    1.文件标题
    <title>..........</title>
    2.文件更新--<meta>
     【1】10秒后自动更新一次
      <meta http-equiv="refresh" content=10>
     【2】10秒後自动连结到另一文件
      <meta http-equiv="refresh" content="10;URL=欲连结文件之URL">
    3.查询用表单--<isindex>
       若欲设定查询栏位前的提示文字:
      <isindex prompt="提示文字">
    4.预设的基准路径--<base>
       <base href="放置文件的主机之URL">

    版面

    1.标题文字 <h#>..........</h#> #=1~6;h1为最大字,h6为最小字
    2.字体变化 <font>..........</font>
    【1】字体大小 <font size=#>..........</font> #=1~7;数字愈大字也愈大
    【2】指定字型 <font face="字型名称">..........</font>
    【3】文字颜色 <font color=#rrggbb>..........</font> rr:表红色(red)色码 gg:表绿色(green)色码 bb:表蓝色(blue)色码
    3.显示小字体 <small>..........</small>
    4.显示大字体 <big>..........</big>
    5.粗体字 <b>..........</b>
    6.斜体字 <i>..........</i>
    7.打字机字体 <tt>..........</tt>
    8.底线 <u>..........</u>
    9.删除线 <strike>..........</strike>
    10.下标字 <sub>..........</sub>
    11.上标字 <sup>..........</sup>
    12.文字闪烁效果 <blink>..........</blink>
    13.换行 <br>
    14.分段 <p>
    15. 文字的对齐方向 <p align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 P.S.<p align="#">之後的文字都会以所设的对齐方式显示, 直到出现另一个<p align="#">改变其对齐方向,或遇到<hr>?<h#>标签时会自动设回预设的向左对齐。
    16.分隔线 <hr>
    【1】分隔线的粗细 <hr size=点数>
    【2】分隔线的宽度 <hr size=点数或百分比>
    【3】分隔线对齐方向 <hr align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐
    【4】分隔线的颜色 <hr color=#rrggbb>
    【5】实心分隔线 <hr noshade>
    17.向中对齐 <center>..........</center>
    18.依原始样式显示 <pre>..........</pre>
    19.<body>指令的属性
    【1】背景颜色 -- bgcolor <body bgcolor=#rrggbb>
    【2】背景图案 -- background <body background="图形文件名">
    【3】设定背景图案不会卷动 -- bgproperties <body bgproperties=fixed>
    【4】文件内容文字的颜色 -- text <body text=#rrggbb>
    【5】超连结文字颜色 -- link <body link=#rrggbb>
    【6】正被选取的超连结文字颜色 -- vlink <body vlink=#rrggbb>
    【7】已连结过的超连结文字颜色 -- alink <body alink=#rrggbb>
    20.注解 <!--..........-->21.特殊字元表示法
    符 号   语 法 
    <     &lt 
    >     &gt 
    &     &amp 
    "     &quot 
    空白    &nbsp

    图片

    1.插入图片 <img src="图形文件名">
    2.设定图框 -- border <img src="图形文件名" border=点数>
    3.设定图形大小 -- width?height <img src="图形文件名" width=宽度点数 height=高度点数>
    4.设定图形上下左右留空 -- vspace?hspace <img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数>
    5.图形附注 <img src="图形文件名" alt="说明文字">
    6.预载图片
    <img src="高解析度图形文件名" lowsrc="低解析度图形文件名"> P.S.两个图的图形大小最好一致
    7.影像地图(Image Map) <img src="图形文件名" usemap="#图的名称"> <map name="图的名称">
           <area shape=形状 coords=区域座标列表 href="连结点之URL">
           <area shape=形状 coords=区域座标列表 href="连结点之URL">
           <area shape=形状 coords=区域座标列表 href="连结点之URL">
           <area shape=形状 coords=区域座标列表 href="连结点之URL">    </map>   
    【1】定义形状 -- shape
           shape=rect:矩形         shape=circle:圆形         shape=poly:多边形   
    【2】定义区域 -- coords
    a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标
    例:<area shape=rect coords=100,50,200,75 href="URL">
    b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度
    例:<area shape=circle coords=85,155,30 href="URL">
    c.任意图形(多边形):将图形之每一转折点座标依序填入
    例:<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL">

    表格

    1.定义表格 <table>..........</table>
    【1】设定边框的厚度 -- border
    <table border=点数>
    【2】设定格线的宽度 -- cellspacing
    <table cellspacing=点数>
    【3】设定资料与格线的距离 -- cellpadding
    <table cellpadding=点数>
    【4】调整表格宽度 -- width
    <table width=点数或百分比>
    【5】调整表格高度 -- height
    <table height=点数或百分比>
    【6】设定表格背景色彩 -- bgcolor
    <table bgcolor=#rrggbb>
    【7】设定表格边框色彩 -- bordercolor
    <table bordercolor=#rrggbb>
    2.显示格线 <table border>
    3.表格标题
    <caption>..........</caption>
    表格标题位置 -- align
    <caption align="#"> #号可为 top:表标题置于表格上方(预设值)
    bottom:表标题置于表格下方
    4.定义列 <tr>
    5.定义栏位 《1》<td>:靠左对齐
    《2》<th>:靠中对齐?粗体
    【1】水平位置 -- align <th align="#">
    #号可为 left:向左对齐
    center:向中对齐 right:向右对齐
    【2】垂直位置 -- align <th align="#"> #号可为
    top:向上对齐 middle:向中对齐
    bottom:向下对齐
    【3】栏位宽度 -- width
    <th width=点数或百分比>
    【4】栏位垂直合并 -- rowspan
    <th rowspan=欲合并栏位数>
    【5】栏位横向合并 -- colspan
    <th colspan=欲合并栏位数>

    清单

    一、目录式清单
    <dir> <li>项目1 <li>项目2 <li>项目3 </dir> P.S.目录式清单每一个项目不能超过20个字元(即10个中文字)
    二、选项式清单 <menu> <li>项目1 <li>项目2 <li>项目3 </menu>
    三、有序号的清单 <ol> <li>项目1 <li>项目2 <li>项目3 </ol>
    【1】序号形式 -- type <ol type=#>或<li type=#> #号可为 A:表以大写英文字母A?B?C?D...做为项目编号 a:表以小写英文字母a?b?c?d...做为项目编号 I:表以大写罗马数字做为项目编号 i:表以小写罗马数字做为项目编号 1:表以阿拉伯数字做为项目编号(预设值)
    【2】起始数字 -- start <ol start=欲开始计数的序数>
    【3】指定编号 -- value <li value=欲指定的序数>
    四、无序号的清单 <ul> <li>项目1 <li>项目2 <li>项目3 </ul>
    【1】项目符号形式 -- type <ul type=#>或<li type=#> #号可为 disc:实心圆点(预设值) circle:空心圆点 square:实心方块
    【2】原始清单 -- plain <ul plain>
    【3】清单排列方式 -- warp 《1》清单垂直排列 <ul warp = vert> 《2》清单水平排列 <ul warp = horiz>
    五、定义式清单 <dl> <dt>项目1 <dd>项目1说明 <dt>项目2 <dd>项目2说明 <dt>项目3 <dd>项目3说明 </dl>
    紧密排列 -- compact <dl compact> P.S.如此可使<dt>的内容与<dd>的内容在同一行,仅 以数格空白相隔而不换行,但若<dt>的文字超过一 定的长度后,compact的作用就消失了!

    表单

    一、基本架构 <form action="处理资料用的CGI程式之URL"或"mailto:电子信箱的URL" method="get或post"> .......... .......... .......... </form>
    二、输入文件型表单 <form action="URL" method="post"> <input> <input> .......... .......... </form>
    【1】栏位类型 -- type <input type=#> #号可为 text:文字输入 password:密码 checkbox:多选钮 radio:单选钮 submit:接受按钮 reset:重设按钮 image:图形钮 hidden:隐藏栏位
    【2】栏位名称 -- name <input name="资料栏名"> P.S.若type为submit?reset则name不必设定
    【3】文件上的预设值 -- value <input value="预设之字串">
    【4】设定栏位的宽度 -- size <input size=字元数>
    【5】限制最大输入字串的长度 -- maxlength <input maxlength=字元数>
    【6】预设checkbox或radio的初值 -- checked <input type=checkbox checked> <input type=radio checked>
    【7】指定图形的URL -- src <input type=image src="图档名">
    【8】图文对齐 -- align <input type=image align="#"> #号可为 top:文字对齐图片之顶端 middle:文字对齐图片之中间 buttom:文字对齐图片之底部
    三、选择式表单 <form action="URL" method="post"> <select> <option> <option> .......... .......... </select> </form>
    A、<select>的属性
    【1】栏位名称 -- name <select name="资料栏位名">
    【2】设定显示的选项数 -- size <select size=个数>
    【3】多重选项 -- multiple <select multiple>
    B、<option>的属性
    【1】定义选项的传回值 -- value <option value="传回值">
    【2】预先选取的选项 -- selected <option selected>
    四、多列输入文字区表单 <form action="URL" method="post"> <textarea> .......... .......... </textarea> </form>
    【1】文字区的变数名称 -- name <textarea name=变数名称>
    【2】设定文字输入区宽度 -- cols <textarea cols=字元数>
    【3】设定文字输入区高度 -- rows <textarea rows=列数>
    【4】输入区设定预设字串 <textarea> 预设文字 </textarea>
    【5】自动换行与否 -- wrap <textarea wrap=#> #号可为 off:表输入的文字超过栏宽时,不会自动换行(预设值) virtual:表输入的文字在超过栏宽时会自动换行

    链接

    一、连结至其他文件 <a href="URL">说明文字或图片</a>

    二、连结至文件内之某一处(外部连结)

    《1》起点
    <a href="档名#名称">..........</a>
    《2》终点 <a name="名称">

    三、frame的超连结

    【1】开启新的浏览器来显示连结文件 -- _blank <a href="URL" target=_blank>
    【2】显示连结文件於目前的frame -- _self <a href="URL" target=_self>
    【3】以上一层的分割视窗显示连结文件 -- _parent <a href="URL" target=_parent>
    【4】以全视窗显示连结文件 -- _top <a href="URL" target=_top>
    【5】以特定视窗显示连结文件 --<a href="URL" target="特定视窗名称">

    FRAME

    一、分割视窗指令 <frameset>..........</frameset>
    【1】垂直(上下)分割 -- rows
    <frameset rows=#> #号可为点数:如欲分割为100,200,300三个视窗,则
    <frameset rows=100,200,300>;亦可以*号代表,如<frameset rows=*,500,*>
    百分比:如<frameset rows=30%,70%>,各 项总和最好为100%
    【2】水平(左右)分割 -- cols <frameset cols=点数或百分比>
    二?指定视窗内容 -- <frame>
    <frameset cols=30%,70%>    <frame>    <frame> </frameset>
    【1】指定视窗的文件名称 -- src <frame src=HTML档名>
    【2】定义视窗的名称 -- name
    <frame name=视窗名称>
    【3】设定文件与上下边框的距离 -- marginheight
    <frame marginheight=点数>
    【4】设定文件与左右边框的距离 -- marginwidth
    <frame marginwidth=点数>
    【5】设定分割视窗卷轴 -- scrolling
    <frame scrolling=#> #号可为 yes:固定出现卷轴
    no:不出现卷轴 auto:自动判断文件大小需不需要卷轴(预设值)
    【6】锁住分割视窗的大小 -- noresize <frame noresize>

    \r\n

    {/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (5, 1, 0, '实例学习网页制作中常用的网页表单的应用', '', 'http://www.dedecms.com/knowledge/web-based/html/2009/0929/875.html', 1270603718, 1, 1, '{dede:field name=''keywords''}实例学习网页制作中常用的网页表{/dede:field}\r\n{dede:field name=''description''}说实话,无论是asp,php还是jsp进行网络编程的时候,都离不开和用户的交互。而人机对话的平台,基本上是靠相应的文本、列表框进行输入,然后通过按钮提交送至数据库的。所以学习网络编程就一定要了解这些输入平台相关的东西:表单(form)其基本格式如下:{/dede:field}\r\n{dede:field name=''title''}实例学习网页制作中常用的网页表单的应用{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''body''}

    说实话,无论是asp,php还是jsp进行网络编程的时候,都离不开和用户的交互。

    而人机对话的平台,基本上是靠相应的文本、列表框进行输入,然后通过按钮提交送至数据库的。

    所以学习网络编程就一定要了解这些输入平台相关的东西:表单(form)其基本格式如下:





    可以总结出:表单即包括

    ...
    之内的相关内容。

    其中内部可以分三大类:input,select,textarea

    一,首先看

    内部参数

    参数name:用来表示该表单的唯一名称,方便一个页面建立多个表单而不混淆,当然更是为了接受页面的确认关系。

    参数action:显而易见,是表示当前的表单中所有内容将送交某个页面去处理。处理包括接受信息,数据库比较,添加,修改等。

    参数method:即表单的提交方法,含两种方法:post和get。post是传输信息内容,get是传输url值,具体用法将会在下一节“内置对象request”中介绍到

    二,再来看Input相关

    Input表示Form表单中的一种输入对象,其又随Type类型的不同而分文本输入框,密码输入框,单选/复选框,提交/重置按钮等,下面一一介绍。

    1,type=text

    输入类型是text,这是我们见的最多也是使用最多的,比如登陆输入用户名,注册输入电话号码,电子邮件,家庭住址等等。当然这也是Input的默认类型。

    参数name:同样是表示的该文本输入框名称。

    参数size:输入框的长度大小。

    参数maxlength:输入框中允许输入字符的最大数。

    参数value:输入框中的默认值

    特殊参数readonly:表示该框中只能显示,不能添加修改。


    your name:



    2,type=password

    不用我说,一看就明白的密码输入框,最大的区别就是当在此输入框输入信息时显示为保密字符。

    参数和“type=text”相类似。


    your password:
    密码长度小于15

    3,type=file

    当你在BBS上传图片,在EMAIL中上传附件时一定少不了的东西:)

    提供了一个文件目录输入的平台,参数有name,size。


    your file:

    4,type=hidden

    非常值得注意的一个,通常称为隐藏域:如果一个非常重要的信息需要被提交到下一页,但又不能或者无法明示的时候。

    一句话,你在页面中是看不到hidden在哪里。最有用的是hidden的值。


    your hidden info here:


    5,type=button

    标准的一windows风格的按钮,当然要让按钮跳转到某个页面上还需要加入写JavaScript代码


    your button:

    6,type=checkbox

    多选框,常见于注册时选择爱好、性格、等信息。参数有name,value及特别参数checked(表示默认选择)

    其实最重要的还是value值,提交到处理页的也就是value。(附:name值可以不一样,但不推荐。)


    a:

    b:

    c:


    name值可以不一样,但不推荐


    a:

    b:

    c:

    7,type=radio

    即单选框,出现在多选一的页面设定中。参数同样有name,value及特别参数checked.

    不同于checkbox的是,name值一定要相同,否则就不能多选一。当然提交到处理页的也还是value值。


    a:

    b:

    c:


    下面是name值不同的一个例子,就不能实现多选一的效果了


    a:

    b:

    c:

    8,type=image

    比较另类的一个,自己看看效果吧,可以作为提交式图片


    your Imgsubmit:

    9,type=submit and type=reset

    分别是“提交”和“重置”两按钮

    submit主要功能是将Form中所有内容进行提交action页处理,reset则起个快速清空所有填写内容的功能。





    Input的Type总结下来有10个,还是不少的,呵呵

    三,接着再来看Select相关

    Select主要要来做下拉菜单,跳转菜单,(下拉)列表。

    其本身有内嵌代码,option参数value值为传递被处理的值,option还有参数selected,表示默认被选中的。

    1,下拉菜单

    只是菜单式显示。




    2,跳转菜单

    在下拉菜单基础上添加JavaScript成为跳转菜单。


     
     
     



    size>1你会发现了大不同





    加入了multiple发现可以多个选择了,包括Shift进行快速全选及Ctrl进行点选



    四,最后关注的Textarea

    可以将Textarea文本区域理解为扩大化了的文本输入框。

    其参数没有value,默认值设定在之间。

    其它参数还有rows,表示文本区域的行数;参数cols,表示文本区域的列数。

    还有参数warp,当warp=off表示该文本区域中的不自动换行,当然不写默认是自动换行的。



    \r\n

    {/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'); INSERT INTO `#@__co_htmls` (`aid`, `nid`, `typeid`, `title`, `litpic`, `url`, `dtime`, `isdown`, `isexport`, `result`) VALUES (6, 1, 0, '网页制作初学者:认识XHTML DHTML SHTML的区别', '', 'http://www.dedecms.com/knowledge/web-based/html/2009/0929/874.html', 1270603720, 1, 1, '{dede:field name=''keywords''}网页制作初学者:认识XHTML,DHTM{/dede:field}\r\n{dede:field name=''description''}我们经常会在一个技术性网站或BBS见到这三个东东:XHTML DHTML SHTML,它们到底是怎么回事呢?我们看下面的说明与讲解。{/dede:field}\r\n{dede:field name=''title''}网页制作初学者:认识XHTML DHTML SHTML的区别{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''body''} 我们经常会在一个技术性网站或BBS见到这三个东东:XHTML DHTML SHTML,它们到底是怎么回事呢?我们看下面的说明与讲解。

    XHTML:

      HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的XML,所以,本质上说,XHTML是一个过渡技术,结合了XML(有几分)的强大功能及HTML(大多数)的简单特性。

      2000年底,国际W3C(World Wide Web Consortium)组织公布发行了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言,目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。下面是W3C的HTML工作组主席Steven Pemberton回答的关于XHTML的常见基础问题。

      (1)XHTML解决HTML语言所存在的严重制约其发展的问题。HTML发展到今天存在三个主要缺点:不能适应现在越多的网络设备和应用的需要,比如手机、PDA、信息家电都不能直接显示HTML;由于HTML代码不规范、臃肿,浏览器需要足够智能和庞大才能够正确显示HTML;数据与表现混杂,这样你的页面要改变显示,就必须重新制作HTML。因此HTML需要发展才能解决这个问题,于是W3C又制定了XHTML,XHTML是HTML向XML过度的一个桥梁。

      (2)XML是web发展的趋势,所以人们急切的希望加入XML的潮流中。XHTML是当前替代HTML4标记语言的标准,使用XHTML 1.0,只要你小心遵守一些简单规则,就可以设计出既适合XML系统,又适合当前大部分HTML浏览器的页面。这个意思就是说,你可以立刻设计使用XML,而不需要等到人们都使用支持XML的浏览器。这个指导方针可以使web平滑的过渡到XML。

      (3)使用XHTML的另一个优势是:它非常严密。当前网络上的HTML的糟糕情况让人震惊,早期的浏览器接受私有的HTML标签,所以人们在页面设计完毕后必须使用各种浏览器来检测页面,看是否兼容,往往会有许多莫名其妙的差异,人们不得不修改设计以便适应不同的浏览器。
     
      (4)XHTML是能与其它基于XML的标记语言、应用程序及协议进行良好的交互工作。
     
      (5)XHTML是Web标准家族的一部分,能很好在无线设备等其它用户代理上。

      (6)在网站设计方面,XHTML可助你去掉表现层代码的恶习,帮助你养成标记校验来测试页面工作的习惯。

    DHTML:

      DHTML只是一种制作网页的概念,实际上没有一个组织或机构推出过所谓的DHTML标准或技术规范之类的。DHTML不是一种技术、标准或规范,DHTML只是一种将目前已有的网页技术、语言标准整和运用,制作出能在下载后仍然能实时变换页面元素效果的网页的设计概念。

      DHTML大致包含以下网页技术、标准或规范:

      HTML 4.0  没什么好说的,网页的基础语言标准。

      CSSL 注意!不是CSS,是CSSL,它是Clent-Side Scripting Language的缩写,译作“客户端脚本语言”,主要有JavaScript(JS),VBScript(VBS),JScript。Netscape主要支持JS,IE主要支持JS,VBS和JScript。

      DOM Document Object Model的缩写,译作“文档对象模型”,是W3C日前极力推广的web技术标准之一,它将网页中的内容抽象成对象,每个对象拥有各自的属性(Properties)、方法(Method)和事件(Events),这些都可以通过上面讲到的CSSL来进行控制。IE和NS的对象模型都是以W3C的公布的DOM为基准,加上自己的Extended Object(扩展对象)来生成的。

      CSS 这才是Cascading Style Sheets(层叠样式表单)的缩写,也是本站52CSS.com的主题,它是HTML的辅助设计规范,用来弥补HTML在排版上的所受的限制导致的不足,它是DOM的一部分。理论上说通过CSSL动态地改变CSS属性可以做出任何你想要的页面视觉效果。

      所以,简单地说,要实现DHTML,就是以HTML为基础,运用DOM将页面元素对象化,利用CSSL控制这些对象的CSS属性以达到网页的动态视觉效果。

    SHTML:

      问起SHTML和HTML的区别,如果用一句话来解释就是:SHTML不是HTML而是一种服务器 API,shtml是服务器动态产成的html。

      虽然两者都是超文本格式,但shtml是一种用于SSI技术的文件。 也就是Server Side Include--SSI 服务器端包含指令。 如果Web Server有SSI功能的话(大多数(尤其是基于Unix平台)的WEB服务器如Netscape Enterprise Server等均支持SSI命令)。 会对shtml文件特殊招待。 先扫一次shtml文件看没有特殊的SSI指令现在。 有就按Web Server设定规则解释SSI指令。 解释完后跟一般html一起掉去客户端。

      SHTML使用SSI(Server Side Include)的html文件扩展名,SSI(Server Side Include),通常称为"服务器端嵌入"或者叫"服务器端包含",是一种类似于ASP的基于服务器的技术。

      SSI工作原理:

      将内容发送到浏览器之前,可以使用“服务器端包含 (SSI)”指令将文本、图形或应用程序信息包含到网页中。例如,可以使用 SSI 包含时间/日期戳、版权声明或供客户填写并返回的表单。对于在多个文件中重复出现的文本或图形,使用包含文件是一种简便的方法。将内容存入一个包含文件中即可,而不必将内容输入所有文件。通过一个非常简单的语句即可调用包含文件,此语句指示 Web 服务器将内容插入适当网页。而且,使用包含文件时,对内容的所有更改只需在一个地方就能完成。

      因为包含 SSI 指令的文件要求特殊处理,所以必须为所有 SSI 文件赋予 SSI 文件扩展名。默认扩展名是 .stm、.shtm 和 .shtml

      Web 服务器在处理网页的同时处理 SSI 指令。当 Web 服务器遇到 SSI 指令时,直接将包含文件的内容插入 HTML 网页。如果“包含文件”中包含 SSI 指令,则同时插入此文件。除了用于包含文件的基本指令之外,还可以使用 SSI 指令插入文件的相关信息(如文件的大小)或者运行应用程序或 shell 命令。

      网站维护常常碰到的一个问题是,网站的结构已经固定,却为了更新一点内容而不得不重做一大批网页。SSI提供了一种简单、有效的方法来解决这一问题,它将一个网站的基本结构放在几个简单的HTML文件中(模板),以后我们要做的只是将文本传到服务器,让程序按照模板自动生成网页,从而使管理大型网站变得容易。

      所以,利用SHTML格式的页面目的和 ASP 差不多,但是因为是 API 所以运转速度更快,效率更高,比ASP快,比HTML慢,但由于可以使用服务器端包含,因此使页面更新容易(特别是批量更新banner,版权等),想象一下吧,你有一段 HTML,要在中间穿插一些特殊的服务端脚本,比如插入其他 HTML 段落,你选择 ASP 来完成这个任务,但是如果任务更繁重,需要更多的时间,比如5s,这个时候你不用 ASP 而用 SHTML,或许处理时间就只用4s了.

    \r\n

    {/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (7, 1, 0, '对于初学者不错的XHTML教程', '', 'http://www.dedecms.com/knowledge/web-based/html/2009/0929/873.html', 1270603721, 1, 1, '{dede:field name=''keywords''}对于初学者不错的XHTML教程{/dede:field}\r\n{dede:field name=''description''}在这个教程里,你将学到HTML和XHTML之间的不同,以及如何将HTML转换为XHTML。毕竟XHTML是发展的方向,所以我觉得该教程有必要在本站上发布。我感觉要是你想使用标准还是最好先学HTML,因为比较简单,然后再来看该教程。{/dede:field}\r\n{dede:field name=''title''}对于初学者不错的XHTML教程{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''body''}前言:

      现在都讲究标准建站,而标准建站使用的技术主要是XHTML+CSS,而现在我们普遍使用的是HTML代码,那么我该如何转换呢?以及HTML和XHTML有什么不同呢?在这个教程里,你将学到HTML和XHTML之间的不同,以及如何将HTML转换为XHTML。毕竟XHTML是发展的方向,所以我觉得该教程有必要在本站上发布。我感觉要是你想使用标准还是最好先学HTML,因为比较简单,然后再来看该教程。

      XHTML介绍:

      XHTML是 EXtensible HyperText Markup Language(可扩展超文本标记语言) 的英文缩写,而HTML则是 HyperText Markup Language(超文本标记语言) ,这是名字的不同。其实我们说得标准应该是XML,那为什么要学习XHTML呢?因为现在的HTML代码烦琐,危机四伏,但是XML使用环境还不成熟,所以推出了一个过度的产品就是XHTML,它起着呈上起下的作用。也有人认为XHTML是HTML的一个升级版本,其实也是正确的,我的理解是XHTML把HTML做得更加规范的一个标记语言,使HTML变得功能强大,减少了代码的烦琐尤其是表格。

      XHTML是在2000年1月26日被国际标准组织机构W3C(World Wide web Consortium)定为一个标准的,认为是HTML的一个最新版本,并且将逐渐替换HTML。现在所有的浏览器都支持XHTML,XHTML兼容 HTML 4.0。也有人认为XHTML就是HTML4.01。如果你在学习过程中自己编写了一个符合标准的站,你可以通过W3C的验证,验证通过后你将会得到一个标志,通常是XHTML1.0认证和CSS验证。我也不清楚目前国内有多少个网站同时通过了这两个验证。大家可以去这个站点去验证你的站,如果符合那两个规则则会分别给我们两段代码加到你的网页上向别人展示说明你采用了标准建站啊,牛啊!

      为什么我们使用XHTML

      XHTML是HTML升级为XML的过度产品,被定为一个标准,XHTML完全兼容HTML4.01,并且具有XML的语法。下面我们来看一个含有错误代码的HTML,如下:

      
      
      This is bad HTML
      
      

    Bad HTML
      

      虽然含有错误代码,但是当我们在浏览器中浏览时还能正常显示。XML是一个标记语言,但是它要求在网页中出现的任何元素都应该被标记出来,XML是用来描述网页中的数据的,而HTML用来显示网页中的元素的。目前我们上网使用的各种浏览器技术,包括手提电脑、手机上网浏览等等,都要求浏览的一些内容都要被正确标记,如果有错误的标记可能会使显示特别混乱、甚至不能正常显示。

      因此联合 HTML 和XML , 还有其他的一些技术,我们得到了一种现在有用的而且在将来也有用的语言 - XHTML。

      当在将来都规范的时候我们就要用的 XHTML 正确格式的标记了,使所有的浏览器都能正确的执行,所以我们现在有必要开始学习XHTML了。

      XHTML和HTML之间的区别:

      XHTML是一项新技术,在浏览器和一些其他的软件都支持它之前,我们应该有必要熟悉一下这项技术。为了我们更好的学习XHTML之前我们应该熟悉一下HTML4.0,我们可以去下载一个参考手册来熟悉一下。以便于我们学起XHTML来更简单,换句话说我们现在使用HTML编写代码时应该尽力少写错误代码,如:都要使用小写的字符来编写HTML,每个标记之后都要加上标记的结束如:

    网页教学网欢迎您的光临

    结束一定要有,我们要保持这种规则。

      它们之间最大的区别在于:

      1.XHTML 元素一定要被正确的嵌套使用。

      在HTML里一些元素可以不正确嵌套也能正常显示,如:

      This text is bold and italic

      而在XHTML必须要正确嵌套之后才能正常使用,如:

      This text is bold and italic

      注意:这个错误通常发生在当嵌套多层之后的标签里面。如:

      


         
    • Coffee

    •    
    • Tea
         

            
      • Black tea

      •     
      • Green tea

      •    

         
    • Milk

    •   

      正确的应该是:

      


         
    • Coffee

    •    
    • Tea
         

            
      • Black tea

      •     
      • Green tea

      •    

         

    •    
    • Milk

    •   

      观察上述的两段代码我们可以看到正确的里面我们在 之后插入 标签。

     \r\n

    {/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (8, 1, 0, '介绍span和div标签的使用', '', 'http://www.dedecms.com/knowledge/web-based/html/2009/0929/872.html', 1270603721, 1, 1, '{dede:field name=''keywords''}介绍span和div标签的使用{/dede:field}\r\n{dede:field name=''description''}鉴于HTML初级教程的目的只是教授HTML的骨架元素,这个中级教程增加一些骨肉,它们不应该特别的难,但可以进一步增进我们对HTML的理解,使我们能多做一些更有用的事情。HTML只是赋予内容的手段,大部分HTML标签都有其意义(标签p创建段落,h1标签创建标题等等{/dede:field}\r\n{dede:field name=''title''}介绍span和div标签的使用{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''body''}鉴于HTML初级教程的目的只是教授HTML的骨架元素,这个中级教程增加一些骨肉,它们不应该特别的难,但可以进一步增进我们对HTML的理解,使我们能多做一些更有用的事情。

    HTML只是赋予内容的手段,大部分HTML标签都有其意义(标签p创建段落,h1标签创建标题等等)的,然而span和div标签似乎没有任何内容上的意义,听起来就像一个泡沫做成的锤子一样无用。但实际上,与CSS结合起来后,它们被用得十分广泛。

    它们被用来组合一大块的HTML代码并赋予一定的信息,大部分用类属性class和标识属性id与元素联系起来,见CSS中级指南的类和id选择符。

    span和div的不同之处在于span是内联的,用在一小块的内联HTML中,而div(想想division是什么意思)元素是块级的(简单地说,它等同于其前后有断行),用于组合一大块的代码。


    This is crazy


     
    在实践中,div,特别是span不应该滥用,尽管有其他相左的意见。比如,你要强调单词“crazy”和加粗类“paper”,可能会用这样的代码:


    This is crazy


     
    这是做法比再加一个span比较好。

    对于类class和标识id没有线索?别担心,在CSS中级指南中会接触到它们。你所需要记住的是,span和div 是“无意义”的标签。但有新的说法说他们是有语义的。我们这里不再深入了。\r\n

    {/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (9, 1, 0, 'HTML教程:建立超级连接', '', 'http://www.dedecms.com/knowledge/web-based/html/2009/0929/871.html', 1270603722, 1, 1, '{dede:field name=''keywords''}HTML教程:建立超级连接{/dede:field}\r\n{dede:field name=''description''}tabbing浏览不或不能使用指点设备的用户可以用快捷键tab键来打开连接,并且本身也要有逻辑tab顺序。尽管HTML是线性的,tabindex属性允许你定义它快捷键们的顺序,而且这些逻辑tab应该可以自动落入自己位置。快捷键快捷键可以通过键盘的特定按键进行更方{/dede:field}\r\n{dede:field name=''title''}HTML教程:建立超级连接{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''body''}tabbing浏览

    不或不能使用指点设备的用户可以用快捷键tab键来打开连接,并且本身也要有逻辑tab顺序。尽管HTML是线性的,tabindex属性允许你定义它快捷键们的顺序,而且这些逻辑tab应该可以自动落入自己位置。

    快捷键

    快捷键可以通过键盘的特定按键进行更方便的导航(当按住Alt键或者Ctrl键时获得焦点)。对于那些没有指点设备的用户,比起使用tab键操作连接更快捷,更方便。

    没有必要为每一个连接都设置快捷键,但为主要导航连接都设置是一个不错的主意。

    Some page


    注意

    快捷键的麻烦是,用户常常没有办法知道它们在哪里和到底是什么键(除非查看源代码)。虽然JAWS──一个可以大声读出快捷键的屏幕阅读器,但要掘尽其能,你还是得让快捷键更直白。
    你可以使用像“跳过导航”的连接技术(下详),或者选择一个独立的页面来说明你网站的这些易用性相关功能,包括快捷键。一个越来越流行的办法是在一个与快捷键相一致的字母上加下划线,类似于Windows程序菜单中的方法。


    连接的标题

    为连接添加标题属性title是一个好主意,这会给用户所指向连接的予说明,所以能改进导航。

    假如这个连接是执行Javascript的,这也有利于为没有使用Javascript功能的用户解释什么将会(或不会)发生。

    title="Open a nasty Javascript pop-up window">Monster


    弹出窗口

    说到Javascript弹出窗口,你要坚持使用的话,或者很多人(你的用户)告诉你要使用,你可以用onkeypress和onclick来使得页面更易用。并且,在功能上定义了返回false的弹出窗口,包含一个带有href属性指向普通页面的连接,对于一个没有使用Javascript功能的用户来说,可以以普通方式载入这个页面。

    比如:


    ...
    Monster


    相邻的连接

    相邻的连接应该至少用空格隔开,以便为屏幕阅读器清晰辩明。
    这也可以用字符来完成,连接之间的(比如竖线 |── 连接 | 连接),或者包围连接的(如中括号 [] ── [连接] [连接])。把连接放在列表里面也是一个好主意。然后可以用CSS来样式化显示,甚至可以是并行的列表(用 display: in-line)。

    跳过导航

    你应该让使用屏幕阅读器的用户一个跳过导航直接到内容的机会。这是因为,假设你的连接是固定的(应该是),用户不必经受每一页同样的信息,尤其是大量的。你可以设置一个连接,跳过导航直接跳到内容的连接。

    看起来像是这样的:

    The Heading


    Skip navigation






    显然,你没有必要在可视化浏览器中显示它,所有你可以用CSS开隐藏它。

    注意

    这是虽然只是一个CSS的小技巧,但是“跳过导航”的特效药。这涉及到隐藏连接的方法。
    最常见的办法可能是使用display: none,但有些浏览器看到但不理解这个连接,“跳过导航”的连接必须显示。
    然而没有必要显示──没有理由显示给醒目的用户。所以坚持使用包含display: none的样式,还不如把元素宽和高设置为零(width: 0; height: 0; overflow: hidden;),这有相同的视觉效果,但可以使屏幕阅读器理解。

    \r\n

    {/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (10, 1, 0, '表格中单元格之间分隔线的隐藏方法', '', 'http://www.dedecms.com/knowledge/web-based/html/2009/0929/870.html', 1270603722, 1, 1, '{dede:field name=''keywords''}表格中单元格之间分隔线的隐藏方{/dede:field}\r\n{dede:field name=''description''}隐藏分隔线的诀窍在于rules,察看这三个表格的源代码,我们可以看到表格标签中都有rules。{/dede:field}\r\n{dede:field name=''title''}表格中单元格之间分隔线的隐藏方法{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''body''}
    这个表格去掉了单元格之间的纵向分隔线


    这个表格去掉了单元格之间的横向分隔线
     线
     线
    这个表格去掉了单元格之间的纵向分隔线和横向分隔线

    其实上面的三个表格都有三行三列,隐藏分隔线的诀窍在于rules,察看这三个表格的源代码,我们可以看到标签中都有rules。 它有三个参数(cols,rows,none),当rules=cols时,表格会隐藏纵向的分隔线,这样我们就只能看到表格的行;当rules=rows时,则 隐藏了横向的分隔线,这样我们只能看到表格的列;而当rules=none时,纵向分隔线和横向分隔线将全部隐藏。
    \r\n

    {/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (11, 1, 0, '新手学习老知识(三)HTML教程用好超级链接标记A', '', 'http://www.dedecms.com/knowledge/web-based/html/2009/0929/891.html', 1270603724, 1, 1, '{dede:field name=''keywords''}新手学习老知识(三)HTML教程用{/dede:field}\r\n{dede:field name=''description''}超级链接 标记代表一个链接点,是英文anchor(锚点)的简写。它的作用是把当前位置的文本或图片连接到其他的页面、文本或图像,这已是众所周知了,但关于它的语法结构可能有点鲜为人知,而要用活它则必须了解其语法结构。{/dede:field}\r\n{dede:field name=''title''}新手学习老知识(三)HTML教程用好超级链接标记A{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''body''}

     超级链接标记代表一个链接点,是英文anchor(锚点)的简写。它的作用是把当前位置的文本或图片连接到其他的页面、文本或图像,这已是众所周知了,但关于它的语法结构可能有点鲜为人知,而要用活它则必须了解其语法结构。标记的基本语法结构是:

    class=type
    id=value
    href=reference
    name=value
    rel=same|next|parent|previous
    rev=value
    target=window
    style=value
    title=title
    onclick=function
    onmouseout=function
    onMouseOver=function>连接

      从标记的语法结构可以看出,在设定一个超级链接时有很多参数可供选择,以实现不同的链接效果,这有点出乎意料吧?!

      其中class和id选项:用于设定链接点所属的类型和分配的ID号,通常不加以设定。最常用的两个参数是href和name。其中href是 hypertext reference的缩略词,用于设定链接地址。链接地址必须为url地址,如果没有给出具体路径,则默认路径和当前页的路径相同。链接到的文件也分为几种情况:如果为HTML文件,则在当前浏览器中直接打开;如果为可执行文件(.exe文件),则直接执行或下载,我们提供下载的文件就是用它的这种特性做的;如果为文本文件如word格式的文件,则在浏览器中打开此文件,并可以进行编辑加工。

      rel:表示设定链接的关系:rel=same表示待链接的文件与此文件相同,rel=next表示待链接的文件为下一页,rel=parent表示本文件为待链接文件的父文件,rel=previous则表示待链接的文件为上一页。

      rev:则用于设定反向链接。

      target:是在采用帧窗口的情况下设定链接到哪一个窗口,还有target="_bank"是表示新开一窗口打开网页。

      title:用于设定链接点被选到时显示的标题。

      onclick:对应于一个事件,当链接点被点击后将触发这个事件,执行对应的子程序。

      onmouseover:与onclick类似,对应的事件在鼠标移到链接点上时被触发。

      onmouseout:对应的事件在鼠标移出镇接点后被触发。

      举几个例子:

    回到主页
    播放语音文件
    执行对应的程序
    打开对应的文档进行加工

      应用技巧

      1、提供下载文件

      有不少网友来信问,提供下载的效果怎么做。实际上仍然是做一个超级链接,不过供下载的文件必须上传到网站上。例:有一个“网页技巧”的文件包供下载,文件名是“homepagejq.zip”且已上传到网站了,则这个链接的代码可以这样写:点击这里下载“网页技巧”文件包

      2、在新窗口中打开链接的网页

      设定“target”的值为“_blank”。例:新开窗口打开网页“aboutme.htm”。产生该效果的代码是:关于我......

      3、鼠标移到链接,显示一行说明文字

      设定“title”参数值,即可获得这种效果。例:当鼠标移到“黄山村夫”这个链接上时,显示说明“这是一个介绍技巧的专业网站”。这个链接的代码是这样的:黄山村夫

      4、鼠标移到一个链接上弹出一个窗口

      这是设定onmouseover参数获得的效果。例:当鼠标移到一个链接上,弹出一个窗口并在窗口中显示“鼠标悬停效果演示!”。这个链接的代码是这样的:链接。用类似的方法可以制作当鼠标按下后弹出提出示窗口、当鼠标离开时弹出提示窗口的效果。

      5、链接到本页的指定内容

      要实现链接到本页的某一部分内容上(也就是“文件内跳转”),必须用参数name指定链接点的名称。选定一块文本,可以用name参数为其命名,以备链接所用。所谓同一个文件内的跳转是指当读者在阅读一个很长的文件的时候,若只对某部分的内容感兴趣,可以采用跳跃式的阅读方式。其基本格式是:

    第二部分第一部分内容......
    ...........................................
    第二部分实际内容......
    ...........................................

      这样当你点击“第二部分”这个超级链接后,就会自动转移到“第二部分实际内容”这个地方来。“name”参数所定义的链接点名称可以随意取,但链接的“href”参数中的链接点名称必须与其一致,不要忘记在前面加上“#”。

      6、链接到其它页面的指定内容位置

      方法与上例类似,但在“href”参数中的链接点名称前要加上网页的文件名。例:有两个网页page1.htm和page2.htm ,每页均有两部分内容,现要在page1.htm中制作一个超级链接,按下该链接后将转到page2.htm的第二部分内容上。那么我们可以这样做,首先在page2.htm第二部分内容开始的地方写上这样一句代码:;在page1.htm中写上这样一个链接代码:page2 的第二部分内容

      7、链接到E_mail

      点击一个超级链接后,将启动客户机上的电子邮件管理软件给你写信。例这行代码:请给我写信。一旦你点击了“请给我写信”这个链接,将自动启动电子邮件管理软件(如OE)的写信功能,并已把邮件地址加在了收信人的地址栏里了。

      链接不仅可以以文本作载体,也可以以图象作载体,而且可以以图片的某一部分作载体,且都能实现上述这些效果,方法也相同,所不同只是载体,也就是链接的两对方括号中间的那部分,所以不再另举例了。

    \r\n

    {/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (12, 1, 0, '新手学习老知识(二)HTML用好活动字幕标记marquee', '', 'http://www.dedecms.com/knowledge/web-based/html/2009/0929/890.html', 1270603725, 1, 1, '{dede:field name=''keywords''}新手学习老知识(二)HTML用好活{/dede:field}\r\n{dede:field name=''description''}活动字幕,也称为滚动看板、滚动字幕。活动字幕的使用使得整个网页更有动感,显得很有生气。现在的网站中也越来越多地使用活动字幕来加强网页的互动性。用Javascript编程可以实现活动字幕效果;用Dreamweaver的图层再用其时间线功能可以做出非常漂亮的滚动看{/dede:field}\r\n{dede:field name=''title''}新手学习老知识(二)HTML用好活动字幕标记marquee{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''body''}

     活动字幕,也称为滚动看板、滚动字幕。活动字幕的使用使得整个网页更有动感,显得很有生气。现在的网站中也越来越多地使用活动字幕来加强网页的互动性。用Javascript编程可以实现活动字幕效果;用Dreamweaver的图层再用其时间线功能可以做出非常漂亮的滚动看板。而用HTML的活动字幕标记所需的代码最少,确实能够以较少的下载时间换来较好的效果。该标记语法格式如下:

    aligh=left|center|right|top|bottom
    bgcolor=#n
    direction=left|right|up|down
    behavior=type
    height=n
    hspace=n
    scrollamount=n
    Scrolldelay=n
    width=n
    VSpace=n
    loop=n>

      可以看出由于活动字幕的显示方式多种多样,可选的参数也很多。下面解释一下各参数的含义:

      align:是设定活动字幕的位置,不过除了居左、居中、居右三种位置外,又增加靠上(align=top)和靠下(align=bottom)两种位置。

      Bgcolor:用于设定活动字幕的背景颜色,一般是十六进制数。

      Direction:用于设定活动字幕的滚动方向是向左、向右、向上、向下。

      Behavior:用于设定滚动的方式,主要由三种方式:behavior="scroll"表示由一端滚动到另一端;behavior="slide":表示由一端快速滑动到另一端,且不再重复; behavior="alternate"表示在两端之间来回滚动。

      Height:用于设定滚动字幕的高度。

      Width:则设定滚动字幕的宽度。

      Hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度。

      Scrollamount:用于设定活动字幕的滚动距离。

      scrolldelay:用于设定滚动两次之间的延迟时间。

      Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。

      标记的默认情况是向左滚动无限次,字幕高度是文本高度,滚动范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。

      应用技巧

      1、全取默认值,所用代码最少,请看下面的例子

      这个滚动字幕全取默认值,源代码:这里写字幕内容,代码是不是很少?

      2、垂直滚动

      只要加上diriction="up"就行了,如这里写字幕内容

      3、多行文本的活动字幕

      由于标记只能作用于一段文本,因此多行活动字幕,分行时只能用
    标记,不能用

    标记。

      示例源代码:


    活动字幕内容第一行

    活动字幕内容第二行

    活动字幕内容第三行

      4、在字幕内容中加入图象

      虽是一个活动字幕标记,但它允许在其中加入图象。下面是一个加入了图片的代码: 这是加入图象的活动字幕

      5、在Dreamweaver中使用标记

      Dreamweaver不能在编辑窗中直接加入marquee标记,但可在源代码检视器中加入标记,然后在编辑窗中编辑活动字幕的内容即可。

      标记的参数较多,在应用中要把握一个原则,能用默认值就不要再设置参数值,用什么参数就设置该参数的值,其它参数就不要再设置,以把代码控制在最少的范围内。

    (负责编辑:blank)

    \r\n

    {/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (13, 1, 0, '新手学习老知识(一)HTML语言基础', '', 'http://www.dedecms.com/knowledge/web-based/html/2009/0929/889.html', 1270603725, 1, 1, '{dede:field name=''keywords''}新手学习老知识(一)HTML语言基{/dede:field}\r\n{dede:field name=''description''}近两年来,许多公司开发出了图形化的HTML开发工具,使得网页的制作变得非常简单。如微软公司推出的 Microsoft FrontPage, Adobe公司推出的 Adobe Pagemill, Micromedia公司推出的Dreamweaver等编辑工具,都被称为“所见即所得”的网页制作工具。{/dede:field}\r\n{dede:field name=''title''}新手学习老知识(一)HTML语言基础{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''body''}

    一、为什么要?

      近两年来,许多公司开发出了图形化的HTML开发工具,使得网页的制作变得非常简单。如微软公司推出的 Microsoft FrontPage, Adobe公司推出的 Adobe Pagemill, Micromedia公司推出的Dreamweaver等编辑工具,都被称为“所见即所得”的工具。这些图形化的开发工具可以直接处理网页,而不用书写费劲的标记。这使得用户在没有HTML语言基础的情况下,照样可以编写网页。这时,编写HTML文档的任务由开发工具替你完成了。 这是网页图形编辑工具的最大成功之处,但也是它们的最大不足之处。受到图形编辑工具自身的约束,将产生大量的垃圾代码。原因很简单,我举一个简单的例子你就明白了。比如:在网页设计一个表格,若是每个单元格的宽度和高度让它根据其中的内容自动确定,HTML只要你告诉它是表格和单元格的排列顺序(也就是行列数)就行了,但因为图形化开发工具无法得知你的这种特殊要求,所以只能取一般要求,把每个单元格的宽度和高度都定义起来,从而增加了许多代码。所以一个明智的网页编写者应该在掌握图形编辑工具的基础上进一步学会HTML语言,从而知道那些是垃圾代码,这样,我们就可以利用图形化HTML开发工具快速成地做出网页,又会消除无用的代码,从而达到快速制作高质量网页的目的。

      二、如何用HTML?

      HTML语言,又称超文本标记语言,是英文Hyper Text Markup Language的缩写。HTML语言作为一种标识性的语言,是由一些特定符号和语法组成的,所以理解和掌握都是十分容易的。可以说,HTML语言在所有的计算机编程语言中是最简单易学的。 组成HTML的文档都是ASCIlI档,所以创建HTML文件十分简单,只需一个普通的字符编辑器即可。如 Wndows中的记事本、写字板都可以使用。也可以采用专用的 HTML 编辑工具:如 CoffeeHTML、 Homesite、 HTMLedit Pro等工具,它们的特点是能够自动检查HTML文档中的语法错误并协助改正。由于有了图形化的HTML开发工具,使得我们更加容易,我们可以先用它制作好网页,再在它附带的HTML代码编辑器在删去那些无用的代码,利用它的所见即所得特性,从而使我们很快就能熟炼地掌握HTML。特别是 Micromedia 公司最近发布的Dreamweaver4,可以把源代码编辑器和网页编辑器放在同一个窗口中,真是方便极了。

      三、HTML基本概念

      1、标记

      HTML用于描述功能的符号称为“标记”。如“HTML”、“BODY”、“TABLE”等。标记在使用是必须用方括号“<>”括起来,而且是成对出现,无斜杠的标记表示该标记的作用开始,有斜杠的标记表示该标记的作用结束。如表示一个表格的开始,
    表标一个表格的结束。在HTML中,标记的大小写作用相同,如和
    都是表示一个表格的开始。

      标记可以包含标记,如:表格中包含表格或其它标记,如下面这样的HTML代码结构是正确的:

















    hjk



      但是标记不能交叉嵌套,如下面这样的代码是错误的:

    这是不正确的代码

      2、特殊字符

      由于方括号和英文双引号被用来提示HTML的标记及参数值,那么在网页中要显示方括号和英文引号只能用其它的符号来代替,下面是常见特殊字符所代表的正常字符:

    <或<对应字符 <
    >或>对应字符 >
    "或"——对应字符 "
    à——对应字符 A

      3、语法

      一个标记,为了明确它的功能,往往用一些属性参数来描述,对这些属性参数的规定上就是所谓的语法,例如:段落标记

    ,它的语法格式是:

      这就说明

    标记有两个属性参数,即“align”和“class”,其中“align”用于定义段的位置是靠左、靠右还是居中。默认值是靠左。而“class ”则是定义所属的类型。在实际应用时当然可以没有“align”和“class”参数,按照默认情况显示,这一点非常重要,这是我们判断无用代码的主要标准之一,假如在网页代码中有对默认值进行描述设置的语句代码,显然是无用的代码。另外,在设置标记的属性值时,若是取默认值不影响效果或影响很少,我们就尽量取默认值,这样可以不用设置,从而达到减少代码的目的。

      标记参数的具体的值都有要加西文引号,如:要使段落内容居中,正确的写法是这样的:

    段落内容居中示例

      学好用好HTML语言的关键是灵活应用标记的参数。特别是默认值的应用。

    \r\n

    {/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (14, 1, 0, 'HTML网页初学者教程:讲解网页标题Title', '', 'http://www.dedecms.com/knowledge/web-based/html/2009/0929/887.html', 1270603726, 1, 1, '{dede:field name=''keywords''}HTML网页初学者教程:讲解网页标{/dede:field}\r\n{dede:field name=''description''}我们制作的每一个HTML网页都应该有文档标题。那么到底如何设置标题呢?这个教程就作为网页初学者的入门吧!给你的文档增加一个标题,按照下面改变你的代码:!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//ENhttp://www.w3.org/{/dede:field}\r\n{dede:field name=''title''}HTML网页初学者教程:讲解网页标题Title{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''body''}

    我们制作的每一个HTML网页都应该有文档标题。那么到底如何设置标题呢?这个教程就作为网页初学者的入门吧!

    给你的文档增加一个标题,按照下面改变你的代码:

    "">


    我的第一个网页


    我的第一个网页

    你可以看到,我们已经增加从标签和标签开始的两个新元素(看看他们是怎么关闭的)。</p><p>头元素(从起始标签<head>到闭合标签</head>之间的内容)出现在主体元素(从起始标签< body>到闭合标签</body>之间的内容)之前,包含将在主体元素信息之前装载的信息。这些信息不会出现在浏览器窗口中。</p><p>随着我们进一步学习,你会看到更多能够插入头元素的其它元素,但最重要的还是标题元素。</p><p>如果你从浏览器查看这个网页(像前面一样已经保存和刷新),你可以看到“这是我的第一个网页”出现在浏览器窗口的标题栏。你键入的位于标题(title)标签的文本已经变成了这个文档的标题,惊奇吧?假设把这个网页增添到你的收藏夹或者书签,你会看到标题也会出现在这里。<br /></p>\r\n <p align="center"> </p>{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'); INSERT INTO `#@__co_htmls` (`aid`, `nid`, `typeid`, `title`, `litpic`, `url`, `dtime`, `isdown`, `isexport`, `result`) VALUES (15, 1, 0, '网页文本排版知识:为正确的内容使用恰当的标签', '', 'http://www.dedecms.com/knowledge/web-based/html/2009/0929/886.html', 1270603726, 1, 1, '{dede:field name=''keywords''}网页文本排版知识:为正确的内容{/dede:field}\r\n{dede:field name=''description''}在制作网页时,文本内容是必不可少的!那么我们该如何对网页文本进行正确排版呢?当段落标签p应该使用在段落的时候还有许多滥用换行标签br的情况,p用于表现段落是公认的。基于同样的逻辑,很多标签应该被用来定义确定的文本元素,比如引用,缩写和计算机代码{/dede:field}\r\n{dede:field name=''title''}网页文本排版知识:为正确的内容使用恰当的标签{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''body''}<p>在制作网页时,文本内容是必不可少的!那么我们该如何对网页文本进行正确排版呢?</p><p>当段落标签p应该使用在段落的时候还有许多滥用换行标签br的情况,p用于表现段落是公认的。基于同样的逻辑,很多标签应该被用来定义确定的文本元素,比如引用,缩写和计算机代码等。</p><p>应该记住的是,尽管大部分浏览器用不同的方式处理这些标签,最重要的是记住,不是为了让元素看起来像什么,而是它赋予的含义是什么。</p><p>缩写和首字母组合词</p><p>缩写标签abbr和首字母组合词标签acronym分别用于缩写词语和首字母组合而成的缩写词。</p><p>缩写是一个惯用词组的缩短形式。很平常。然而,首字母缩写词则是组成词组的每个单词之首个字母(或者单词的部分)的组合缩写。所以CSS是一个正确的首字母缩写词,但HTML和XHTML却不是(如果Hypertxet markup language是一个首字母缩写词,它应该是HML,同理,XHTML 就是EHML了)。</p><p>为了优化易用性,缩写和首字母缩写词都应该使用标题属性title。<br /><p>This web site is about <abbr title="HyperText Markup Language">HTML</abbr><br />and <acronym title="Cascading Style Sheets">CSS</acronym>.<br /></p> </p><p>注意</p><p>有一些不可思议的理由,Internet Explorer,最常用的浏览器,竟然不支持abbr标签。十分幸运,一个叫Marek Prokop的小伙子为此开发了clever Javascript workaround。<br />有很多关于缩写和首字母缩写词元素的讨论,Lars Holst提供了可能是最具体的深入理解。</p><p>引用</p><p>blockquote,q和cite用在引用上。blockquote是块状的,用于大面积的引用语上,而q则是内联的,用于更小的词组。cite也是内联的,比起q来其本身的语义更可取,很可能在将来取代q。</p><p>又,标题属性title用于表明引用从何而来。</p><p>注意:q一般不改变内附文本的外观──你需要用CSS如果你需要为它指定一个样式。</p><p><p>So I asked Bob about quotations and he said <br /><cite>I know as much about quotations as I do about pigeon fancying</cite><br />. Luckily, I found HTML Dog and it said...<br /></p><br /> <blockquote title="From HTML Dog, "><br /> <p>blockquote, q and cite are used for quotations. blockquote is block-line and used for large or citations, whereas q is in-line and used for smaller phrases. cite is also in-line and preferable to q for its semantic nature and possible future deprecation of q.</p><br /> </blockquote> </p><p>代码</p><p>有少部分的标签,code和var用于计算机程序代码,pre和samp则,在实践中,也主要是用于代码。<br />code用于计算机程序代码。<br />var用于指明代码里的变量。</p><p><code><var>ronankeatingisbland</var> = true;</code> </p><p>samp与代码类似,但被认为是用于程序的代码输出样例。<br />pre是预格式化文本,在HTML标签中不常用,以防止大量空格的产生。它常用于代码块。</p><p><pre> <br /><div id="intro"> <br /><h1>Some heading<br /></h1> <p>Some paragraph paragraph thing thing thingy.<br /></p> </div><br /></pre> </p><p>定义术语</p><p>dfn是定义术语,用于高亮显示一个第一次使用的术语。像abbr和acronym ,标题属性title可以用来描述术语。</p><p><p>Bob''s <dfn title="Dog">canine</dfn> mother and <dfn title="Horse">equine</dfn><br /> father sat him down and carefully explained that he was an <br /><dfn title="A mutation that combines two or more sets of chromosomes from different species">allopolyploid</dfn><br />organism.</p></p><p>地址</p><p>address应该用于地址。</p><p><address> <br />HMTL Dog House<br /> <br />HTML Street<br /> <br />Dogsville<br /> <br />HT16 3ML </address></p><p>晦涩罕见的标签<br />有一些没有什么价值的标签,有很少的机会被使用只是因为十分特定的场合。<br />bdo可以用来反转文本的方向,可以用来显示从右向左读的文本。必需的属性dir的值可以是ltr(左向右)和rtl(右向左)。</p><p><bdo dir="rtl">god lmth</bdo><br /> <br />kbd用于表明应由用户键入的文本。</p><p><p>Now type <kbd>woo hoo</kbd></p>  </p><p>ins和del分别用于显示编辑插入和删除的文本。它可以有时间属性datetime(用YYYYMMDD的格式)和cite属性(用于说明为什么插入或者删除理由的一个URL)。</p><p>ins元素一般显示下划线,而del元素则一般显示删除线。</p><p><p>This is some <del datetime="20030522">nonsense</del><br /><ins cite=" informative stuff</ins><br />that I''ve written.</p></p><p>表现(描述性)元素</p><p>b、 i、tt、sub、sup、big和small都是表现元素,因此,由于它们的精确性,不应该再使用当我们一再强调分离内容和表现。比如b定义粗体元素,没有任何意义──这些标签定义纯粹的可视化特征,应该是CSS的事。尽管他们是合法的标签,还有其他的(比如strong和em,是词组元素)可以实际地添加含义。如果你仅仅需要复制这些标签的样式,不需要任何相关的含义,你可以在span标签上应用CSS。</p>\r\n <p align="center"> </p>{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (16, 1, 0, '使用XHTML按标准重构网站', '', 'http://www.dedecms.com/knowledge/web-based/html/2009/0929/885.html', 1270603728, 1, 1, '{dede:field name=''keywords''}使用XHTML按标准重构网站{/dede:field}\r\n{dede:field name=''description''}我们曾经为本节撰写的标题是:“XHTML:简单的规则,容易的方针。”原因之一是,本节讨论的规则和方针是简单和容易的。原因之二是,一本简单和容易的WEB设计图书,就像超级市场的新式的免费商品一样,虽然常见却可以有效地吸引人的眼球,这样的东西可以刺激人{/dede:field}\r\n{dede:field name=''title''}使用XHTML按标准重构网站{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''body''}<p>我们曾经为本节撰写的标题是:“XHTML:简单的规则,容易的方针。”原因之一是,本节讨论的规则和方针是简单和容易的。原因之二是,一本简单和容易的WEB设计图书,就像超级市场的新式的免费商品一样,虽然常见却可以有效地吸引人的眼球,这样的东西可以刺激人的兴趣,并且鼓励人们尝试。</p><p>我确实希望本节的内容可以激发你的兴趣,并鼓励你去尝试。为什么这么说呢?因为一旦你掌握了本章包含的简单容易的理念,你就会重新思考网页运作的方式,并开始改变建造它们的方法。然而我并不希望你只是将代码重新改写一边。我希望你可以实实在在地以另一种方式思考和工作。</p><p>另一方面,重构才是XHTML真正的意义。</p><p>在本章,我们将研究结构化标记的机制和涵义。如果你正在将网站标准融入你的开发项目,你或许会觉得本章的内容有些熟悉。不过即便是这方面的老手,也会从本章发现意外的收获。</p><p>XHTML规则概要<br />将传统的HTML转换为XHTML 1.0是快捷且无痛的,只要你遵守一些简单的规则和容易的方针。不管是否使用过HTML,都不会妨碍你使用XHTML。</p><p>使用恰当的文档类型声明和命名空间。 <br />使用meta元素声明你的内容类型。 <br />使用小写字母书写所有的元素和属性。 <br />为所有的属性值加引号。 <br />为所有的属性分配值。 <br />关闭所有的标签。 <br />使用空格和斜线关闭空标签。 <br />不要在注释中写双下划线。 <br />确保小于号及和号为<和& <br />Unicode和其他字符集<br />XML、XHTML、和HTML 4.0文档的默认字符集是Unicode,一个由Unicode联盟定义的标准。Unicode是一套全面的字符集,它为每个字符提供了一个特定的唯一的数字,不论平台、程序和语言。Unicode也是我们拥有的最接近通用字母表的事物,尽管它并不是一个字母表,而是一套数字映射方案。</p><p>尽管Unicode是web文档默认的字符集,开发人员依然可以自由地选择更适合他们的其他字符集。比方说,美国和西欧的网站常常使用ISO-8859-1 (Latin-1)编码,而中华人民共和国的国家标准是gb2312。</p><p>为表达语义而标记文档,而不是为了样式<br />记住:请最大限度地使用CSS来进行布局。在web标准的世界里,XHTML标记与表现无关,它只与文档结构有关。</p><p>结构良好的文档可以向浏览器传达尽可能多的语义,不论是浏览器位于掌上电脑还是时髦的桌面图形浏览器。结构良好的文档都能向用户传达可视化的语义,即使是在老的浏览器,或是在被用户关闭了CSS的现代浏览器中。</p><p>不是每个站点都能立即抛弃HTML表格布局。CSS的发明者,W3C,直到2002年11月才将官方网站转换为CSS布局。然而,即使是顽固的唯标准主义者也不总是将表现从结构中完全分离处理,至少在XHTML 1中是做不到的。但是现在,我们可以向这个理想迈出重大的一步,通过将表现从结构中分离(或者说将数据从设计中),即使是混合的传统的布局也可从中受益。 </p><p>下面有一些提示,可以帮助你通过更结构化的方式进行思维:</p><p>提纲内的色彩<br />在语法学校,我们中的大部分人都被迫使用标准的提纲格式来写文章。现在,我们成为了设计师,可以多么自由地摆脱提纲的限制,然后大胆地投身于独特的个人表达的自由领域(也许我们的宣传册和商业站点还不是那么独特和个人化)。但是至少我们不会再受到提纲的困扰了。</p><p>实际上,依照HTML,我们应该将内容结构化为有组织的层级。在浏览器不支持CSS的时期,我们无法在交付可供销售的布局的同时做到这一点。但是今天,在将我们的设计不折不扣地实现的同时,我们有能力交付内在结构良好的文档。</p><p>当你将供网络使用的文本进行标记,或者当你将已有的文本文档转换为网页时,请使用传统提纲的这些条目进行思考。</p><p><h1>我的主题</h1><br /><p>介绍性文字</p><br /><h2>补充性的观点</h2><br /><p>相关文字</p></p><p>\r\n <p align="center"> </p>{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (17, 1, 0, '快速精通网页框架FRAME', '', 'http://www.dedecms.com/knowledge/web-based/html/2009/0929/884.html', 1270603729, 1, 1, '{dede:field name=''keywords''}快速精通网页框架FRAME{/dede:field}\r\n{dede:field name=''description''}FRAME(框架)是Web上经常会看到的页面结构。使用可视Web开发工具(比如Dreamweaver或者Frontpage),虽然可以在 WYSIWYG环境中通过简单的鼠标托拽完成FRAME的构建,但是要实现真正细致甚至强大的功能,仔细理解FRAME的代码结构至关重要!你将发现, FRAME原{/dede:field}\r\n{dede:field name=''title''}快速精通网页框架FRAME{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''body''}<p>FRAME(框架)是Web上经常会看到的页面结构。使用可视Web开发工具(比如Dreamweaver或者Frontpage),虽然可以在 WYSIWYG环境中通过简单的鼠标托拽完成FRAME的构建,但是要实现真正细致甚至强大的功能,仔细理解FRAME的代码结构至关重要!你将发现, FRAME原来是这样的亲切易用。 </p><p>  <strong>创建基本的FRAMESET</strong> </p><p>  FRAMESET页面与普遍的Web页面有些不同。虽然仍旧以<HTML>和包含标题的<HEAD>标记以及其他脚本开始,但是其内容仅仅是表示的各个页面的版式设计。因此,不再需要有<BODY>元素,只需要<FRAMESET>标记。 </p><p>  通过<FRAMESET>标记的<rows>和<cols>属性,浏览器窗口被分割为一个个格子。 <rows>和<cols>的设置值可以是固定的像素值,可以是总空间的百分比值,还可以是用*以及一个数字相乘表示的分割剩余空间的比例值。比如说: </p><p>cols="80,20%,*" 分为3列,宽度分别为80像素,窗口宽度的20%,以及剩余宽度 <br />rows="25%,75%" 分为2列,宽度分别为窗口宽度的25%和75% <br />rows="*,3*" 与上述第2个表示的一样,分为2列,但表示方法不同:第一列宽度为第二列的1/3 </p><p>  在<FRAMESET>和</FRAMESET>之间,用多个<FRAME>标记表示每个分割区。col 表示从左到右的列,row表示从上到下的行。每个<FRAME>有一个src属性,给出了这个FRAME的内容。它可以是浏览器能显示的任何一个合法URL,或者是另外一个FRAMESET。为预防递归现象,一个FRAME不能包含它本身所在的FRAMESET页面。要用name属性定义 FRAME的名字,这样就可以在代码或者脚本程序中引用它。 请看一段基本的FRAMESET代码: </p><p class="code"><HTML> <br /><HEAD> <br /><TITLE>Simple FRAMESET

















      FRAME间的链接

      一个FRAMESET结构的页面,新文档只转载进窗口的一部分中,而其他页面则保持静态不变。当用户点击FRAME中的链接时,新内容就在同一 FRAME内打开。要让新内容在其他FRAME中打开,可以设置标记的target属性值为那个FRAME的name值。

      而且,我们还可以设置打开目标为当前可见的任意一个FRAME,而不局限于本身的FRAMESET。目标可能是一个嵌套的FRAMESET中的 FRAME,也可能是其他窗口中的FRAME。但是如果目标FRAME不存在,就会产生一个带有目标FRAME名字的新窗口。

      下面举个例子说明一下,假设有一个简单含2-FRAME的FRAMESET,文件名叫做home.html,代码如下:


    FrommCo home page




      文件menu.htm在左边的FRAME中,其中有一系列链接,点击它们后新内容将在右边的叫做content的FRAME中打开。下面是menu.html的代码:




    FrommCo


    Main page


    Our mission


    Our staff


    FrommCo splash page

      请注意最后一个链接中target的定义为_parent,这属于4个特殊的保留值。它们是:

    _parent:在当前FRAMESET位置显示新href。
    _top:在当前整个窗口位置显示新href,比如本身FRAMESET位于另一个FRAMESET中。
    _self:强制在当前FRAME中显示新href。
    _blank:在新窗口中显示href。

      表示客户端图形地图的标记同样可以应用target属性,比如:

      Main page

      还有一种经常的情况是:Web页面中的大部分或者全部链接都要求在一个特别的FRAME中打开。这时,可以在页面的代码区使用标记设置默认的target,然后再分别定义特殊链接的target值。

      修饰FRAME

      FRAMESET不仅在宽度、高度等方面具有可控制的数值,在美观方面也同样可以精确设置。

      默认情况下,FRAMESET的FRAME间有一个凸起的边沿,表示分割效果。如果不喜欢这个,想营造“无缝连接”的效果,可以在< FRAME>标记中设置FRAMEborder=0来消除它。在3.0及高版本的Navigator和Internet Explorer中,如果在标记中设置FRAMEborder=0,那么除了设置为FRAMEborder=1的 FRAME外,所有其他FRAME的边沿都将消失。

      虽然设置了FRAMEborder=0,有些浏览器仍旧会在FRAME间保留一些边沿的颜色痕迹。这时,可以在< FRAMESET>标记中添加FRAMEspacing=0(对Internet Explorer)或者border=0(对Navigator和Opera)实现真正的无缝连接。

      请看下面的代码是如何使用这些属性的:


    FrommCo home page




      上面的代码中有2个新的属性:noresize表示锁住FRAME而不允许使用鼠标改变大小,scrolling=no表示屏蔽FRAME的滚动条,scrolling=yes表示允许,scrolling=auto表示根据显示内容需要自动显示滚动条。

      浮动FRAME

      浮动FRAME是HTML4.0规范中的一个定义,目前的浏览器都支持它。

      不象FRAMESET表示的分割区样子,一个浮动FRAME作为一个内置对象存在于Web页面上,其样式就象一个页面上的一个图形或者一个 applet。浮动FRAME使用

    Show one.htm


    Show two.htm


    Bring back start.htm

      注意,对应支持间的内容都将忽略。反之,其中的内容将显示出来,这可以用作解释当前浏览器不支持 


           禁止选取

    以下是引用片段:
     

           禁止粘贴

    以下是引用片段:
     

           地址栏图标

    以下是引用片段:
     
    favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下 

           收藏栏图标

    以下是引用片段:
     

           查看
     
    以下是引用片段:
     

           关闭输入法

    以下是引用片段:
     

           自动全选

    以下是引用片段:
     
    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (45, 3, 0, 'Javascript优化原则', '', 'http://www.dedecms.com/knowledge/web-based/javascript-ajax/2009/0929/813.html', 1270604107, 1, 1, '{dede:field name=''keywords''}Javascript优化原则{/dede:field}\r\n{dede:field name=''description''}首先,与其他语言不同,JS的效率很大程度是取决于JS engine的效率。除了引擎实现的优劣外,引擎自己也会为一些特殊的代码模式采取一些优化的策略。显然,要获得最大效率,就必须要了解引擎的脾气,尽量迎合引擎的口味。所以对于不同的引擎,所作的优化极有可{/dede:field}\r\n{dede:field name=''title''}Javascript优化原则{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}

    首先,与其他语言不同,JS的效率很大程度是取决于JS engine的效率。除了引擎实现的优劣外,引擎自己也会为一些特殊的代码模式采取一些优化的策略。例如FF、Opera和Safari的JS引擎,都对字符串的拼接运算(+)做了特别优化。显然,要获得最大效率,就必须要了解引擎的脾气,尽量迎合引擎的口味。所以对于不同的引擎,所作的优化极有可能是背道而驰的。

    而如果做跨浏览器的web编程,则最大的问题是在于IE6(JScript 5.6)!因为在不打hotfix的情况下,JScript引擎的垃圾回收的bug,会导致其在真实应用中的performance跟其他浏览器根本不在一个数量级上。因此在这种场合做优化,实际上就是为JScript做优化!

    所以第一原则就是只需要为IE6(未打补丁的JScript 5.6或更早版本)做优化!

    如果你的程序已经优化到在IE6下可以接受的性能,那基本上在其他浏览器上性能就完全没有问题。

    因此,注意我下面讲的许多问题在其他引擎上可能完全不同,例如在循环中进行字符串拼接,通常认为需要用Array.join的方式,但是由于 SpiderMonkey等引擎对字符串的“+”运算做了优化,结果使用Array.join的效率反而不如直接用“+”!但是如果考虑IE6,则其他浏览器上的这种效率的差别根本不值一提。

    JS优化与其他语言的优化也仍然有相同之处。比如说,不要一上来就急吼吼的做优化,那样毫无意义。优化的关键,仍然是要把精力放在最关键的地方,也就是瓶颈上。一般来说,瓶颈总是出现在大规模循环的地方。这倒不是说循环本身有性能问题,而是循环会迅速放大可能存在的性能问题。

    所以第二原则就是以大规模循环体为最主要优化对象。

    以下的优化原则,只在大规模循环中才有意义,在循环体之外做此类优化基本上是没有意义的。

    目前绝大多数JS引擎都是解释执行的,而解释执行的情况下,在所有操作中,函数调用的效率是较低的。此外,过深的prototype继承链或者多级引用也会降低效率。JScript中,10级引用的开销大体是一次空函数调用开销的1/2。这两者的开销都远远大于简单操作(如四则运算)。

    所以第三原则就是尽量避免过多的引用层级和不必要的多次方法调用。

    特别要注意的是,有些情况下看似是属性访问,实际上是方法调用。例如所有DOM的属性,实际上都是方法。在遍历一个NodeList的时候,循环条件对于nodes.length的访问,看似属性读取,实际上是等价于函数调用的。而且IE DOM的实现上,childNodes.length每次是要通过内部遍历重新计数的。(My god,但是这是真的!因为我测过,childNodes.length的访问时间与childNodes.length的值成正比!)这非常耗费。所以预先把nodes.length保存到js变量,当然可以提高遍历的性能。

    同样是函数调用,用户自定义函数的效率又远远低于语言内建函数,因为后者是对引擎本地方法的包装,而引擎通常是c,c++,java写的。进一步,同样的功能,语言内建构造的开销通常又比内建函数调用要效率高,因为前者在JS代码的parse阶段就可以确定和优化。

    所以第四原则就是尽量使用语言本身的构造和内建函数。

    这里有一个例子是高性能的String.format方法。String.format 传统的实现方式是用String.replace(regex, func),在pattern包含n个占位符(包括重复的)时,自定义函数func就被调用n次。而这个高性能实现中,每次format调用所作的只是一次Array.join然后一次String.replace(regex, string)的操作,两者都是引擎内建方法,而不会有任何自定义函数调用。两次内建方法调用和n次的自定义方法调用,这就是性能上的差别。

    同样是内建特性,性能上也还是有差别的。例如在JScript中对于arguments的访问性能就很差,几乎赶上一次函数调用了。因此如果一个可变参数的简单函数成为性能瓶颈的时候,可以将其内部做一些改变,不要访问arguments,而是通过对参数的显式判断来处理。

    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (46, 3, 0, '讨论Ajax之所以优于JSF的原因', '', 'http://www.dedecms.com/knowledge/web-based/javascript-ajax/2009/0929/812.html', 1270604107, 1, 1, '{dede:field name=''keywords''}讨论Ajax之所以优于JSF的原因{/dede:field}\r\n{dede:field name=''description''}Sun为什么会搞出一个JSF,JSF为什么会是现在这个样子,我想原因是这样的: 首先,基于组件的Web开发将来会是一个趋势。自包含的组件便于IDE的处理,可以提高开发效率。{/dede:field}\r\n{dede:field name=''title''}讨论Ajax之所以优于JSF的原因{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}  Sun为什么会搞出一个JSF,JSF为什么会是现在这个样子,我想原因是这样的: 首先,基于组件的Web开发将来会是一个趋势。自包含的组件便于IDE的处理,可以提高开发效率。

      就是说JSF优于Struts/WebWork这类MVC框架的优势,在于它可以与IDE结合来自动生成代码。 而传统的纯手工编写的MVC框架,影响了开发效率。 因为Java技术在客户端并没有明显的优势。Applet已经被抛弃掉,Java的强项在服务器端。Sun不可能跑去使用JavaScript,因为在传统开发者眼里,JS只配做一点很琐碎的任务。

      于是在他们设计的这个架构中,所有的用户事件都放在了服务器端来处理, 这个决策造成了JSF致命的缺点。它把事件处理模型绑死在服务器上,限制了响应性更加灵敏的交互设计。随之而来的网络延迟会毁掉软件的可用性。 这也是Ajax在JSF的架构中无法充分发挥作用的原因。

      JSF的设计思路有点模仿VB,组件化的开发这个方向是没错的,Ajax开发将来也会走这条路。但是JSF与VB最大的差别是VB的事件模型都是位于本地来处理的。这是一种本质上的差别,所以如果JSF确实想模仿VB,那也是东施效颦。 而且在JSF的设计阶段,同步的请求/响应是主流,他们的思路仍然牢牢束缚在基于页面的开发方式上。根本就没有思考过其他的可能。

      异步请求/响应是Ajax与传统开发方式最大的差别,异步带来了更好的交互设计。

      在Ajax in Action第1章中作者举了一个令人信服的例子。Google Maps中当用户滚动地图时,获取新的地图图片,由于是异步请求的,因此不会打断用户的操作流程。 而在传统的地图服务,每次滚动可能都需要刷新页面。 用一下微软的那个地图服务就可以感觉到明显的差距,它甚至根本就不允许用户滚动地图。

      http://terraserver.microsoft.com/

      以前我说Google Maps不是Ajax,因为没有使用XMLHttpRequest,这样说看来理解有些狭隘。 Google Maps请求地图的图片,采用的是修改动态创建的img元素的src属性的方式,这样的请求不会打断用户的操作,因此就是异步的。 我们在Ajax in Action中看到作者将Google Maps当作Ajax应用,而在Pragmatic Ajax中作者说Google Maps不是严格意义上的Ajax,两种说法都有道理。

      JSF其实如果和Applet结合,可能更好些。Applet是多线程的,可以捕获用户的操作事件,采用异步方式发送到服务器。这样就不会打断用户的操作了。 但是这样一来设计的这个架构就复杂了。而且Applet是已经决定抛弃的东西。 JSF和Java Web Start结合也可以,不过JWS设计用来建造一类完全不同的Web应用,即Rich Client,而不是设计用来建造运行于浏览器之内的RIA应用。 所以JSF最多只是一种过渡方案,在Ajax/Flash的竞争下早已风光不在。

      未来基于浏览器的RIA开发,Ajax、Flash是两种最有前途的技术。

      按照泽欣的判断可能是三分天下,Ajax、Flash/Flex/Laszlo、还有M$的Atlas。 Atlas是M$开发的类似于Flash的一种技术,目前还只是一个vaporware,没有看到其庐山真面目。 Java Web Start相比之下只能局限于一些内部应用。

      将来位于客户端的表现层开发可能会完全没有Java的位置,这是Sun不愿意看到的,但是Sun在这场角逐中只不过是一个小角色。\r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'); INSERT INTO `#@__co_htmls` (`aid`, `nid`, `typeid`, `title`, `litpic`, `url`, `dtime`, `isdown`, `isexport`, `result`) VALUES (47, 3, 0, '警惕AJAX应用开发中的轻罪和死罪', '', 'http://www.dedecms.com/knowledge/web-based/javascript-ajax/2009/0929/811.html', 1270604108, 1, 1, '{dede:field name=''keywords''}警惕AJAX应用开发中的轻罪和死罪{/dede:field}\r\n{dede:field name=''description''}AJAX bandwagon是个好去处。它能为您提供更快捷高效,动态更强的应用。但是它也有自己的缺陷。{/dede:field}\r\n{dede:field name=''title''}警惕AJAX应用开发中的轻罪和死罪{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}

      AJAX bandwagon是个好去处。它能为您提供更快捷高效,动态更强的应用。但是它也有自己的缺陷。 

      乍看之下,具备一些常识似乎就能够避免这些缺陷,在某种程度上来看,的确如此。但是从AJAX 应用的DHTML起源来看,AJAX应用中充满了结构性的差异。无论您在应用开发工作中掌握了多少常识,学习前人的教训都是有好处的。我们将这些错误称为我们的“七宗死罪”,但是这些错误并不能代表全部的错误。

      事实上,在您犯下任何一宗死罪之前,您都可能首先犯了一些较为轻微的错误。因此,我们首先从这里着手。以下是每个人都可能会犯的一些错误,这些错误是如此常见,只要用Google搜索一下,就能找到大不部分的错误。

      七宗轻罪

      1.滥用后退键-这是每个人都会犯的错误。后退键在很多种Web应用中已然成为用户的期望。很多AJAX开发新手在开发AJAX应用时,出于多种原因都会使用后退键。首先,JavaScript对于它来说不是最友好的语言;其次,AJAX 设计需要一种全新的思考分析。

      对于AJAX新手来说很难接受“后退”不是最好选择的思路。“后退”是更新页面时,或是在特定情况下进行“撤消”时才需要的功能。在您进行编码时就要认识到,否则您最后可能会重复做功。

      2.忘记告诉用户当前发生的状况-AJAX的工作原理中一部分就是它不使用通常的网页用户界面加载程序。因此,您需要设计一些可视的提示,使用户能够了解正在发生的状况。

      3.忘记链接-这也是标准的AJAX错误:漏做了外部用户能够剪切和粘贴的URL链接。我们都曾经复制过某个URL链接然后将其发送给别人。在我们使用AJAX时,只有采用纯手工输入的方式才能把链接提供给他人。为什么?因为在AJAX应用中,服务器不提供在JavaScript自动生成的这个页面。不要忽视您的用户可能感兴趣的这项在网络应用中最为常见的功能。请花点时间为用户提供URL地址,因为服务器并不提供。

      4.用内容控制替代页面控制-如果您在寻求动态的内容控制,那么AJAX应用对传统的客户端服务器交互方式的突破对您来说可算一份大礼。但是,这样同时也会招来祸端:在重写页面上某精确位置上的内容以调整用户的交互体验时的确能够进行很好的控制,但是这可能将使您的页面不再完整。

      在很多情况下,我们专注于处理页面的某个部分,会忘记服务器不会刷新页面。这样可能导致页面零乱,使用户体验降低:当他们查看页面时看的可能是过时的页面。请关注整个页面;确保任何出现动态内容的页面都得到更新。

      5.累死蜘蛛-AJAX的优势在于无需重装就可以提供给页面的大量文本;AJAX的缺陷也在于那些无需重装就可以提供给页面的大量文本。如果应用被设计为对搜索引擎友好,那么您应该能够想到会出现什么状况。无论页面中出现了什么情况,请务必在最上面植入大量稳定的文本,让蜘蛛们去玩吧。

      6.导致乱码文本-AJAX不能支持多种字符集。这并不是什么涉及生死的局限性,但是如果忘记这点可能会导致真正的问题发生。最基本的字符集是UTF-8。无论JavaScript发送的是什么字符集,请不要忘了正确编码,并根据内容设置服务器端的字符集。  

      7.没有为使用不支持JavaScript的浏览器的用户提供提示。有些浏览器不支持JavaScript,这些用户一时不能明白出了什么状况。请给他们一些提示。

      以上都是一些很容易发现的错误。真正的问题都是容易被人忽视的。  

      AJAX七宗死罪

      1.造成内存泄露-任何长期从事开发工作的人都知道什么是循环引用,并了解循环引用给内存管理带来的危害。AJAX 所使用的JavaScript是一种内存管理语言。也就是说JavaScript具有内置的信息包收集功能,因此能够抽取不再有引用路径使用的变量并重新分配这些变量所使用的内存。

      作为基本工作原理来说,这样并无不妥;但是在模型层对象与查看元素之间互相引用时,由于这些循环引用,您就不能依靠这个功能来实现内存使用的最优化。从原则上来说,对象为零,则元素为零。但是如果这是从元素到对象的向后引用,那么信息包搜集器不会动这些对象。

      现在,问题出来了:在文件对象模型中,任何文件树中的DOM节点都可能被树中存在的其他元素引用,而无论其是否被其他对象所引用!因此,任何在信息包收集器中经过标注的被DOM节点向后引用的对象在这一方向上都必须为零,否则它的内存就会一直处于已分配状态。

      2.不了解“异步”的含义-异步这个词很容易让不熟悉它的用户感到紧张。但是如果您为这些用户所设计的网页应用属于桌面应用,那么他们肯定不会感到不安。这是一个致关重要的设计点。大部分网页应用功能与桌面副本非常类似。但是在网页应用中,用户期望这种虚幻的特征导致他们截然不同。

      用户在与网页浏览器打交道时会带有非常不同的偏见和期望,而对于桌面应用中他们并没有这样的行为。因此,尽管页面与服务器之间频繁的响应会非常好,非常高效,页面能够同时对自身进行修订,但是这将会使用户头晕眼花。因此,您需要遵守两条守则,要考虑到进入用户视觉范围内的每个变化:如果对于用户来说不是很迫切的更新,那么要使升级更为温和,不会转移;如果更新对于用户与应用的交互非常重要,那么更新要清楚而明显。

      3.使服务器变成瞎子-用户端与服务器交流的减少是一大问题,而以前并非如此。在以前,服务器端的应用了解全部情况并且能够看到全部状况:每个例外,每次重新加载,每个事件多能被看到并记录下来,当然服务器也道到底客户端是什么状况,因为服务器会记录下屏幕上显示的一起。

      在AJAX应用中可不是这样。当有事件发生时,这些事件是与服务器相互独立的,也就是说,当客户端出现问题时,服务器端并不会马上知道。在某个位置发现和记录客户端发生的事件以及例外,使服务器能够追踪需要干涉的问题

      4.用GET偷懒-GET的作用是找回数据;POST的作用是对GET进行设置。不要在不适当的时候使用GET,即使你认为这样做没有危害也不要尝试。GET的动作会改变状态,会改变状态的链接会使用户感到困惑;大部分都认为链接的作用是导航,而不是功能。

      5.数据类型不兼容-JavaScript并非.NET 框架中的一部分。尽管这有点让人伤心,但是它的确为我们展示了一个我们可能会碰到的问题:确认JavaScript能够理解其运行平台上的数据类型,反之,对于.NET或其它也是如此。可能会有多种转换,您需要一一进行。例如,Ajax .NET Pro 资料库提供能够转换.NET和JavaScript对象符号的转换器。

      6.有些应用不知何时应该关闭-无需刷新页面的内容动态生成如果没有关闭时间将会非常糟糕。How many Web pages hav你见过多少比美国国会议事录还长的网页?如果网页无限延长无疑会是用户的噩梦,只要想想用户会怎么看待永不停止的应用就知道了。让您的网络应用具有动态,但是一定要在可行的限度之内。

      7.JavaScript和DOM相互独立-请记住AJAX是建立在“模型-视觉-控制器”(Model-View-Controller)结构之上,请认真对待这点。JavaScript属于模型层,DOM属于视觉层,而控制器是衔接他们的婚姻顾问。请确保您的网络文件独立于JavaScript之外(这样对于不支持JavaScript的用户比较有用) – 除非内容自身只在用户使用JavaScript才有意义。在这种情况下,用JavaScript来创建内容。

    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (48, 3, 0, '如何用jQuery简化JavaScript开发', '', 'http://www.dedecms.com/knowledge/web-based/javascript-ajax/2009/0929/810.html', 1270604108, 1, 1, '{dede:field name=''keywords''}如何用jQuery简化JavaScript开发{/dede:field}\r\n{dede:field name=''description''}jQuery是我最近发现的一个新工具。jQuery开发团队形容jQuery是“一个快捷、简练的JavaScript库,它可以简化HTML文档检查、事件处理、动画执行、并给你的Web页面增加AJAX交互。”{/dede:field}\r\n{dede:field name=''title''}如何用jQuery简化JavaScript开发{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}

    我总是乐于尝试新工具或利用节省开发时间的资源。由于市面上存在有许多Web开发工具,你可能很难缩小搜索范围。

    是我最近发现的一个新工具。形容jQuery是“一个快捷、简练的JavaScript库,它可以简化HTML文档检查、事件处理、动画执行、并给你的Web页面增加AJAX交互。”

    jQuery初步

    你可以jQuery的最新版本。它由一个明确定义的脚本文件构成,因此你可以随意研究它的源代码。下载JavaScript文件后,你就可以把它放在Web服务器中准备使用。你可以用HTML SCRIPT元素把jQuery库加载到任何Web页面中。src属性应利用文件在服务器中的真实路径。

    下载文件后,以下的一些任务会对你使用jQuery有所帮助。

    编码基础

    以下是使用jQuery编码时用到的一些指针:

    • jQuery代码块前为美元符号($)。
    • 美元符号后是一个左圆括号。
    • 括号内是你要jQuery查找的内容,如它应使用哪个元素。
    • 特定对象事件后为右圆括号。
    • 你可以用指定的事件定义所发生的操作。方法/事件后的括号内是一个说明发生事件时会出现什么操作的函数。

    在举例说明之前,我想介绍jQuery库的一个最有益的基础元素。JQuery利用的一切功能全都位于中,因此在你使用jQuery的特性之前,你必须加载这个文档。你可以用这个文档的ready事件完成上述操作,如下面的jQuery代码段所示:

    $(document).ready(function() {

    // Your code goes here

    });

    上面的简单jQuery代码允许你在文档完成加载后执行代码。列表A是它的一个应用实例,它对页面上的所有标题元素应用一个CSS类。


    \r\nTest
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n

    Test


    \r\n

    test


    \r\n

    Test2


    \r\n

    test2


    \r\n

    这段代码中包含以下元素:

    • $(document).ready(function(){——在页面完全加载后,告诉页面执行(函数主体内)的代码。
    • $(''h1'').addClass("testclass");});——定位页面上的所有HTML H1元素。addClass方法将所有的testclass CSS类分配给H1元素。这个类设定一个黄色背景色,因此所有标题都为黄色背景。

    jQuery文档还简单说明了许多其它事件属性和函数,并介绍它们的用法。列表B中的简单代码实例说明如何给一个超链接点击事件进行编码。选择超链接时,在用户转换到链接目标前显示一个警告窗口。只有在页面内容全部加载以后,这时才再次使用ready函数来定义点击事件。

    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (49, 3, 0, '使用mashups可能会给用户带来不好体验', '', 'http://www.dedecms.com/knowledge/web-based/javascript-ajax/2009/0929/809.html', 1270604110, 1, 1, '{dede:field name=''keywords''}使用mashups可能会给用户带来不{/dede:field}\r\n{dede:field name=''description''}最近,老板在我们公司使用了一种网络内容过滤设备。至今为止,他们对该设备进行了良好的设置。在使用我的办公用计算机浏览网页时,经过该设备进行了网页内容过滤的Web世界就大为不同了。{/dede:field}\r\n{dede:field name=''title''}使用mashups可能会给用户带来不好体验{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}

    最近,老板在我们公司使用了一种网络内容过滤设备。至今为止,他们对该设备进行了良好的设置。在使用我的办公用计算机浏览网页时,经过该设备进行了网页内容过滤的Web世界就大为不同了。

    Mashups仅是合并的开始,像链接或将其它网站的内容嵌入到你的网站中。这样的事情被人们认为是一种粗鲁的行为,不是一个业务模型。现在,幸亏有了新的WCF设备来代替,我不再需要访问以前日常工作中可能需要浏览的一些技术和业务相关网站。

    问题并不在网站本身,也不在网站上的内容,甚至也不是因为我访问的网站与我的工作没有直接的关系。问题是这些网站常常将YouTube网站的视频信息嵌入到它们的内容中。

    我知道WCF设备确实记录和监控用户访问过的网站,即使这个网站未被列入黑名单。我也知道它会对这些记录输出报告,以发现那些网站比较有价值或者那些网站对工作没有多少帮助。

    这很好,我担心的问题是,如果他们决定对嵌入了YouTube视频信息的网站开启一些警告如“嘿,该用户经常试图访问受限制或标记的内容!”等,那么其它的mashups就会使用困难。

    我不使用Mashup还有另外的原因。我以前已经从两个不同的角度介绍过这个方面的内容。在“”中讨论了为什么我认为mashups是一个不好的想法的原因。在“”一文中,我们为大家介绍了对“便利”数据的误用可能会将安全应用转变成职业杀手的问题。

    在将某些内容放到YouTube、Flikr或其它类似网站上时,大多数开发人员或Web设计人员最不希望的事是他们可能给用户带来麻烦。

    正好相反,他们说“看,很好,我可以将这个有用的视频信息放到YouTube上,它不会堵塞网络带宽,我的网站运行速度很快,YouTube播放器很好用,它能很好的与我的网站结合。”这些都是真话。

    但是另一个事实是,当用户登录你的网站浏览与工作相关的Web页面时,用户所在的公司可能会将此访问记录为访问一个未授权的或不合适的网站,这不是用户所希望的。

    结果,眼光敏锐的用户可能会开始拒绝访问这些与工作相关的站点。当他们对感兴趣的信息来源逐渐减少访问时,那么可以肯定地是他们日常访问也会相应减少。

    我始终认为对来自域外面的内容应该清楚的标记为外部链接,这将十分有用。这样如果用户想在一个新窗口中打开一个网站时,他们可以做出决定能否打开,从而可以保留他们对你的网站兴趣。

    如果网站中存在用户不感兴趣的内容或该内容来自用户不希望访问站点,这将有助于确保他们可以得到一个全面的选项。总之,清晰的标记外部内容(或者通过链接内容或者通过链接图标)对你的网站和用户是一种双赢的方法。

    我的观点是不要对网站内容进行拼接。总的来说,这不是一个很好的策略。设计一个自己的类似系统,或者为了播放来自服务器的内容嵌入一个Flash播放器,或插入一个标准多媒体插件,这都不是很困难。

    如果你的带宽不足以提供这些内容,那么你可能需要考虑实际可以添加多大数据量的视频、音频剪辑或任何其它内容。一旦将你的内容放在其它地方结果将会很糟糕,它可能会被添加了一些广告或其它东西。这将会给用户带来大量麻烦。

    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (50, 3, 0, '如何用JavaScript实现旋转木马', '', 'http://www.dedecms.com/knowledge/web-based/javascript-ajax/2009/0929/808.html', 1270604111, 1, 1, '{dede:field name=''keywords''}如何用JavaScript实现旋转木马{/dede:field}\r\n{dede:field name=''description''}Flash动画可以让Web网站看起来很漂亮,但是由于各种原因不是每个人都会在自己的客户端浏览器上安装Flash播放器。如果你或者你的用户不幸安装了64位的Linux发行版,或者你痛恨在自己的Web页面上放动画,那么你就不得不面对没有Flash动画的情况了。{/dede:field}\r\n{dede:field name=''title''}如何用JavaScript实现旋转木马{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}

    Flash动画可以让Web网站看起来很漂亮,但是由于各种原因不是每个人都会在自己的客户端浏览器上安装Flash播放器。如果你或者你的用户不幸安装了64位的Linux发行版,或者你痛恨在自己的Web页面上放动画,那么你就不得不面对没有Flash动画的情况了。

    在本文里,我将告诉你如何用JavaScript实现一个可用性更高的旋转木马(carousel)而弃用Flash。

    JavaScript——两害相交取其轻

    在本文里,我不准备去争论为什么要开发一个旋转木马,而是要接受我们不得不去开发的事实。

    那么问题就来了:为什么要使用JavaSript而不是Flash?

    • 它要比Flash的实现更加轻巧——通过优化代码,我们只需要几千字节就能够获得一个可以使用的旋转木马,加载图片所需要的时间要比HTML和JavaScript的长。
    • 可维护性是另外一个原因。很多开发人员都知道JavaScript在可维护性上要胜Flash一筹。也许你没有(足够的)设计资源来创建一个功能完整的Flash实现,所以如果将它突然留给开发人员,这就意味着JavaScript是一个可行的替代方案。
    • 降级。在禁用JavaScript的情况下将有用的内容发送给用户要比在禁用Flash的情况下容易得多。
    • 可访问性。用屏幕阅读器浏览旋转木马要比浏览Flash对象更容易。
    • Google。如果你的内容是在页面中的,Google就能够搜索到它;如果它在Flash中,而且页面中没有隐藏旋转木马的话,那么Googlebot就无法找到链接。

    HTML基础

    知道了这些原因,就让我们从将要在本文中用到的四个内容开始创建旋转木马吧。

    Secure IIS

    Log files are essential to reconstruct events before an IIS Web server failure. Learn how to protect your log files with this tip.

    Full story

    User Group Mash

    Find an Aussie user group near you with our new Google maps interface.

    Full story

    .NET 101

    Learn how the .NET Framework works and the tools you''ll need to get up and running in this quick start guide.

    Full story

    Understand CSS

    Before diving into CSS learn some of the core drivers and concepts.

    Full story

    这个时候蒙娜丽莎对我们还没有用。现在让我们向这些div加入一些样式,让它看起来更像我们所知道的旋转木马:

     

    Secure IIS

    Log files are essential to reconstruct events before an IIS Web server failure. Learn how to protect your log files with this tip.

    Full story

    User Group Mash

    Find an Aussie user group near you with our new Google maps interface.

    Full story

    .NET 101

    Learn how the .NET Framework works and the tools you''ll need to get up and running in this quick start guide.

    Full story

    Understand CSS

    Before diving into CSS learn
    some of the core drivers and concepts.

     

    Full story

     

    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (51, 3, 0, '设计与应用JavaScript对象符号JSON', '', 'http://www.dedecms.com/knowledge/web-based/javascript-ajax/2009/0929/807.html', 1270604111, 1, 1, '{dede:field name=''keywords''}设计与应用JavaScript对象符号JS{/dede:field}\r\n{dede:field name=''description''}XML是作为一种数据交换工具开发并推出的,但并不是所有开发者都支持这一工具。实际上一些开发者选择开发其它工具。JSON(JavaScript对象符号)就是其中之一。在本文中,我们来详细了解一下JSON的设计与应用。{/dede:field}\r\n{dede:field name=''title''}设计与应用JavaScript对象符号JSON{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}

    XML是作为一种数据交换工具开发并推出的,但并不是所有开发者都支持这一工具。实际上一些开发者选择开发其它工具。(JavaScript对象符号)就是其中之一。在本文中,我们来详细了解一下JSON的设计与应用。

    JSON简介

    JSON是一种用JavaScript对象符号格式化文本的简单方法。与其它更为流行的面向对象设计技术不同的是,人们经常称它为面向数据工具。由于它使用编程结构,因此易于为人与机器进行阅读。

    JSON旨在传送基于文本的数据,所以它不支持任何类型的二进制对象。基本上,它支持两种类型的数据结构:名称/值对集合(如对象)和有序数值列表(如数组)。下面的列表详细说明了JSON支持的数据元素:

    • Objects(对象):以大括号( {})开始并结束的对象。
    • Object members(对象成员):由以冒号(:)分隔的字符串和值组成的元素。成员之间用逗号(,)隔开。
    • Arrays(数组):数据用大括号定义。也就是说,它们以大括号({})开始并结束。数组由值构成,这些值位于大括号之中,不同值之间以逗号隔开。
    • Values(值):单独的值可能为字符串、数字、对象、或一个文字值,如真、假和零。字符串值位于双引号中,可能包含Unicode字符和反斜扛或转义字符。字符是一个单独的字符串。

    简单是JSON的一个主要优势——它比与之对应的XML要简单得多。用一个显示JSON数据语法和格式化的例子就能清楚证明这一点。下面的代码片断使用JSON来建立一个网址数组:

    {

    "websites":[

    "http://www.techrepublic.com/",

    "http://www.cnet.com/",

    http://www.news.com/

    ] }

    要用XML方便地定义同样的数据,可能相当困难。

    为何不使用XML

    XML是一个优秀的数据工具。它允许你建立标签等符号来描述任何类型任何数量的数据。另外,它还是IT业的知名标准。

    另一方面,对许多任务来说,XML的功能可能过于强大,并会增加许多额外的开销。而且,不管它建立起来多么方便,(人类)却无法阅读这些代码。

    让我们用XML格式化前面的例子:

    http://www.techrepublic.com/

    http://www.cnet.com/

    http://www.news.com/

    你可能认为这两个例子之间没有太大的差别。但是,在XML中要传送的字符数量几乎增加了一倍。对一个简单的例子而言,这可能不是一个大问题。但让我们看看下面的一个更加复杂的JSON实例:

    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (52, 3, 0, '完全了解AJAX', '', 'http://www.dedecms.com/knowledge/web-based/javascript-ajax/2009/0929/806.html', 1270604112, 1, 1, '{dede:field name=''keywords''}完全了解AJAX{/dede:field}\r\n{dede:field name=''description''}尽管AJAX是个相对新生的术语,但其背后的技术却并不新颖。我们从基础开始认识AJAX,一种颠覆性的技术,其改变了Web应用程序的开发和应用方式,使得交互性页面和网站处于目前网络潮流的最前沿。{/dede:field}\r\n{dede:field name=''title''}完全了解AJAX{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}

    尽管AJAX是个相对新生的术语,但其背后的技术却并不新颖。随着XMLHttpRequest对象在大多数浏览器中的实现,以及GMail和Google Maps的出现激发了软件开发者重新考虑如何构建网页的灵感。我们从基础开始认识AJAX,一种颠覆性的技术,其改变了Web应用程序的开发和应用方式,使得交互性页面和网站处于目前网络潮流的最前沿。

    当请求被发送到浏览器后,其所具有的改变网页内容的功能已经存在许多年了-使用javascript脚本改变iframe''s src属性是技术之一。

    XMLHttpRequest对象

    XMLHttpRequest对象使AJAX的出现成为可能,它产生异步请求,并决定如何处理结果。在大多数浏览器中,我们使用如下代码来创建对象:

    var xmlhttp = false;

    try {

    xmlhttp = new XMLHttpRequest();

    } catch (e) {

    alert("cannot create object");

    }

    不幸的是,上文中所提到的“大多数浏览器”并不包括IE,因此对于微软的浏览器,我们需要采用一种特殊的方法创建对象。值得注意的是,根据MSXML解析器的不同版本,需要分别编写两种代码。

    var xmlhttp = false;

    try {

    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");

    } catch (othermicrosoft) {

    try {

    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

    } catch (failed) {

    xmlhttp = false;

    }

    因此,结合上述两个代码片段,我们得到了以下适合所有主流浏览器创建XMLHttpRequest对象的代码:

    var xmlhttp = false;

    try {

    xmlhttp = new XMLHttpRequest();

    } catch (trymicrosoft) {

    try {

    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");

    } catch (othermicrosoft) {

    try {

    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

    } catch (failed) {

    xmlhttp = false;

    }

    }

    }

    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (53, 3, 0, '用Mozilla免费调试器调试JavaScript', '', 'http://www.dedecms.com/knowledge/web-based/javascript-ajax/2009/0929/805.html', 1270604112, 1, 1, '{dede:field name=''keywords''}用Mozilla免费调试器调试JavaScr{/dede:field}\r\n{dede:field name=''description''}编程错误是生活中的严酷事实,但你不应在追踪这些错误的同时捶胸顿足。更加稳定的语言,如Java和.NET系统语言提供简化问题追踪过程的开发环境。{/dede:field}\r\n{dede:field name=''title''}用Mozilla免费调试器调试JavaScript{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}

    编程错误是生活中的严酷事实,但你不应在追踪这些错误的同时捶胸顿足。更加稳定的语言,如Java和.NET系统语言提供简化问题追踪过程的开发环境。

    JavaScript开发者拥有较少的选项,但提供你所需的一切功能。(Venkman是这个调试器的代号。)

    Venkman JavaScript调试器

    这个调试器的前身为Netscape的JavaScript调试器,它是Mozilla的一个附加产品。Venkman JavaScript调试器既是一个图形,也是一个控制台调试器。

    下载并安装Venkman JavaScript调试器后,就可以通过“工具|Web开发|JavaScript调试器”菜单启动它。这个附加产品允许你查看和调试位于源文件或网页中的JavaScript。它提供以下特性:

    • 断点管理:断点允许你在源代码的特定位置终止代码执行。你可以在这个工具内设置和清除断点,这允许你在调试时轻松控制程序流程。双击断点打开与之对应的文件,断点行也会高亮显示。
    • 调用堆栈检查:通过这个特性可粗略了解脚本运行时调用了哪些内容。双击调用堆栈中的一个项目,打开它包含的文件,突出显示与调用堆栈中项目对应的行。
    • 变量/对象检查:这个特性允许你在执行脚本时查看变量和对象的值。
    • 查看源代码:调试器界面的脚本视图允许你查看被调试的JavaScript代码。
    • 执行JavaScript代码:你可以在调试器中输入并运行自己的JavaScript代码。

    调用堆栈、打开文件和变量/对象视图以树状显示。任何旁边有扭曲图标的项目都包含子对象,可以打开扭曲图标查看这些子对象。工具栏内包含表示基本调试特性的按钮,包括:

    • 终止:停止执行当前脚本,只有在脚本运行时有效。
    • 继续:允许你在用断点终止脚本执行后恢复脚本运行。
    • 跳过:允许你跳过一个函数调用。只有在逐行遍历一段代码时它才有用;调用时它允许你跳过一个函数的代码。函数调用继续,你接着运行被调用函数之后的代码。
    • 跳进:一次运行一个语句。遍历一个语句后,你可以在其它调试窗口中看到它的效果。而且,当你调用函数时,它允许你进入这个函数内。
    • 跳出:执行当前函数的剩余部分,执行在调用它的那一行终止。(只有使用Step Into,转入被调用的函数执行时它才有效。)
    • 剖析:激活或禁用当前运行脚本的代码剖析。

    用Venkman JavaScript调试器调试一个文件

    用Firefox和Venkman JavaScript调试器调试JavaScript代码相当简单。首先,你将要调试的页面加载到Firefox中。之后,通过工具菜单启动调试器,打开调试器后,当前页面即位于文件列表中。

    你可以在文件列表中导航页面,双击打开和查看它包含的文件,其中包括加载到页面中的JavaSrcipt文件。你可以双击JavaSrcipt文件查看它的源代码,并对其使用调试器特性。

    例如,你可以设置断点,返回浏览器窗口并与页面交互,触发JavaSrcipt执行,并在遇到断点时停止执行。这时,你可以通过调试器选项(跳进、跳过等)继续执行代码,同时监控变量和对象。调试器的另一个显著特点是你可以对代码进行剖析,找出低效的代码。

    用Venkman JavaScript调试器剖析代码

    Venkman JavaScript调试器的剖析特性允许你监控代码执行,追踪存在低效代码的瓶颈。剖析下拉菜单允许你打开收集、清除剖析数据和保存剖析数据。剖析文件可以保存为HTML、XML、文本或逗号分隔的文件。

    下面的代码中包含一部分通过剖析特性收集到的样本数据。它包括源文件名和执行时间窗口、所使用函数的名称(包括源代码行号)、运行时调用函数的总次数、以及执行总时间。

    prototype.js: 750 - 2500 milliseconds

    Function Name: [from] (Lines 489 - 498)

    Total Calls: 2 (max recurse 0)

    Total Time: 2359.38 (min/max/avg 0/2359.38/1179.69)

    Time (ex. calls): 2359.38 (min/max/avg 0/2359.38/1179.69)

    剖析数据允许你查出可能对代码的性能造成负面影响的代码和函数。

    用Venkman JavaScript调试器追踪问题

    JavaScript开发者需要Mozilla Venkman JavaScript调试器。该插件允许你轻松地遍历代码执行、监控变量和对象、并定位任何可能给性能造成负面影响的代码。

    价格标签是Venkman JavaScript调试器的最佳特性——你可以在各种版本的基于Mozilla的浏览器(如Firefox)中免费使用这一特性。

    作为一名资深开发者,我喜爱这个调试器,因为它显著简化了JavaScript代码调试工作。

    Tony Patton拥有丰富的Java、VB、Lotus及XML认证方面的知识,是一个专业的应用程序开发人员。

    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (54, 4, 0, '使用Dreamweaver批量做web网页', '', 'http://www.dedecms.com/knowledge/web-based/dreamweaver/2009/0929/764.html', 1270604323, 1, 1, '{dede:field name=''keywords''}使用Dreamweaver批量做web网页{/dede:field}\r\n{dede:field name=''description''}做网站,麻烦在更新,特别是大规模更新,工作量非常大。真不知那些创意不断而又勤奋的“站长”,隔三岔五将网站来个“大换血”,是怎么忙过来的。{/dede:field}\r\n{dede:field name=''title''}使用Dreamweaver批量做web网页{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}

    ,麻烦在更新,特别是大规模更新,工作量非常大。真不知那些创意不断而又勤奋的“站长”,隔三岔五将网站来个“大换血”,是怎么忙过来的。

    告诉你这个秘密吧,他们很多是在“批发”网页,并且你的机器中也有这样的“批发站”呢!这个好东东就是——模板。常见的工具:FrontPage、DreamWeaver中都有这项功能。如用DreamWeaver 3.0 制作网站时,使用模板就能减少大量的重复劳动。

    一、建立模板

    1、创建模板页面

    最简单的办法是将一个网页另存为模板文件,通过执行命令:File→Save as Template,DreamWeaver会在网站根目录中建立一个模板文件夹——Templates来保存该模板。

    当然,也可以新建一个模板:Window→Templates,会出现的Templates面板,单击右下角的New Template按钮,输入文件名,就建立了一个空模板;再单击Open Template按钮打开该模板,保存后自动存放于网站模板文件夹Templates中。

    新建、打开的模板页面和普通的网页没什么两样,同样可以加入表格、层、图片、动画、脚本,设置页面属性等。

    举例:这里以制作一个模板为例来说明。在该页面中,我们希望左侧的网站标识图和底部的导航图出现在每个页面中。其中标识图由两幅图片叠加而成,导航图上的文字“最近更新”、“在线阅读”、“打包下载”等划分成几个热区分别链接到不同的文件,它们在每个页面中都不变。右上部的主页面区和左下角弹出式选单按钮下面的页面说明则各不相同。为了保持页面整洁,我们用表格来布置这些元素。

    准确地说它只是一个没有可编辑区域的“准模板”,下面再设定可编辑区域。

    2、设定可编辑区域

    设定模板可编辑区域,一般来说有两种方法。

    新建可编辑区域:选择命令:Modify→Template→New Editable Region。在某一空白区域中单击后执行该命令即可将该区域变为可编辑区域。

    标记某一区域为可编辑区域:选择命令:Modify→Template→Mark Selectin as Editable Region。如果某区域已经有一些文字,并且希望在以后新建的超文本文件中部分保留其内容,先选中该区域再执行标记命令即可。

    取消可编辑状态:选择命令:Modify→Template→Unmark Editable Region。执行该命令后会弹出一个对话框,其中有当前已有的可编辑区域列表,选中要取消的区域名称,确认即可。

    举例:在大片空白区中随便单击一下,执行Modify→Template→New Editable Region命令,在弹出对话框中输入名称:Main;选中左下角本页说明下面的文字,执行Modify→Template→Mark Selectin as Editable Region命令,输入名称:exp。可以看到可编辑区显示为浅蓝色,保存即完成模板制作。

    二、使用模板

    1、根据模板新建页面

    命令:File→New From Template。弹出对话框,从模板列表中选取模板,出现的新页面中除可编辑区外均有淡黄色背景,是不能进行修改的部分。空白的Main编辑区可直接进行插入表格、文字、图片等操作,Exp编辑区保留有原来的文字,修改或重新编辑均可。

    2、对一个已经有内容的页面应用模板

    命令:Modify→Template→Apply Template to Page。选择模板后还会弹出一个对话框,让您选择现有的孤立内容保存到哪个可编辑区域(Choose Editable Region for Orphaned Content)。要是不想保留则可以选择“(none)”。

    举例:我们先新建一个普通页面,输入:“CIW电脑工作室”,执行Modify→Template→Apply Template to Page命令,选择模板test,现有内容保存区域选择Main,确认后可看到页面自动变成了模板页的形式,而“CIW电脑工作室”这一行字就出现在主编辑窗口中。

    3、更新模板以全面更新站点

    基于某一模板建立了一些页面后,对模板进行修改后保存时,就会自动弹出一个对话框,列出所有使用了该模板的页面,询问是否要更新。

    另外一种方法是执行Modify→Template→Update Pages命令。从Update Pages对话框中选择一个站点或站点的某一种模板(同一站点中可以使用多个模板),单击右侧的Start按钮,软件会自动搜索与模板相关联的网页并进行更新。非常方便!

    举例:Test模板左侧图形中的“读书破万站”图片是用一个图层叠加在另一幅图片之上的,现在不想要它,同时还想将所有页面中的该图片均删除。就可以打开模板test.dwt,删除该图层,保存模板,单击右侧的“Update”按钮即可。

    注意:新建和使用模板前需定义站点。方法是,执行命令:Site→Define Sites;指定站点名称和本地根目录(Local Root)。模板使用的是相对路径,如果没有指定网站在本地的位置,软件就不能准确找到并保存模板文件;并且应用模板新建和更新页面时,页面中的超链接也不能随页面文件保存位置的不同而相应变化。

    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'); INSERT INTO `#@__co_htmls` (`aid`, `nid`, `typeid`, `title`, `litpic`, `url`, `dtime`, `isdown`, `isexport`, `result`) VALUES (55, 4, 0, '用 Dreamweaver 8 搞定web标准', '', 'http://www.dedecms.com/knowledge/web-based/dreamweaver/2009/0929/763.html', 1270604324, 1, 1, '{dede:field name=''keywords''}用,Dreamweaver,8,搞定web标准{/dede:field}\r\n{dede:field name=''description''}如果您正在读这篇文章,您很可能是已经对 Web 标准有了一定的兴趣,并且对用 DW ( Dreamweaver 的简称)来构建的站点中标准的应用非常好奇。{/dede:field}\r\n{dede:field name=''title''}用 Dreamweaver 8 搞定web标准{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}

       译者序:这个系列原文一共8篇文章,从普及 Web Standards 入手,讲述如何用 Dreamweaver 8 来构建符合标准的 Web ,由于原作者的此篇文章是对《Build Your Own Standards Compliant Website Using Dreamweaver 8 》(这篇文章是收费的)的摘录,所以我对内容进行了适当的删改,顺序与原文是一致的,但篇幅会有调整,特此告知。翻译水平有限,敬请谅解。

      如果您正在读这篇文章,您很可能是已经对 Web 标准有了一定的兴趣,并且对用 DW ( Dreamweaver 的简称)来构建的站点中标准的应用非常好奇。

      或许您已经对 WS (Web Standards的简称)有了一定的了解,但是您并不知道如何用 DW 来编写可兼容的代码。或者您是一个 DW 用户,您很想遵从 WS ,更广泛的使用 CSS ,并且可以制作出更有亲和力的文档。无论您是哪一种类型,这篇文章都会给您想要的答案:告诉您如何用 DW 来搞定 WS。

      Web 标准的定义

      就我们在整篇文章所关心的 WS 来说,让我们首先花一点时间来明确一下我们究竟在谈论些什么:

      WS 是一些指导 Web 开发语言的规范,是由 W3C 所制定的。这些规范包含了多种语言,例如,HTML、XHTML 和 CSS 还有一些其他的相关语言,例如 MathML,用来表示数学中的方程,当你有这种特殊的需要的时候,或许会用得上。W3C 也颁布了“Web 内容亲和力指南”(Web Content Accessibility Guidelines —— WCAG)——推广网页的可访问性(通过 WAI )

      提示:直接获取这些规范

      你可以在 W3C 的网站上阅读这些规范,尽管他们有时读起来还是有些困难的:

      HTML 4.01

      XHTML 1.0

      CSS 1

      CSS 2.1

      WCAG 1.0

      在本文中,我们将会用到 XHTML1.0、CSS1 和 2.1、WCAG 1.0 等规范和建议,但是你一定很高兴知道我们其实不必过多的阅读 W3C 文档。

      谁需要 WS ?

      您可能只有一个含糊的概念:WS 是个好东西,但是许多网站——包括许多知名的站点——并不遵从 WS ,并且他们看起来的确管理得很好。所以,为什么我们要尽力去遵从 WS 呢?这么做会有什么真正的收益吗?谁需要 WS ?谁需要去关注 W3C 的规范与建议?

      Web 开发者与设计者

      需要关注 WS 的首类人群就是我们:网站建设的开发者与设计者。花费时间去学习如何用 WS 开发对于我们来说值得吗?

      整洁的标记使 BUG 的修复速度加快。

      如果您通过 W3C 校验您的页面,至少您会了解到不规范的标记并不是引起您曾经遇到过的错误的原因。有时,校验一个页面和修复已发现错误的过程,可以清除显示中遇到一些问题,这些问题是由标记(element)没有结束或标签(tag)拼写错误引起的。

      即使校验您的文档并没有修正这些问题,至少你会知道这些问题存在于规范的文档中。既然你已经知道这个问题不是一个错误,那么你可以开始关注其他的问题了,例如在不同的浏览器中 CSS 处理差异问题。

      遵从可访问性的需求很容易

      如果你编写一个规范的 XHTML 标记,那么你就可以保证文档在语义上是无误的,并且您可以把文档中的内容与表现相分离,您将可以把大量的工作放在许多 WCAG1.0 中所列的可访问性的问题上。认识到可访问性并不是仅仅为残疾人设计的这一点也很重要。一个亲和力好的站点是可以被许多不同的设备访问的,例如移动电话和 PDA ,他们是不具备强大的处理能力去对付那些散乱而非标准的标记的。

    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (56, 4, 0, 'Dreamweaver cs3 彩蛋', '', 'http://www.dedecms.com/knowledge/web-based/dreamweaver/2009/0929/762.html', 1270604329, 1, 1, '{dede:field name=''keywords''}Dreamweaver,cs3,彩蛋{/dede:field}\r\n{dede:field name=''description''}随着ADOBE CS3系列产品的亮相,我们最关注的Dreamweaver CS3也获得了最新的消息。首先先来看看传统的Dreamweaver彩蛋是否还在。内容来自中国站长资讯网(www.chinahtml.com)第一个Dreamweaver彩蛋就是:1,在网页中插入一张图像;2,打开属性面板,在图像的缩{/dede:field}\r\n{dede:field name=''title''}Dreamweaver cs3 彩蛋{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}

    随着ADOBE CS3系列产品的亮相,我们最关注的Dreamweaver CS3也获得了最新的消息。

    首先先来看看传统的Dreamweaver彩蛋是否还在。

    第一个Dreamweaver彩蛋就是:

    1,在网页中插入一张图像;

    2,打开属性面板,在图像的缩略图上双击鼠标+Ctrl键

    这里看到的头像即为开发Dreamweaver的相关人员。

    第二个Dreamweaver彩蛋就是:

    1,打开属性面板,在颜色文本框中输入文本“”,回车确认

    2,在Dreamweaver窗口的左侧出现绿色小块,可使用鼠标上下移动作为弹球的垫板

    3,而最为弹球的就是Dreamweaver的LOGO(原先都是圆的,Dreamweaver cs3成方的了),该弹球在Dreamweaver的窗口范围内碰壁,回弹至最左侧时需要移动垫板靠上,否则游戏结束。

    很不错的消遣游戏吧:)做网页累了玩下吧,呵呵。

    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (57, 4, 0, '插入的Flash添加透明或其他参数', '', 'http://www.dedecms.com/knowledge/web-based/dreamweaver/2009/0929/761.html', 1270604330, 1, 1, '{dede:field name=''keywords''}插入的Flash添加透明或其他参数{/dede:field}\r\n{dede:field name=''description''}Dreamweaver升级到8.0.2后,插入Flash时的代码会有所改变,这是Macromedia为解决IE中的Flash会出现控件激活框而作的更新。要为Flash添加透明等参数有两种方法。内容来自中国站长资讯网(www.chinahtml.com)● 用Dreamweaver的属性面板为插入的Flash添加透明属{/dede:field}\r\n{dede:field name=''title''}插入的Flash添加透明或其他参数{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}

    Dreamweaver升级到8.0.2后,插入Flash时的代码会有所改变,这是Macromedia为解决IE中的Flash会出现控件激活框而作的更新。要为Flash添加透明等参数有两种方法。

    ● 用Dreamweaver的属性面板为插入的Flash添加透明属性,此方法简单实用。

    使插入的Flash处于选择状态,点击属性面板中的“参数”,在随即弹出的参数表中添加一行,参数名为“wmode”,值为“transparent”。使用此方法时注意,若页面中有人工输入的Flash ID,此ID将被删除,请在添加完参数后重新输入ID。

    在Dreamweaver8.0.2中为插入的Flash添加透明或其他参数

    ● 在html代码中为插入的Flash添加透明属性。
    同样是添加值为“transparent”的“wmode”参数。

    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (58, 4, 0, 'Dreamweaver8轻松实现文本的段落缩进', '', 'http://www.dedecms.com/knowledge/web-based/dreamweaver/2009/0929/760.html', 1270604331, 1, 1, '{dede:field name=''keywords''}Dreamweaver8轻松实现文本的段落{/dede:field}\r\n{dede:field name=''description''}如何在Drwamweaver中实现文本的段落缩进,也就成了网页制作中的一大难题。针对这一问题,本文为大家提供以下几种解决办法。{/dede:field}\r\n{dede:field name=''title''}Dreamweaver8轻松实现文本的段落缩进{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''} 我们在用Drwamweaver书写英文文本时,段落一般不缩进(不支持半角空格);但我们大多的时候都是用中文书写格式,必须在每段开头空两个汉字的位置。但浏览器对于文本中的空格,不管多少只认一个空格。如何在Drwamweaver中实现文本的段落缩进,也就成了中的一大难题。针对这一问题,本文为大家提供以下几种解决办法。
    一、用自Dreaweave身所带的功能
    1、在Dreamweaver中执行下面操作4次就可以插入两个汉字大小的空格。

    Dreamweaver8轻松实现文本的段落缩进

    2、用同背景色相同颜色的字符来完成插入空格,这种方法操作比较繁琐、不易修改,而且在浏览内容被选取时,隐藏的字符就曝光了。
    二、用HTML语言
    用HTML语言方实现中文段落缩进。对于不懂HTML的初学者来说就有些困难了。
    1、预格式(PRE)
    用预格式编写的源文件,在显示时照源文件中的排版字样显示,空行和空格都能很清楚地区别开来。如源文件为:   
    〈pre〉
      --预格式显示……
      〈/pre〉
    网页就会按照你预先设置好的显示方式显示,即在“预格式显示”的前面就会空两个汉字的位置。
    2、插入特殊的空格字符“ ”
            “ ”代表非显示空格字符。插入若干个“ ”字符,中间用分号(;)或者空格隔开,也可以实现中文段落缩进。不过在Netscape 3.01中只能写小写字母,而在IE中大小写都可以。(此方法易产生乱码,不建议采用)
    三、用输入法的全角
          
    如果你用的是智能ABC的拼音输入的话,那请按SHIFT+空格,这时输入法的属性栏上的半月形就变成了圆形了,然后再敲空格键,空格就出来了。另外智能陈桥五笔的全角方式也可以直接输入空格。这种方法相对比较简单,缺点是英文字符集下,全角空格会变成乱码。
    四、另类方法
    1、插入点图或图形:
    点图是指图片中只有一个或几个像素点,用肉眼看不出来。当我们在段落开头插入这样一个点图,并用HSPACE和VSPACE属性来调整点图的左右和上下的空格,以达到段落缩进。
    2、插入没有边框和内容的表格:
    这种方式与上述的插入图形方式类似,该表格没有边框和内容而是空表格。用TABLE的WIDTH和HEIGHT属性调整表格大小适合缩进的需要。利用表格来定位一般来说比较可靠,这种方法容易使页面的源文件变大。因此也不见得是格式控制的首选。
          最后告诉你一个最原始的办法:在一些文字编辑软件中(比如记事本)复制空格,然后在Dreamweaver中进行粘贴。
    五、CSS方法
         

    标记加上一些属性就可以实现,

    就可以了!本站推荐使用此方法,以后网页教学网也要改版符合WEB标准的网站的。介绍了这么多种,用哪种好呢?各位可以按自己的喜好而定。

    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (59, 4, 0, 'Dreamweaver基础教程:层及其应用', '', 'http://www.dedecms.com/knowledge/web-based/dreamweaver/2009/0929/759.html', 1270604334, 1, 1, '{dede:field name=''keywords''}Dreamweaver基础教程:层及其应{/dede:field}\r\n{dede:field name=''description''}层(Layer)是一种 HTML 页面元素,您可以将它定位在页面上的任意位置。层可以包含文本、图像或其它 HTML 文档。层的出现使网页{/dede:field}\r\n{dede:field name=''title''}Dreamweaver基础教程:层及其应用{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}

      层(Layer)是一种 HTML 页面元素,您可以将它定位在页面上的任意位置。层可以包含文本、图像或其它 HTML 文档。层的出现使网页从二维平面拓展到三维。可以使页面上元素进行重叠和复杂的布局。首先,请看下图:

      我们首先来做一个层

      1、 在「窗口」菜单>选“层”,或点「插入」菜单>布局对象>选“层”。

      2、 在页面中显示一个层。

      3、 通过周围的黑色调整柄拖动控制层的大小

      4、 拖动层左上角的选择柄可以移动层的位置。

      5、 单击层标记可以选中一个层。

      6、 在层中可以插入其他任何元素包括文字链接表格等。

      一个页面中可以画出很多的层,这些层都会列在层面板中。层之间也可以相互重叠。层面板可以通过菜单「窗口」菜单>选“层”打开。

    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60433360W0-19232_lit.jpg{/dede:field}\r\n'), (60, 4, 0, 'Dreamweaver中加入竖直线的问题', '', 'http://www.dedecms.com/knowledge/web-based/dreamweaver/2009/0929/758.html', 1270604336, 1, 1, '{dede:field name=''keywords''}Dreamweaver中加入竖直线的问题{/dede:field}\r\n{dede:field name=''description''}网页制作时经常用到1个像素高或宽的细线条来修饰,可以使网页的布局更加清晰,整体更加美观。由于一直习惯使用Dreamweaver编{/dede:field}\r\n{dede:field name=''title''}Dreamweaver中加入竖直线的问题{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}

      时经常用到1个像素高或宽的细线条来修饰,可以使网页的布局更加清晰,整体更加美观。由于一直习惯使用Dreamweaver编辑网页,所以在阅读《巧妙地在Frontpage中给网页加入一条竖直线》一文后,笔者利用文中的方法二,在Dreamweaver中给网页加入一条竖直线。

      依葫芦画瓢,按照《巧妙》一文的所述的方法二,笔者在Dreamweaver中插入表格,设置单元格边距和间距均为0,表格的宽度为1个像素,并设置背景色为蓝色。确认设置无误后,按F12预览,可是网页上并没有如愿出现竖直细线条(如图1)。明明进行了正确的设置却不能实现竖直细线条,真是郁闷!

    图1

      这是什么原因呢?于是笔者打开Dreamweaver的源代码窗口,经过仔细观察,发现设置为1像素宽的单元格中有个“ ”的标记(如图2),这个标记是HTML中的转义符,在浏览器输出为一个空格。发现这个标记,笔者终于恍然大悟,原来就是这个标记在作祟!于是删除这个标记后,再次打开网页,竖直细线条终于成功的设置了!

    图2

      在Dreamweaver中插入表格都会自动在每个单元格中加上“ ”的标记,正是因为这个标记,使得设置为1像素宽的单元格在浏览器中显示时多了个空格,把单元格撑大。

      另外,《巧妙》一文的方法一使用<hr>语句来插入竖直线,笔者觉得有不妥之处,因为<hr>语句插入的竖直线上下都会留有空白,并不能在任何时候都满足自己的需要,所以笔者建议尽量使用插入表格的方法来实现。

    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60433540F-32J3_lit.jpg{/dede:field}\r\n'), (61, 4, 0, 'Dreamweaver CS3新功能', '', 'http://www.dedecms.com/knowledge/web-based/dreamweaver/2009/0929/757.html', 1270604336, 1, 1, '{dede:field name=''keywords''}Dreamweaver,CS3新功能{/dede:field}\r\n{dede:field name=''description''}随着Adobe Dreamweaver CS3的预销我们开始了新一轮的Dreamweavr学习,那么让我们先了解下Dreamweaver CS3都有哪些新功能:{/dede:field}\r\n{dede:field name=''title''}Dreamweaver CS3新功能{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}

    随着Adobe Dreamweaver CS3的预销 我们开始了新一轮的Dreamweavr学习,那么让我们先了解下Dreamweaver CS3都有哪些新功能:

    适合于 Ajax 的 Spry 框架

    使用适合于 Ajax 的 Spry 框架, 以可视方式设计、开发和部署动态用户界面。 在减少页面刷新的同时, 增加交互性、速度和可用性。

    Spry 数据

    使用 XML 从 RSS 服务或数据库将数据集成到 Web 页中。集成的数据很容易进行排序和过滤。

    Spry 窗口组件

    借助来自适合于 Ajax 的 Spry 框架的窗口组件, 轻松地将常见界面组件 (如列表、表格、选项卡、表单验证和可重复区域) 添加到 Web 页中。

    Spry 效果

    借助适合于 Ajax 的 Spry 效果, 轻松地向页面元素添加视觉过渡, 以使它们扩大选取、收缩、渐隐、高光等等。

    Adobe Photoshop 和 Fireworks 集成

    直接从 Adobe Photoshop CS3 或 Fireworks CS3 复制和粘贴到 Dreamweaver CS3 中以利用来自您的已完成项目中的原型的资源。

    浏览器兼容性检查

    借助全新的浏览器兼容性检查, 节省时间并确保跨浏览器和操作系统的更加一致的体验。生成识别各种浏览器中与 CSS 相关的问题的报告, 而不需要启动浏览器。

    CSS Advisor 网站

    借助全新的 CSS Advisor 网站 (具有丰富的用户提供的解决方案和见解的一个在线社区), 查找浏览器特定 CSS 问题的快速解决方案。

    CSS 布局

    借助全新的 CSS 布局, 将 CSS 轻松合并到您的项目中。在每个模板中都有大量的注释解释布局, 这样初级和中级设计人员可以快速学会。可以为您的项目自定义每个模板。

    CSS 管理

    轻松移动 CSS 代码: 从行中到标题, 从标题到外部表, 从文档到文档, 或在外部表之间。清除较旧页面中的现有 CSS 从未像现在这样容易。

    Adobe Device Central CS3

    使用 Adobe Device Central (现在已集成到整个 Adobe Creative Suite® 3 中), 设计、预览和测试移动设备内容。

    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (62, 4, 0, '在Dreamweaver中插入有颜色的直线', '', 'http://www.dedecms.com/knowledge/web-based/dreamweaver/2009/0929/756.html', 1270604346, 1, 0, ''), (63, 4, 0, '在Dreamweaver8.0.2中为插入的Flash添加透明或其他参数', '', 'http://www.dedecms.com/knowledge/web-based/dreamweaver/2009/0929/755.html', 1270604347, 1, 1, '{dede:field name=''keywords''}在Dreamweaver8.0.2中为插入的Fl{/dede:field}\r\n{dede:field name=''description''}Dreamweaver升级到8.0.2后,插入Flash时的代码会有所改变,这是Macromedia为解决IE中的Flash会出现控件激活框而作的更新。要为Fl{/dede:field}\r\n{dede:field name=''title''}在Dreamweaver8.0.2中为插入的Flash添加透明或其他参数{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}

    Dreamweaver升级到8.0.2后,插入Flash时的代码会有所改变,这是Macromedia为解决IE中的Flash会出现控件激活框而作的更新。要为Flash添加透明等参数有两种方法。

    ● 用Dreamweaver的属性面板为插入的Flash添加透明属性,此方法简单实用。

    使插入的Flash处于选择状态,点击属性面板中的“参数”,在随即弹出的参数表中添加一行,参数名为“wmode”,值为“transparent”。使用此方法时注意,若页面中有人工输入的Flash ID,此ID将被删除,请在添加完参数后重新输入ID。

    按此在新窗口浏览图片

     

    ● 在html代码中为插入的Flash添加透明属性。
    同样是添加值为“transparent”的“wmode”参数。




    参考文章:IE中的Flash出现“单击以激活并使用此控件”的解决方法【原创·源文件】

    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (64, 4, 0, '通过Dreamweaver设计网页时组织CSS的建议', '', 'http://www.dedecms.com/knowledge/web-based/dreamweaver/2009/0929/774.html', 1270604349, 1, 1, '{dede:field name=''keywords''}通过Dreamweaver设计网页时组织C{/dede:field}\r\n{dede:field name=''description''}一般地讲,样式表(style sheet)就是控制网页内容外观的格式化的规则的集合。可以以三种不同的方式在你的页面中使用CSS:{/dede:field}\r\n{dede:field name=''title''}通过Dreamweaver设计网页时组织CSS的建议{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}

    一般地讲,样式表(style sheet)就是控制网页内容外观的格式化的规则的集合。可以以三种不同的方式在你的页面中使用CSS:

    代码式(Inline):写入到代码中的一次性的样式。
    内嵌式(Embedded):可控制一个页面中所有元素的样式表
    外联式(External):可控制许多页面中的元素的样式表

    事实上,许多站点都根据需要把这三种方式结合起来使用。

    在使用CSS时一个需要重点考虑的事实是不同的浏览器以及同一浏览器的不同版本以不同的方式来解析CSS。除了网络浏览器的差异之外,你还要意识到还有很多其他的浏览器,比如听力浏览器,基于电视的浏览器以及Palm pilot和TTY(teletypewriter,远程打字机)一类的手持设备。

    最佳习惯是指什么?

    大多数技术都有自己约定俗成的标准。CSS也不例外。虽然并非网络上存在的所有CSS都很规范,但按照现有标准来使用CSS却还是不无裨益的。一般来说,开发人员应尽可能将内容与报告分离开来。这样做的好处在于:

    1:增加站点的寿命

    不规范的样式表可能在当时觉得很方便,但新版本的浏览器出来以后,很可能就会出现兼容性问题。到时逐页修改站点就是一项非常费时的工作同时也使使用CSS失去了意义。

    2:让你的站点对所有的用户以及浏览器都适用。

    有些地方的政府已经立法要求网站必须让残障人士也同样可以浏览。为残障认识设计的浏览设备,比如听力浏览器,对CSS规范性要求极其严格。

    3:让站点更新和维护更加轻松。

    使用方式得当的话,CSS可让你在一个页面中的调整快速应用到所有页面中去。

    你首先要做的选择是使用哪一种样式表。当涉及到最佳习惯时,对不同样式表的分析如下:

    Inline CSS;简单地说,你应该尽量避免使用。除了一些其他的缺点之外,使用Inline CSS意味着你并没有利用到CSS的真正优点,即你并没有将内容与格式分离开。DW使用Inline CSS主要是为了定位页面元素(这些元素在DW的用户界面中称为“层(layer)”),或者为了使用某个DHTML特效,它需要使用Inline 样式的Javascript来改变一个对象的属性。

    Embedded CSS:它也不是最理想的,因为它只能对当前页面施加影响。在更新的过程中,如果某一个页面丢失,将会使站点的风格不一致;另外,当用户浏览你的站点时,每一页都要下载一次样式表信息。

    External CSS:这是你的第一选择。External CSS可以让所有连接到它的页面保持一致的外观风格;提纲挈领,更改一次,轻松更新所有相关页面;让你的页面体积更小,浏览速度更快。其他的一些最佳习惯将在下文分析具体的CSS特性时提及。

    在DW中创建CSS样式表

    在DW中创建CSS样式表时(Text 》CSS Style 》New style sheet),在弹出的对话框中,你有两个选择:新样式表文档(New Style Sheet File) 和只用于当前页(This Document Only)。选中“New Style Sheet File ”你就开始了创建External CSS的过程。这个选项要求你在真正的创建过程之前先命名样式表并为它选定一个保存位置;另外一个选项,This Document Only,则会直接把相关代码写入到页面的部分。

    你也可以在“新样式(New style)”对话框中选择一个现存的样式表来编辑或添加新的定义。

    应该连接到External CSS还是导入?

    创建外部样式表以后,你需要把它附加在每个页面上(或是模板)。要这样做,可以在CSS面板上淡季“附加样式表(Attach Style Sheet)”按纽,此时会弹出连接外部样式表 (Link External Style Sheet)对话框,在上面可以浏览到你的目标样式表的名字,找到以后,你可以选择连接(link) 或者导入(import )此外部样式表。

    连接是最常用的方式,选择“link”即可把样式表连接到页面。它会在你的页面中加入下面的标记:

    所有支持CSS的浏览器都支持连接选项。如果你想一些比较旧的浏览器(比如Netscape 4.x)也能“看到”这个样式表的话,就要采用下面的方法。

    如果你选择“导入”选项,所用的标记为:

    NetSscape4会完全忽略导入的CSS,而按照连接的CSS来解释页面。这样我们就可以放心使用CSS中的新功能,不必担心浏览器的兼容性问题了。

    CSS属性检查器

    在DW的属性检查器中可以轻易切换到CSS模式。缺省情况下,属性检查器会显示原始的HTML模式下字体标签。点击字体下拉菜单旁边的小“A”,你就可以看到目前可用的CSS样式表,而不是字体标签列表。同时,你也可以轻松切回到HTML模式。

    现成的CSS样式表

    DW中一个令人激动的CSS特性就是它包含了已制作好的CSS样式表。CSS的新用户可以先体验一下。选择File > New,在弹出的新文档对话框中选择选中CSS style sheets,在右边的方框中会出现所有可用的CSS列表。为了实践我们所说的最佳习惯,选择一个标记为“Accessible”的。

    将文档保存在站点文件夹内,然后就可以用上述的方法来把CSS附加在你的文档中了。

    设计时间样式表(Design Time style sheets)

    DW的这一特性可以让你在设计视图下工作时将样式表应用到页面,让你对站点的外观有一个更直观的认识。设计时间样式表将不会出现在站点内。从我们的最佳习惯的观点来讲,这一特性是非常有用的。如果你使用同时导入和连接两种方式(如上所述),附加设计时间样式表可以让你使用其中的任何一个来开发站点。当你想看在另一个样式表下页面外观如何时,你可以轻松更改为另一个样式表。

    对于要将CSS应用于服务器端(比如ASP, PHP, or ColdFusion)或是要在客户端通过Javascript来存取的开发者来说,设计时间样式表同样有用。服务器端样式表也是处理客户端浏览器对CSS支持不好的又一种方式。但在以前版本的DW中,这种方式却不能让你在设计阶段查看CSS的实际效果。设计时间样式表让你实时查看样式表效果,所以你可在DW中以可视界面工作。另外一个好处就是当你上传站点文件时,你不必再检查整个站点寻找冗余的样式表了。

    验证

    无论你是自己创建样式表还是编辑现有的样式表,验证可以确保你不会误用不标准的标签或错误的代码。DW本身不包含CSS验证程序,你可以使用W3C站点提供的验证服务。

    在DW内你可以验证HTML 或DHTML标签( File > Check Page > Validate Markup (for HTML) 或 File > Check Page > Validate as XML for XHTML.)。在开发基于CSS的站点时,DW提供了很多辅助工具。有了MW MX的帮助,再加上对CSS良好的理解,你就可以开发出能经受时间考验的站点了。( 负责编辑:kaso )

    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (65, 4, 0, 'Dreamweaver cs3新功能Spry效果试用', '', 'http://www.dedecms.com/knowledge/web-based/dreamweaver/2009/0929/773.html', 1270604349, 1, 1, '{dede:field name=''keywords''}Dreamweaver,cs3新功能Spry效果{/dede:field}\r\n{dede:field name=''description''}Dreamweaver CS3集成了AJAX框架Spry,使得我最近对Spry感上了兴趣。 再次说明下Spry是Adobe公司推出的AJAX框架,所谓AJAX框架,就先谈目前流行的Web2.0. 1,这些Web2.0站点从页面形式上来看,页面与浏览者的交互很时尚、也很人性化。比如注册信息时输{/dede:field}\r\n{dede:field name=''title''}Dreamweaver cs3新功能Spry效果试用{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}

     Dreamweaver CS3集成了AJAX框架Spry,使得我最近对Spry感上了兴趣。
     
      再次说明下Spry是Adobe公司推出的AJAX框架,所谓AJAX框架,就先谈目前流行的Web2.0. 1,这些Web2.0站点从页面形式上来看,页面与浏览者的交互很时尚、也很人性化。比如注册信息时输入邮箱不规则,页面立即提示……当然这在Web2.0之前已有应用,但是从来没有哪个时候像现在如此推崇此类即时检测等很符合用户体验的技术,这些脱离不了Javascript脚本的编写,其已属于AJAX的定义范畴。
     
      2,当然AJAX不仅仅是这些,比如要做个“TabPane 选项卡”很炫酷的页面展示功能,我们手写Javascript脚本就比较的费事,当然还有很多的在Web2.0站点看到的比如“显示和隐藏”、“淡入淡出”等特效,这些都离不开Javascript,而现在我们也称为AJAX技术。
     
      3,AJAX最核心的技术就是数据处理的能力,并能进行远程异步处理的能力,主要集中在对XML数据的数据交互上。
     
      所有这些,Javascript占最大比重,XHTML、CSS作为表现形式而存在、因XML涉及的XSLT、XPATH等技术融入其中,还有相关的DOM操作,这些所有有需要功能文件的组合体就构成了AJAX框架(如果可以,你也可以自己写一个AJAX框架给大家使用)。
     
      Adobe Spry 介绍页有这样一句话:With Spry, you can use HTML code, CSS code, and a minimal amount of JavaScript to incorporate XML data into your HTML documents, create widgets such as accordions and menu bars, and add different kinds of effects to various page elements.使用Spry框架,用HTML、CSS、JavaScript就可以在HTML文章中展现XML数据、建立诸如炫酷菜单的一些界面,还有其他的一些页面特效(大体上分了三类内容,这也是Spry AJAX框架所具备的)。
     
      由此,学习Spry就可以从如下三点开始:Working with Spry widgets Working with Spry Effects Working with Spry XML Data Sets今天介绍的表单检测还属其中内容。
     
      在页面中插入“Spry”-“Spry validation text field”文本框之后,在选中该表单元素之后除了显示其元素属性以外,在选择该表单元素之上的蓝色文本“Spry TextField”,属性面板中显示了表单验证相关的选项内容。
     
      比如下图就是选择“Type”是“Email Address”的邮件输入检测,触发的动作默认是“Submit”,当然自己也可以选择“Blur”或“Change”,对于这些操作,则要求使用者具备简单的Javascript知识。还可以设置默认文本提示,是否必须填写等。

      这些操作,对于有Dreamweaver经验的用户来说,曾经是在DW的脚本行为中的操作,不过那些显示的是弹出警告框,而现在是紧随表单元素之后的即时显示的文字信息,相比较一下哪个更让用户觉得亲切呢?——这就是Web2.0在表现形式上质的飞跃。

           利用Spry框架提供这些操作不仅生成基于标准的XHTML+CSS代码,还能完成完善用户体验的页面功能,这是在Dreamweaver cs3初试Spry的体会。

    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (66, 4, 0, '新手入门:利用DW8掌握网页代码基本格式', '', 'http://www.dedecms.com/knowledge/web-based/dreamweaver/2009/0929/772.html', 1270604350, 1, 1, '{dede:field name=''keywords''}新手入门:利用DW8掌握网页代码{/dede:field}\r\n{dede:field name=''description''}说到代码,有人会问:不懂代码能不能制作网页?答案是肯定的。有些人不懂代码同样能制作出非常好的网页。 在Dreamweaver的设计窗口中你每增加或改变一项内容,会自动生成相应代码。那又产生另一个问题:为什么要了解或者熟悉代码呢?可以说熟悉代码将会使你{/dede:field}\r\n{dede:field name=''title''}新手入门:利用DW8掌握网页代码基本格式{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}说到代码,有人会问:不懂代码能不能制作网页?答案是肯定的。有些人不懂代码同样能制作出非常好的网页。

      在Dreamweaver的设计窗口中你每增加或改变一项内容,会自动生成相应代码。那又产生另一个问题:为什么要了解或者熟悉代码呢?可以说熟悉代码将会使你如虎添翼,能使你的网页锦上添花。超文本标识语言(HTML)为满足更多的需要,增加了许多扩展功能。主页制作者经常使用Java Applet(小程序)、内嵌脚本、插件和其它扩展的HTML功能,充分发挥自己的想像力,就能设计出充满魅力的主页来。

      而有些效果的制作只能通过编辑代码来完成,或者通过编辑代码相对容易一些。有好多网友在论坛里提问说本站提供的网页特效代码放到自己的网页中不行,或者出现这样那样的问题。所以了解或者熟悉代码是必要的。

      基本格式

     

     
     </font>站长资讯Dreamweaver教程(<font color="#0000ff">这是你的站点标题,也是浏览网页时标题栏将要显示的内容</font>)<font color="#ff0000">
     

     
     这里是源代码的主体部分!
     

     

      HTML语言使用标志对的方法编写文件,既简单又方便,它通常使用<标志名>来表示标志的开始和结束(例如 标志对),因此在HTML文档中这样的标志对都必须是成对使用的。

      1.

      标志用于HTML文档的最前边,用来标识HTML文档的开始。而标志恰恰相反,它放在HTML文档的最后边,用来标识HTMLl文档的结束,它们并没有实际意义,只是告诉浏览器,它正在处理HTML文件。两个标志必须一块使用。

      2.

      HTML文件分为首部和主体两个部分。和构成HTML文档的首部,在此标志对之间可以使用 等等标志对,这些标志对都是描述HTML文档相关信息的标志对。两个标志必须一块使用。

      3.

      浏览过网页的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息,那些信息一般是网页的主题信息,要将您的网页的主题信息显示到浏览器的顶部,也就是标题栏的方法很简单,就是在标志对之间加入您要显示的文本即可。

       注意: 标志对只能放在标志对之间。

      4.

      是HTML文档的主体部分,在此标志对之间可包含



    等等众多的标志,它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。标志中还可以加一些其它属性,如:

      Dreamweaver有三种“文档”视图窗口:

      1、“代码”视图窗口。这是编辑代码的窗口。

      2、“设计”视图窗口。这是我们进行编辑文字、添加图片等操作常用的的窗口。

      3、“拆分”视图窗口。当我们需要上面两个窗口配合进行编辑时选用这个窗口,我们将要进行的添加代码主要在这个窗口进行。

      在使用Dreamweaver制作网页的时候大家要多注意查看代码视图!
    (负责编辑:blank)

    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'); INSERT INTO `#@__co_htmls` (`aid`, `nid`, `typeid`, `title`, `litpic`, `url`, `dtime`, `isdown`, `isexport`, `result`) VALUES (67, 4, 0, 'Dreamweaver网页制作教程:层及其应用', '', 'http://www.dedecms.com/knowledge/web-based/dreamweaver/2009/0929/771.html', 1270604351, 1, 1, '{dede:field name=''keywords''}Dreamweaver网页制作教程:层及{/dede:field}\r\n{dede:field name=''description''}层(Layer)是一种 HTML 页面元素,您可以将它定位在页面上的任意位置。层可以包含文本、图像或其它 HTML 文档。层的出现使网页从二维平面拓展到三维。可以使页面上元素进行重叠和复杂的布局。首先,请看下图: 我们首先来做一个层 1、 在「窗口」菜单{/dede:field}\r\n{dede:field name=''title''}Dreamweaver网页制作教程:层及其应用{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}

    层(Layer)是一种 HTML 页面元素,您可以将它定位在页面上的任意位置。层可以包含文本、图像或其它 HTML 文档。层的出现使网页从二维平面拓展到三维。可以使页面上元素进行重叠和复杂的布局。首先,请看下图:

    Dreamweaver教程:层及其应用

      我们首先来做一个层

      1、 在「窗口」菜单>选“层”或点「插入」菜单>布局对象选“层”。

      2、 在页面中显示一个层。

      3、 通过周围的黑色调整柄拖动控制层的大小

      4、 拖动层左上角的选择柄可以移动层的位置。

      5、 单击层标记可以选中一个层。

      6、 在层中可以插入其他任何元素包括图片文字链接表格等。

      一个页面中可以画出很多的层,这些层都会列在层面板中。层之间也可以相互重叠。层面板可以通过菜单「窗口」菜单>选“层”打开。

    Dreamweaver教程:层及其应用

      这里我们需要对几个概念进行解释。层有隐藏和显示的属性。这是层的一个重要属性和以后说到的行为相结合就变成了重要的参数。单击层面板列表的左边,可以打开关闭眼睛。眼睛挣开和关闭表示层的显示和隐藏。

      层还有一个概念就是层数,层数决定了重叠时哪个层在上面哪个层在下面。 比如层数为2的层在层数为1的层的上面。改变层数就可以改变层的重叠顺序。

      层面板上面还有一个参数就是防止层重叠。一旦选中,页面中层就无法重叠了。 

      层还有一种父子关系也就是隶属关系。在层面板中是这样表示的。

    Dreamweaver教程:层及其应用

      图中Layer2挂在Layer1的下面。Layer1为父层,Layer2为子层。在页面中拖动Layer1,Layer2也跟着动起来。因为他们已经链在一起了,并且Layer2隶属于Layer1。父层移动会影响到子层。移动layer2层,Layer1层不动。也就是子层不会影响到父层。

      要建立这样的一种隶属关系方法很简单。在层面板中按Ctrl键将子层拖拽到父层即可。

      [层和表格之间转换]

      由于层在网页布局上非常方便,所以,一些人可能不喜欢使用表格或“布局”模式来创建自己的页面,而是喜欢通过层来进行设计。Dreamweaver MX 2004可以使用层来创建自己的布局,然后将它们转换为表格。

       在转换为表格之前,请确保层没有重叠。请执行以下操作:选择“修改”“转换”“层到表格”。即可显示“转换层为表格”对话框。

    选择所需的选项。单击“确定”。 话框。

    Dreamweaver教程:层及其应用

      选择所需的选项。单击“确定”。

      层及应用我们就简单介绍到这里。

    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (68, 4, 0, '网页禁止右键菜单及禁止全选代码', '', 'http://www.dedecms.com/knowledge/web-based/dreamweaver/2009/0929/770.html', 1270604352, 1, 1, '{dede:field name=''keywords''}网页禁止右键菜单及禁止全选代码{/dede:field}\r\n{dede:field name=''description''}script language=JavaScriptdocument.oncontextmenu=new Function(event.returnValue=false;);document.onselectstart=new Function(event.returnValue=false;);/script 很好用!{/dede:field}\r\n{dede:field name=''title''}网页禁止右键菜单及禁止全选代码{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}

    document.oncontextmenu=new Function("event.returnValue=false;");
    document.onselectstart=new Function("event.returnValue=false;");

     
    很好用!\r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (69, 4, 0, '使用Dreamweaver来详细了解CSS的多样性', '', 'http://www.dedecms.com/knowledge/web-based/dreamweaver/2009/0929/769.html', 1270604354, 1, 1, '{dede:field name=''keywords''}使用Dreamweaver来详细了解CSS的{/dede:field}\r\n{dede:field name=''description''}说明:√属性继承 ×不继承 [ ]为适应元素类型 无[ ]标出为所有元素字体√Font-family√Font-size 9 10 12 14 16 18 24 36 xx-small x-small small medium large x-large xx-large smaller larger√Color√Font-style normal italic obliqu{/dede:field}\r\n{dede:field name=''title''}使用Dreamweaver来详细了解CSS的多样性{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}说明:属性继承 ×不继承 
       [ ]为适应元素类型 无[ ]标出为所有元素

    字体
    Font-family
    Font-size 9 10 12 14 16 18 24 36 xx-small x-small small medium large x-large xx-large smaller larger
    Color
    Font-style normal italic oblique
    Line-height nomal
    Font-weight normal bold bolder lighter 100 200 300 400 500 600 700 800 900
    Text-transform capitalize uppercase lowercase none
    Font-variant normal small-caps
    ×Text-decoration none underline overline line-through blink
    Font

    背景
    ×Background-color
    ×Background
    ×Background-image
    ×Background-attachment fixed scroll
    ×Background-repeat no-repeat repeat repeat-x repeat-y
    ×Background-position[块、替换]

    区块
    Word-spacing normal[块]
    Letter-spacing normal
    ×Vertical-align baseline sub super top text-top middle bottom text-bottom[内]
    Text-align left right center justify[块]
    ×Text-indent[块]
    ×White-space normal pre nowrap[块]
    ×Display inline block list-item run-in compact marker table inline-table table-row-group table-header-ground table-footer-ground table-row table-column-ground table-column table-cell table-caption none

    边框
    ×Border
    ×Border-top-color
    ×Border-top-style none solid dashed dotted double groove ridge inset outset
    ×Border-top-width thin medium thick
    ×Border-top-Right
    ×Border-top-Bottom
    ×Border-top-Left
    ×Border-top
    ×Border-right
    ×Border-bottom
    ×Border-left
    ×Border-color
    ×Border-style
    ×Border-width

    方框
    ×Width auto px pt in cm mm pc em ex %[块、替]
    ×Height auto[块、替]
    ×Float left right none
    ×Clear left right both none
    ×Margin
    ×Margin-top
    ×Margin-right
    ×Margin-bottom
    ×Margin-left
    ×Padding
    ×Padding-top
    ×Padding-right
    ×Padding-bottom
    ×Padding-left

    列表
    ×List-style-type disc circle square decimal lower-roman upper-roman lower-alpha upper-alpha onne[显示值为list-item的元素]
    ×List-style-Image[显示值为list-item的元素]
    ×List-style-position inside outside[显示值为list-item的元素]

    定位
    ×Position absolute relative static
    ×Visiblility visible hidden inherit
    ×Height auto
    ×Left auto
    ×Top auto
    ×Right auto
    ×Bottom auto
    ×z-index auto[定位元素]
    ×overflow visible hidden scroll auto[块、替]
    ×clip auto
    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (70, 4, 0, '用Dreamweaver合理为为网页进行优化', '', 'http://www.dedecms.com/knowledge/web-based/dreamweaver/2009/0929/768.html', 1270604354, 1, 1, '{dede:field name=''keywords''}用Dreamweaver合理为为网页进行{/dede:field}\r\n{dede:field name=''description''}我们为了优化网页、加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化。在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的。 下面是Dreamweaver中的一些优化技法: 合理调用CSS 进行网页设计时,运用{/dede:field}\r\n{dede:field name=''title''}用Dreamweaver合理为为网页进行优化{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}

     我们为了优化网页、加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化。在网页编织过程中如能充分利用编辑工具,也可以在中达到优化目的。

      下面是Dreamweaver中的一些优化技法:

      合理调用CSS

      进行网页设计时,运用样式表单CSS来对页面元素进行布置,可以大大地减少HTML代码,这点我们已经很清楚。

      方法:

      (1)是选定对象,从右键菜单中选择定义好的样式加入; (2)是从样式面板中为对象选择样式;

      (3)是在标签选择器上的某标签上单击右键选择样式。

      这三种方法虽然获得的页面效果一样,但由于第一种方法会在HTML代码中产生一个“span”标签,如果过多地使用必定会使网页源文件大大增肥,影响下载速度。因此调用CSS时,应采用第二、第三种方法。

      为服务器减负

      在交互网页中,用户常用表单向服务器提交数据,等待服务器的数据处理、返回浏览器……等待的过程是很令人心烦的。为此,我们在进行网页编辑时,也有必要为服务器作个考虑。Dreamweaver中制作网页,能为服务器减负的工作有一项做得较出色,就是对用户所提交的表单的合法性进行验证,只需在浏览器端进行,不必返回到服务器验证,既减轻了服务器的负担,又让浏览者少一份伤心的等待。

      方法:选中表单,打开“行为”面板,点击“+”号选“验证表单”,然后进行设置即可。顺便提醒,这个验证过程实际上是使用JavaScript在浏览器端作验证。在Dreamweaver里进行上述操作时,它会把这段JavaScript代码放在网页头部与之中,这样必定会使页面的完全显示时间变长,因为浏览器要先下载这段代码才下载其他页面元素。因此,最好在Dreamweaver中打开代码编辑器,把这段脚本程序剪贴到源代码的最后边,让其在最后下载。另外,我们在为网页加入JavaScript脚本特效时,你如果不希望页面出现时马上生效,也不妨这样设置。

      自我“减肥”

      目前网页“减肥茶”很多,我们随处都可找到,而在Dreamweaver中,我们不必四处找“减肥茶”,利用其自身的“减肥”功能足可以使网页“苗条怡人”。

      方法:在“命令”菜单下选择“清除多余的HTML”,即可进行设置对网页冗余代码进行清除。

      合理应用表格

      我们不但要为服务器减负,对使用的浏览器我们更需要减负,也就是要尽可能地缩短浏览器对页面的解析时间,上面提及的JavaScript脚本加入就是一个例子。影响浏览器对页面解析的还有表格,因为浏览器对表格的解析时间与表格的大小、复杂程度成正比,而我们在Dreamweaver中为了版式的安排,都是通过加入大量的表格来进行定位的,有些人甚至在大表格中套入多重的小表格,这实质上也是在加大浏览器的负担,使页面呈现时间大大加长。为此在使用表格时,应尽量将表格打散,并要尽可能地避免表格的层层相套。

    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (71, 4, 0, 'Dreamweaver方便快捷编辑网页标签', '', 'http://www.dedecms.com/knowledge/web-based/dreamweaver/2009/0929/767.html', 1270604355, 1, 1, '{dede:field name=''keywords''}Dreamweaver方便快捷编辑网页标{/dede:field}\r\n{dede:field name=''description''}不知各位是否有手写代码的习惯。例如:要在一个单元格插入一段CSS代码,或者一段Javascript代码,怎么做才比较快捷方便呢? 虽然Dreamweaver已经为我们提供了代码视图,可是必竟还要手工去查找,还要来回地切换。虽然也可以用代码视图与编辑视图并存的{/dede:field}\r\n{dede:field name=''title''}Dreamweaver方便快捷编辑网页标签{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}

     不知各位是否有手写代码的习惯。例如:要在一个单元格插入一段CSS代码,或者一段Javascript代码,怎么做才比较快捷方便呢? 

      虽然Dreamweaver已经为我们提供了代码视图,可是必竟还要手工去查找,还要来回地切换。虽然也可以用代码视图与编辑视图并存的方式,但还要占用一半的屏幕空间,使本来便不大的编辑区域更显得拥挤。有没有更好的办法呢?答案是肯定的。

      下面我们以Dreamweaver 8为例,假设大家Dreamweaver面板布局都为默认的布局方式。查看一下属性面板的上方是否有一行小标签。(如果您用的不是MX,标签在状态栏中)例如:你新建一个空白的HTML文档,上面的小标签应该为<body>。请看下图:

    如何使用Dreamweaver方便快捷编辑网页标签

      图上画红框的地方,就是我们今天的主角了。我们先看一下“环绕标签”。在页面上随便打入几个字,选中它们,在右键菜单中选择“环绕标签”,在弹出的环绕标签对话框中输入“<strong>”(不包括引号),然后回车。之前被选中的文字是不是已经变成粗体了,到源代码看一下,我们所选中的文字是不是已经被<strong>标签包围了?大家可以试着再加入其它的一些标签,如:<a>,<p>。这里也可以直接输入属性。如:<p style="color:#CC0000">。这里仅大概说明一下,如有疑问,请查看Dreamweaver的帮助。

      下面说一下标签选择器的应用方法。

      我们将光标移动到刚才加粗的文字里,会发现在<body>的后面多了个<strong>。这就是说光标所在处的这些文字的外面有<strong>的标签,在<strong>标签外有<body>标签。下面大家再添加一个表格,把光标移动到表格内,看看标签的结构。相信对HTML有些基础的朋友都应该很容易理解的。

      假设我们现在要插入一个表格,并将这个表格用CSS来将它下移10个象素。先插入一个表格,然后交光标移动到表格内。这时在标签选择器上应该可以看到这样的字样<body><table><tr><td>。然后在table标签上点鼠标右键,会看到有四个选项。删除标签、编辑标签、设置类、设置ID。

      删除标签:即是将标签删除。(有一些特殊的标签是不能删除的。例如:<table>、<tr>、<td>、<body>...)

      编辑标签:给标签附加属性、修改属性等。

      设置类:给这个标签附予一个类。(即CSS的类别)

      设置ID:给这个标签附予一个ID。(即CSS的ID)

      在这里,我们选择编辑标签,然后在后面加上属性style="margin-top:10px"和正常书写源代码的方式是一样的。然后按下回车。就完成了编辑。如果在Dreamweaver里看不到效果,请用浏览器预览。

      还有另外一种方法,也许你会喜欢。选择窗口→标签检查器当你选择某一个标签后,这里会显示出当前选择标签的所有属性。也可以很快地在这里进行编辑。在这里输入的属性不用包括引号,编辑后按回车确定。

      这里我们只将方法告诉大家,希望大家能够从中受益。

    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (72, 4, 0, 'Dreamweaver8创建自定义代码片段的方法', '', 'http://www.dedecms.com/knowledge/web-based/dreamweaver/2009/0929/766.html', 1270604357, 1, 1, '{dede:field name=''keywords''}Dreamweaver8创建自定义代码片段{/dede:field}\r\n{dede:field name=''description''}一个好的“偷懒”方法,就好比充满困难的路途中出现一盏明灯,简化了好多繁杂的工作,让你有更多精力做其他事情,做的更顺手。{/dede:field}\r\n{dede:field name=''title''}Dreamweaver8创建自定义代码片段的方法{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}

    一个好的“偷懒”方法,就好比充满困难的路途中出现一盏明灯,简化了好多繁杂的工作,让你有更多精力做其他事情,做的更顺手。

    DW作为的辅助工具之一,已经被人们逐渐掌握并灵活使用,它本身集成了好多实用的东西,给我们的工作带来了很多便利,每当有朋友问我“如何开始学做网页,要看什么书,从哪里入手?”我都会推荐他看DW“帮助”中的“Dreamweaver 入门”,这是最实用的,同时也是离你最近的教程(假设你已经打开DW)。

    其实很简单,在右栏中找到“代码片段”(Shift+F9),空白处右键“新建代码片段”(或先“新建文件夹”)

    接下来把你常用的代码片段输入进去。

    输入好后确定,有几个生成几个,显示如下图:

    以后要做的就是,当你用到这些代码片段的时候,打开“代码片段”,双击你命名的那“片”就好了……这里我只举了一个简单的例子,举一反三就靠你自己了。

    同样我们也可以利用系统中已经存在的代码片段,比如添加注释。

    当然如果你有其他需要那么你就来这里定义你自己的代码片段吧!

    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'), (73, 4, 0, '在Dreamweaver中为插入的Flash添加透明', '', 'http://www.dedecms.com/knowledge/web-based/dreamweaver/2009/0929/765.html', 1270604357, 1, 1, '{dede:field name=''keywords''}在Dreamweaver中为插入的Flash添{/dede:field}\r\n{dede:field name=''description''}Dreamweaver升级到8.0.2后,插入Flash时的代码会有所改变,这是Macromedia为解决IE中的Flash会出现控件激活框而作的更新。要为Flash添加透明等参数有两种方法。{/dede:field}\r\n{dede:field name=''title''}在Dreamweaver中为插入的Flash添加透明{/dede:field}\r\n{dede:field name=''writer''}{/dede:field}\r\n{dede:field name=''source''}{/dede:field}\r\n{dede:field name=''pubdate''}{/dede:field}\r\n{dede:field name=''body''}

    Dreamweaver升级到8.0.2后,插入Flash时的代码会有所改变,这是Macromedia为解决IE中的Flash会出现控件激活框而作的更新。要为Flash添加透明等参数有两种方法。

    用Dreamweaver的属性面板为插入的Flash添加透明属性,此方法简单实用。

    使插入的Flash处于选择状态,点击属性面板中的“参数”,在随即弹出的参数表中添加一行,参数名为“wmode”,值为“transparent”。使用此方法时注意,若页面中有人工输入的Flash ID,此ID将被删除,请在添加完参数后重新输入ID。

     

    在html代码中为插入的Flash添加透明属性。

    同样是添加值为“transparent”的“wmode”参数。

    \r\n

    {/dede:field}\r\n{dede:field name=''litpic''}{/dede:field}\r\n'); INSERT INTO `#@__co_mediaurls` (`nid`, `hash`, `tofile`) VALUES (2, 'c98b118ad5b78da5a1a11496c3794912', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603910L60-12363.jpg'), (2, '95cc562da79ecca5290e628f4432bb68', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603911I5P-2C22.jpg'), (2, 'b20efe0b7eb7b229816bcdf5c08e2bcf', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60391230410-3F40.jpg'), (2, '2477e939305a3c00a16603185088490f', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603912JE0-4W09.jpg'), (2, '9b18580f3401c324eab9d587b394d456', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F6039132K30-52a7.jpg'), (2, '2c27a499e170fdf195b885ee3bcdad8e', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603913UO0-62a9.jpg'), (2, 'eaee65c2d0a7ea27ea6064d79fa53ed5', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60391423R0-L356.jpg'), (2, '4dd1d2d07d971748871770aaca220402', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603914E350-W2a.jpg'), (2, '7b54aa61c88f36d6a3f68975d4929a87', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60391514S0-93P4.jpg'), (2, '411dc7cc77a33ccbab03048720e145be', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60391563410-1040O.jpg'), (2, '6189fca1a804b31ece818d509d8e2278', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60391601240-113Y5.jpg'), (2, 'de724e23491e9b7604ea093bffb27b7b', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603916440-12NY.jpg'), (2, 'e104feab04aee30b9aa0a3d228f437ad', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60391E00P-13B47.jpg'), (2, '0fa20cb4ddf6ec15ded405ac70c888b4', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60391K3a0-149357.jpg'), (2, '04de9d28966e28bbdcea4cf38dd3f484', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60391PMF-15Z17.jpg'), (2, '9f5e83bd30632e70eefbf15faee4c057', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60391VD20-1E627.jpg'), (2, 'b50d3451b56b041ab900d1f507371062', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60391915130-1ND5.jpg'), (2, 'ab72fc5c3bba2d55c1e44bbe7c4e7d2e', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60391a4Y0-1Sa3.jpg'), (2, '7f6f808b6bec9a8bec2faa808e0bbfe2', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60392016450-194K3.jpg'), (2, 'c5bb400a0614534839d70cc6ffbfa356', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603920H920-20I17.jpg'), (2, '3bf65d40e75b61a178560b3d767d36ff', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F6039213010-21S04.jpg'), (2, '7b9419258340938a2a50c6a3894da8a8', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603921L030-22DN.jpg'), (2, '43a8fcc40aa7ae2c9ac3b644dffb64fc', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60392224a0-23XD.jpg'), (2, 'aa3c15f8e39257745ad51db87222301e', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603922J340-24DP.jpg'), (2, 'a07c04310312eb1eeaed6f71b1bae6a7', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F6039233010-255611.jpg'), (2, 'f3cfba782e84ffd23f10348292c6d1a9', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603923R060-2E521.jpg'), (2, '7e9b411c624ed144c7db3d984e1c36f2', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60392430350-2J516.jpg'), (2, '12f8b4e8a38c80908416e1ad25fbdf1b', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603924Q40-2Sa8.jpg'), (2, '0a3d8b2af1f48a63d16ea1f2d5884a2a', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F6039252U60-293B6.jpg'), (2, 'dca491a4de466a9757f67e9cf1832ccd', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603925O340-30F38.jpg'), (2, '2110020bd16e44f707e934a05dca0dd4', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F6039262L40-31W01.jpg'), (2, 'a0a5fdf5f93c2e86e84db9b97979093c', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60392Q4550-321013.gif'), (2, 'f1fed48dc9e66b51b0ce0ae6a9d0e561', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603930W50-12401.png'), (2, 'f869f0a30cedaa635d5095c62eb732ba', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603931B510-23037.png'), (2, '1919fd284c5c0effd95e2c074577daac', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603932K20-31036.gif'), (2, '659a5aea1948223383314e21ea2cafad', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60393325C0-45L1.gif'), (2, 'b6984456ca162e7d8edf1c62717c596d', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60393415040-55N2.png'), (2, '8e691922a0902782609e37c22f4a2370', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60393525250-A528.png'), (2, '97d0f25a3acefd10b5feb0d34b301932', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603935N10-H211.png'), (2, '41ca1796221812fc8caef6f6ae152579', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60393KXP-S429.gif'), (2, '8392fd4eb8b35bdfda9d596a1ba2d001', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60393NU60-95S2.gif'), (2, '466534c058171d3362dc090258c8a81c', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60393R0C0-10W59.gif'), (2, '4d8aab5458015caa65b1d06bb7eaea52', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60393V3940-113034.gif'), (2, '56ba4eb5a54c3a5a7fd05b3bf89a27eb', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60393YN20-122140.gif'), (2, '363f9d74b77a67f5c329442ab016d7da', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60393929230-135c3.gif'), (2, 'cdfcdceca0c2197f524f5b46380bc470', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60393962160-143012.gif'), (2, 'bbf92c4cd45734d4deef2292b5848c73', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F6039400RF-1511D.gif'), (2, 'b22f6e2df2a1f8d3ab3fe6c9a84672c6', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F6039403N20-1B255.gif'), (2, '71f96592b6ab4013f9bd3e1d615ba6ba', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603940635F-1K2Z.gif'), (2, '9b83bd21ae740f88e4bf703ff330a263', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603940YH0-1U110.gif'), (2, 'b27b4260fd33c4ec8d7018f1395133a1', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F6039412F50-192200.gif'), (2, '69819b0aa2ee484a968471988cd180f3', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60394164C0-201M8.gif'), (2, 'be12e9853ecd9162b6039b9ba9c2a1a5', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603941T0-21V27.gif'), (2, '74e37e1e4646db3bd1fc779d0d335185', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60394543310-14b8.png'), (2, 'fb59ce0991280348cd04c0359274ec0c', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603945aK0-22b2.png'), (2, 'ee4d00df8a18e8d8a62d52be373e95ba', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60394F11Z-3H54.png'), (2, '66d720e16f6ff67bec4c77d3deb17ac5', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60394J1110-43G1.jpg'), (2, 'c39de02eda6dd09bbe6c9156fdcb3205', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60394O5540-54293.jpg'), (2, 'e3eed5e5f86399f3431324aa7d3ecc7d', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60394T5H0-B551.jpg'), (2, '95a5d052da6868b99806fe7118386bbb', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60394Z13Z-M562.jpg'), (2, '009987101cc4740eb1218c11e1a9db14', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603949505F-X111.png'), (2, '7d3a0de10b01dd6db42820b8b73f78ed', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60394b9640-94050.png'), (2, 'd26ac7bb87165dda363a959e0ee6149a', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F6039503C50-10G91.jpg'), (2, '7b238638dca6adee0c0cae7a7053a1da', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60395104160-11W24.png'), (2, '12e03ce8455c2ef1930ffc710e8ba725', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60395140240-125c9.jpg'), (2, 'db3c7707224f2df483e1e9d554f4f1c7', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603951N930-135T4.png'), (2, '35cd87cf0771619fbccaa5bc0a8b24d3', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60395220J0-14U47.png'), (2, '2cb4406868197f165b47224c592972e0', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603952EB0-154307.png'), (2, '4b2f2fb5a933aef2aac141deb3fba8c8', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60395332I0-164B4.png'), (2, 'b3227e02e0138b71d58111f9a3489d2a', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60395410150-1J327.jpg'), (2, '6c1a082b29c39203edaaec9e6d92a359', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60395460230-1T253.png'), (2, '74529a089025aaf1588ab95287d20e7c', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60395500T0-1c215.png'), (2, '7743d73be1e7e2f3c94fcd6742862d99', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F6039554520-203041.png'), (2, 'e888e36d0aee4e868d69bf8dfdc37452', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60395AI60-21A37.png'), (2, '509996de5a39d50d12478375eda4ac07', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60395J4210-2225Z.png'), (2, '66bafca2792083f81d86cfe517868395', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60395Ma20-231438.png'), (2, '03945183553304d5eeba7b5898674ad7', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60395T4530-24O38.png'), (2, '3403c8f52110a8de4d8966399c03ceb5', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60395Y9D0-255107.png'), (2, '780ae7dbf2c00559dca394e3e4fed111', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F6039595410-262108.png'), (4, '24259edf8790ad61b7e76d34c01bdf70', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60433360W0-19232.jpg'), (4, '0fff21d784e1ff830342a42f835b61db', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60433445X0-2Z61.jpg'), (4, '4644e9021355cbd116610833be21b32b', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60433540F-32J3.jpg'), (4, '110ae56d1216e777bc09c1912f3a285e', 'http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F604335G340-41247.jpg'); INSERT INTO `#@__co_note` (`nid`, `channelid`, `notename`, `sourcelang`, `uptime`, `cotime`, `pnum`, `isok`, `usemore`, `listconfig`, `itemconfig`) VALUES (1, 1, '网页基础-HTML', 'gb2312', 1270603497, 1270603731, 0, 1, 0, '{dede:noteinfo notename="网页基础-HTML" channelid="1" macthtype="string"\r\nrefurl="http://" sourcelang="gb2312" cosort="asc" isref="no" exptime="10" usemore="0" /}\r\n\r\n{dede:listrule sourcetype="batch" rssurl="http://" regxurl="http://www.dedecms.com/knowledge/web-based/html/list_44_(*).html"\r\nstartid="1" endid="2" addv="1" urlrule="area"\r\n musthas="/knowledge/web-based/" nothas="" listpic="1" usemore="0"}\r\n {dede:addurls}{/dede:addurls}\r\n {dede:batchrule}{/dede:batchrule}\r\n {dede:regxrule}{/dede:regxrule}\r\n {dede:areastart}
    {/dede:areastart}\r\n {dede:areaend}
    {/dede:areaend}\r\n{/dede:listrule}\r\n', '{dede:sppage sptype=''full''}
    [内容]
    {/dede:sppage}\r\n{dede:previewurl}http://www.dedecms.com/knowledge/web-based/html/2009/0929/880.html{/dede:previewurl}\r\n{dede:keywordtrim}{/dede:keywordtrim}\r\n{dede:descriptiontrim}{/dede:descriptiontrim}\r\n{dede:item field=''title'' value='''' isunit='''' isdown=''''}\r\n {dede:match}[内容]_织梦CMS{/dede:match}\r\n \r\n {dede:function}{/dede:function}\r\n{/dede:item}\r\n{dede:item field=''writer'' value='''' isunit='''' isdown=''''}\r\n {dede:match}{/dede:match}\r\n \r\n {dede:function}{/dede:function}\r\n{/dede:item}\r\n{dede:item field=''source'' value='''' isunit='''' isdown=''''}\r\n {dede:match}{/dede:match}\r\n \r\n {dede:function}{/dede:function}\r\n{/dede:item}\r\n{dede:item field=''pubdate'' value='''' isunit='''' isdown=''''}\r\n {dede:match}{/dede:match}\r\n \r\n {dede:function}@me=GetMkTime(@me);{/dede:function}\r\n{/dede:item}\r\n{dede:item field=''body'' value='''' isunit=''1'' isdown=''1''}\r\n {dede:match}
    [内容]
    {/dede:match}\r\n {dede:trim replace=''''}]*)>(.*){/dede:trim}\r\n{dede:trim replace=''''}]*)>(.*){/dede:trim}\r\n{dede:trim replace=''''}{/dede:trim}\r\n{dede:trim replace=''''}]*)>(.*){/dede:trim}\r\n{dede:trim replace=''''}{/dede:trim}\r\n{dede:trim replace=''''}
    {/dede:trim}\r\n {dede:function}{/dede:function}\r\n{/dede:item}\r\n'), (2, 1, '网页基础-DIV&CSS', 'gb2312', 1270603895, 1270603960, 0, 1, 0, '{dede:noteinfo notename="网页基础-DIV&CSS" channelid="1" macthtype="string"\r\n refurl="http://" sourcelang="gb2312" cosort="asc"\r\n isref="no" exptime="10" usemore="0" /}\r\n{dede:listrule sourcetype="batch" rssurl="http://" regxurl="http://www.dedecms.com/knowledge/web-based/div-css/list_45_(*).html"\r\nstartid="1" endid="2" addv="1" urlrule="area" musthas="/knowledge/web-based/"\r\n nothas="" listpic="1" usemore="0"}\r\n {dede:addurls}{/dede:addurls}\r\n {dede:batchrule}{/dede:batchrule}\r\n {dede:regxrule}{/dede:regxrule}\r\n {dede:areastart}
    {/dede:areastart}\r\n {dede:areaend}
    {/dede:areaend}\r\n{/dede:listrule}\r\n', '{dede:sppage sptype=''full''}
    [内容]
    {/dede:sppage}\r\n{dede:previewurl}http://www.dedecms.com/knowledge/web-based/html/2009/0929/880.html{/dede:previewurl}\r\n{dede:keywordtrim}{/dede:keywordtrim}\r\n{dede:descriptiontrim}{/dede:descriptiontrim}\r\n{dede:item field=''title'' value='''' isunit='''' isdown=''''}\r\n {dede:match}[内容]_织梦CMS{/dede:match}\r\n \r\n {dede:function}{/dede:function}\r\n{/dede:item}{dede:item field=''writer'' value='''' isunit='''' isdown=''''}\r\n {dede:match}{/dede:match}\r\n \r\n {dede:function}{/dede:function}\r\n{/dede:item}{dede:item field=''source'' value='''' isunit='''' isdown=''''}\r\n {dede:match}{/dede:match}\r\n \r\n {dede:function}{/dede:function}\r\n{/dede:item}{dede:item field=''pubdate'' value='''' isunit='''' isdown=''''}\r\n {dede:match}{/dede:match}\r\n \r\n {dede:function}{/dede:function}\r\n{/dede:item}{dede:item field=''body'' value='''' isunit=''1'' isdown=''1''}\r\n {dede:match}
    [内容]
    {/dede:match}\r\n {dede:trim replace=""}]*)>(.*){/dede:trim}\r\n{dede:trim replace=""}]*)>(.*){/dede:trim}\r\n{dede:trim replace=""}{/dede:trim}\r\n{dede:trim replace=""}]*)>(.*){/dede:trim}\r\n{dede:trim replace=""}{/dede:trim}\r\n{dede:trim replace=""}
    {/dede:trim}\r\n {dede:function}{/dede:function}\r\n{/dede:item}'), (3, 1, '网页基础-Javascript/Ajax', 'gb2312', 1270604087, 1270604112, 0, 1, 0, '{dede:noteinfo notename="网页基础-Javascript/Ajax" channelid="1" macthtype="string"\r\n refurl="http://" sourcelang="gb2312" cosort="asc"\r\n isref="no" exptime="10" usemore="0" /}\r\n{dede:listrule sourcetype="batch" rssurl="http://" regxurl="http://www.dedecms.com/knowledge/web-based/javascript-ajax/list_46_(*).html"\r\nstartid="1" endid="2" addv="1" urlrule="area" musthas="/knowledge/web-based/"\r\n nothas="" listpic="1" usemore="0"}\r\n {dede:addurls}{/dede:addurls}\r\n {dede:batchrule}{/dede:batchrule}\r\n {dede:regxrule}{/dede:regxrule}\r\n {dede:areastart}
    {/dede:areastart}\r\n {dede:areaend}
    {/dede:areaend}\r\n{/dede:listrule}\r\n', '{dede:sppage sptype=''full''}
    [内容]
    {/dede:sppage}\r\n{dede:previewurl}http://www.dedecms.com/knowledge/web-based/html/2009/0929/880.html{/dede:previewurl}\r\n{dede:keywordtrim}{/dede:keywordtrim}\r\n{dede:descriptiontrim}{/dede:descriptiontrim}\r\n{dede:item field=''title'' value='''' isunit='''' isdown=''''}\r\n {dede:match}[内容]_织梦CMS{/dede:match}\r\n \r\n {dede:function}{/dede:function}\r\n{/dede:item}{dede:item field=''writer'' value='''' isunit='''' isdown=''''}\r\n {dede:match}{/dede:match}\r\n \r\n {dede:function}{/dede:function}\r\n{/dede:item}{dede:item field=''source'' value='''' isunit='''' isdown=''''}\r\n {dede:match}{/dede:match}\r\n \r\n {dede:function}{/dede:function}\r\n{/dede:item}{dede:item field=''pubdate'' value='''' isunit='''' isdown=''''}\r\n {dede:match}{/dede:match}\r\n \r\n {dede:function}{/dede:function}\r\n{/dede:item}{dede:item field=''body'' value='''' isunit=''1'' isdown=''1''}\r\n {dede:match}
    [内容]
    {/dede:match}\r\n {dede:trim replace=""}]*)>(.*){/dede:trim}\r\n{dede:trim replace=""}]*)>(.*){/dede:trim}\r\n{dede:trim replace=""}{/dede:trim}\r\n{dede:trim replace=""}]*)>(.*){/dede:trim}\r\n{dede:trim replace=""}{/dede:trim}\r\n{dede:trim replace=""}
    {/dede:trim}\r\n {dede:function}{/dede:function}\r\n{/dede:item}'), (4, 1, '网页基础-Dreamweaver', 'gb2312', 1270604314, 1270604357, 0, 1, 0, '{dede:noteinfo notename="网页基础-Dreamweaver" channelid="1" macthtype="string"\r\n refurl="http://" sourcelang="gb2312" cosort="asc"\r\n isref="no" exptime="10" usemore="0" /}\r\n{dede:listrule sourcetype="batch" rssurl="http://" regxurl="http://www.dedecms.com/knowledge/web-based/dreamweaver/list_47_(*).html"\r\nstartid="1" endid="2" addv="1" urlrule="area" musthas="/knowledge/web-based/"\r\n nothas="" listpic="1" usemore="0"}\r\n {dede:addurls}{/dede:addurls}\r\n {dede:batchrule}{/dede:batchrule}\r\n {dede:regxrule}{/dede:regxrule}\r\n {dede:areastart}
    {/dede:areastart}\r\n {dede:areaend}
    {/dede:areaend}\r\n{/dede:listrule}\r\n', '{dede:sppage sptype=''full''}
    [内容]
    {/dede:sppage}\r\n{dede:previewurl}http://www.dedecms.com/knowledge/web-based/html/2009/0929/880.html{/dede:previewurl}\r\n{dede:keywordtrim}{/dede:keywordtrim}\r\n{dede:descriptiontrim}{/dede:descriptiontrim}\r\n{dede:item field=''title'' value='''' isunit='''' isdown=''''}\r\n {dede:match}[内容]_织梦CMS{/dede:match}\r\n \r\n {dede:function}{/dede:function}\r\n{/dede:item}{dede:item field=''writer'' value='''' isunit='''' isdown=''''}\r\n {dede:match}{/dede:match}\r\n \r\n {dede:function}{/dede:function}\r\n{/dede:item}{dede:item field=''source'' value='''' isunit='''' isdown=''''}\r\n {dede:match}{/dede:match}\r\n \r\n {dede:function}{/dede:function}\r\n{/dede:item}{dede:item field=''pubdate'' value='''' isunit='''' isdown=''''}\r\n {dede:match}{/dede:match}\r\n \r\n {dede:function}{/dede:function}\r\n{/dede:item}{dede:item field=''body'' value='''' isunit=''1'' isdown=''1''}\r\n {dede:match}
    [内容]
    {/dede:match}\r\n {dede:trim replace=""}]*)>(.*){/dede:trim}\r\n{dede:trim replace=""}]*)>(.*){/dede:trim}\r\n{dede:trim replace=""}{/dede:trim}\r\n{dede:trim replace=""}]*)>(.*){/dede:trim}\r\n{dede:trim replace=""}{/dede:trim}\r\n{dede:trim replace=""}
    {/dede:trim}\r\n {dede:function}{/dede:function}\r\n{/dede:item}'); INSERT INTO `#@__co_urls` (`id`, `hash`, `nid`) VALUES (1, 'ef66d8ec01720e9ca8450ab3ae714a0e', 1), (2, '8309fe400c17d56ed3ac4c625abef894', 1), (3, 'd6f2a8d824ad5e2a65d4868c8af21968', 1), (4, 'e0f4a7f50058fa9f0b19a0533c400eb6', 1), (5, 'd4ca4064edb05331c51c3347f59f9c18', 1), (6, 'b93f0a10185027bab62daad5be2bd6b3', 1), (7, '49c2d773159864bf4ed7152de19c358d', 1), (8, 'd82397935a6e952a272827ea01744f25', 1), (9, '8973459843bb0a0b53089ed2cd2a140b', 1), (10, '660270a00a38743807f38332cfc94077', 1), (11, 'b2ec20afeaa6572ee973b14a90bcef8a', 1), (12, '5208460bec32c7856dc39ac331ef5ed2', 1), (13, '6df350d03bdcdb0a41b4ea1ea52fa179', 1), (14, '198112a216acfa86da21fd4ba8fd995f', 1), (15, 'de036a7976703ccd7b60f12a4bf95645', 1), (16, 'd090230cc8d78185f11fdbaf7de867e1', 1), (17, '204140032e09ca58f2a2eefe40adbe2f', 1), (18, 'c5e95f62a0d3ce65e63008a4dbce2acd', 1), (19, 'ad29be058f44b12ea30c43b34a40452d', 1), (20, '969a3e81e6500765db2d56c9584e03ff', 1), (21, '4c20a502b4382dd345df2b8c3a1957f5', 2), (22, '50b81c4af7e4f30a8be69a35ef2eda1a', 2), (23, '364247b0f83deb7efd5e75dce1bcd2da', 2), (24, '9c176efe0e4a9f76bf6d1744e78fdbc5', 2), (25, 'dec321c7faff97ff2a6c26a8b9f580a6', 2), (26, '5384467fcd4eb2084f0a826b1441bab0', 2), (27, '9d52306695bb02fe26bbdd57e9809f83', 2), (28, '45ee2433fdc283bb66ca6f0716dfa3ca', 2), (29, '57a87039f18c5ba1830704633afe8c42', 2), (30, '020b69b33c0e8238b88da3f855c654c2', 2), (31, '0547d54618900371283498713f8bf3c7', 2), (32, '19a7cd155d36a25393618542b60beaaf', 2), (33, 'd5ad7e125ddd68e0dae5942f6b6e2477', 2), (34, '72ae82cbdeec04fc2c3c3f6249904138', 3), (35, '977113d2f0039a33c5e9853797d5c0a9', 3), (36, '31146ebc6b9378bcd1e0186b024734b8', 3), (37, '7de03bd1519e191f43b1c8a3692ea5f4', 3), (38, '1818b3bf981da12fb2578443bbd8fdbe', 3), (39, 'b8dc2c76d9b232169de95873a8538dfb', 3), (40, '4a29e0f73e6654e23412106988062b5c', 3), (41, '957c48c50adbc86f2059fbcda305dd68', 3), (42, '98cf3ecda816de020b719c5548077ef0', 3), (43, '0c04be812f4437524049938a0e0db173', 3), (44, 'b1b2806a408158af5dd8bc76b316eb7f', 3), (45, '88bc1359580a2af9bbfe5de62b1fc8c8', 3), (46, '0765ac3572bcf929322b383438f408d0', 3), (47, '2201bba6bc10aceb566a27660a35f3c6', 3), (48, 'dde761dbea61199b8f87714db31414f1', 3), (49, '75af63d53a6b263ef20d95be5dedc2f4', 3), (50, '32549f7f0f9b6a3731d2261538ae131e', 3), (51, 'b66675ca7efd1482522a2f912572fa30', 3), (52, '77ed3bda64872d8d758008dd8ba8b338', 3), (53, '93b5d361d1c5993d03401cd5aaa5b26e', 3), (54, 'eb7f0c7d44391dc6f9cf2a30a30b9be9', 4), (55, 'b0339f1eda6cc6586bb590e2efd1c479', 4), (56, 'dae8013951aba262735f057a5d201eda', 4), (57, 'dbec87ffb1ef59cf004f0e42d1604ea9', 4), (58, 'fd333fcf21db9b1c20ba3b828167bc7b', 4), (59, '398b114156fcaaaaa64d67c3400d28f5', 4), (60, 'a0410ed485793dc3131a1996d7bfd956', 4), (61, 'b70dbe1bb56e1773fef47c080475ffe2', 4), (62, '9eccb3bdd026a428caf62ac77b72eb18', 4), (63, '1297a17c830a8902e8c329a38b8a194b', 4), (64, '80214a2de1e3f038e4f68c161fedf28f', 4), (65, 'dd2587c880642e5b3a4c33a310c5d131', 4), (66, '05df122637993759fac80f232c40d019', 4), (67, '99fa8eefac22e74eacb5b52b0b82f6ca', 4), (68, '827b14dd5b80daa857ce0b06007d4fe1', 4), (69, 'cf507250430fc8b8973d9a24c4845b27', 4), (70, '1e5b859d7e7328234af280b66b2fb856', 4), (71, '0a5822a05a475fc3271f40ea984556e4', 4), (72, '36b4caf0bcf0ce304ed29443500d53e4', 4), (73, '38c7e58cbbc476b75ee34eb4ee942a0e', 4); INSERT INTO `#@__feedback` (`id`, `aid`, `typeid`, `username`, `arctitle`, `ip`, `ischeck`, `dtime`, `mid`, `bad`, `good`, `ftype`, `face`, `msg`) VALUES (1, 39, 4, '天涯', 'Web2.0十大Ajax安全漏洞以及成因', '127.0.0.1', 1, 1270707263, 2, 0, 0, 'feedback', 1, '不错的教程,收获很多哦'), (2, 95, 6, '天涯', '原创风景图片', '127.0.0.1', 1, 1270707556, 2, 0, 0, 'feedback', 10, '嗯,这些图片都很不错!'), (3, 100, 9, '匿名', '吉林地区 礼聘 PHP程序员 网页设计师 系统运维工程师 薪酬面议', '127.0.0.1', 1, 1270707971, 2, 0, 0, 'feedback', 1, '哈哈,不错,我合适的了'), (4, 87, 8, '天涯', 'DedeCMS产品商业授权', '127.0.0.1', 1, 1270708319, 2, 0, 0, 'feedback', 9, '支持产品授权'), (5, 80, 7, '天涯', 'DedeAMPZ-PHP环境整合套件', '127.0.0.1', 1, 1270708361, 2, 0, 0, 'feedback', 1, '不错,下载了!...'), (6, 106, 5, 'like', '{dede:招聘启事 标题=''织梦大家庭新年招募第一波''}', '127.0.0.1', 1, 1270775872, 4, 0, 0, 'feedback', 1, '希望能够加入到织梦的大家庭!..'); -- -------------------------------------------------------- -- -- 表的结构 `#@__flink` -- CREATE TABLE IF NOT EXISTS `#@__flink` ( `id` smallint(5) unsigned NOT NULL auto_increment, `sortrank` smallint(6) NOT NULL default '0', `url` char(60) NOT NULL default '', `webname` char(30) NOT NULL default '', `msg` char(200) NOT NULL default '', `email` char(50) NOT NULL default '', `logo` char(60) NOT NULL default '', `dtime` int(10) unsigned NOT NULL default '0', `typeid` smallint(5) unsigned NOT NULL default '0', `ischeck` smallint(6) NOT NULL default '1', PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=gbk AUTO_INCREMENT=13 ; INSERT INTO `#@__member` (`mid`, `mtype`, `userid`, `pwd`, `uname`, `sex`, `rank`, `money`, `email`, `scores`, `matt`, `spacesta`, `face`, `safequestion`, `safeanswer`, `jointime`, `joinip`, `logintime`, `loginip`) VALUES (2, '个人', 'tianya', 'fcea920f7412b5da7be0cf42b8c93759', '天涯', '', 10, 0, 'tianya@dedecms.com', 115, 0, 2, '', 0, '', 1270622445, '127.0.0.1', 1270622445, '127.0.0.1'), (3, '个人', 'wind', 'e10adc3949ba59abbe56e057f20f883e', '木林森', '', 10, 0, 'wind@dedecms.com', 100, 0, 2, '', 0, '', 1270623901, '127.0.0.1', 1270623901, '127.0.0.1'), (4, '个人', 'like', 'e10adc3949ba59abbe56e057f20f883e', 'like', '', 10, 0, 'like@dedecms.com', 113, 0, 2, '', 0, '', 1270624079, '127.0.0.1', 1270624079, '127.0.0.1'), (5, '个人', 'yuejie', 'e10adc3949ba59abbe56e057f20f883e', '越界', '', 10, 0, 'jsy@dedecms.com', 100, 0, 2, '', 0, '', 1270624369, '127.0.0.1', 1270624369, '127.0.0.1'), (6, '个人', '沙羡', 'e10adc3949ba59abbe56e057f20f883e', '沙羡', '', 10, 0, 'wind@dedecms.com', 100, 0, 2, '', 0, '', 1270624916, '127.0.0.1', 1270624916, '127.0.0.1'), (7, '个人', '尐湶細蓅', 'e10adc3949ba59abbe56e057f20f883e', '尐湶細蓅', '', 10, 0, 'wind@dedecms.com', 100, 0, 2, '', 0, '', 1270624989, '127.0.0.1', 1270624989, '127.0.0.1'); INSERT INTO `#@__member_feed` (`fid`, `mid`, `userid`, `uname`, `type`, `aid`, `dtime`, `title`, `note`, `ischeck`) VALUES (1, 4, 'like', 'like', 'add', 107, 1270775825, ' 成功发布了 PHP正则表达式的几则使用技巧', 'PHP正则表达式主要用于字符串的模式分割、匹配、查找及替换操作。使用正则表达式在某些简单的环境下可能效率不高,因此如何更好的使用PHP正则表达式需要综合考虑。 我的PHP正则入门,是起源于网上的一篇文章,这篇文章由浅入深的阐述了PHP正则表达式使用的方', 1), (2, 4, 'like', 'like', 'addfriends', 0, 1270775999, ' 与 yuejie成为好友', '', 1), (3, 2, 'tianya', '天涯', 'addfriends', 0, 1270776034, ' 与 wind成为好友', '', 1); INSERT INTO `#@__member_flink` (`aid`, `mid`, `title`, `url`) VALUES (1, 2, '织梦内容管理系统', 'http://www.dedecms.com'), (2, 3, '织梦内容管理系统', 'http://www.dedecms.com'), (3, 4, '织梦内容管理系统', 'http://www.dedecms.com'), (4, 5, '织梦内容管理系统', 'http://www.dedecms.com'), (5, 6, '织梦内容管理系统', 'http://www.dedecms.com'), (6, 7, '织梦内容管理系统', 'http://www.dedecms.com'); INSERT INTO `#@__member_friends` (`id`, `fid`, `floginid`, `funame`, `mid`, `addtime`, `ftype`, `group`, `description`) VALUES (1, 5, 'yuejie', '越界', 4, 1270775999, 0, 1, NULL), (2, 3, 'wind', '木林森', 2, 1270776034, 0, 1, NULL); INSERT INTO `#@__member_msg` (`id`, `mid`, `userid`, `ip`, `ischeck`, `dtime`, `msg`) VALUES (1, 1, 'admin', '127.0.0.1', 1, 1270775620, '天气和心情都非常不错!'), (2, 6, '沙羡', '127.0.0.1', 1, 1270775668, '登录dedecms中!...'), (3, 4, 'like', '127.0.0.1', 1, 1270775738, 'webdesign'); INSERT INTO `#@__member_person` (`mid`, `onlynet`, `sex`, `uname`, `qq`, `msn`, `tel`, `mobile`, `place`, `oldplace`, `birthday`, `star`, `income`, `education`, `height`, `bodytype`, `blood`, `vocation`, `smoke`, `marital`, `house`, `drink`, `datingtype`, `language`, `nature`, `lovemsg`, `address`, `uptime`) VALUES (1, 2, '男', '', '', '', '', '', 0, 0, '0000-00-00', 0, 0, 0, 160, 0, 0, 0, 0, 0, 0, 0, 0, '', '', '', '', 0), (2, 2, '男', '上海卓卓网络科技有限公司', '39958965', '', '', '', 0, 0, '0000-00-00', 0, 0, 0, 160, 0, 0, 0, 0, 0, 0, 0, 0, '', '', '', '', 0), (3, 2, '男', '上海卓卓网络科技有限公司', '18387919', '', '', '', 0, 0, '0000-00-00', 0, 0, 0, 160, 0, 0, 0, 0, 0, 0, 0, 0, '', '', '', '', 0), (4, 2, '男', '上海卓卓网络科技有限公司', '', '', '', '', 0, 0, '0000-00-00', 0, 0, 0, 160, 0, 0, 0, 0, 0, 0, 0, 0, '', '', '', '', 0), (5, 2, '男', '上海卓卓网络科技有限公司', '', '', '', '', 0, 0, '0000-00-00', 0, 0, 0, 160, 0, 0, 0, 0, 0, 0, 0, 0, '', '', '', '', 0), (6, 2, '男', '上海卓卓网络科技有限公司', '', '', '', '', 0, 0, '0000-00-00', 0, 0, 0, 160, 0, 0, 0, 0, 0, 0, 0, 0, '', '', '', '', 0), (7, 2, '男', '上海卓卓网络科技有限公司', '', '', '', '', 0, 0, '0000-00-00', 0, 0, 0, 160, 0, 0, 0, 0, 0, 0, 0, 0, '', '', '', '', 0); INSERT INTO `#@__member_space` (`mid`, `pagesize`, `matt`, `spacename`, `spacelogo`, `spacestyle`, `sign`, `spacenews`) VALUES (1, 10, 0, 'admin的空间', '', 'person', '', ''), (2, 10, 0, '天涯的空间', '', 'person', '', ''), (3, 10, 0, '木林森的空间', '', 'person', '', ''), (4, 10, 0, 'like的空间', '', 'person', '', ''), (5, 10, 0, '越界的空间', '', 'person', '', ''), (6, 10, 0, '沙羡的空间', '', 'person', '', ''), (7, 10, 0, '尐湶細蓅 的空间', '', 'person', '', ''); INSERT INTO `#@__member_stow` (`id`, `mid`, `aid`, `title`, `addtime`) VALUES (1, 4, 106, '{dede:招聘启事 标题=''织梦大家庭新年招募第一波''}', 1270775903), (2, 4, 39, 'Web2.0十大Ajax安全漏洞以及成因', 1270775921); INSERT INTO `#@__member_tj` (`mid`, `article`, `album`, `archives`, `homecount`, `pagecount`, `feedback`, `friend`, `stow`, `soft`, `info`, `shop`) VALUES (1, 0, 0, 0, 0, 47, 0, 0, 0, 0, 0, 0), (2, 0, 0, 0, 0, 0, 5, 1, 0, 0, 0, 0), (3, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0), (4, 1, 0, 0, 0, 0, 1, 1, 2, 0, 0, 0), (5, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0), (6, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0), (7, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0); INSERT INTO `#@__member_vhistory` (`id`, `mid`, `loginid`, `vid`, `vloginid`, `count`, `vip`, `vtime`) VALUES (1, 5, 'yuejie', 4, 'like', 2, '127.0.0.1', 1270776001), (2, 3, 'wind', 2, 'tianya', 2, '127.0.0.1', 1270776036); INSERT INTO `#@__tagindex` (`id`, `tag`, `typeid`, `count`, `total`, `weekcc`, `monthcc`, `weekup`, `monthup`, `addtime`) VALUES (1, 'dedecms5.1', 7, 0, 1, 0, 0, 1270607049, 1270607049, 1270607049), (2, 'sp1', 7, 0, 1, 0, 0, 1270607049, 1270607049, 1270607049), (3, '免费版', 7, 0, 1, 0, 0, 1270607049, 1270607049, 1270607049); INSERT INTO `#@__uploads` (`aid`, `arcid`, `title`, `url`, `mediatype`, `width`, `height`, `playtime`, `filesize`, `uptime`, `mid`) VALUES (1, 88, '美丽的风景尽收眼底', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G40556.jpg', 0, '0', '0', '0', 82775, 1270620356, 1), (2, 88, '美丽的风景尽收眼底', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G40557.jpg', 0, '0', '0', '0', 82228, 1270620357, 1), (3, 88, '美丽的风景尽收眼底', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G40558.jpg', 0, '0', '0', '0', 227835, 1270620358, 1), (4, 88, '美丽的风景尽收眼底', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G40559.jpg', 0, '0', '0', '0', 113843, 1270620359, 1), (5, 88, '美丽的风景尽收眼底', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G40600.jpg', 0, '0', '0', '0', 116243, 1270620360, 1), (6, 89, '流连忘返的香樟大道', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G42130.jpg', 0, '0', '0', '0', 87018, 1270621290, 1), (7, 89, '流连忘返的香樟大道', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G42131.jpg', 0, '0', '0', '0', 116437, 1270621291, 1), (8, 89, '流连忘返的香樟大道', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G42132.jpg', 0, '0', '0', '0', 138555, 1270621292, 1), (9, 89, '流连忘返的香樟大道', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G42133.jpg', 0, '0', '0', '0', 156726, 1270621293, 1), (10, 89, '流连忘返的香樟大道', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G42134.jpg', 0, '0', '0', '0', 86079, 1270621294, 1), (11, 89, '流连忘返的香樟大道', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G42135.jpg', 0, '0', '0', '0', 116273, 1270621295, 1), (12, 90, '农家小院丝瓜架下', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G43432.jpg', 0, '0', '0', '0', 181191, 1270622072, 1), (13, 90, '农家小院丝瓜架下', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G43433.jpg', 0, '0', '0', '0', 79592, 1270622073, 1), (14, 90, '农家小院丝瓜架下', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G43434.jpg', 0, '0', '0', '0', 136951, 1270622074, 1), (15, 90, '农家小院丝瓜架下', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G43435.jpg', 0, '0', '0', '0', 115999, 1270622075, 1), (16, 90, '农家小院丝瓜架下', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G43436.jpg', 0, '0', '0', '0', 76871, 1270622076, 1), (17, 91, 'DedeCMS产品相关截图', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G44302.jpg', 0, '0', '0', '0', 367829, 1270622582, 1), (18, 91, 'DedeCMS产品相关截图', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G44303.jpg', 0, '0', '0', '0', 198339, 1270622583, 1), (19, 91, 'DedeCMS产品相关截图', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G44304.jpg', 0, '0', '0', '0', 279089, 1270622584, 1), (20, 93, '海岛风光', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G50111.jpg', 0, '0', '0', '0', 44805, 1270623671, 1), (21, 93, '海岛风光', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G50112.jpg', 0, '0', '0', '0', 41808, 1270623672, 1), (22, 93, '海岛风光', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G50113.jpg', 0, '0', '0', '0', 46747, 1270623673, 1), (23, 93, '海岛风光', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G50114.jpg', 0, '0', '0', '0', 50186, 1270623674, 1), (24, 93, '海岛风光', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G50115.jpg', 0, '0', '0', '0', 46587, 1270623675, 1), (25, 94, '武夷山的美景真是不错', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G51624.jpg', 0, '0', '0', '0', 130716, 1270624584, 1), (26, 94, '武夷山的美景真是不错', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G51625.jpg', 0, '0', '0', '0', 65790, 1270624585, 1), (27, 94, '武夷山的美景真是不错', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G51626.jpg', 0, '0', '0', '0', 139295, 1270624586, 1), (28, 94, '武夷山的美景真是不错', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G51627.jpg', 0, '0', '0', '0', 103824, 1270624587, 1), (29, 94, '武夷山的美景真是不错', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G51628.jpg', 0, '0', '0', '0', 113918, 1270624588, 1), (30, 94, '武夷山的美景真是不错', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G51629.jpg', 0, '0', '0', '0', 122615, 1270624589, 1), (31, 95, '原创风景图片', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G52636.jpg', 0, '0', '0', '0', 224799, 1270625196, 1), (32, 95, '原创风景图片', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G52637.jpg', 0, '0', '0', '0', 219324, 1270625197, 1), (33, 95, '原创风景图片', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G52638.jpg', 0, '0', '0', '0', 117692, 1270625198, 1), (34, 95, '原创风景图片', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G52639.jpg', 0, '0', '0', '0', 177826, 1270625199, 1), (35, 96, '我的眼界-一些关于花的照片', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G53038.jpg', 0, '0', '0', '0', 59938, 1270625438, 1), (36, 96, '我的眼界-一些关于花的照片', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G53039.jpg', 0, '0', '0', '0', 33517, 1270625439, 1), (37, 96, '我的眼界-一些关于花的照片', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G53040.jpg', 0, '0', '0', '0', 42222, 1270625440, 1), (38, 96, '我的眼界-一些关于花的照片', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G53041.jpg', 0, '0', '0', '0', 34080, 1270625441, 1), (39, 96, '我的眼界-一些关于花的照片', 'http://www.dedecms.com/demoimg/uploads/allimg/100407/1-10040G53041-50.jpg', 0, '0', '0', '0', 44278, 1270625442, 1);