http://WWW.KUCG.COM/ zh-cn PBlog2 v2.4 http://WWW.KUCG.COM/images/logos.gif http://WWW.KUCG.COM/ 酷CG http://WWW.KUCG.COM/article.asp?id=123 COOL-COOL@163.com(冯健) Tue,08 Sep 2009 22:58:47 +0800 http://WWW.KUCG.COM/default.asp?id=123
好的,点选particle tool ,设置如图2:

这里,我们需要解决的问题是如何让粒子均匀分布到曲线上.我们现在就来实现.
选择粒子,在position处建立一个creation Expression,写入：
int $i=particleShape1.particleId;
float $pTemp[]=`getAttr myCurve.cv[$i]`;
float $x=$pTemp[0];
float $y=$pTemp[1];
float $z=$pTemp[2];
particleShape1.position=<<$x,$y,$z>>;点EDIT后CLOSE。
好的，看看结果如何。你可能对于点看不太清。那我们先粒子改为SPHERES吧，点击current render type按钮，改变一下大小。这是我的。如图3

第一个问题解决了，我们再解决第二个，就是颜色的替换。我们先把视图的着色方式改为SHADE,依然选择粒子,点COLOR,设置如图4.

我们先来想象一下我们打算做出一个什么样的效果.我呢.决定用三种颜色,红(1,0,0) 绿(0,1,0)和黄(1,1,0)来交替变化.好的.
右键点 rgbPP,为其建一个RUNTIME EXPRESSION,写入:
if ((particleShape1.particleId+frame)%3==0) particleShape1.rgbPP=<<1,0,0>>;
if ((particleShape1.particleId+frame)%3==1) particleShape1.rgbPP=<<0,1,0>>;
if ((particleShape1.particleId+frame)%3==2) particleShape1.rgbPP=<<1,1,0>>;
好的,看看效果吧.
哎呀,怎么一开始都是黑乎乎的呀?没有关系.我们把这三行再复制到CREATION EXPRESSION里面就可以了.
至于以后应该做什么,我想大家都一定知道吧,硬件渲染,合成软件中加入更炫的特效吧.!!
好了,我讲完了.希望大家喜欢.下次见.





]]> http://WWW.KUCG.COM/article.asp?id=119 COOL-COOL@163.com(冯健) Thu,11 Jun 2009 00:21:42 +0800 http://WWW.KUCG.COM/default.asp?id=119 Accessibility(object)是一个以编定actionscript的通道，只用过一种方式
Accessibility.isActive(标注那一个程序处于激活状态）
Add用法：string1 add sting2
表示两个参数相连结
And 判断条件是否为真 表达式（condition1 and condition2)
argument(object)用于调用函数：
argument.callee 指向被调用的函数
argument.caller 指向请求调用的函数
argument.length 函数中要用到的变量数目
array(object)用于表示一组数据列，即数组
例子：myarray[0]="January"
myarray[1]="february"
myarray[2]="march"
myarray[3]="april"
myarray为自定义的数组名
array.concat(连结变量并返回一个新数组）
array.join(把所有的元素加入同一条目中
array.pop(返回队列中最后一个元素的值）
array.push(增加几个或一个元素在其未尾，并返回新长度）
array.reverse(对队列中元素翻转）
array.shift()(从队列中移出第一个元素，并返回应元素）
array.slice()(数组中一部分或是子数组，不包括最后的数组值）
array.sort(comparefunction)(方法排序调用参数）
array.sorton(field)(排序按照那一类排）
array.splice('a',2)删除第二个
array.tostring(返回参数为真或假）
array.unshift(增加一个或多个在数组的开头，并返回新长度）
asfuction:myfunc (用于在超链接时函数的调用）
boolean(function)返回各个的限定
boolean(object)布尔
boolean.tostring返回连结的值即为真或假
boolean.valueof返回原始布尔值的类型
break用于循环跳转
button(object)按钮功能
event summary for the button object按钮事件
button._alpha 按钮的透明度
button.enabled按钮是否可用
button._focusrect一个方行的按钮聚焦
button.getdepth 返回按钮的厚度
button._height按钮的高度
button._highquality 分为两种为1时表示位图光滑，为2时作为最好的位图功能，
为0时为最低质量
button._name按钮名字
button.ondragout拖动鼠标经过按钮并在按钮外动
button.ondragover拖动鼠标在按钮外并覆盖在其上
button.onkeydown通过得到asci码判断那一个键盘被按下
button.onkeyup那一个键被放开
button.onkillfocus 当失去键盘聚焦时，这个参数收到一个参数，新聚焦，假如没有物件，就设为空值。
button.onpress事件处理程序，当一个按钮被按，决定那一个函数被分析并 请求。
button.onrelease事件处理程序，当按钮释放时发生动作
button.onreleaseoutside 当按钮师范在外部范围发生的动作
button.onrollout当指针在外部滚动时发生的事件
button.onrollover 当指针经过时发生的事件
button.onsetfocus 设置聚焦方式，如同当你按住tab键时输入的光标从一个文本框里移动到按钮上，旧光标仍包含方本框里的所有内容。
button._parent 电影夹里包含子电影夹，其为按钮的父结点
button._quality按钮的性能有四种为低，中等，高，最好
button._rotation按钮旋转度数
button._soundbuftime按钮的声音缓冲时间
button.tabenabled按钮是否可用性
button.tabindex自定制按钮的tab 顺序
button._target按钮的中心聚焦点
button.trackasmenu可以自定义菜单，用以标明是否是电影夹或是其它的按钮可以执行鼠标释放事件。
button._url返回创建应按钮的swf文件的超链结
button.usehandcursor按钮的使作光标状态
button._visible按钮的可视性
button._width按钮的宽度
button._x按钮的x坐标
button._y按钮的y坐标
button._xmouse指向按钮的鼠标x坐标
button._xscale指向按钮x百分比坐标
button._y按钮的y坐标
button._ymouse指向按钮的鼠标y坐标
button.yscale指向按钮y百分比坐标
call调用
call function调用函数
case相当于选择与===功能相似
chr//相当于一ascii数值
clearinterval//清除间隔
color(object)颜色
color.getrgb得到背景色
color.setrgb设置颜色
color.settransform设置转换颜色
continue继续执生常用于for ,while等条件句中
customactions(object)
customactions.get读取xml定义文件
customactiond.install读取下载时xml信息
customactions.list颜色列表
customactions.uninstall(custom读取卸载是出现的情况
date(object)
date.getdate返回日期（从数字1到31）
date.getday()返回那一天（0作为星期天，而1作为星期一）
date.getfullyear()返回这个年份（一般采用4位数字）例：myDate=new Date(); trace(myDate.getFullYear());
date.gethour()返回当地小时数（从0到23中取值），要根据当时时间和运行的flash版本
date.getmillsceonds（）返回当前的秒整数值（一般从0到999）
date.getMinuutes()返回当前的分钟值（取0到59）
date.getmonth()返回当前月份（0表示1月份，1表示2月份）
date.getseconds（）返回当前秒数（从0到59中取值）
date.gettime（）返回当前时间如 1,1,1970)
date.getimezoneoffset()返回的时间在电脑的本机时间和普遍时间
date.getutcdate（）根据统一时间来返回当月中的日期
date.getutcday（）根据统一时间来返回具体的某一天
date.getutcfullyear()根据统一时间来返回具体的某一年
date.getutchours根据统一时间来返回具体的某一小时
date.getutcmillseconds根据统一时间来返回具体的某一运算时间如2分30秒为150秒
date.getutcminutes根据统一时间来返回具体的某一分钟
date.getutecmonth根据统一时间来返回具体的某一月
date.getutcseconds根据统一时间来返回具体的某一秒 utc(即为universal time
date.getyear年的记录（即为当前年数减去1900）
date.setdate（date)根据统一时间来设置具体的
date.setfullyear根据统一时间来设置具体的
date.sethours根据统一时间来设置具体的
date.setmillseconds根据统一时间来设置具体的
date.setminutes根据统一时间来设置具体的
date.setmonth根据统一时间来设置具体的
date.setseconds根据统一时间来设置具体的秒数
date.settime根据统一时间来设置具体的时间
date.setutchours根据统一时间来设置具体的小时
date.setutcfullyears根据统一时间来设置具体的年，格式同 上
datesetutcminutes根据统一时间来设置具体的分钟
date.setutcmonth根据统一时间来设置具体的月份
date.setutcseconds根据统一时间来设置具体的秒数
date.setyear根据统一时间来设置具体的年份
date.tostring表字符串运用那一进制（如十六进制）
date.tostring数据字符串
date.utc日期中的国际标准时间
default默认
delete删除
do while循环用法常与 for连用
duplicatimovieclip（target,newname,depth)复制电影夹
else 另外
else if 另外取得条件
#endinitclip 结束初始电影夹
eq(equal_string specific)
ESCAPE把所在所有的字符串转化为asci码
EVAL相当
EVALUATE评估
f false 为假值
fcheckbox(component)选择框组件
fcheckbox.getenabled()选择框是否可用
fcheckbox.getlabel()选择框得到字内容
fcheckbox.getvlaue()选择框得到值
fchckbox.registrerskinelement()选择框得到注册外表对象
fcheckbox.setchanghandler()选择框得到改变手柄
fcheckbox.setenabled()选择框设置可用性
fcheckbox.setlabel()选择框设置标签
fcheckbox.setlableplacement()选择框设置标签放置元素
fchckbox.setsize()选择框设置大小
fcheckbox.setstyleproperty()选择框设置样式属性
fcheckbox.setvalue()选择框设置值
fcombobox(component)()组合框组件
fcombobox.additem(label)组合框增加新的条目（可以为任何的flash物件，字符串，布尔值，整数，物件，或是电影夹）
fcombobox.additemat()组合框增加亲条目的位置如：Favorites.addItemAt(4, "Justin", Ace);
fcombox.getenabled()组合框中得到增加条目的可用性
fcombobox.getitemat()组合框位置
fcombobox.getlength()组合框中长度
fcomboboxgetrowcount()组合框行数统计
fcombpbox.getscrollposition()组合框滚动所在位置
fcombobox.getselecteditem()组合框得到选择的条目字顿
fcombobox.getvalue()组合框得到值
fcombobox.registerskinelement()组合框注册的外表元素
fcombobox.removeall()组合框全部移掉
fcombobox.removeitemat()组合框移掉的条目位置
fcombobox.setchangehandler()组合框设置改变手柄
fcombobox.setdataprovider()组合框设置数据支持者
fcombobox.seteditable()组合框设置可编辑性
fcombobox.setenabled()组合框设置其 可用性
fcombobox.setitemsymbol()组合框条目象征值
fcombobox.setrowcount()组合框行数统计
fcombobox.setselectedindex()组合框排序先
fcombobox.setsize()组合框设置大小
fcombobox.setstyleporperty()组合框样式属性
fcombobox.sortitemsby()组合框按何种排序
flistbox(component)列表框
flistbox.additemat()列表框增加条目在何方
flistbox.getenabled()列表框是否可用
flistbox.getitemat()列表框得到条目字的位置
flistbox.getlength()列表框长度
flistbox.getrowcount 列表框里得到行数的数目
flistbox.getscrollposition()列表框滚动所在位置
flistbox.getselcetdindex()列表框按某种排序
flistbox.getselectedindices()列表框可选择的值，如果有
flistbox.getselecteditem()列表框选择条目
flistbox.getselectmultiple()列表框多条目选择
flistbox.getvalue得到列表框里值
flistbox.registerskinelment得到列表框的外形元素
flistbox.removeall()列表框移掉所有的 值
flistbox.replaceitemat()列表框条目所在位置
flistbox.setautohidescrollbar列表框自动设置其是否隐藏滚动栏
flistbox.setchangehandler列表框变化手柄
flistbox.setdataprovider列表框设置其数据支持者
flistbox.setenabled列表框设置可用性
flistbox.setitemsymbol列表框字符象征条目
flistbox.setrowcount列表框设置行 数数目
flistbox.setscollposition列表框设置滚动栏位置
flistbox.setselectedindex列表框选择排序方法
flistbox.setselectedindices列表框设置选择
flistbox.setselectmultiple列表框设置多条选择条目
flistbox.setsize列表框设置大小
flistbox.setsyleproperty列表框设置样式属性
flistbox.setwidth列表框设置宽度
flistbox.sortitemsby列表框按何种条目排序
_focusrect键盘聚焦是否有环绕一个黄色的方形方框
for循环
for..in 在某一范围内循环
fpushbutton(component)弹压按钮
fpushbutton.getenabled弹压按钮是否可用值
fpushbutton.getlabel弹压按钮得到标记值
fpushbutton.registerskinelement弹压按钮外部元素
fpushbutton.setclickhandler弹压按钮设置按键用柄
fpushbutton.setenabled弹压按钮设置可用性
fpushbutton.setlabel弹压按钮设置标记值
fpushbutton.setsize弹压按钮大小
fpushbutton.setstyleproperty弹压设置样式属性
fradiobutton(component)选项按钮
fradiobutton.getdata选项按钮得到有效日期值
fradiobutton.getenabled选项按钮得到其是否可用
fradiobutton.getlabel选项按钮得到其标记值
fradiobutton.getstate选项按钮那一个为有效值
fradiobutton.getvalue选项按钮得到值
fradiobutton.registerskinelement选项按钮外部注册对象
fradiobutton.setchangehandle选项按钮设置改变手柄
fradiobutton.setdata选项按钮设置日期
fradiobutton.setenabled选项按钮设置其是否可用
fradiobutton.setgroupname选项按钮组名
fradiobutton.setlabel选项按钮设置其名
fradiobutton.setlabelplacement选项按钮标签位置部分
fradiobutton.setsize选项按钮大小
fradiobutton.setstate选项按钮在那一区有效
fradiobutton.setstyleporperty选项按钮样式属性
fradiobutton.setvalue选项按钮设定值
fscrollbar(component)滚动栏
fscrollbar.getenabled滚动栏是否可用
fscrollbar.getScrollPosition滚动栏位置
fscrollbar.registerskinelement滚动栏注册外表元素
fscrollbar.setchanghandler滚动栏改变手柄
fscrollbar.setenabled滚动栏设置是否可用性
fscrollbar.sethorizontal滚动栏水平线
fscorllbar.setlargescroll滚动栏设置大部分滚动栏
fscrollbar.setscrollcontent滚动栏滚动内容
fscrollbar.setscrollposition滚动栏滚动位置
fscrollbar.setscollpropeties滚动栏滚动属性
fscrollbar.setscrolltarget滚动栏滚动定位
fscrollbar.setsize滚动栏设置大小
fscrollbar.setsmallscroll滚动栏设置最小滚动
fscrollbar.setsmallscroll滚动栏设置最小滚动移动的最小位移
fscrollbar.setstyleproperty滚动栏设定样式属性
fscrollpane(component)滚动条
fscrollpane.getpaneheight滚动条得到滚动条的高度
fscrollpane.getpanewidth滚动条 宽度
fscrollpane.getscrollposition滚动条滚动位置
fscrollpane.loadscrollcontent滚动条下载的滚动内容
fscrollpane.refreshpane滚动条 刷新条
fscrollpane.registerskinelement返回滚动条注册外部元素
fscrollpane.setdragcontent滚动条设置拖动内容
fscrollpane.sethscroll滚动条设置水平滚动
fscrollpane.setscrollcontent滚动条设置滚动内容
fscrollpane.setscrollposition滚动条设置滚动位置
fscrollpane.setsize滚动条设置大小
fscrollpane.setsyleproperty滚动条设置样式属性
fscrollpane.setvscroll滚动条设置垂直滚动条是否为真
fstyleformat(object)样式表格式
fstyleformat(object)样式表格式
fstyleformat.applychanges样式表格式运用改变方式
fstyleformat.arrow样式表格式统一标准
fstyleformat.background样式表格式背景色
fstyleformat.backgrounddisabled样式表格式是否略去背景色
fstyleformat.check样式表格式检测
fstylefoamat.darkshadow样式表格式黑色阴影
fstyleformat.face样式表格式
fstyleformat.foregrounddisabled样式表格式
fstyleformat.highlight3d样式表格式
fstyleformat.radiodot样式表格式
fstyleformat.removelistener样式表格式
fstyleformat.scrolltrack样式表格式
fstyleformat.selection样式表格式
fstyleformat.selectiondisabled样式表格式
fstyleformat.selectunfocused样式表格式
fstyleformat.shadow样式表格式阴影
fstyleformat.textalign样式表格式文字对齐方式
fstyleformat.textbold样式表格式采用何种体
fstyleformat.texicolor样式表格式文本颜色
fstyleformat.textdisabled样式表格式文本是否可用性
fstyleformat.textfont样式表格式文本字体
fstyleformat.textindent样式表格式
fstyleformat.textitalic样式表格式文本是否用斜体
fstyleformat.textleftmargin表示样式表格式文字左中位置
fstyleformat.textrightmargin样式表格式文字右中位置
fstyleformat.textselected样式表格式选择
fstyleformat.textsize样式表格式文字大小
fstyleformat.textunderline样式表格式是否用文字下划线
function(object）
function.apply函数运用
function.call函数调用
function.prototype函数范例
fscommand命令
function函数
ge(更大或等于-特别参数）
getproperty得到值
gettimer得到时间
geturl得到超链接值
getversion得到版本
_global可支持核心类或是字符串，数学或是队列 ，全局变量
globalstyleformate 全局样式格式
gotoandplay跳转并运行
gotoandstop跳转并停止
gt （大于）
_highquality高质量
if假如
ifframeloaded当帧被下载时
#iclude包含
#initclip定义一个外部组件，并引用它时用到
instanceof（theobject,theclass)判断这个物件是否符合这个类
int 整型
isfinite确定一个是否是有限数，如果是，返回为真，否则为假
isnan确定一个是否为数字，如果是，返回为flase ,如果不是返回为true
key(object)键盘功能
key.addlistener键盘增加功能如键盘按下，或是释放
key.backspace键盘空格键
key.capslock键盘中capslock返回值为20
key.control返回键盘中的控制键
key.deletekey返回键盘中的删除键
key.down键盘功能中的按下
key.end键盘功能中的结束键
key.enter键盘功能中的确认
key.escape返回键盘中的escape（27）
key.getascii指键盘得到ascii值
key.getcode得到按键最后一次的值
key.home键盘中 home按键
key.insert键盘中insert按键
key.isdown确认键值是否被按下
key.istoggled假如numlock键被激活，则返回为真
key.left键盘左方向ascii（37)
key.onkeydown键盘
key.pgdn小键盘中的pgdn
key.pgup键盘中的pgdn
key.removelistener返回注册中的方法，如果不在列表中的物件，则为flase ,否则为真 key.right右方向键盘
key.shift键盘中的shift功能键是否被按下
key.space键盘中space功能
key.tab键盘中tab功能
key.up键盘中浮上去功能
le（少于或是等于）即less 或是equal
length长度
_level
loadmovie下载电影
loadmovienum("http://www.blag.com/image45.jpg",2);即一次可把二个图同时呈现出来
loadvariables("data.txt","_root.varTarget"从data.txt文件中下载变量
loadVariablesNum("data.txt", 0)从level 0中开始调入data.txe文件
loadvars(object)
loadvars.contenttype变量中内容类型
loadvar.getbytesloaded以二进制得到下载变量
loadvars.getbytestotal从一个预下载或是一个发送或下载的方式来得到二进制数值
loadvars.load从指定的超链结中预载变量
loadvars.loaded从指定的超链强中加载
loadvars.onload变量正下载
loadvars.send从超链强中发送变量
loadvars.sendandload相对于超链结中的下载变量发送并 下载这个定位物件
loadvars.tostring返回超链结中包括玫变量的所有loadvars物件的编码字符串
lt（少于）
math(object)数字化
math.abx(x)返回一个数的绝对值
math.acos反余弦
math.asin反正弦
math.atan反正切
math.atan2（y,x)反正切即y/x
math.ceil(x)最接近于它的整数
math.cos余弦
math.e发生e次方计算
math.exp开平方
math.floor四舍五入
math.log取对数
maht.log2e即2为底数，e 为指数
math.log10e即10为底数，e为指数
math.ln2以e为底数，以2为指数
math.ln10以e为底数，以10为指数
math.max（x,y)比较x,y算出其中最大的数
math.min（x,y)比较x,y算出其中最小的数
math.pi周长与直径的比率即
math.pow（x,y)返回x的y次方
math.random返回一个范围内的随机数
math.round估计相对x最近的数，取此数
math.sin取正弦
math.sqrt开平方
math.sqrt1_2 2的平方根再取一半
math.sqrt2其为1。414213562373,取2 的平方根
math.tan正切
maxscroll最大滚动
mbchr多字节转化为asci码的数值
mblength多字节的长度
mbord转化这个字作为一个多字节的数字
mbsubstring（value,index,count)从一个字符串中取出一个新的子多字节串
object.method = function ([parameters]) 方式方法
mouse(object)鼠标功能
mouse.addlistener鼠标增加监听
mouse.hide鼠标隐藏
mouse.onmousedown鼠标下压
mouse.onmousemove鼠标移走
mouse.onmouseup鼠标上提
mouse.removelistener鼠标是否可从外部组件移除
mouse.show鼠标显示方式
movieclip(object)电影夹功能
movieclip._alpha电影夹可视度
movieclip.attachmovie电影夹缓存电影
myMovieClip.beginFill ([rgb[, alpha]]) 电影夹开始覆盖背景色或是一个可视度
myMovieClip.beginGradientFill (fillType, colors, alphas, ratios, matrix) 电影夹可为类型颜色，可视度，比率，模式
myMovieClip.clear() 电影夹清除
myMovieClip.createEmptyMovieClip (instanceName, depth) 创建空的电影夹
myMovieClip.createTextField (instanceName, depth, x, y, width, height) 电影夹中创建文本
myMovieClip.curveTo (controlX, controlY, anchorX, anchorY) 电影夹定位位置
movieclip._droptarget电影夹定点位置
movieclip.duplicatemovieclip电影夹复制
movieclip.enabled电影夹可用性
movieclip.endfill电影夹结束时覆盖
moveiclip.focusenabled电影夹聚焦可用性
movieclip._framesloaded电影夹帧的下载
movieclip._focusrect电影夹当有键盘聚焦时环绕一个方形，其会覆盖象全局变量的聚焦那个属性
movieclip.getbounds电影夹得到绑定值
movieclip.getbytesloaded电影夹得到字节下载时
movieclip.getbytestotal电影夹得到类型
movieclip.getdepth电影夹得到深度
movieclip.geturl电影夹得到超链结
movieclip.globaltolocal电影夹合局定位
movieclip.gotoandplay电影夹转到并播放
movieclip.gotoandstop电影夹转到并 停止
movieclip._height电影夹高度
movieclip._highquality电影夹显示质量
movieclip.hitarea电影夹的有效范围
moviedlip.hittest电影夹击中的测试时
movieclip.linestyle电影夹线类型
movieclip.lineto电影夹连线
movieclip.loadmovie电影夹下载电影
movieclip.localtoglobal电影夹从当地的电影夹到全局电影夹
movieclip.moveto电影夹移动当前的画线位置
movieclip._name电影夹的名称
movieclip.nextframe电影夹下一帧
movieclip.ondata电影夹到期
movieclip.ondragout电影夹拉动到外面
movieclip.ondragover电影夹当经过时拉到
movieclip.onenterframe电影夹经过帧
movieclip.onkeydown电影夹键按下
movieclip.onkeyup电影夹键放开
myMovieClip.onKillFocus = function (newFocus) 电影夹失去聚焦
movieclip.onload电影夹正在下载时
movieclip.onmousedown电影夹鼠标下压
movieclip.onmousmove电影夹鼠标移动
movieclip.onpress电影夹按下
movieclip.onrelease电影夹释放
movieclip.onreleaseoutside电影夹在外部释放时
movieclip.onrollout电影夹外部滚动
movieclip.onrollover电影夹滚动覆盖
movieclip.onsetfocus电影夹设置聚焦
movieclip.onunload电影夹放弃下载
movieclip._parent电影夹父结点
movieclip.play电影夹播放
movieclip.prevframe电影夹上一帧
movieclip.removemovieclip电影夹移掉电影夹
movieclip._rotation电影夹旋转度
movieclip.setmask电影夹设置遮罩
movieclip._soundbuttime电影夹声音缓存时间
movieclip.startdrag电影夹开始拖动
movieclip.stop电影夹停止
movieclip.stopdrag电影夹停止拖动
movieclip.swapdepths电影夹交换深度
movieclip.tabchildren电影夹tab的子孩子
movieclip.tabenabled电影夹可用tab键
movieclip.tabindex电影夹按tab排序
movieclip._target电影夹定点
movieclip._totalframes电影夹总共的帧
movieclip.trackasmenu电影夹作为菜单
movieclip.unloadmovie电影夹未下载影片
movieclip._url电影夹的超链结
movieclip.usehandcursor电影夹使用手柄聚焦
movieclip._visable电影夹可视性
movieclip._width电影夹高度
moviecli._x电影夹x的坐标
movieclip._xmouse电影夹的x鼠标位置
movieclip._xscale电影夹中x坐标
movieclip._y电影夹y轴的坐标
movieclip._ymouse电影夹y轴的鼠标
movieclip._yscale电影夹y轴的比率
N -R 大小比较逻辑数字
nan不是一个数字
ne不等于
new创建一个新的物件
newline创建新行（可插入空格行）
nextframe 运行下一帧
nextscene下一场景
not一个逻辑非
null空值
number(function)数字功能
number(object)数字
number.max_value数字最大值
mumber.min_value数字最小值
number.nan非数字
number.negative_infinity返回一个忽略更大的数字
number.positive_infinity数字中确定的更大的值
number.tostring数字字符串的确定
number.valuof数字
object(object)物件功能
object.addproperty增加属性
object._proto_标记属性
object.registerclass注册类
object.tostring注册中的字符串
object.unwatch物件中
object.valueof
object.watch观测
onclipevent夹事件
on处于
or或
ord 或
_paren父t
parsefloat分析浮点
paresint分析整型
play播放
prevframe上一帧
prevscence上一主景
print打印
printasbitmap要印位图
printasbitmapnum作为图数字
printnum输出数字
_quality质量
random随机
removemovieclip移动电影夹
return返回
_root根本
s
scroll滚动
selection(object)选择框功能设置
selection.addlistener选择框得到增加子
selection.getbeginindex选择框得到按开始排序
selection.getcareindex选择框得到小心排序
selection.getendindex选择框得到结束排序
selection.getfocus选择框得到得到聚焦
selection.onsetfocus选择框设置聚焦
selcetion.removelistener选择框设置
selection.setfocus选择框设置聚焦
selection.setselection选择框设置可选择性
set variable设置变量
setinterval设置时间间隔
setproperty设置属性值
sound(object)声音功能块
sound.attachsound缓存声音
sound.duration声音的可持久程度
sound.getbytesloaded得到下载果的字节数
sound.getbytestotal得到数字总数目
sound.getpan得到句柄
sound.gettransform声 音中得到传输方式
sound.getvolume得到竖直值
sound.loadsound下载声音
sound.onload当下载
sound.onsoundcomplete声音完全下载完成
sound.position声音的位置
sound.setpan声音 中设置平底
sound.settransform声音中设置传输方式
sound.setvolume声音中设置音量
sound.start开始
sound.stop声音结束
_soundbuftime声音缓存时间
stage(object)舞台功能
stage.addlistener舞台增加组件的监听者
stage.align主景的对齐方式
stage.height主景的高度
stage.onresize主景的重设大小
stage.removelistener
stage.scalemode主景中的转方式
stage.width主景中的宽度
startdrag开始拉动
stop停止
stopallsounds停止所有声音
stopdrag停止拉动
string(fucntion)串函数
""（string delimiter)
string(object)
string.charat字符串中字所在地
string.charcodeat字符串中字编码所在地
string.concat
string.fromcharcode
string.indexof
string.lastindexof
stirng.length字符串长度
string.slice字符串
string.split字符串分开
string.substr字符串子字符
string.substring字符串子字符
string.tolowercase
string.touppercase
substring子字符串
super
switch选择
system(object)系统功能块
system.capabilties(object)系统
System.capabilities.hasaudioencoder系统有自行编码功能
System.capabilities.hasaccessibility系统拥有处理数据能力
System.capabilities.hasaudio 系统中有音频功能
System.capabilities.hasmp3系统中有mp3功能
System.capabilities.language 系统中语言种类
System.capabilities.manufacturer系统制造商
System.capabilities.os系统操作系统
System.capabilities.pixelaspectratio 系统分辨率
System.capabilities.screencolor系统屏幕颜色
System.capabilities.screendpi 系统屏幕英寸
System.capabilities.screenresolution.x 系统解决中的x坐标
System.capabilities.screenesolutin.y系统
System.capabilities.version 系统版本
System.capabilities.hasvideoencoder 系统中视幕编码
t
targetpath定位路径
telltarget处于定点
textfield(object)文本框
textfield._alpha文本框可视度
textfield.addlistener文本框可用组件
TextField .autosize文本框默认大小
textfield.background文本框背景色
TextField.backgroundcolor文本框背景颜色
TextField.border文本框体型
textfield.bordercolor文本框体型颜色
textfield.bottomscroll文本框顶部滚动
TextField .embedfonts文本框字体扩展
TextField._focusrect文本框聚焦方框
TextField.getdepth文本框得到深度
TextField.getfontlist文本框得到字体列表
TextField.getnewtextformat文本框得到新的文字格式
TextField._height文本框高度
TextField._highquality文本框高质量
TextField.hscrol文本框
TextField.html文本框hmtl样式
TextField.htmltext文本框html文本
TextField.length文本框长度
TextField.maxchars文本框最大字节
TextField.maxhscroll文本框最大滚动高度
TextField.multiline文本框交互线
TextField._name文本框名字
TextField.onchanged文本框是否处于正改变
TextField.onkillfocus文本框定位聚焦
TextField.onscroller文本框处于当前滚动
TextField.onsetfocus文本框设置聚焦
TextField _parent文本框父文本框
TextField.password文本框密码
TextField._quality文本框质量
TextField.removelistener 文本框移动组件时监听
TextField.removetextfield文本框 移动的 文本区域
TextField.replacesel 文本框移动的
TextField.restrict 文本框中重新定位
TextField._rotation 文本框转比率
TextField.scroll 文本框滚动栏
TextField.selectable文本框设置选择表
TextField.setnewtextformat 文本框设置新文本格式
TextField.settextformat 文本框设置文本格式
TextField._soundbuftime 文本框声音缓存时间
TextField.tabenabled文本框tab键的可用性
TextField.tabindex 文本框tab键的排序方式
TextField._target 文本框定位
TextField.text文本框文字
TextField.textcolor文本框文字颜色
TextField.textheight 文本框文本高度
TextField.textwidth文本框文本宽度
TextField.type 文本框类型
TextField._url文本框超链结
TextField.variable 文本框变量
TextField._width文本框宽度
TextField._visable 文本框可视性
TextField._width 文本框宽度
TextField.worldwrap文本框数据包
TextField._x文本框
TextField._xmouse 文本框
TextField._xscale文本框轴的百分比
TextField._y 文本框y的坐标
TextField._ymouse文本框y的鼠标
TextField._yscale(文本框y轴的百分比
Textformat(object)() 文本格式
Textformat.aligh()文本格式对齐方式
Textformat.blockindent()文本格式按何种排序块
Textformat.bold()文本格式体型
Textformat.bullet()文本格式桶
Textformat.color()文本格式颜色
Textformat.font()文本格式字体
Textformat.gettextextent()文本格式
Textformat.indent() 文本格式协议
Textformat.italic ()文本格式初始化
Textformat.leading ()文本格式下载
Textformat.leftmargin() 文本格式左中间
Textformat.rightmargin ()文本格式右中部分
Textformat.size() 文本格式大小
Textformat.tabstops() 文本格式tab停止
Textformat.target() 文本格式定位
Textformat.underline ()文本格式下划线
Textformat.url() 文本格式超链结
this()这个表征
togglehighquality(）联结高质量
trace()在外部窗口
true()真值
typeof()类型定义
u-x
undefined()未定义
unescape()没有确认
unloadmovie()示下载电影
unloadmovienum() 未下载电影数目
undateafterevent()
var()变量定义
void()只允许一部分函数可用
while()当%%
with()一个条件
xml(object) xml功能块
xml.appendchild()添加子孩子
xml.attributes()分散功能
xml.childnodes()子代码
xml.clonenode()代码编译
xml.contenttype()内容类型
xml.createlement()创建对象
xml.doctypedecl()doc类型定义
xml.firstchild()第一个子孩子
xml.getbytesloaded()得到下载字节
xml.getbytestotal()得到字节总和
xml.haschildnodes()有子程序代码
xml.ignorewhite()忽略白色
xml.insertbefore()插入以前
xml.lastchild()最后一个子孩子
xml.load()下载时
xml.loaded()下载完
xml.nextsibling()下一个
xml.nodename()代码名称
xml.nodetype()代码类型
xml.nodevalue()代码值
xml.ondata()日期
xml.onload()正在下载
xml.parentnode()父代码
xml.par***ml()
xml.previoussibling()xml
xml,removenode()xml
xml.send()xml发送
xml.sendandload()xml发送并 下载
xml.status()xml状态
xml.tostring()xml对于字符串
xml.xmldecl()xml
xmlscocket(object)()xml
xmlsocket.connect()xml连结
xmlsocket.onclose()xml关掉
xmlsocket.onconnect()xml处于连接状态
xmlsocket.ondata()xml在时间一定点
xmlsocket.onxml() 处于xml状态
xmlSocket.send() xml端口发送

]]> http://WWW.KUCG.COM/article.asp?id=113 COOL-COOL@163.com(冯健) Thu,23 Apr 2009 14:41:57 +0800 http://WWW.KUCG.COM/default.asp?id=113


2、PHP和MySQl通信（SQL语句：Insert存，Select取）：
     PHP←MySQl：Select * FROM myguestbook；
     PHP→MySQL：Insert INTO myguestbook(name,comment) VALUE ("张三","这是留言")；

3、SWF和PHP通信（LoadVars类的sendAndLoad方法存，解析XML的方式取）：
    SWF←PHP：PHP用echo写xml文件，SWF直接解析该文件。（我以前纳闷为什么蓝色的RSS是PHP格式的，学到这里才明白。）

    SWF→PHP：swf用“sendAndLoad”(data_lv.uname="张三")发送变量，php用$name=$_POST['uname']接收变量。
注：
1、留言本其实就是这两个小的过程，PHP相当于一个桥梁。强烈建议将2和3都写出一个简单的例子，例子运行成功了，留言本没开始写就已经完成一大半了。
2、sendAndLoad既可以发送变量给php，也可以接收php的变量（类似于swf读取文本）。可以看火山的教程，很详细。

开始制作（做好上面的准备工作，下面的会很好理解）：



1、SWF读取数据
①和②MySQl→PHP→SWF
PHP用“Select”从MySQl那里取，再写成xml给SWF读。



2、SWF储存数据
③和④SWF→PHP→MySQl
SWF用“sendAndLoad”给PHP，PHP用“Insert”给MySQl。




完成后的截图：



其他注意事项：

解决乱码（解决数据库中的中文读出来是"????"）：
在用PhpAdmin建立数据库的时候选择“utf8-geeral-ci”编码。
在php文件的查询语句前，加上：mysql_query("set names 'utf8'");
php模块化（便于以后修改）：
连接数据库的语句写在单独的文件中，如connectdb.php。
则写数据(datatosql.php)和读数据(datatoxml.php)的文件中加上：require "connectdb.php"即可。
MySQL排错函数(如操作有错，根据提示会很方便修改)：
mysql_errno(出错号);mysql_error(出错原因)。
php的日期函数(更详细的可参考其他帮助)：
data("Ymd,l,H:i"); //20080608,Sunday,09:28
SWF实时刷新（保证读取最新数据）：
swf发送并获取实时变量：data_lv.sendAndLoad("datatosql.php?n="+random(9999), data_lv, "post");
swf读取实时xml：myXML.load("datatoxml.php?n="+random(9999));
]]> http://WWW.KUCG.COM/article.asp?id=109 COOL-COOL@163.com(冯健) Tue,17 Mar 2009 16:42:43 +0800 http://WWW.KUCG.COM/default.asp?id=109
自从Micorsoft推出ASP技术后，由于ASP在创建动态交互式站点上的强大功能及其代码编写的简便性，使ASP在越来越多的 Internet/Intranet/Extranet网站上得到了极其广泛的应用，尤其是 涉及到数据库操作的网站应用系统更是倾向于采用ASP技术。但由于众所周知的原因，ASP只能工作于Microsoft的Windows NT平台+IIS Web Server服务器软件，在Windows9X +PWS也能使用,但那只能是调试或者学习用的，因而就决定了ASP应用的局限性。据有关资料显示，采用Windows操作 系统平台和服务器软件的网站在15%左右，也就是说有将近85%的网站将不能采用ASP技术。大多数商用的网站采用的是Unix、Linux、Soris和Netware等操作系统及相应的服务器，这说明ASP技术在应用上确实有很大的限制。

　　难道ASP就不能运用于非Windows 平台吗?当然不是.目前为止我们至少有两种选择,Chilisoft4公司的chili ASP和 Halcycon公司的iASP(Instant ASP).Halcyonsoft公司提出“ASP Anytime,Anywhere”的口号，开发出iASP,使ASP不仅可以在采用Windows操作系统平台和服务器软件的网站上使用，还可以在采用其它操作系统如Unix、Linux、 Soris、Netware操作系统及相应服务器的网站上使用。iASP全面继承了ASP的优势，并与ASP完全兼容，因而ASP应用系统几乎可以直接移植到非Windows操作系统平台下的iASP环境中运行，使得ASP应用系统真正成为了一种跨平台的Internet、Intranet或 Extranet应用系统。

　　iASP与ASP相比，不仅在支持操作系统平台上具有优势，在使用第三方组件构建ASP应用系统上同样具有明显的优势。iASP不仅支持流行的ActiveX组件，同样支持流行的Enterprise JavaBeans组件和CORBA兼容组件，从而使用ASP应用系统功能更为强大，应用更为广泛。除了MS Visual系列开发工具和Borland系列开发工具外，还可以用Java系列开发工具，让组件开发人员有更多的选择从而可以更为得心应手地开发有关组件。

　　iASP有两种版本，一种适用于Windows操作系统平台和服务器软件，另一种适用于Unix、Linux、Soris、Netware操作系统及相应服务器软件。目前最新的版本为1.0.9，最近刚推出一个Linux上的FREE版，可以在 http: //www.halcycon.com 站点上免费下载，其功能与正式版本相比基本相同，想在网络特别Unix、Linux局域网络中使用ASP的网络开发人员不妨去下载一个试用一下，文件大小有9M多。
一、iASP软件环境要求

　　iASP软件完全是用Java程序语言编制而成的，需要JDK1.1.X或以上版本的支持，因而需要系统上预先安装JDK1.1.X或以上版本。Linux平台下的JDK11.X可以在 http://xfer.nitric.com/pub/java-linux/ 下载，基于 Windows9X/NT平台的JDK1.1.X的下载地址为 ftp: //202.103.111.173/Download/DEVELOP/JAVA/jdk1_1_1-win32-x86.exe 。

　　同时需要相应的Web Server软件,如IIS、Apache、Netscape、Xitami、Sambar等。

二、iASP安装程序支持的系统平台和服务器软件

　　iASP软件是用JAVA程序语言编制而成的，原则上可运行在所有JAVA平台上。iASP可自动配置服务器软件，使之能使用iASP解释和转换ASP页面；iASP可以使用Halcycon软件公司开发的iASP Servlet接口与服务器进行连接和通信，也可以使用其它Servlet接口与服务器进行连接和通信。iASP支持以下平台及Web Server:

(一) Sun Solaris Sparc系统平台

1、Apache服务器软件

　　iASP可对Apache服务器软件的1.3.0、1.3.9、1.3.11、1.3.12等九个常用版本进行自动配置使之使用iASP解释ASP页面；并通过iASP中的Servlet接口与之连接和通信。

2、Netscape Fast Track(FT)和Enterprise Server(EP)服务器软件

　　iASP可对FT3.0.X、EP3.5.X、EP3.6.X进行自动配置使之使用iASP解释ASP页面；并通过iASP中的Servlet接口与之连接和通信。

3、Sun Web Server2.1服务器软件

　　iASP可对Sun Web Server2.1服务器软件进行自动配置使之使用iASP解释ASP页面；并通过服务器软件的Servlet接口与之连接和通信。

4、Zeus服务器软件

　　iASP可对Zeus服务器软件进行自动配置使之使用iASP解释引擎解释ASP页面；并通过Zeus和Apache JServ Servlet接口与之连接和通信。
(二)Sun Solaris Intel系统平台

1、Apache服务器软件

　　iASP可对Apache服务器软件的1.3.0、1.3.9、1.3.11、1.3.12等九个版本进行自动配置使之
使用iASP解释ASP页面；并通过iASP中的Servlet接口与之连接和通信。

2、Sun Web Server2.1服务器软件

　　iASP可对Sun Web Server2.1服务器软件进行自动配置使之使用iASP解释ASP页面；并通过服务器软件的Servlet接口与之连接和通信。

3、Zeus服务器软件

　　iASP可对Zeus服务器软件进行自动配置使之使用iASP解释ASP页面；并通过Zeus和Apache JServ Servlet接口与之连接和通信。

(三)Novell Netware系统平台

　　Netscape Fast Track(FT)和Enterprise Server(EP)服务器软件iASP可对FT3.0.X、 EP3.5.X进行自动配置使之使用iASP解释引擎解释ASP页面；并通过Novell Servlet Gateway接口与之连接和通信。

(四)SCO Unixware系统平台

1、Apache服务器软件

　　iASP可对Apache服务器软件的1.3.0、1.3.9、1.3.11、1.3.12等九个版本进行自动配置使之使用iASP解释ASP页面；并通过iASP中的Servlet接口与之连接和通信。

2、Netscape Fast Track(FT)和Enterprise Server(EP)服务器软件

　　iASP可对FT2.0.X进行自动配置使之使用iASP解释ASP页面；并通过iASP中的Servlet接口与之连接和通信。
(五)Linux Intel系统平台

1、Apache服务器软件

　　iASP可对Apache服务器软件的1.3.0、1.3.9、1.3.11、1.3.12等九个版本进行自动配置使之使用iASP解释ASP页面；并通过iASP中的Servlet接口与之连接和通信。

2、Zeus服务器软件

　　iASP可对Zeus服务器软件进行自动配置使之使用iASP解释ASP页面；并通过Zeus和ApacheJServ Servlet接口与之连接和通信。

(六)Windows9X/NT系统平台

1、Apache服务器软件

　　iASP可对Apache服务器软件的1.3.0、1.3.9、1.3.11、1.3.12等九个版本进行自动配置使之使用iASP解释ASP页面；并通过iASP中的Servlet接口与之连接和通信。

2、Netscape Fast Track(FT)和Enterprise Server(EP)服务器软件

　　iASP可对FT3.0.X、EP3.0.X、EP3.6.X进行自动配置使之使用iASP解释ASP页面；并通过iASP中的Servlet接口与之连接和通信。

3、Internet Information Server服务器软件

　　iASP可对Internet Information Server服务器软件进行自动配置使之使用iASP解释ASP页面；并通过iASP中的Servlet接口与之连接和通信。

4、Lotus Domino服务器软件

　　iASP可对Lotus Domino服务器软件进行自动配置使之使用iASP解释ASP页面；并通过Lotus Domino服务器软件自有的Servlet接口与之连接和通信。

5、Java Web Server服务器软件

　　iASP可对Java Web Server服务器软件进行自动配置使之使用iASP解释ASP页面；并通过Java Web Server服务器软件自有的Servlet接口与之连接和通信。
(七)HPUX系统平台

Zeus服务器软件

　　iASP可对Zeus服务器软件进行自动配置使之使用iASP解释ASP页面；并通过Zeus和Apache JServ Servlet接口与之连接和通信。

(八)SGI系统平台

Zeus服务器软件

　　iASP可对Zeus服务器软件进行自动配置使之使用iASP解释ASP页面；并通过Zeus和ApacheJServ Servlet接口与之连接和通信。

三、用iASP构建ASP应用系统环境

　　假设系统中已经正常安装和配置了TCP/IP等网络协议。

　　下面以RedHat Linux 6.0和Apache 1.3.9服务器软件为例，讨论如何安装和配置iASP，以建立一个ASP开发和应用环境。

(一)、安装Apache 1.3.3服务器软件

1、安装Apache 1.3.3服务器软件

　　如果手头没有Apache 1.3.X服务器软件，可以到 http://apache.nextpath.com/dist/apache_1.3.9.tar.gz 下载一个。

2、启动Apache 1.3.9服务器软件

　　可以用命令httpd来启动Apache 1.3.9服务器软件。启动Apache 1.3.9服务器软件后可以用 Netscape Communicator浏览器以 http://127.0.0.1 的方式或者 http://localhost 来访问 Apache 1.3.9服务器软件提供的WWW服务。默认的页面为index.html，通常位于“/home/httpd/html”目录中(该目录是Apache的WEB发布目录，相当于IIS或PWS系统中的c:inetpubwwwroot)，页面的主题为“It Worked”，表明 Apache已能正常工作，可以进行iASP的配置工作了。
(二)、安装JDK1.1.12

　　iASP的运行要依赖JDK1.1.X或以上版本，要求系统中必须安装JDK。

1、确定C运行库的类型

　　Liunx/Unix版本的JDK一般有libc5和glibc两个版本，以适应不同Liunx/Unix系统中的C运行库版本。用命令 “ls -l /lib/libc.so.*”可以列出C运行库文件，若“*”处的字符为“5”则表示C运行库类型为libc5，为“6”则表示Ｃ运行库类型为glibc。 笔者所用的RedHat　Linux 5.1的C运行库类型为glibc。

2、安装JDK1.1.12

　　在 http://xfer.nitric.com/pub/java-linux/ 处下载JDK1.1.12的glibc版本，并将其改名jdk112.gz。将jdk117.gz复制到/usr/local目录下，进入/usr/local目录，用“tar - xvzf jdk112.gz”命令将文件解压即完成JDK1.1.12的安装，安装目录为/usr/local/jdk112。

(三)、安装iASP
　　在 http://www.halcyonsoft.com/asp/iasp_108_linux.tar 处下载了Linux版本的iASP，并复制到/usr/local。

　　用命令“tar -xvzf iasp_lnx.gz”将文件解压，可产生install.sh和iasp.tar两个文件。进入/usr/local目录，运行./install.sh，按照安装程序提示完成iASP的安装。

　　在安装过程中，需要指定JDK的BIN目录(/usr/local/jdk117_v1a/bin)和iASP安装目录 (/usr/local)。在安装过程完成后，会选择是否开始对Web服务器进行配置，配置过程在下面讨论，选择“N”结束安装。此时iASP被安装在目录/usr/local/iasp下，有五个文件的作用值得注意。

connector.sh：启动iASP自动配置向导
start-server.sh：启动iASP代理服务器
stop-server.sh：关闭iASP代理服务器
start-admin.sh ：启动iASP远程管理服务器
stop-admin.sh ：关闭iASP远程管理服务器

(四)、配置iASP

1、关闭Web服务器
　 在进行iASP配置前，应首先关闭Web服务器软件。

2、配置iASP
　　iASP配置向导程序可为Apache服务器软件、Netscape Enterprise服务器软件、Internet Information Service服务器软件进行自动配置，而Zeus、Sun Web Server服务器软件则不需要配置。

　　在/usr/local/iasp下，运行./connector.sh启动iASP配置向导程序。选择“Y”开始配置；选择服务器软件及版本号(Apache 1.3.9)、Apache配置文件httpd.conf所在目录(/etc/httpd/conf)，其它可保持不变(按回车键采用默认设置)。在提示是否进行另一个服务器的配置时，选择“N”，完成配置。

(五)、测试iASP

1、启动iASP服务器

　　iASP服务器是一个Connector Proxy代理服务器软件，用于与服务器软件进行通信。进入XWindows，打开一个 nxterm窗口，在目录/usr/local/iasp下运行./start-server.sh，启动iASP Connector Proxy代理服务器程序。

2、测试iASP

　启动Apache 1.3.9服务器软件。在浏览器栏内输入： http://localhost/iasp 或者 http: //127.0.0.1/iasp 即可以看到iASP附带的例子以及iAS的一些文档，还是比较详细的。例子比较全面，有General,Form, File,Server,ADO,Email等，你可以点击看一下实际的效果。对于外界来说你是感觉不到它和在IIS是有什么区别的。
　　至此Linux平台下的iASP开发和应用环境都建立起来了，你可以尽情地发挥你的聪明才智去了。

让ASP应用系统成为跨平台的应用系统

　　自从Microsoft推出ASP技术后，由于ASP在创建动态交互式站点上的强大功能及其代码编写的简便性，使ASP在很多 Internet/Intranet/Extranet网站上得到了极其广泛的应用，尤其是涉及到数据库操作的网站应用系统更是倾向于采用ASP技术。但由于众所周知的原因，ASP只能工作于ＭＳ自己的操作系统平台和服务器软件之下，即只能在WindowsNT+IIS系列或Windows9X+PWS系列中使用，因而就决定了ASP应用的局限性。据有关资料显示，采用Windows操作系统平台和服务器软件的网站在１５％左右，也就是说有将近８５％的网站将不能采用ASP技术。实际上，很多网站采用的是Unix、Linux、Soris和Netware等操作系统及相应的服务器，这说明ASP技术在应用上确实有很大的限制。

　　最近，一家名为“Halcycon”的软件公司，不仅看到了ASP应用系统的优势和局限性，而且提出了“ASP Anytime, Anywhere”的口号，并开发了一个称为iASP（Instant ASP）的ASP脚本解释引擎软件，使ASP不仅可以在采用Windows操作系统平台和服务器软件的网站上使用，还可以在采用其它操作系统如Unix、Linux、Soris、Netware操作系统及相应服务器的网站上使用。 iASP全面继承了ASP的优势，并与ASP完全兼容，因而ASP应用系统几乎可以直接移植到非Windows操作系统平台下的iASP环境中运行，使得 ASP应用系统真正成为了一种跨平台的Internet、Intranet或Extranet应用系统。

　　iASP与ASP相比，不仅在支持操作系统平台上具有优势，在使用第三方组件构建ASP应用系统上同样具有明显的优势。iASP不仅支持流行的ActiveX组件，同样支持流行的Enterprise Java Beans组件和CORBA兼容组件，从而使用ASP应用系统功能更为强大，应用更为广泛。除了MS Visual系列开发工具和Borland系列开发工具外，还可以用Java系列开发工具，让组件开发人员有更多的选择从而可以更为得心应手地开发有关组件。

　　iASP有两种版本，一种适用于Windows操作系统平台和服务器软件，另一种适用于Unix、Linux、Soris、Netware操作系统及相应服务器软件。iASP目前的版本为1.0，其开发版本可以在“Halcycon”的软件公司网站上免费下载，其功能与正式版本相比基本相同，区别在于开发版本只支持两个并发连接，因而只能用于ASP学习和开发或用在比较小的Intranet局域网系统中，想在网络特别Unix、Linux局域网络中使用ASP的网络开发人员不妨去下载一个试用一下，文件大小有６Ｍ多。


让ASP应用系统成为跨平台的应用系统

（五）Linux Intel系统平台

１、Apache服务器软件

　　iASP可对Apache服务器软件的1.3.0、1.3.1、1.3.2、1.3.3、1.3.4、1.3.6六个版本进行自动配置使之使用iASP解释引擎解释ASP页面；并通过iASP中的Servlet接口与之连接和通信。

２、Zeus服务器软件

　　iASP可对Zeus服务器软件进行自动配置使之使用iASP解释引擎解释ASP页面；并通过Zeus和 Apache JServ Servlet接口与之连接和通信。

（六）Windows9X/NT系统平台

１、Apache服务器软件

　　iASP可对Apache服务器软件的1.3.0、1.3.1、1.3.2、1.3.3、1.3.4、1.3.6六个版本进行自动配置使之使用iASP解释引擎解释ASP页面；并通过iASP中的Servlet接口与之连接和通信。

２、Netscape Fast Track(FT)和Enterprise Server(EP)服务器软件

　　iASP可对FT3.0.X、EP3.0.X、EP3.6.X进行自动配置使之使用iASP解释引擎解释ASP页面；并通过iASP中的Servlet接口与之连接和通信。

３、Internet Information Server服务器软件

　　iASP可对Internet Information Server服务器软件进行自动配置使之使用iASP解释引擎解释ASP页面；并通过iASP中的Servlet接口与之连接和通信。

４、Lotus Domino服务器软件

　　iASP可对Lotus Domino服务器软件进行自动配置使之使用iASP解释引擎解释ASP页面；并通过Lotus Domino服务器软件自有的Servlet接口与之连接和通信。

５、Java Web Server服务器软件

　　iASP可对Java Web Server服务器软件进行自动配置使之使用iASP解释引擎解释ASP页面；并通过Java Web Server服务器软件自有的Servlet接口与之连接和通信。

（七）HPUX系统平台

Zeus服务器软件

　　iASP可对Zeus服务器软件进行自动配置使之使用iASP解释引擎解释ASP页面；并通过Zeus和　Apache JServ Servlet接口与之连接和通信。


（八）SGI系统平台

Zeus服务器软件

　　iASP可对Zeus服务器软件进行自动配置使之使用iASP解释引擎解释ASP页面；并通过Zeus和Apache JServ Servlet接口与之连接和通信。

让ASP应用系统成为跨平台的应用系统　

三、用iASP构建ASP应用系统环境

　　假设系统中已经正常安装和配置了TCP/IP等网络协议。

　　下面以RedHat Linux 5.1和Apache 1.3.3服务器软件为例，讨论如何安装和配置iASP，以建立一个ASP开发和应用环境。

（一）、安装Apache 1.3.3服务器软件

１、卸载Apache 1.2.6服务器软件

　　如果当前使用的是RedHat Linux 5.1自带的Apache服务器软件，则其版本号为1.2.6-4（用命令httpd -v可以查看Apache服务器软件的版本号），不在iASP自动配置程序支持的服务器范
围之内，因而需要将其卸载，以便重新安装Apache 1.3.X服务器软件。

　　在“控制面板”的Package Management（包管理）中打开Network（网络）中的Daemons（服务程序），选择“apache1.2.6-4”，单击Uninstall（卸载）可将其卸载。

２、安装Apache 1.3.3服务器软件

　　如果手头没有Apache 1.3.X服务器软件，可以到http://apache.nextpath.com/dist/apache_1.3.6.tar.gz下载一个。

　　笔者手头有一个Xteam Linux 1.0的光盘，其中有Apache 1.3.3服务器软件的发行版本，位于光盘的xteam pack目录下，文件名称为apache-1.3.3-1.i386.rpm。用命令 rpm - i /mnt/cdrom/xteam/pack/apache-1.3.3-1.i386.rpm可完成安装。

３、启动Apache 1.3.3服务器软件

　　可以用命令httpd来启动Apache 1.3.3服务器软件。启动Apache 1.3.3服务器软件后可以用 Netscape Communicator浏览器以http://YourComputerName的方式如http://localhost来访问 Apache 1.3.3服务器软件提供的WWW服务。默认的页面为index.html，通常位于“/home/httpd/html”目录中（该目录是Apache的WEB发布目录，相当于IIS或PWS系统中的c:inetpubwwwroot），页面的主题为“It Worked”，表明 Apache已能正常工作，可以进行iASP的配置工作了。

（二）、安装JDK1.1.X

　　iASP的运行要依赖JDK1.1.X或以上版本，要求系统中必须安装JDK。

１、确定Ｃ运行库的类型

　　Liunx/Unix版本的JDK一般有libc5和glibc两个版本，以适应不同Liunx/Unix系统中的C运行库版本。用命令 “ls -l /lib/libc.so.*”可以列出Ｃ运行库文件，若“*”处的字符为“５”则表示Ｃ运行库类型为libc5，为“６”则表示Ｃ运行库类型为glibc。笔者所用的RedHat Linux 5.1的Ｃ运行库类型为glibc。

２、安装JDK1.1.X

　　笔者在http://xfer.nitric.com/pub/java-linux/处下载JDK1.1.7的glibc版本，并将其改名 jdk117.gz。将jdk117.gz复制到/usr/local目录下，进入/usr/local目录，用“tar - xvzf jdk117.gz”命令将文件解压即完成JDK1.1.7的安装，安装目录为/usr/local/jdk117_v1a。

（三）、安装iASP

　　笔者在http://www.halcyonsoft.com/asp/iasp_fcs.tar.gz处下载了Linux/Unix版本的iASP，并改名为iasp_lnx.gz，并复制到/usr/local。

　　用命令“tar -xvzf iasp_lnx.gz”将文件解压，可产生install.sh和iasp.tar两个文件。进入/usr/local目录，运行./install.sh，按照安装程序提示完成iASP的安装。

　　在安装过程中，需要指定JDK的BIN目录（/usr/local/jdk117_v1a/bin）和iASP安装目录（/usr/local）。在安装过程完成后，会选择是否开始对Web服务器进行配置，配置过程在下面讨论，选择“Ｎ”结束安装。此时iASP被安装在目录/usr/local/iasp下，有五个文件的作用值得注意。

　　connector.sh：启动iASP自动配置向导 start-server.sh：启动iASP代理服务器stop- server.sh：关闭iASP代理服务器 start-admin.sh ：启动iASP远程管理服务器stop-admin.sh ：关闭iASP 远程管理服务器。

让ASP应用系统成为跨平台的应用系统


（四）、配置iASP

１、关闭Web服务器

　　在进行iASP配置前，应首先关闭Web服务器软件。可以用任何方式关闭Apache 1.3.3服务器软件。

２、配置iASP

　　iASP配置向导程序可为Apache服务器软件、Netscape Enterprise服务器软件、Internet Information Service服务器软件进行自动配置，而Zeus、Sun Web Server服务器软件则不需要配置。

　　在/usr/local/iasp下，运行./connector.sh启动iASP配置向导程序。选择“Ｙ”开始配置；

　　选择服务器软件及版本号（8：Apache 1.3.3）、Apache配置文件httpd.conf所在目录（/etc/httpd/conf），其它可保持不变（按回车键采用默认设置）。在提示是否进行另一个服务器的配置时，选择“Ｎ”，完成配置。

（五）、测试iASP

１、启动iASP服务器

　　iASP服务器是一个Connector Proxy代理服务器软件，用于与服务器软件进行通信。

　　进入XWindows，打开一个nxterm窗口，在目录/usr/local/iasp下运行./start-server.sh，启动iASP Connector Proxy代理服务器程序。

２、测试iASP

　　启动Apache 1.3.3服务器软件。将一个ASP页面文件拷到Apache页面发布目录“/home/httpd/html”目录中，并用Netscape Communicator浏览器进行访问，如可用“http://localhost/test.asp”访问ASP文件 test.asp，其内容如下：

< html>

< head>

< title>Test iASP< /title>< /p>

< /head>

< body>

< ％

Response.Write "< BR>< h1>Congradulations!< BR>Instant ASP has worked for you!< /h1>"

％ >

< /body>

< /html>

　　至此，Apache 1.3.3服务器软件已经可以用iASP解释引擎解释和执行ASP页面了。现在该你来自由发挥聪明才智了。



]]> http://WWW.KUCG.COM/article.asp?id=108 COOL-COOL@163.com(冯健) Wed,18 Feb 2009 14:09:21 +0800 http://WWW.KUCG.COM/default.asp?id=108 作用：取得图片的大小[即长与宽]
用法：array GetImageSize(string filename, array [imageinfo]);

ImageArc
作用：画弧线
用法：int ImageArc(int im, int cx, int cy, int w, int h, int s, int e, int col);

ImageChar
作用：写出横向字符
用法：int ImageChar(int im, int font, int x, int y, string c, int col);

ImageCharUp
作用：写出竖式字符
用法：int ImageCharup(int im, int font, int x, int y, string c, int col);

ImageColorAllocate
作用：匹配颜色
用法：int ImageColorAllocate(int im, int red, int green, int blue);

ImageColorTransparent
作用：指定透明背景色
用法：int ImageColorTransparent(int im, int [col]);

ImageCopyResized
作用：复制新图并调整大小
用法：int ImageCopyResized(int dst_im, int src_im, int dstX, int dstY, int srcX, int srcY, int dstW, int dstH, int srcW, int srcH);

ImageCreate
作用：建立新图
用法：int ImageCreate(int x_size, int y_size);

ImageDashedLine
作用：绘虚线
用法：int ImageDashedLine(int im, int x1, int y1, int x2, int y2, int col);

ImageDestroy
作用：结束图形
用法解释：int ImageDestroy(int im);

ImageFill
作用：图形着色
用法：int ImageFill(int im, int x, int y, int col);

ImageFilledPolygon
作用：多边形区域着色
用法：int ImageFilledPolygon(int im, array points, int num_points, int col);

ImageFilledRectangle
作用：矩形区域着色
用法：int ImageFilledRectangle(int im, int x1, int y1, int x2, int y2, int col);

ImageFillToBorder
作用：指定颜色区域内着色
用法：int ImageFillToBorder(int im, int x, int y, int border, int col);

ImageFontHeight
作用：取得字型的高度
用法：int ImageFontHeight(int font);

ImageFontWidth
作用：取得字型的宽度
用法：int ImageFontWidth(int font);

ImageInterlace
作用：使用交错式显示与否
用法：int ImageInterlace(int im, int [interlace]);

ImageLine
作用：绘实线
用法：int ImageLine(int im, int x1, int y1, int x2, int y2, int col);

ImageLoadFont
作用：载入点阵字型
用法：int ImageLoadFont(string file);

ImagePolygon
作用：绘多边形
用法：int ImagePolygon(int im, array points, int num_points, int col);

ImageRectangle
作用：绘矩形
用法：int ImageRectangle(int im, int x1, int y1, int x2, int y2, int col);

ImageSetPixel
作用：绘点
用法：int ImageSetPixel(int im, int x, int y, int col);

ImageString
作用：绘横式字符串
用法：int ImageString(int im, int font, int x, int y, string s, int col);

ImageStringUp
作用：绘直式字符串
用法：int ImageStringUp(int im, int font, int x, int y, string s, int col);

ImageSX
作用：取得图片的宽度
用法：int ImageSX(int im);

ImageSY
作用：取得图片的高度
用法：int ImageSY(int im);

ImageTTFBBox
作用：计算 TTF 文字所占区域
用法：array ImageTTFBBox(int size, int angle, string fontfile, string text);

ImageTTFText
作用：写 TTF 文字到图中
用法：array ImageTTFText(int im, int size, int angle, int x, int y, int col, string fontfile, string text);

ImageColorAt
作用：取得图中指定点颜色的索引值
用法：int ImageColorAt(int im, int x, int y);

ImageColorClosest
作用：计算色表中与指定颜色最接近者
用法：int ImageColorClosest(int im, int red, int green, int blue);

ImageColorExact
作用：计算色表上指定颜色索引值
用法：int ImageColorExact(int im, int red, int green, int blue);

ImageColorResolve
作用：计算色表上指定或最接近颜色的索引值
用法：int ImageColorResolve(int im, int red, int green, int blue);

ImageColorSet
作用：设定色表上指定索引的颜色
用法：boolean ImageColorSet(int im, int index, int red, int green, int blue);

ImageColorsForIndex
作用：取得色表上指定索引的颜色
用法：array ImageColorsForIndex(int im, int index);

ImageColorsTotal
作用：计算图的颜色数
用法：int ImageColorsTotal(int im);

ImagePSLoadFont
作用：载入 PostScript 字型
用法：int ImagePSLoadFont(string filename);

ImagePSFreeFont
作用：卸下 PostScript 字型
用法：void ImagePSFreeFont(int fontindex);

ImagePSEncodeFont
作用：PostScript 字型转成向量字
用法：int ImagePSEncodeFont(string encodingfile);

ImagePSText
作用：写 PostScript 文字到图中
用法：array ImagePSText(int image, string text, int font, int size, int foreground, int background, int x, int y, int space, int tightness, float angle, int antialias_steps);

ImagePSBBox
作用：计算 PostScript 文字所占区域
用法： array ImagePSBBox(string text, int font, int size, int space, int width, float angle);

ImageCreateFromPNG
作用：取出 PNG 图型
用法：int ImageCreateFromPng(string filename);

ImagePNG
作用：建立 PNG 图型
用法：int ImagePng(int im, string [filename]);

ImageCreateFromGIF
作用：取出 GIF 图型
用法：int ImageCreateFromGif(string filename);

ImageGIF
作用：建立 GIF 图型
用法：int ImageGif(int im, string [filename]);

目录
gd_info -- 取得当前安装的 GD 库的信息
getimagesize -- 取得图像大小
image_type_to_extension --　Get file extension for image type
image_type_to_mime_type --　取得 getimagesize，exif_read_data，exif_thumbnail，exif_imagetype 所返回的图像类型的 MIME 类型
image2wbmp -- 以 WBMP 格式将图像输出到浏览器或文件
imagealphablending -- 设定图像的混色模式
imageantialias -- 是否使用 antialias 功能
imagearc -- 画椭圆弧
imagechar -- 水平地画一个字符
imagecharup -- 垂直地画一个字符
imagecolorallocate -- 为一幅图像分配颜色
imagecolorallocatealpha -- 为一幅图像分配颜色 + alpha
imagecolorat -- 取得某像素的颜色索引值
imagecolorclosest -- 取得与指定的颜色最接近的颜色的索引值
imagecolorclosestalpha -- 取得与指定的颜色 + alpha 最接近的颜色
imagecolorclosesthwb --　取得与给定颜色最接近的色度的黑白色的索引
imagecolordeallocate -- 取消图像颜色的分配
imagecolorexact -- 取得指定颜色的索引值
imagecolorexactalpha -- 取得指定的颜色 + alpha 的索引值
imagecolormatch --　使一个图像中调色板版本的颜色与真彩色版本更能匹配
imagecolorresolve --　取得指定颜色的索引值或有可能得到的最接近的替代值
imagecolorresolvealpha --　取得指定颜色 + alpha 的索引值或有可能得到的最接近的替代值
imagecolorset -- 给指定调色板索引设定颜色
imagecolorsforindex -- 取得某索引的颜色
imagecolorstotal -- 取得一幅图像的调色板中颜色的数目
imagecolortransparent -- 将某个颜色定义为透明色
imagecopy -- 拷贝图像的一部分
imagecopymerge -- 拷贝并合并图像的一部分
imagecopymergegray -- 用灰度拷贝并合并图像的一部分
imagecopyresampled -- 重采样拷贝部分图像并调整大小
imagecopyresized -- 拷贝部分图像并调整大小
imagecreate -- 新建一个基于调色板的图像
imagecreatefromgd2 -- 从 GD2 文件或 URL 新建一图像
imagecreatefromgd2part -- 从给定的 GD2 文件或 URL 中的部分新建一图像
imagecreatefromgd -- 从 GD 文件或 URL 新建一图像
imagecreatefromgif -- 从 GIF 文件或 URL 新建一图像
imagecreatefromjpeg -- 从 JPEG 文件或 URL 新建一图像
imagecreatefrompng -- 从 PNG 文件或 URL 新建一图像
imagecreatefromstring -- 从字符串中的图像流新建一图像
imagecreatefromwbmp -- 从 WBMP 文件或 URL 新建一图像
imagecreatefromxbm -- 从 XBM 文件或 URL 新建一图像
imagecreatefromxpm -- 从 XPM 文件或 URL 新建一图像
imagecreatetruecolor -- 新建一个真彩色图像
imagedashedline -- 画一虚线
imagedestroy -- 销毁一图像
imageellipse -- 画一个椭圆
imagefill -- 区域填充
imagefilledarc -- 画一椭圆弧且填充
imagefilledellipse -- 画一椭圆并填充
imagefilledpolygon -- 画一多边形并填充
imagefilledrectangle -- 画一矩形并填充
imagefilltoborder -- 区域填充到指定颜色的边界为止
imagefilter --　Applies a filter to an image
imagefontheight -- 取得字体高度
imagefontwidth -- 取得字体宽度
imageftbbox -- 取得使用了 FreeType 2 字体的文本的范围
imagefttext -- 使用 FreeType 2 字体将文本写入图像
imagegammacorrect -- 对 GD 图像应用 gamma 修正
imagegd2 -- 输出 GD2 图像
imagegd -- 将 GD 图像输出到浏览器或文件
imagegif -- 以 GIF 格式将图像输出到浏览器或文件
imageinterlace -- 激活或禁止隔行扫描
imageistruecolor -- 检查图像是否为真彩色图像
imagejpeg -- 以 JPEG 格式将图像输出到浏览器或文件
imagelayereffect --　Set the alpha blending flag to use the bundled libgd layering effects
imageline -- 画一条直线
imageloadfont -- 载入一新字体
imagepalettecopy -- 将调色板从一幅图像拷贝到另一幅
imagepng -- 以 PNG 格式将图像输出到浏览器或文件
imagepolygon -- 画一个多边形
imagepsbbox -- 取得使用 PostScript Type1 字体的文本的范围
imagepscopyfont --　拷贝一个已加载的字体以备更改
imagepsencodefont -- 改变字体中的字符编码矢量
imagepsextendfont -- 扩充或压缩字体
imagepsfreefont -- 释放一个 PostScript Type 1 字体所占用的内存
imagepsloadfont -- 从文件中加载一个 PostScript Type 1 字体
imagepsslantfont -- 倾斜某字体
imagepstext -- 用 PostScript Type1 字体把文本字符串画在图像上
imagerectangle -- 画一个矩形
imagerotate -- 用给定角度旋转图像
imagesavealpha --　设置标记以在保存 PNG 图像时保存完整的 alpha 通道信息（与单一透明色相反）
imagesetbrush -- 设定画线用的画笔图像
imagesetpixel -- 画一个单一像素
imagesetstyle -- 设定画线的风格
imagesetthickness -- 设定画线的宽度
imagesettile -- 设定用于填充的贴图
imagestring -- 水平地画一行字符串
imagestringup -- 垂直地画一行字符串
imagesx -- 取得图像宽度
imagesy -- 取得图像高度
imagetruecolortopalette -- 将真彩色图像转换为调色板图像
imagettfbbox -- 取得使用 TrueType 字体的文本的范围
imagettftext -- 用 TrueType 字体向图像写入文本
imagetypes -- 返回当前 PHP 版本所支持的图像类型
imagewbmp -- 以 WBMP 格式将图像输出到浏览器或文件
imagexbm --　Output XBM image to browser or file
iptcembed -- 将二进制 IPTC 数据嵌入到一幅 JPEG 图像中
iptcparse --　将二进制 IPTC http://www.iptc.org/ 块解析为单个标记
jpeg2wbmp -- 将 JPEG 图像文件转换为 WBMP 图像文件
png2wbmp -- 将 PNG 图像文件转换为 WBMP 图像文件

]]> http://WWW.KUCG.COM/article.asp?id=107 COOL-COOL@163.com(冯健) Sun,15 Feb 2009 22:23:39 +0800 http://WWW.KUCG.COM/default.asp?id=107
CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。

1.基本语法规范
分析一个典型CSS的语句：

p {COLOR:#FF0000;BACKGROUND:#FFFFFF}
其中"p"我们称为"选择器"(selectors)，指明我们要给"p"定义样式；
样式声明写在一对大括号"{}"中；
COLOR和BACKGROUND称为"属性"(property)，不同属性之间用分号";"分隔；
"#FF0000"和"#FFFFFF"是属性的值(value)。
2.颜色值
颜色值可以用RGB值写，例如：color : rgb(255,0,0)，也可以用十六进制写，就象上面例子color:#FF0000。如果十六进制值是成对重复的可以简写，效果一样。例如:#FF0000可以写成#F00。但如果不重复就不可以简写，例如#FC1A1B必须写满六位。

3.定义字体
web标准推荐如下字体定义方法：

body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; }
字体按照所列出的顺序选用。如果用户的计算机含有Lucida Grande字体，文档将被指定为Lucida Grande。没有的话，就被指定为Verdana字体，如果也没有Verdana，就指定为Lucida字体，依此类推，；
Lucida Grande字体适合Mac OS X；
Verdana字体适合所有的Windows系统；
Lucida适合UNIX用户
"宋体"适合中文简体用户;
如果所列出的字体都不能用，则默认的sans-serif字体能保证调用;
4.群选择器
当几个元素样式属性一样时，可以共同调用一个声明，元素之间用逗号分隔，： p, td, li { font-size : 12px ; }

5.派生选择器
可以使用派生选择器给一个元素里的子元素定义样式，例如这样：

li strong { font-style : italic; font-weight : normal；} 就是给li下面的子元素strong定义一个斜体不加粗的样式。

6.id选择器
用CSS布局主要用层"div"来实现，而div的样式通过"id选择器"来定义。例如我们首先定义一个层

<div id="menubar"></div>
然后在样式表里这样定义：

#menubar {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;}
其中"menubar"是你自己定义的id名称。注意在前面加"#"号。

id选择器也同样支持派生，例如：

#menubar p { text-align : right; margin-top : 10px; }
这个方法主要用来定义层和那些比较复杂，有多个派生的元素。

6.类别选择器
在CSS里用一个点开头表示类别选择器定义，例如：

.14px {color : #f60 ;font-size:14px ;}
在页面中，用class="类别名"的方法调用：

<span class="14px">14px大小的字体</span>
这个方法比较简单灵活，可以随时根据页面需要新建和删除。

7.定义链接的样式
CSS中用四个伪类来定义链接的样式，分别是：a:link、a:visited、a:hover和a : active，例如：

a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}
a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}
a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}
a:active {font-weight : bold ;text-decoration : none ;color : #90 ;} 以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。注意，必须按以上顺序写，否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。

呵呵，看了这么多，有点头晕吧，实际上CSS的语法规范还有很多，这里列的只是一些常用的，毕竟我们是循序渐进，不可能一口吃成胖子:)
作者：阿捷]]> http://WWW.KUCG.COM/article.asp?id=106 COOL-COOL@163.com(冯健) Sun,15 Feb 2009 22:09:51 +0800 http://WWW.KUCG.COM/default.asp?id=106
1、HTML语言剖析之Html简介

全写： HyperText Mark-up Language
译名： 超文件注标式语言（译名之一）
简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件达到预期的显示效果。
HTML 是在 SGML 定义下的一个描述性语言，或可说 HTML 是 SGML 的一个应用程式，HTML 不是程式语言，如 C++ 和 Java 之类，它只是标示语言，基本上你只要明白了各种 标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于 编辑方面，任何文字编辑器都可以，只要能将文件另存成 ASCII 纯文字格式即可，当然 以专业的网页编辑软件为佳。  
■ 阅读须知：
这一篇【HTML剖析】偏重于标记的介绍，考虑到易懂及每节的篇幅问题，我并不按 W3C 的 HTML 分类，这可令你更易选择有兴趣的标记，其中只有【文件标记】是必读的，其 余可任意选择。这一篇不会提及任何网页编辑软件，只要掌握了 HTML ，任何网页 编辑工具都可以变成一把利器。  
■ 标记写法：
任何标记皆由"<"及">"所围住，如 <P>
标记名与小于号之间不能留有空白字符。
某些标记　要加上参数，某些则不必。如 <font size="+2">Hello</font>
参数只可加于起始标记中。
在起始标记之标记名前加上符号"/"便是其终结标记，如 </font>
标记字母大小写皆可。

■ 围堵标记与空标记：
标记按型态分为围堵标记与空标记
围堵标记
顾名思义，它以起始标记及终结标记将文字围住，令其达到预期显示效果。
例如 HTML Source ： <b>Creation of Webpage</b> is my favourite.
显示成： Creation of Webpage is my favourite.

其中 <b></b> 便称为围堵标记。
它以起始标记<b>及终结标记</b>标示文字 Creation of webpage ，令它显示成粗体，两者失其一都会发生错误显示。


空标记
是指标记单独出现，只有起始标记没有终结标记。
例如 HTML Source：
I love Creation of Webpage.<br>It's a wonderful place.
显示成：
I love Creation of Webpage.
It's a wonderful place.

其中换行标记<br>便属空标记。
它的作用便是将标记后所有东西显示于下一行，可见终结标记于它是没意义的， 但有些人会为空标记加上终结标记，这是为方便记认而己，对 HTML 没有影响。
2、HTML语言剖析之HTML标记一览

标记 类型 译名或意义 作 用 备注
文件标记
<HTML> ● 文件声明 让浏览器知道这是 HTML 文件  
<HEAD> ● 开头 提供文件整体资讯  
<TITLE> ● 标题 定义文件标题，将显示于浏览顶端  
<BODY> ● 本文 设计文件格式及内文所在  
排版标记
<!--注解--> ○ 说明标记 为文件加上说明，但不被显示  
<P> ○ 段落标记 为字、画、表格等之间留一空白行  
<BR> ○ 换行标记 令字、画、表格等显示于下一行  
<HR> ○ 水平线 插入一条水平线  
<CENTER> ● 居中 令字、画、表格等显示于中间 反对
<PRE> ● 预设格式 令文件按照原始码的排列方式显示  
<DIV> ● 区隔标记 设定字、画、表格等的摆放位置  
<NOBR> ● 不折行 令文字不因太长而绕行  
<WBR> ● 建议折行 预设折行部位  
字体标记
<STRONG> ● 加重语气 产生字体加粗 Bold 的效果  
<B> ● 粗体标记 产生字体加粗的效果  
<EM> ● 强调标记 字体出现斜体效果  
<I> ● 斜体标记 字体出现斜体效果  
<TT> ● 打字字体 Courier字体，字母宽度相同  
<U> ● 加上底线 加上底线 反对
<H1> ● 一级标题标记 变粗变大加宽，程度与级数反比  
<H2> ● 二级标题标记 将字体变粗变大加宽  
<H3> ● 三级标题标记 将字体变粗变大加宽  
<H4> ● 四级标题标记 将字体变粗变大加宽  
<H5> ● 五级标题标记 将字体变粗变大加宽  
<H6> ● 六级标题标记 将字体变粗变大加宽  
<FONT> ● 字形标记 设定字形、大小、颜色 反对
<BASEFONT> ○ 基准字形标记 设定所有字形、大小、颜色 反对
<BIG> ● 字体加大 令字体稍为加大  
<SMALL> ● 字体缩细 令字体稍为缩细  
<STRIKE> ● 画线删除 为字体加一删除线 反对
<CODE> ● 程式码 字体稍为加宽如<TT>  
<KBD> ● 键盘字 字体稍为加宽，单一空白  
<SAMP> ● 范例 字体稍为加宽如<TT>  
<VAR> ● 变数 斜体效果  
<CITE> ● 传记引述 斜体效果  
<BLOCKQUOTE> ● 引述文字区块 缩排字体  
<DFN> ● 述语定义 斜体效果  
<ADDRESS> ● 地址标记 斜体效果  
<SUB> ● 下标字 下标字  
<SUP> ● 上标字 指数（平方、立方等）  
清单标记
<OL> ● 顺序清单 清单项目将以数字、字母顺序排列  
<UL> ● 无序清单 清单项目将以圆点排列  
<LI> ○ 清单项目 每一标记标示一项清单项目  
<MENU> ● 选单清单 清单项目将以圆点排列，如<UL> 反对
<DIR> ● 目录清单 清单项目将以圆点排列，如<UL> 反对
<DL> ● 定义清单 清单分两层出现  
<DT> ○ 定义条目 标示该项定义的标题  
<DD> ○ 定义内容 标示定义内容  
表格标记
<TABLE> ● 表格标记 设定该表格的各项参数  
<CAPTION> ● 表格标题 做成一打通列以填入表格标题  
<TR> ● 表格列 设定该表格的列  
<TD> ● 表格栏 设定该表格的栏  
<TH> ● 表格标头 相等于<TD>，但其内之字体会变粗  
表单标记
<FORM> ● 表单标记 决定单一表单的运作模式  
<TEXTAREA> ● 文字区块 提供文字方盒以输入较大量文字  
<INPUT> ○ 输入标记 决定输入形式  
<Select> ● 选择标记 建立 pop-up 卷动清单  
<OPTION> ○ 选项 每一标记标示一个选项  
图形标记
<IMG> ○ 图形标记 用以插入图形及设定图形属性  
连结标记
<A> ● 连结标记 加入连结  
<BASE> ○ 基准标记 可将相对 URL 转绝对及指定连结目标  
框架标记
<FRAMESET> ● 框架设定 设定框架  
<FRAME> ○ 框窗设定 设定框窗  
<IFRAME> ○ 页内框架 于网页中间插入框架 IE
<NOFRAMES> ● 不支援框架 设定当浏览器不支援框架时的提示  
影像地图
<MAP> ● 影像地图名称 设定影像地图名称  
<AREA> ○ 连结区域 设定各连结区域  
多媒体
<BGSOUND> ○ 背景声音 于背景播放声音或音乐 IE
<EMBED> ○ 多媒体 加入声音、音乐或影像  
其他标记
<MARQUEE> ● 走动文字 令文字左右走动 IE
<BLINK> ● 闪烁文字 闪烁文字 NC
<ISINDEX> ○ 页内寻找器 可输入关键字寻找于该一页 反对
<META> ○ 开头定义 让浏览器知道这是 HTML 文件  
<LINK> ○ 关系定义 定义该文件与其他 URL 的关系  
StyleSheet
<STYLE> ● 样式表 控制网页版面  
<span> ● 自订标记 独立使用或与样式表同用  

注：

● 表示该标记属围堵标记，即需要关闭标记如 </标记>。
○ 表示该标记属空标记，即不需要关闭标记。
IE 表示该标记只适用于 Internet Explorer。
NC 表示该标记只适用于 Netscape Communicator。
反对 表示该标记不为 W3C 所赞同，通常这标记是 IE 或 NC 自订，且己为众所支 持，只是 HTML 标准中有其它同功能或更好的选择。
弃用 表示该标记己为 W3C 所弃用，是过时的标记，但 HTML 具向下兼容的特 性，不用担心新浏览器不支援旧标记。

<HTML> ； <HEAD> ； <TITLE> ； <BODY>
欲明白本篇【HTML剖析】之标记分类请看 【标记一览】。
亦请先明白围堵标记与空标记的分别请看 【HTML概念】。

■ HTML 基本架构：
以下 HTML Source Code 便是一份 HTML 文件的基本架构 ：

<HTML>
<HEAD>
<TITLE> 网页的标题 </TITLE>
</HEAD>
<BODY>
网页的内容，很多标记都作用于此
</BODY>
</HTML>  

特点解说：

整份文件处于标记<HTML>与</HTML>之间。
<HTML>用以声明这是 HTML 文件，让浏览器认出并正确处理此 HTML 文件。

文件分两部分，由<HEAD>至</HEAD>称为开头，<BODY>至</BODY>称本文。
基本上两者各有适用的标记，如<TITLE>只可出现于开头部分。

开头部分用以存载重要资讯，而只有本文部分会被显示。
所以大部分标记会运用于本文部分。

<TITLE>所标示的是文件的标题。
会出现于浏览器顶部及为别人 Bookmark 时的名称，所以每页有不同而明确的标题 是需要的。
上述标记中只有<BODY>具参数设定。

■ <BODY> 之参数设定：
例子：
<BODY text="#000000" link="#0000FF" alink="#FF0000" vlink="#0000FF" background="bg1.gif" bgcolor="#FFFFFF" leftmargin=2 topmargin=2 bgproperties="fixed">

text="#000000"
用以设定文字颜色。 #000000 代表黑色，亦可以采用颜色的名称，即 text="black" 。各种颜色的值及名称可参考【调色原理】一节。

link="#0000FF"
设定一般文字连结颜色。

alink="#FF0000"
设定刚按下时文字连结颜色。

vlink="#0000FF"
设定连结后的颜色。（被按过）。

background="bg1.gif"
设定背景墙纸。GIF 或 JPEG 皆可，可以是绝对途径或相对途径。

bgcolor="#FFFFFF"
设定背景颜色。当己设定背景墙纸时会失去作用，除非墙纸有透明部分。

leftmargin=2
设定整份文件显示画面的左方边沿空间，单位为像素。 『只适用于IE』

topmargin=2
设定整份文件显示画面的上方边沿空间。 『只适用于IE』

bgproperties="fixed"
固定背景墙纸，当卷动文字时墙纸不会跟著卷动。 『只适用于IE』
标记及参数之字母大小都可以。
4、HTML语言剖析之排版标记

<!--注解--> ； <P> ； <BR> ； <HR> ； <CENTER> ； <PRE> ； <DIV> ； <NOBR> ； <WBR> ；  
■<!--注解-->： ▲Top

像很多电脑语言一样，HTML 文件亦提供注解功能。浏览器会忽略此标记中的文字（可以 是很多行）而不作显示，一般使用目的：
为文中不同部份加上说明，方便日后修改。
这对较复杂或非私人网页尤其重要，它不单是提醒自已，亦提醒你的同事这部分 做什么、那部分做什么。
例子：
<!--由这处开始是产品订购表格-->

用作版权声明。
假如你不希望别人使用或复制你的网页，可加上警告字眼。
例子：
<!--本文版权为 1998, Creation of Webpage 所拥有，未经许，请勿抄摘-->

■ <P> ： ▲Top

<P>称为段落标记。作用：为字、画、表格等之间留一空白行。
本来<P>是一围堵标记，标于一段落的头尾，但从 HTML 2.0 开始己不需要</P>作结尾。

<P> 的常用参数： 如：<p align="center">

align="center"
可选值：right, left, center。
内定值： align="left"
例子： 原始码 Here is the text for my paragraph. It does't matter how long it is,
how many space are between the words or when I decide to hit the return key.
It will create a new paragraph only when I begin the tag with another one.
<P>Here's the next paragraph.  
显示结果 Here is the text for my paragraph. It does't matter how long it is, how many space are between the words or when I decide to hit the return key. It will create a new paragraph only when I begin the tag with another one.
Here's the next paragraph.



■ <BR> ： ▲Top

<BR>称为换行标记。作用：令字、画、表格等显示于下一行。
由于浏览器会自动忽略原始码中空白和换行的部分，这令到<BR>成为最常用的标记之 一。因为无论你在原始码中编好了多漂亮的文章，若不适当地加上换行标记或段落标记， 浏览器只会将它显示成一大段。

错误示范：（邮局可不会接受一行过的地址） 原始码 566 E Boston Post RD
Mamaroneck NY 10543-9982
United States of America  
结果 566 E Boston Post RD Mamaroneck NY 10543-9982 United States of America  


正确例子： 原始码 566 E Boston Post RD
<BR>Mamaroneck NY 10543-9982
<BR>United States of America  
结果 566 E Boston Post RD
Mamaroneck NY 10543-9982
United States of America  


■ <HR> ： ▲Top

<HR>称为水平线。作用：插入一条水平线。
<HR> 之参数修改：
以： <HR align="LEFT" size="2" width="70%" color="#0000FF" noshade> 为例。

align="LEFT"
设定线条置放位置，可选择：left；right；center 三种设定值。

size="2"
设定线条厚度，以像素作单位，内定为 2。

width="70%"
设定线条长度，可以是绝对值（以像素作单位）或相对值，内定为 100%。

color="#0000FF" 『只适用于IE』
设定线条颜色，内定为黑色。 #0000FF 代表蓝色，亦可以采用颜色的名称，即 text="blue" 。

noshade
设定线条为平面显示，若删去则具阴影或立体，这是内定值。
例子： 原始码 <HR>
<HR align="LEFT" size="4">
<HR align="LEFT" size="2" width="70%" color="#0000FF" noshade>
<HR align="LEFT" size="4" width="70" color="#008000">  
显示结果
--------------------------------------------------------------------------------

--------------------------------------------------------------------------------

--------------------------------------------------------------------------------

--------------------------------------------------------------------------------



■ <CENTER> ： ▲Top

<CENTER>称为居中标记。作用：令字、画、表格等显示于中间。
这标记原先是 Netscape 所定义，后来其它浏览器都支持它，但你会发现很多标记已有 align="CENTER" 的参数，<CENTER>似乎多馀了，事实上它还是常用的标记之一，其简单 易用，常用于文字上，对于己加有 align="CENTER" 参数的 <TABLE> 标记亦要不厌其烦 地加上居中标记，因有狻多浏览器不支持<TABLE> 标记中的 align="CENTER" 参数。

例子： 原始码 <CENTER>Chris's First Homepage</CENTER>
<CENTER>What's new</CENTER>
<CENTER>My profile</CENTER>  
结果 Chris's First Homepage
What's new
My profile  


■ <PRE> ： ▲Top

<PRE>称为预设格式标记。作用：令文件按照原始码的排列方式显示。
这标记允许保留你于原始码中输入的空白及 Return。细看以下例子你便可体会到此标记的 威力。除了运用一大堆表格标记之外你只有采用这标记才能有此效果。

能以<PRE>标记产生对　效果，或产生多于一行的空白才算上乘！

例子： 原始码         <pre>        Creation of Webpage Log Analysis I

        Composer Learning  459 407 480 522 547 586 673
        HTML Advanced      200 268 296 358 385 453 506</pre>

显示结果                  Creation of Webpage Log Analysis I        

        Composer Learning  459 407 480 522 547 586 673
        HTML Advanced      200 268 296 358 385 453 506



■ <DIV> ： ▲Top

<DIV>称为区隔标记。作用：设定字、画、表格等的摆放位置。
<DIV>应用于 Style Sheet（式样表）方面会更显威力，它最终目的是给设计者另一种组织 能力，有 Class ; Style ; title ; ID 等属性，将会于【Style Sheet】一节才作详述，这处只介绍 一个属性设定。
以 <DIV align="center"> 为例：


align="center"
可选值：center ; left ; right 。决定字、画、表格等居中、靠左或靠右。
<DIV align="center"> 的作用和居中标记 <CENTER>一样，前者是由 HTML3.0 开始 的标准，后者是通用己久的标示法。
例子： 原始码 <DIV align="center">Chris's First Homepage
<br>What's new
<br>My profile</DIV>  
结果 Chris's First Homepage
What's new
My profile


■ <NOBR> ： ▲Top

<NOBR>称为不折行标记。作用：令某些文字不因太长而绕行，一　显示于同一行或下一 行。它对住址、数学算式、一行数字、程式码等尤为有用。
例子：（其中 Chris's Creation of Webpage 将不被分开而显示于同一行。） 码 If you want to know how to create you own homepage quickly, don't miss <NOBR>Chris's Creation of Webpage</NOBR> which will help you a lot.  
结果 If you want to know how to create you own homepage quickly, don't miss Chris's Creation of Webpage which will help you a lot.  


■ <WBR> ： ▲Top

<WBR>称为建议折行标记。作用：预设折行部位。
它没有侵犯到 <BR> 的责任，只是作建议而已，若观者的系统解像度够高的话，那么它是 不会折行的。
例子：（若不加<WBR>标记，整个网址会显示于下一行。） 原始码 Please visit my other homepage which locate at http://www.geocities.com/SiliconValley/<WBR>Sector/8234/index.html There are many softwares for download. I think you will really love that place.  
结果 Please visit my other homepage which locate at http://www.geocities.com/SiliconValley/Sector/8234/index.html There are many softwares for download. I think you will really love that place.
5、HTML语言剖析之字体标记

<STRONG> <B>
<I> <EM> <VAR> <CITE> <DFN> <ADDRESS>
<TT> <SAMP> <CODE> <KBD> <U> <STRIKE> <BIG> <SMALL> <SUP> <SUB>
<H1> <H2> <H3> <H4> <H5> <H6>
<FONT> <BASEFONT>  
■实体标记与逻辑标记 ： ▲Top

这一节【字体标记】你必须先明白实体标记与逻辑标记的分别，否则你会迷惑于为何不同 的标记却有相同的效果。两者分别有以下两处：
实体标记有固定的显示效果，逻辑标记则依不同浏览器而不同。
例如逻辑标记的 <EM> 由于浏览器的不同它所标示的文字不一定出现斜体效果， 它可能是加底线、粗体或反白等，所以这一节是以它们在 IE 和 NC 中的效果作介 绍。

多个实体标记亦可有效标示同一字句，逻辑标记则通常于旧浏览器不能有效显示多 重的标示。
例如两个逻辑标记 <EM> 及 <STRONG> 同时标示一字句于旧浏览器常失去作用。

实体标记有：
<I> <B> <U>
逻辑标记有：
<STRONG> <EM> <VAR> <CITE> <DFN> <ADDRESS> <CODE> <KBO> <SAMP> <TT>
若要求真确的效果当然以实体标记为佳。

■<STRONG> <B> ： ▲Top

两者皆能产生字体加粗的效果，但必须注意的是当文件被设为 gb2312 Encoding 时，两者所 标示的中文字不会于 Netscape Netvigator 显示粗体效果。
例子： （第一行是没有任何字体标记的，作对照之用） HTML Source Code （原始码） 浏览器显示结果
Creation of Webpage
<br><STRONG>Creation of Webpage</STRONG>
<br><B>Creation of Webpage</B>  Creation of Webpage
Creation of Webpage
Creation of Webpage  


■<I> <EM> <VAR> <CITE> <DFN> <ADDRESS>： ▲Top

这些标记于 Internet Explorer 都产生斜体效果，而只有 </DFN> 于 Netscape Netvigator 失去作 用。这些标记中只有 <ADDRESS> 较为特别，因它包括换行效果所以不必在它前面加上 <BR> 标记。
例子： HTML Source Code （原始码） 浏览器显示结果
<I>Creation of Webpage</I>
<br><EM>Creation of Webpage</EM>
<br><VAR>Creation of Webpage</VAR>
<br><CITE>Creation of Webpage</CITE>
<br><DFN>Creation of Webpage</DFN>
<ADDRESS>Creation of Webpage</ADDRESS>  Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage


■<TT> <SAMP> <CODE> <KBD> <U> <STRIKE> <BIG> <SMALL> <SUP> <SUB> ▲Top

为方便对照及记认，所以把十个标记于在一起介绍。
<TT> <SAMP> <CODE> <KBD> 可令每字母有相等宽度且每字母之间的距离稍为加 宽。但于 NC 不见得如此。
<U> 是加底线的标记，一些特别的浏览器并不支援，因顾虑到与连结混淆。
<STRIKE> 加上删除线的标记。
<BIG> 令字体加大。
<SMALL> 令字体变细。
<SUB> 为下标字， <SUP> 则为上标字，仅剩的数学标记。
例子： （第一行是没有任何字体标记的，作对照之用） HTML Source Code （原始码） 浏览器显示结果
Creation of Webpage
<br><TT>Creation of Webpage</TT>
<br><SAMP>Creation of Webpage</SAMP>
<br><CODE>Creation of Webpage</CODE>
<br><KBD>Creation of Webpage</KBD>
<br><U>Creation of Webpage</U>
<br><STRIKE>Creation of Webpage</STRIKE>
<br><BIG>Creation of Webpage</BIG>
<br><SMALL>Creation of Webpage</SMALL>
<br>12345<SUB>7</SUB> 6789<SUP>9</SUP>  Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
123457 67899  


■<H1> <H2> <H3> <H4> <H5> <H6>： ▲Top

这些是标题标记，由 <H1> 至 <H6> 变粗变大加宽的程度逐渐减小。每个标题标记所标示 的字句将独占一行且上下留一空白行。
例子： 原始码 <H1>Header Level 1</H1>
<H2>Header Level 2</H2>
<H3>Header Level 3</H3>
<H4>Header Level 4</H4>
<H5>Header Level 5</H5>
<H6>Header Level 6</H6>  
显示结果 Header Level 1
Header Level 2
Header Level 3
Header Level 4
Header Level 5
Header Level 6


■<FONT> <BASEFONT>： ▲Top

这一节只有这两个标记具参数设定，且两者的参数设定是一样的，都是负责设定文字的大 小、字形及颜色，但各有用处，且看以下比较：
<BASEFONT> 可以用于文件的开头部分，即 <HEAD> 与 </HEAD> 之间的位置，将 影响全文字句，是一个空标记，用以改变字体显示的内定值。
<FONT> 是应用于文件的内文部分，即 <BODY> 与 </BODY> 之间的位置，只影响 所标示的字句，是一个围堵标记。
两标记可同时存在，唯没被 <FONT> 所标示的字句才直接受 <BASEFONT> 所影 响，而 <FONT> 本身亦受 <BASEFONT> 的影响。
<FONT>的参数设定：
例子： <font face="Arial" size="+2" color="#008000">Creation of Webpage</font>


face="Arial"
设定文字的字形。Arial 是常用的一种，请不要使用 Window 内建字 形以外的字形。于没有设定为 Gb2312 Encoding 的中文网页，Netscape Netvigator 不会显示此标记 所指明的任何中文字形。
size="+2"
设定文字的大小。其值可以是绝对或相对，
绝对的意思便是标记自己决定文字的大小，不受 <BASEFONT> 的影响，如
size="5" 表示其大小便是 5， 而html内定值为 3，即 size="3"和没有设定是一样的。
相对的意思便是在内定值 3 的基础上增加或减少大小级数，如 size="+2" 便等同绝 对表示法的 size="5"，但若已设定 <BASEFONT size="n"> 则其实际大小便是 n+2 不 再是 3+2 了。<BASEFONT>只有绝对表示法。
color="#008000"
设定文字的颜色。#008000 表示绿色
例子： 原始码 <font size="+1">I love Creation of Webpage</font>
<br><font size="+2" color="#800080">I love Creation of Webpage</font>
<br><font face="Times New Roman" size="5" color="#008000">I love Creation of Webpage</font>  
显示结果 I love Creation of Webpage
I love Creation of Webpage
I love Creation of Webpage
6、HTML语言剖析之清单标记

<OL> <LI>
<UL>
<MENU> <DIR>
<DL> <DT> <DD>  
■ <OL> <LI> : 　

<OL>称为顺序清单标记。<LI>则用以标示清单项目。
所谓顺序清单就是在每一项前面加上 1,2,3... 等数目，又称编号清单。
<OL> 的参数设定（常用）：
例如： <ol type="i" start="4"></ol>

type="i"
设定数目款式，其值有五种，请参考 右表，内定为 type="1"。
start="4"
设定开始数目，不论设定了哪一数 目款式，其值只能是 1,2,3.. 等整 数，内定为 start="1"。
Type Numbering style
1 arabic numbers 1, 2, 3, ...
a lower alpha a, b, c, ...
A upper alpha A, B, C, ...
i lower roman i, ii, iii, ...
I upper roman I, II, III, ...



<LI> 的参数设定（常用）：
例如： <li type="square" value="4">

type="square"
只适用于非顺序清单，设定符号款式，其值有三种，如下，内定为 type="disc"：
符号  是当 type="disc" 时的列项符号。
符号  if" width=10 height=10 border=0> 是当 type="circle" 时的列项符号。
符号  是当 type="square" 时的列项符号。
value="4"
只适用于顺序清单，设定该一项的数目，其後各项将以此作为起始数目而递增， 但前面各项则不受影响，其值只能是 1,2,3.. 等整数，没有内定值。
例子： HTML Source Code （原始码） 浏览器显示结果
My best friends:
<ol>
<li>Michelle Wei
<li>Michael Wan
<li>Gloria Lam
</ol>  My best friends:
Michelle Wei
Michael Wan
Gloria Lam



■ <UL> ： 　

<UL>称为无序清单标记。
所谓无序清单就是在每一项前面加上 、、 等符号，故又称符号清单。
<UL> 的参数设定（常用）：
例如： <UL type="square">

type="square"
设定符号款式，其值有三种，如下，内定为 type="disc"：
符号  是当 type="disc" 时的列项符号。
符号  是当 type="circle" 时的列项符号。
符号  是当 type="square" 时的列项符号。
注意：由于 <UL> 及 <LI> 都有 type 这个参数，两者尽可能选用其一。

例子： HTML Source Code （原始码） 浏览器显示结果
My Homepages:
<ul>
<li>Penpals Garden
<li>ICQ Garden
<li>Software City
<li>Creation of Webpage
</ul>  My Homepages:
Penpals Garden
ICQ Garden
Software City
Creation of Webpage



■ <MENU> <DIR> ： 　

这两个标记都不为 W3C 所赞同，希望用者能以 <ul> 及 <ol> 代之。
<MENU> 及 <DIR>，基本上它和 <ul> 是一样的，在一些特别的浏览器可能表现出 <ol> 的 效果，于旧版的 IE 或 NC 标记 <DIR> 不显示符号或数目。两标记的用法与 <ul> 完全一 样。
例子： HTML Source Code （原始码） 浏览器显示结果
My Homepages:
<dir>
<li>Penpals Garden
<li>ICQ Garden
<li>Software City
<li>Creation of Webpage
</dir>  My Homepages:
Penpals Garden
ICQ Garden
Software City
Creation of Webpage



■ <DL> <DT> <DD> : 　

<DL>称为定义清单标记。 <DT> 用以标示定义条目，<DD> 则用以标示定义内容。
所谓定义清单就是一种分二层的项目清单，其不故符号及数目。
三个标记都没有常用的参数。而 <DT> <DD> 可以独立使用，只是一些旧的浏览器并不支 援，如 IE 3.0。常用的如 <DD> 标记可用以制造段落第一个字前面的空白。

例子： 原始码 <dl>
<dt>How to use Definition List
<dd>First, you should not place paragraph tag right after or before a list structure or between the items of a list. In cerntain contexts, use of extra paragraph tags should always be avoided, when you realize this concept, it is quit easy to write a HTML.
<dt>Other things to know
<dd>We usually put only ONE Definition tag following the Definition Term tag, more than one DD tag is not recommanded. Besides, unlike Definition List is a nonempty tag, both Definition Term and Definition Description are empty tags.
</dl>  
显示结果 How to use Definition List
First, you should not place paragraph tag right after or before a list structure or between the items of a list. In cerntain contexts, use of extra paragraph tags should always be avoided, when you realize this concept, it is quit easy to write a HTML.
Other things to know
We usually put only ONE Definition tag following the Definition Term tag, more than one DD tag is not recommanded. Besides, unlike Definition List is a nonempty tag, both Definition Term and Definition Description are empty tags.
7、HTML语言剖析之表格标记


表格标记
<TABLE> <TR> <TD>
<TH>
<CAPTION>  
■ <TABLE> <TR> <TD> ： ▲Top

这三个标记是定义表格的最重要的标记，可以说只学这三个己足够。
<TABLE>是一个容器标记，意思是说它用以声明这是表格而且其他表格标记只能在他的 范围内才适用，属容器标记的还有其他。
<TR>用以标示表格列（row）
<TD>用以标示储存格（cell）
<TABLE> 的参数设定（常用）：
例如： <table width="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark="#00FFFF" cols="2">


width="400"
表格宽度，接受绝对值（如 80）及相对值（如 80%）。

border="1"
表格边框厚度，不同浏览器有不同的内定值，故请指明。

cellspacing="2"
表格格线厚度，请看例子三，那是加厚到 5 的格线。

cellpadding="2"
文字与格线的距离，请看例子四，那是加至 10 的 padding。

align="CENTER"
表格的摆放位置（水平），可选值为： left, right, center，请看例子五或六，那表格 是放于中间的，为怕一些浏览器不支援，故特加上居中标记<CENTER>，只是多 层保证而己，当然只用<CENTER>亦可。

valign="TOP".
表格内字画等的摆放贴　位置（垂直），可选值为： top, middle, bottom。

background="myweb.gif"
表格　纸，与 bgcolor 不要同用。

bgcolor="#0000FF"
表格底色，与 background 不要同用，请看例子六。

bordercolor="#FF00FF"
表格边框颜色，NC 与 IE 有不同的效果，请看例子六。

bordercolorlight="#00FF00"
表格边框向光部分的颜色，请看例子二。『只适用于 IE』

bordercolordark="#00FFFF"
表格边框背光部分的颜色，请看例子二，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。『只适用于 IE』

cols="2"
表格栏位数目，只是让浏览器在下载表格是先画出整个表格而己。
<TR> 的参数设定（常用）：
例如：<tr align="RIGHT" valign="MIDDLE" bgcolor="#0000FF" bordercolor="#FF00FF" bordercolorlight="#808080" bordercolordark="#FF0000">

align="RIGHT"
该一列内字画等的摆放贴　位置（水平），可选值为： left, center, right。

valign="MIDDLE"
该一列内字画等的摆放贴　位置（垂直），可选值为： top, middle, bottom。

bgcolor="#0000FF"
该一列底色，请看例子五。

bordercolor="#FF00FF"
该一列边框颜色，请看例子三。『只适用于 IE』

bordercolorlight="#808080"
该一列边框向光部分的颜色，请看例子三。『只适用于 IE』

bordercolordark="#FF0000"
该一列边框背光部分的颜色，请看例子三，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。『只适用于 IE』
<TD> 的参数设定（常用）：
例如：<td width="48%" height="400" colspan="5" rowspan="4" align="RIGHT" valign="BOTTOM" bgcolor="#FF00FF" bordercolor="#808080" bordercolorlight="#FF0000" bordercolordark="#00FF00" background="myweb.gif">

width="48%"
该一储存格宽度，接受绝对值（如 80）及相对值（如 80%）。

height="400"
该一储存格高度。

colspan="5"
该一储存格向右打通的栏数。请看例子六

rowspan="4"
该一储存格向下打通的列数。请看例子六

align="RIGHT"
该一储存格内字画等的摆放贴　位置（水平），可选值为： left, center, right。

valign="BOTTOM"
该一储存格内字画等的摆放贴　位置（垂直），可选值为： top, middle, bottom。

bgcolor="#FF00FF"
该一储存格底色，请看例子四。

bordercolor="#808080"
该一储存格边框颜色，请看例子三。『只适用于 IE』

bordercolorlight="#FF0000"
该一储存格边框向光部分的颜色，请看例子三。『只适用于 IE』

bordercolordark="#00FF00"
该一储存格边框背光部分的颜色，请看例子三，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。『只适用于 IE』

background="myweb.gif"
该一储存格　纸，与 bgcolor 任用其一。
例子一： 原始码 <table width="60%" border="1">
<tr><td>只有一个储存格（cell）的表格</td></tr>
</table>  
显示结果   只有一个储存格（cell）的表格




例子二： 原始码 <table width="60%" border="0" bordercolorlight="#FF00FF" bordercolordark="#FF0000">
<tr><td>第一列第一栏</td><td>第一列第二栏</td></tr>
</table>  
显示结果   第一列第一栏 第一列第二栏




例子三： 原始码 <table width="60%" border="0" cellspacing="5">
     <tr bordercolor="#0000FF">
<td>第一列第一栏</td>
<td>第一列第二栏</td>
     </tr>
     <tr bordercolorlight="#FF00FF" bordercolordark="#00FF00">
<td>第二列第一栏</td>
<td>第二列第二栏</td>
     </tr>
</table>  
显示结果   第一列第一栏 第一列第二栏
第二列第一栏 第二列第二栏




例子四： 原始码 <table width="60%" border="0" cellpadding="10">
     <tr>
<td bgcolor="#FFCCE6">第一列第一栏</td>
<td bgcolor="#FFFFC6">第一列第二栏</td>
     </tr>
     <tr>
<td bgcolor="#FFD9FF">第二列第一栏</td>
<td bgcolor="#DAB4B4">第二列第二栏</td>
     </tr>
</table>  
显示结果   第一列第一栏 第一列第二栏
第二列第一栏 第二列第二栏




例子五： 原始码 <center>
<table width="60%" cellspacing="0" cellpadding="2" align="CENTER">
     <tr>
<td bgcolor="#FFD2E9">第一列第一栏</td>
<td bgcolor="#FFDAB5">第一列第二栏</td>
<td bgcolor="#FFFFB5">第一列第三栏</td>
     </tr>
     <tr bgcolor="#C0C0C0">
<td>第二列第一栏</td>
<td>第二列第二栏</td>
<td>第二列第三栏</td>
     </tr>
</table>
</center>  
显示结果  
第一列第一栏 第一列第二栏 第一列第三栏
第二列第一栏 第二列第二栏 第二列第三栏



例子六 原始码 <center>
<table width="350" border="1" cellspacing="0" cellpadding="2" align="CENTER" bgcolor="#FFC4E1" bordercolor="#0000FF">
     <tr>
<td>第一列第一栏</td>
<td colspan="2">第一列 之 第二栏及第三栏</td>
     </tr>
     <tr>
<td rowspan="2">第二列及第三列 之 第一栏</td>
<td>第二列第二栏</td>
<td>第二列第三栏</td>
     </tr>
     <tr>
<td>第三列第二栏</td>
<td>第三列第三栏</td>
     </tr>
</table>
</center>  
显示结果  
第一列第一栏 第一列 之 第二栏及第三栏
第二列及第三列 之 第一栏 第二列第二栏 第二列第三栏
第三列第二栏 第三列第三栏



■ <TH> ： ▲Top

<TH>与<TD>同样是标示一个储存格，唯一不同的是<TH>所标示的储存格中的文字是以粗 体出现，通常用于表格第一列以标示栏目。它的用法是取代<TD>的位置便可以，其参数 设定请参考<TD>。
当然若为<TD>所标示的储存格中的文字加上粗体标记<B>便等如<TH>的效果。
例子： 原始码 <center>
<table width="350" border="1" cellspacing="0" cellpadding="2" align="CENTER">
     <tr align="CENTER">
<th>Month</th><th>% of IE visitor</th><th>% of NC visitor</th>
     </tr>
     <tr align="CENTER">
<td>August</td><td>61%</td><td>39%</td>
     </tr>
     <tr align="CENTER">
<td>July</td><td>54%</td><td>46%</td>
     </tr>
     <tr align="CENTER">
<td>June</td><td>52%</td><td>48%</td>
     </tr>
</table>
</center>  
显示结果  
Month % of IE visitor % of NC visitor
August 61% 39%
July 54% 46%
June 52% 48%



■ <CAPTION> ： ▲Top

<CAPTION> 的作用是为表格标示一个标题列，有如在表格上方加上一没格线的打通列。 当然亦可置于下方，通常用以存放该表格的标题。
<CAPTION> 的参数设定（常用）：
例如：<caption align="TOP" valign="TOP"></caption>

align="TOP"
该表格标题列相对于表格的摆放贴　位置（水平），可选值为： left, center, right, top, middle, bottom，若 align="bottom" 的话标题列便会出现对表格的下方，不管你 的原始码中把 <caption> 放在 <table> 中的头部或尾部。

valign="TOP"
该表格标题列相对于表格的摆放位置（上下），可选值为： top, bottom。和 align="TOP" 或 align="BOTTOM" 是一样的，虽然功能重复了，但如果你要标题列 置于下方及向右或向左贴　，那末两个参数便可一　用了。当只　一个参数时， 请首选 align，因为 valign 是由 HTML 3.0 才开始的参数。
例子： 原始码 <center>
<table width="350" border="1" cellspacing="0" cellpadding="2" align="CENTER">
<caption>网页速成 八月份访客浏览器使用分析</caption>
     <tr align="CENTER">
<th>Month</th>
<th>% of IE visitor</th>
<th>% of NC visitor</th>
     </tr>
     <tr align="CENTER">
<td>August</td>
<td>61%</td>
<td>39%</td>
     </tr>
</table>
</center>  
显示结果  
网页速成 八月份访客浏览器使用分析 Month % of IE visitor % of NC visitor
August 61% 39%
没有个性,怎么签名!F7情感空间

《PHPer》电子杂志免费下载
回复 引用 报告 道具 TOP

  

发短消息
加为好友
fhg007 (I LOVE USA)当前离线

I LOVE USA

UID196972 帖子44542 精华1 积分99722 威望1908  金币29992 个 体力847918  激情84  阅读权限80 来自灌水大师 在线时间2034 小时 注册时间2005-5-7 最后登录2009-2-7  
Angel



帖子44542 积分99722 威望1908  金币29992 个 体力847918  注册时间2005-5-7  9#  fhg007发表于 2005-10-24 20:12 | 只看该作者 8。1、HTML语言剖析之表单标记 -1

<FORM> <INPUT>
INPUT 的种类： Text, Radio,Checkbox, Password, Submit/Reset, Image, File, Hidden, Button。
<Select> <OPTION>
<TEXTAREA>  
■ 引子
表单的用处很多，于网上无处不见，当然是配合 CGI 使用为佳，所以馈下有意使用或学 习 CGI 的话，表单设计见必需的，这一节介绍的标记不多，但其参数变化很多。一份表单的基本架构是：在 <FORM> 标记 的包围下加上一种或以上的表单输入方式及一个或以上的按键。  
■<FORM> <INPUT> ： 　

<FORM>称为表单标记，用以宣告此为表单模式，属于一个容器标记，表示其它表单标记需要在它的包围中才有效，<INPUT>便是其中的一个，用以设定各种输入资料的方法。它 是一个空标记。
<FORM> 的参数设定（常用）：
例如： <form action="http://your.isp.com/cgi-local/example.cgi" method="POST">

action="http://your.isp.com/cgi-local/example.cgi"
表单通常是与 CGI 配合使用的，参数 action 便是用以指明该 CGI 程式的位置，这 样此表单所填的资料才能正确传给 CGI 作处理。若馈下没有 CGI 以进行测试，可 设定此参数为 ACTION="mailto:your@email.com" 那样该表单所填的资料将会寄至 此电邮地址（红色部分）。
method="POST"
传送资料给 CGI 的的方式，可选值为 POST, GET。你只需记住POST容许传送大量资料，但 GET则只接受低于 1K 的资 料，所以你若看过别人的表单原始码的话，你会发现申请表单用的是POST 而搜 找器用的是 GET。
<INPUT> 的参数设定（常用）：
由于其第一个参数 type 己有很多的选择，而不同的选择表示出不同的输入方式，且其它 参数亦因此而异，故以下将独立介绍不同输入方式及其它参数设定。

type="Text"
可选值为 Text, Radio,Checkbox, Password, Submit/Reset, Image, File, Hidden, Button。

--------------------------------------------------------------------------------
输入方式一： Text （单行文字盒）
例如<input type="Text" name="age" value="20" align="MIDDLE" size="2" maxlength="255">

type="Text"
输入方式为 Text，能产生一单行文字盒，上限为 255 字元。
name="age"
此一单行文字盒名称，这是最重要的一个，方便 CGI 辨认由表单传来的资料，虽 说可随便命名，但通常 CGI 程式中都有指定名称，若转用其它名称便需要修改该 CGI 程式了，名称可为没空白没特别符号的英文或数字，有大小写的分别，可以 写成 Your_Age，若有访客于此表单此一文字盒填入 40 的话，那末传给 CGI 的字 串便是 Your_Age=40。
value="20"
此一单行文字盒内定值。若不填写则文字盒是空白的，等待访客亲自键入，若 value="20" 的话， 20 便会出现在文字盒中，当然访客可以修改之。
align="MIDDLE"
可选值：top, middle, bottom, left, right, texttop, baseline, absmiddle. 没太大有处。
size="2"
此一单行文字盒显示的长度，若馈下是采用 Big5 编码的中文网页便要小心，同 size 的文字盒 NC 会显示得比 IE 狻长。
maxlength="255"
此一单行文字盒可输入字元的上限，为方便编排资料或避免错输入等，宜设定上 限，例如输入电话或 ICQ UIN 的可设为 8，年龄为 2 等。
例子： 原始码 <form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
请填入电话号码：<input type="Text" name="phone" value="" size="10" maxlength="8">
</form>  
显示结果 请填入电话号码：  



--------------------------------------------------------------------------------
输入方式二： Radio （单一选择）
例如：<input type="Radio" name="gender" value="female" align="MIDDLE" checked>

type="Radio"
输入方式为 Radio，能产生一单一选择，以供点选。
name="gender"
此一 Radio 名称，参考 Text 部分的说明。
value="female"
内定值。每一个 radio 必须及仅有一个 value，通常有同时采用两个或以上同 name 不同 value 的 Radio 输入方式，可让使用使任选其一。
align="MIDDLE"
可选值：top, middle, bottom, left, right, texttop, baseline, absmiddle。
checked
设该 Radio 为内定被选。同 name 的各个 Radio 中只能有一个使用，或全不使用这 参数。
例子： 原始码 <form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
请选性别：
<input type="Radio" name="gender" value="Female">女性
<input type="Radio" name="gender" value="Male" checked>男性
<br>你喜欢吗：
<input type="Radio" name="like" value="Yes">喜欢
<input type="Radio" name="like" value="No">不喜欢
<input type="Radio" name="like" value="NotSure">不肯定
</form>  
显示结果 请选性别：  女性  男性
你喜欢吗：  喜欢  不喜欢  不肯定  



--------------------------------------------------------------------------------
输入方式三： Checkbox （确认盒）
例如：<input type="Checkbox" name="idol" value="Leon" align="RIGHT" checked>

type="Checkbox"
输入方式为 Checkbox，能产生一确认盒，以供剔选。
name="idol"
此一 Checkbox 名称，参考 Text 部分的说明。
value="Leon"
内定值。每一个 Checkbox 必须及仅有一个 value，当被剔选时这值便会传及 CGI，例如所传字串 idol=Leon 。
align="RIGHT"
可选值：top, middle, bottom, left, right, texttop, baseline, absmiddle。
checked
设该 Checkbox 为内定被选。每个 Checkbox 都是独立的，所以每一个都可使用这 参数，不像 Radio。
例子： 原始码 <form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
你喜欢以下那些明星：
<br><input type="Checkbox" name="idol01" value="Leon">黎明
<input type="Checkbox" name="idol02" value="Noriko_Sagai">酒井法子
<input type="Checkbox" name="idol03" value="Leon">郑秀文
<input type="Checkbox" name="idol04" value="BonJovi" checked>BonJovi
</form>  
显示结果 你喜欢以下那些明星：
黎明  酒井法子  郑秀文  BonJovi  



--------------------------------------------------------------------------------
输入方式四： Password （密码输方盒）
例如：<input type="Password" name="pw" value="999" align="MIDDLE" size="5" maxlength="9">

Password 的其他参数和 Text 是完全相同的，请参考 Text 的介绍。
两者作用不同，Password 所输入的字元全以 * 号表示。
例子： 原始码 <form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
请输入姓名：<input type="Text" name="name">
<br>请输入密码：<input type="Password" name="pw" maxlength="9">
</form>  
显示结果 请输入姓名：  
请输入密码：  



--------------------------------------------------------------------------------
输入方式五： Submit （传送键）及 Reset （清除键）
这是表单上重要的两个按键，两者所附带的参数相同，但用处不大。

例如：<input type="Submit" name="other_funtion" value="确定" align="MIDDLE">
<input type="Reset" value="清除" align="MIDDLE">

type="Submit"
设定输入方式为 Submit 或 Reset。
name="other_funtion"
Submit 的功能随 name 的不同而不同，须和 CGI 配合。若你只需要普通的传送 键，则是其内定，不必用此参数。
value="确定"
这个值不是输给 CGI 的，而是显示在按键上，可以不用，传送键的内定值为 Submit Query，清除键的内定值为 Reset。
align="MIDDLE"
可选值：top, middle, bottom, left, right, texttop, baseline, absmiddle。
例子： 原始码 <form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
<input type="Submit"><input type="Reset">
<br><input type="Submit" value="         确定         "><input type="Reset" value="清除">
</form>  
显示结果
没有个性,怎么签名!F7情感空间

《PHPer》电子杂志免费下载
回复 引用 报告 道具 TOP

  

发短消息
加为好友
fhg007 (I LOVE USA)当前离线

I LOVE USA

UID196972 帖子44542 精华1 积分99722 威望1908  金币29992 个 体力847918  激情84  阅读权限80 来自灌水大师 在线时间2034 小时 注册时间2005-5-7 最后登录2009-2-7  
Angel



帖子44542 积分99722 威望1908  金币29992 个 体力847918  注册时间2005-5-7  10#  fhg007发表于 2005-10-24 20:13 | 只看该作者 8。2、HTML语言剖析之表单标记 -2


--------------------------------------------------------------------------------
输入方式六： Image （图片按键）
这通常用以取代 Submit 及 Reset 两个按键，因为由程式产生的按键并不漂亮，这 Image 参 数便容许你采用自已制造的按键。

例如：<input type="Image" name="submit" align="BOTTOM" src="ex_icon.gif">

type="Image"
输入方式为 Image。
name="submit"
所要代表的按键，可以是 submit, reset, 或其它。
align="BOTTOM"
可选值：top, middle, bottom, left, right, texttop, baseline, absmiddle。
src="ex_icon.gif"
按键图片来源，若此图片文件不与该 html 文件在同一目录下，请加上相对或绝对途 径。
例子： 原始码 <form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
<input type="Image" name="submit" align="BOTTOM" src="ex_icon.gif">
</form>  
显示结果  



--------------------------------------------------------------------------------
输入方式七： File
例如：<input type="File" name="upload" align="BOTTOM" size="20" maxlength="100" accept="text/html">

input type="File"
输入方式为 Image。通常用以传输文件。
name="upload"
这文件传输的名称，用以识别之用。
align="BOTTOM"
可选值：top, middle, bottom, left, right, texttop, baseline, absmiddle。
size="20"
所显示文字盒的长度。
maxlength="100"
可输入字元的上限。
accept="text/html"
所接受的文件类别，有二十六种选择，但可不设定。
例子： 原始码 <form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
<type="File" name="upload" size="30" maxlength="100" accept="text/html">
</form>  
显示结果  



--------------------------------------------------------------------------------
输入方式八： Hidden
例如：<input type="Hidden" name="ID" value="6618">

type="Hidden"
输入方式为隐藏或内定。它不会显示任何输入介面，而是一个内定值随表单一起 传给 CGI，列如由 CGI 产生的会员号码，或传入可更改的参数以调整 CGI 而避免 修改 CGI 程式码。
name="ID"
这文件传输的名称，用以识别之用。
value="6618"
内定值，会以如 ID=6618 形式传给 CGI。
例子： （"Hidden" 是不被显示的，所以这处多放了一个 "Submit" 键，表示 Hidden 之内定 值会随 submit 键被按而传给 CGI） 原始码 <form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
<input type="Hidden" name="ID" value="6618">
<input type="Submit" value="Submit">
</form>  
显示结果    



--------------------------------------------------------------------------------
输入方式九： Button
例如：<input type="Button" name="useless" value="Back">

type="Button"
输入方式为一般按键。常配合 Java Script 作为其启动按键。
name="useless"
这文件传输的名称，用处不大。
value="Back"
按键显示名称。
例子： 其中 onclick="history.go( -1 );return true; 属 JAVA 事件。 原始码 <form>
<input type="Button" value="回前一页" onclick="history.go( -1 );return true;">
</form>  
显示结果  



■ <Select> <OPTION> ： 　

<Select>是卷动选单标记，每一选项皆由 <OPTION> 所标示，把它当作围堵标记或空标 记使用都可以。
<Select> 的参数设定（常用）：
例如： <select name="where" size="6" multiple>

name="where"
这卷动选单的名称，作识别之用，将会传及 CGI。
size="6"
这卷动选单的列数，即其高度，请自行修改。若使用此参数则不会有 Pop Up 效 果。
multiple
令这卷动选单容许多重选择。
<OPTION> 的参数设定（常用）：
例如： <option value="tw" selected>

value="tw"
这选项的值，将会传及 CGI。请自行修改，但不同选项必须有不同的值。
selected
设该选项为内定被选。一个单选卷动选单只能有一项或零可内定被选。
例子一： （普通 POP UP 卷动选单） 原始码 <form action="http://your.isp.com/cgi-local/example.cgi" method="POST"> Where you com from?
<select name="where">
<option value="hk">Hong Kong</option>
<option value="tw" selected>Taiwan</option>
<option value="cn">China</option>
<option value="us">United States</option>
<option value="ca">Canada</option>
</select>
</form>  
显示结果 Where you com from?
Hong Kong Taiwan China United States Canada  


例子二： （容许多重选择 的卷动选单） 原始码 <form action="http://your.isp.com/cgi-local/example.cgi" method="POST"> Where you com from?
<select name="where" multiple>
<option value="hk">Hong Kong</option>
<option value="tw" selected>Taiwan</option>
<option value="cn">China</option>
<option value="us">United States</option>
<option value="ca">Canada</option>
</select>
</form>  
显示结果 Where you com from?
Hong Kong Taiwan China United States Canada  


例子三：（设定了 Size 的卷动选单） 原始码 <form action="http://your.isp.com/cgi-local/example.cgi" method="POST"> Where you com from?
<select name="where" size="5">
<option value="hk">Hong Kong</option>
<option value="tw" selected>Taiwan</option>
<option value="cn">China</option>
<option value="us">United States</option>
<option value="ca">Canada</option>
</select>
</form>  
显示结果 Where you com from?
Hong Kong Taiwan China United States Canada  



■ <TEXTAREA> ： 　

<TEXTAREA>是表单文字区块标记，常用于 bug report, feedback 等需要填写大量资料的用 途。
<TEXTAREA> 的参数设定（常用）：
例如： <textarea name="comments" cols="40" rows="4" wrap="VIRTUAL">

name="comments"
这文字区块的名称，作识别之用，将会传及 CGI。
cols="40"
这文字区块的宽度，请自行修改。
rows="4"
这文字区块的列数，即其高度，请自行修改。
wrap="VIRTUAL"
设定其折行问题，可选值为： off, physical, virtual。off 表示不使用此属性，physical 时则会强迫刘览器在送资料到 CGI（Web 伺服器端）必须将实№文字中的换行一 并送出，设为 virtual 时则送出连续成串的字（除非使用者按了键盘的 RETURN / ENTER）。
例子： 原始码 <form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
Give comments:
<textarea name="comments" cols="40" rows="4" wrap="VIRTUAL">
这是预设的字句，通常留空的，随你喜欢。</textarea>
</form>  
显示结果 Give comments:

作者:Angel
]]> http://WWW.KUCG.COM/article.asp?id=105 COOL-COOL@163.com(冯健) Sun,15 Feb 2009 22:02:26 +0800 http://WWW.KUCG.COM/default.asp?id=105 前言
作者：唐国辉　　　天涯社区、经典论坛昵称：webflash

如果你想尝试一下不用表格来排版网页，而是用CSS来排版你的网页，也就是常听的用DIV来编排你的网页结构，又或者说你想学习网页标准设计，再或者说你的上司要你改变传统的表格排版方式，提高企业竞争力，那么你一定要接触到的一个知识点就是CSS的盒子模式，这就是DIV排版的核心所在，传统的表格排版是通过大小不一的表格和表格嵌套来定位排版网页内容，改用CSS排版后，就是通过由CSS定义的大小不一的盒子和盒子嵌套来编排网页。因为用这种方式排版的网页代码简洁，更新方便，能兼容更多的浏览器，比如PDA设备也能正常浏览，所以放弃自己之前钟爱的表格排版也是值得的，更重要的是CSS排版网页的优势远远不只这些，本人在这里就不多说，自己可以去查找相关信息。

理解CSS盒子模型
什么是CSS的盒子模式呢？为什么叫它是盒子？先说说我们在网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)， CSS盒子模式都具备这些属性。
CSS盒子模式
这些属性我们可以把它转移到我们日常生活中的盒子（箱子）上来理解，日常生活中所见的盒子也具有这些属性，所以叫它盒子模式。那么内容就是盒子里装的东西；而填充就是怕盒子里装的东西（贵重的）损坏而添加的泡沫或者其它抗震的辅料；边框就是盒子本身了；至于边界则说明盒子摆放的时候的不能全部堆在一起，要留一定空隙保持通风，同时也为了方便取出嘛。在网页设计上，内容常指文字、图片等元素，但是也可以是小盒子（DIV嵌套），与现实生活中盒子不同的是，现实生活中的东西一般不能大于盒子，否则盒子会被撑坏的，而CSS盒子具有弹性，里面的东西大过盒子本身最多把它撑大，但它不会损坏的。填充只有宽度属性，可以理解为生活中盒子里的抗震辅料厚度，而边框有大小和颜色之分，我们又可以理解为生活中所见盒子的厚度以及这个盒子是用什么颜色材料做成的，边界就是该盒子与其它东西要保留多大距离。在现实生活中，假设我们在一个广场上，把不同大小和颜色的盒子，以一定的间隙和顺序摆放好，最后从广场上空往下看，看到的图形和结构就类似我们要做的网页版面设计了，如下图。
由“盒子”堆出来的网页版面

现在对CSS盒子模式理解多少了，如果还不够透彻，继续往下看，我会在后面举例，并延用盒子的概念来解释它。

转变我们的思路
传统的前台网页设计是这样进行的：根据要求，先考虑好主色调，要用什么类型的图片，用什么字体、颜色等等，然后再用Photoshop这类软件自由的画出来，最后再切成小图，再不自由的通过设计HTML生成页面，改用CSS排版后，我们要转变这个思想，此时我们主要考虑的是页面内容的语义和结构，因为一个强CSS控制的网页，等做好网页后，你还可以轻松的调你想要的网页风格，况且CSS排版的另外一个目的是让代码易读，区块分明，强化代码重用，所以结构很重要。如果你想说我的网页设计的很复杂，到后来能不能实现那样的效果？我要告诉你的是，如果用CSS实现不了的效果，一般用表格也是很难实现的，因为CSS的控制能力实在是太强大了，顺便说一点的是用CSS排版有一个很实用的好处是，如果你是接单做网站的，如果你用了CSS排版网页，做到后来客户有什么不满意，特别是色调的话，那么改起来就相当容易，甚至你还可以定制几种风格的CSS文件供客户选择，又或者写一个程序实现动态调用，让网站具有动态改变风格的功能。

实现结构与表现分离
在真正开始布局实践之前，再来认识一件事——结构和表现相分离，这也用CSS布局的特色所在，结构与表现分离后，代码才简洁，更新才方便，这不正是我们学习CSS的目的所在吗？举个例来说P是结构化标签，有P标签的地方表示这是一个段落区块，margin是表现属性，我要让一个段落右缩进2字高，有些人会想到加空格，然后不断地加空格，但现在可以给P标签指定一个CSS样式：P {text-indent: 2em;}，这样结果body内容部分就如下，这没有外加任何表现控制的标签：

<p>加进天涯社区有一段时间了，但一直没有时间写点东西，今天写了一篇有关CSS布局的文章，并力求通过一种通俗的语言来说明知识点，还配以实例和图片，相信对初学CSS布局的人会带来一定的帮助。</p>

如果还要对这个段落加上字体、字号、背景、行距等修饰，直接把对应的CSS加进P样式里就行了，不用像这样来写了：

<p><font color="#FF0000" face="宋体">段落内容</font></p>

这个是结构和表现混合一起写的，如果很多段落有统一结构和表现的话，再这样累加写下去代码就繁冗了。

再直接列一段代码加深理解结构和表现相分离：

用CSS排版

<style type="text/css">
<!--
#photoList img{
　　height:80;
　　width:100;
　　margin:5px auto;
}
-->
</style> <div id="photoList">
<img src="01.jpg" />
<img src="02.jpg" />
<img src="03.jpg" />
<img src="04.jpg" />
<img src="05.jpg" />
</div>

不用CSS排版

<img src="01.jpg" width="100" height="80" align="middle" />
<img src="02.jpg" width="100" height="80" align="middle" />
<img src="03.jpg" width="100" height="80" align="middle" />
<img src="04.jpg" width="100" height="80" align="middle" />
<img src="05。jpg" width="100" height="80" align="middle" />

第一种方法是结构表现相分离，内容部分代码简单吧，如果还有更多的图片列表的话，那么第一种CSS布局方法就更有优势，我打个比喻你好理解：我在BODY向你介绍一个人，我只对你说他是一个人，至于他是一个什么样的人，有多高，是男是女，你去CSS那里查下就知道。这样我在BODY的工作就简单了，也就是说BODY的代码就简单了。如果BODY有一个团队人在那里，我在CSS记录一项就行了，这有点像Flash软件里的元件和实例的概念，不同的实例共享同一个元件，这样动画文件就不大了，把这种想法移到CSS网页设计中，就是代码不复杂，网页文件体积小能较快被客户端下载了。演示地址：http://www.hsptc.com/css1.html
用CSS排版减小网页文件体积

像上面我做的那个版面，一共分为四个区块，每个区块的框架是一样的，这个框架就是用CSS写出来的，样式写一次，就可以被无数次调用了(用class调用，而不是ID)，只要改变其中的文字内容就可以生成风格统一的众多板块了，它的样式和结构代码是（请不要直接复制生成网页，把下面代码分别粘贴到网页中它们应在的位置）：

<style type="text/css">
<!--
* {margin:0px; padding:0px;}
body {
font-size: 12px;
margin: 0px auto;
height: auto;
width: 805px;
}
.mainBox {
border: 1px dashed #0099CC;
margin: 3px;
padding: 0px;
float: left;
height: 300px;
width: 192px;
}
.mainBox h3 {
float: left;
height: 20px;
width: 179px;
color: #FFFFFF;
padding: 6px 3px 3px 10px;
background-color: #0099CC;
font-size: 16px;
}
.mainBox p {
line-height: 1.5em;
text-indent: 2em;
margin: 35px 5px 5px 5px;
}
-->
</style>
<div class="mainBox">
<h3>前言</h3>
<p>正文内容</p>
</div>
<div class="mainBox">
<h3>CSS盒子模式</h3>
<p>正文内容 </p>
</div>
<div class="mainBox">
<h3>转变思想</h3>
<p>正文内容 </p>
</div>
<div class="mainBox">
<h3>熟悉步骤</h3>
<p>正文内容 </p>
</div>

熟悉工作流程
在真正开始工作之前我们脑海中要形成这样一种思想：表格是什么我不知道，在内容部分我不能让它再出现表现控制标签，如：font、color、height、width、align等标签不能再出现，（简单说工作前先洗脑，忘掉以前的一惯做法，去接受和使用全新的方法），我不是单纯的用DIV来实现排版的嵌套，DIV是块级元素，而像P也是块级元素，例如要分出几个文字内容块，不是一定要用DIV才叫DIV排版，不是“<div>文字块一</div><div>文字块二</div><div>文字块三</div>”，而用“<p>文字块一</p><p>文字块二</p><p>文字块三</p>”更合适。

用DIV+CSS设计思路是这样的: 1.用div来定义语义结构；2.然后用CSS来美化网页，如加入背景、线条边框、对齐属性等；3.最后在这个CSS定义的盒子内加上内容，如文字、图片等（没有表现属性的标签），下面大家跟我一起来做一个实例加深对这个步骤的理解。先看结果图：演示地址：http://www.hsptc.com/css2.html
CSS排版结果图

用div来定义语义结构
现在我要给大家演示的是一个典型的版面分栏结构，即页头、导航栏、内容、版权（如下图），
典型版面分栏结构
其结构代码如下：

<div id="header"></div>
<div id="nav"></div>
<div id="content"></div>
<div id="footer"></div>

上面我们定义了四个盒子，按照我们想要的结果是，我们要让这些盒子等宽，并从下到下整齐排列，然后在整个页面中居中对齐，为了方便控制，我们再把这四个盒子装进一个更大的盒子，这个盒子就是BODY，这样代码就变成:

<body>
<div id="header"></div>
<div id="nav"></div>
<div id="content"></div>
<div id="footer"></div>
</body>

最外边的大盒子（装着小盒子的大盒子）我们要让它在页面居中，并重定义其宽度为760像素，同时加上边框，那么它的样式是：

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px auto;
height: auto;
width: 760px;
border: 1px solid #006633;
}

页头为了简单起见，我们这里只要让它整个区块应用一幅背景图就行了,并在其下边界设计定一定间隙，目的是让页头的图像不要和下面要做的导航栏连在一起，这样也是为了美观。其样式代码为：

#header {
height: 100px;
width: 760px;
background-image: url(headPic.gif);
background-repeat: no-repeat;
margin:0px 0px 3px 0px;
}

导航栏我做成像一个个小按钮，鼠标移上去会改变按钮背景色和字体色，那么这些小小的按钮我们又可以理解为小盒子，如此一来这是一个盒子嵌套问题了，样式代码如下：

#nav {
height: 25px;
width: 760px;
font-size: 14px;
list-style-type: none;
}
#nav li {
float:left;
}
#nav li a{
color:#000000;
text-decoration:none;
padding-top:4px;
display:block;
width:97px;
height:22px;
text-align:center;
background-color: #009966;
margin-left:2px;
}
#nav li a:hover{
background-color:#006633;
color:#FFFFFF;
}

内容部分主要放入文章内容，有标题和段落，标题加粗，为了规范化，我用H标签，段落要自动实现首行缩进2个字,同时所有内容看起来要和外层大盒子边框有一定距离，这里用填充。内容区块样式代码为：

#content {
height:auto;
width: 740px;
line-height: 1.5em;
padding: 10px;
}
#content p {
text-indent: 2em;
}
#content h3 {
font-size: 16px;
margin: 10px;

版权栏，给它加个背景，与页头相映，里面文字要自动居中对齐，有多行内容时，行间距合适，这里的链接样式也可以单独指定，我这里就不做了。其样式代码如下：

#footer {
height: 50px;
width: 740px;
line-height: 2em;
text-align: center;
background-color: #009966;
padding: 10px;
}

最后回到样式开头大家会看到这样的样式代码：

* {
margin: 0px;
padding: 0px;
}

这是用了通配符初始化各标签边界和填充，（因为有部分标签默认会有一定的边界，如Form标签）那么接下来就不用对每个标签再加以这样的控制，这可以在一定程度上简化代码。最终完成全部样式代码是这样的：

<style type="text/css">
<!--
* {
margin: 0px;
padding: 0px;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px auto;
height: auto;
width: 760px;
border: 1px solid #006633;
}
#header {
height: 100px;
width: 760px;
background-image: url(headPic.gif);
background-repeat: no-repeat;
margin:0px 0px 3px 0px;
}
#nav {
height: 25px;
width: 760px;
font-size: 14px;
list-style-type: none;
}
#nav li {
float:left;
}
#nav li a{
color:#000000;
text-decoration:none;
padding-top:4px;
display:block;
width:97px;
height:22px;
text-align:center;
background-color: #009966;
margin-left:2px;
}
#nav li a:hover{
background-color:#006633;
color:#FFFFFF;
}
#content {
height:auto;
width: 740px;
line-height: 1.5em;
padding: 10px;
}
#content p {
text-indent: 2em;
}
#content h3 {
font-size: 16px;
margin: 10px;
}
#footer {
height: 50px;
width: 740px;
line-height: 2em;
text-align: center;
background-color: #009966;
padding: 10px;
}
-->
</style>

结构代码是这样的：

<body>
<div id="header"></div>
<ul id="nav">
<li><a href="#">首 页</a></li>
<li><a href="#">文 章</a></li>
<li><a href="#">相册</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">论 坛</a></li>
<li><a href="#">帮助</a></li>
</ul>
<div id="content">
<h3>前言</h3>
<p>第一段内容</p>
<h3>理解CSS盒子模式</h3>
<p>第二段内容</p>
</div>
<div id="footer">
<p>关于华升 | 广告服务 | 华升招聘 | 客服中心 | Q Q留言 | 网站管理 | 会员登录 | 购物车</p><p>Copyright ©2006 - 2008 Tang Guohui. All Rights Reserved</p>
</div>
</body>

好了，此文到此结束，更多内容，如：CSS中的盒子宽度计算，浏览器兼容问题，XHTML规范化写法等请大家去参考其它资料。如果觉得此文还可以，看过之后记得跟帖，你的鼓励是我不断出新文章的动力^-^

原创作品，转摘请注明作者，作者：唐国辉。 感谢经典论坛网页标准化专栏斑竹blankzheng指点优化几处
]]> http://WWW.KUCG.COM/article.asp?id=103 COOL-COOL@163.com(冯健) Fri,13 Feb 2009 14:14:15 +0800 http://WWW.KUCG.COM/default.asp?id=103
　　至于表单设计什么的，我这里也不想多说了，在《十天学会ASP》中已经有介绍。

　　下面简单介绍一下PHP的语法。

　　1、嵌入方法：

　　类似ASP的<%，PHP可以是<?php或者是<?，结束符号是?>，当然您也可以自己指定。

　　2、引用文件：

　　引用文件的方法有两种：require 及 include。
　　
　　require 的使用方法如 require("MyRequireFile.php"); 。这个函数通常放在 PHP 程序的最前面，PHP 程序在执行前，就会先读入 require 所指定引入的文件，使它变成 PHP 程序网页的一部份。常用的函数，亦可以这个方法将它引入网页中。

　　include 使用方法如 include("MyIncludeFile.php"); 。这个函数一般是放在流程控制的处理部分中。PHP 程序网页在读到 include 的文件时，才将它读进来。这种方式，可以把程序执行时的流程简单化。

　　3、注释方法：

　　<?php
　　echo "这是第一种例子。\n" ; // 本例是 C++ 语法的注释
　　/* 本例采用多行的
　　注释方式 */
　　echo "这是第二种例子。\n" ;

　　echo "这是第三种例子。\n" ; # 本例使用 UNIX Shell 语法注释
　　?>

　　4、变量类型：

　　$mystring = "我是字符串" ;
　　$NewLine = "换行了\n" ;
　　$int1 = 38 ;
　　$float1 = 1.732 ;
　　$float2 = 1.4E+2 ;
　　$MyArray1 = array( "子" , "丑" , "寅" , "卯" );

　　这里引出两个问题，首先PHP变量以$开头，第二PHP语句以;结尾，可能ASP程序员会不适应。这两个遗漏也是程序上大多错误所在。

　　5、运算符号：

　　数学运算： 符号 意义  
　　+  加法运算  
　　-  减法运算  
　　*  乘法运算  
　　/  除法运算  
　　%  取余数  
　　++  累加  
　　--  递减  

　　字符串运算：

　　运算符号只有一个，就是英文的句号。它可以将字符串连接起来，变成合并的新字符串。类似ASP中的&
　　<?

　　$a = "PHP 4" ;
　　$b = "功能强大" ;
　　echo $a.$b;
　　?>
　　这里也引出两个问题，首先PHP中输出语句是echo，第二类似ASP中的<%=变量%>，PHP中也可以<?=变量?    >。

　　逻辑运算：

　　符号 意义  
　　<  小于  
　　>  大于  
　　<=  小于或等于  
　　>=  大于或等于  
　　==  等于  
　　!=  不等于  
　　&&  而且 (And)  
　　and  而且 (And)  
　　||  或者 (Or)  
　　or  或者 (Or)  
　　xor  异或 (Xor)  
　　!  不 (Not)  

　　今天就说到这里，明天说一下流程控制。

　　学习目的：掌握php的流程控制

　　1、if..else 循环有三种结构

　　第一种是只有用到 if 条件，当作单纯的判断。解释成 "若发生了某事则怎样处理"。语法如下：

　　if (expr) { statement }

　　其中的 expr 为判断的条件，通常都是用逻辑运算符号当判断的条件。而 statement 为符合条件的执行部分程序，若程序只有一行，可以省略大括号 {}。
　　
　　范例：本例省略大括号。

　　<?php
　　if ($state==1)echo "哈哈" ;
　　?>

　　这里特别注意的是，判断是否相等是==而不是=，ASP程序员可能常犯这个错误，= 是赋值。

　　范例：本例的执行部分有三行，不可省略大括号。

　　<?php
　　if ($state==1) {
　　echo "哈哈 ;
　　echo "<br>" ;
　　}
　　?>

　　第两种是除了 if 之外，加上了 else 的条件，可解释成 "若发生了某事则怎样处理，否则该如何解决"。语法如下

　　if (expr) { statement1 } else { statement2 } 范例：上面的例子来修改成更完整的处理。其中的 else 由于只有一行执行的指令，因此不用加上大括号。
　　<?php
　　if ($state==1) {
　　echo "哈哈" ;
　　echo "<br>";
　　}
　　else{
　　echo "呵呵";
　　echo "<br>";
　　}
　　?>

　　第三种就是递归的 if..else 循环，通常用在多种决策判断时。它将数个 if..else 拿来合并运用处理。

　　直接看下面的例子

　　<?php
　　if ( $a > $b ) {
　　echo "a 比 b 大" ;
　　} elseif ( $a == $b ) {
　　echo "a 等于 b" ;
　　} else {
　　echo "a 比 b 小" ;
　　}
　　?>

　　上例只用二层的 if..else 循环，用来比较 a 和 b 两个变量。实际要使用这种递归 if..else 循环时，请小心使用，因为太多层的循环容易使设计的逻辑出问题，或者少打了大括号等，都会造成程序出现莫名其妙的问题。

　　2、 for 循环就单纯只有一种，没有变化，它的语法如下

　　for (expr1; expr2; expr3) { statement }

　　其中的 expr1 为条件的初始值。expr2 为判断的条件，通常都是用逻辑运算符号 (logical operators) 当判断的条件。expr3 为执行 statement 后要执行的部份，用来改变条件，供下次的循环判断，如加一..等等。而 statement 为符合条件的执行部分程序，若程序只有一行，可以省略大括号 {}。

　　下例是用 for 循环写的的例子。

　　<?php
　　for ( $i = 1 ; $i <= 10 ; $i ++) {
　　echo "这是第".$i."次循环<br>" ;
　　}
　　?>

　　3、 switch 循环，通常处理复合式的条件判断，每个子条件，都是 case 指令部分。在实作上若使用许多类似的 if 指令，可以将它综合成 switch 循环。

　　语法如下

　　switch (expr) { case expr1: statement1; break; case expr2: statement2; break; default: statementN; break; }

　　其中的 expr 条件，通常为变量名称。而 case 后的 exprN，通常表示变量值。冒号后则为符合该条件要执行的部分。注意要用 break 跳离循环。

　　<?php
　　switch ( date ( "D" )) {
　　case "Mon" :
　　echo "今天星期一" ;
　　break;
　　case "Tue" :
　　echo "今天星期二" ;
　　break;
　　case "Wed" :
　　echo "今天星期三" ;
　　break;
　　case "Thu" :
　　echo "今天星期四" ;
　　break;
　　case "Fri" :
　　echo "今天星期五" ;
　　break;
　　default:
　　echo "今天放假" ;
　　break;
　　}
　　?>

　　这里需要注意的是break;别遗漏了，default，省略是可以的。

　　很明显的，上述的例子用 if 循环就很麻烦了。当然在设计时，要将出现机率最大的条件放在最前面，最少出现的条件放在最后面，可以增加程序的执行效率。上例由于每天出现的机率相同，所以不用注意条件的顺序。

　　今天就说到这里，明天开始说数据库的使用。

　　学习目的：学会构建数据库

　　在ASP中，如果是ACCESS数据库你可以直接打开ACCESS来编辑MDB文件，如果是SQL SERVER你可以打开企业管理器来编辑SQL SERVER数据库，但是在PHP中，MY SQL的命令行编辑可能会令初学者感到很麻烦，不要紧，你下载一个PHPMYADMIN安装一下，以后建立编辑数据库可以靠它了。

　　下面说一下它的使用。

　　进入了phpmyadmin后，我们首先需要建立一个数据库，Language (*) 这里选择中文简体，然后在左边的 创建一个新的数据库 这里填写数据库名字，点击创建即可。

　　然后在左边下拉菜单中选择那个已经创建的数据库。在下面的

　　在数据库 shop 中创建一个新表 :
　　名字 :
　　字段数 :

　　中填写表名字和大致你认为的字段数（不够或者多了都不要紧，以后可以再添加或者缺省），按执行。
　　然后就可以开始建立表了。

　　第一栏是字段的名字；第二栏选择字段类型：
　　我们常用的是以下几个：
　　1）VARCHAR，文本类型
　　2）INT，整数类型
　　3）FLOAT，浮点数类型
　　4）DATE，日期型
　　5）大家或许会问，自动添加的ID在哪里？这个只要选择INT类型，在后面的额外中选择 auto_increment 就可以了。

　　建立了表以后，可以在左边看到你建立的表，点击以后，你可以：
　　1）按右边的结构：查看修改表结构
　　2）按右边的浏览：查看表中的数据
　　3）按右边的SQL：运行SQL语句
　　4）按右边的插入：插入一行记录
　　5）按右边的清空：删除表中所有记录
　　6）按右边的删除：删除表

　　还有一个很重要的功能就是导入和导出，当我们本机做好了程序和数据库的时候，需要在服务器上也有一个本地镜像，如果是ASP的ACCESS简单了，直接上传MDB文件即可，如果是SQL SERVER也可以连接远端服务器进行导入。那么MY SQL中你可以导出所有的SQL语句，到了远端服务器的PHPMYADMIN上，创建数据库后按SQL，粘帖你刚才复制下来的所有本级生成的SQL语句即可。

　　今天就说到这里，明天继续说数据库操作。

　　文本关键字：程序设计/PHP/技巧

　　学习目的：学会连接数据库

　　PHP简直就是一个函数库，丰富的函数使PHP的某些地方相当简单。建议大家down一本PHP的函数手册，总用的到。

　　我这里就简单说一下连接MYSQL数据库。

　　1、mysql_connect

　　打开 MySQL 服务器连接。
　　语法: int mysql_connect(string [hostname] [:port], string [username], string [password]); 返回值: 整数

　　本函数建立与 MySQL 服务器的连接。其中所有的参数都可省略。当使用本函数却不加任何参数时，参数 hostname 的默认值为 localhost、参数 username 的默认值为 PHP 执行行程的拥有者、参数 password 则为空字符串 (即没有密码)。而参数 hostname 后面可以加冒号与端口号，代表使用哪个端口与 MySQL 连接。当然在使用数据库时，早点使用 mysql_close() 将连接关掉可以节省资源。

　　2、 mysql_select_db

　　选择一个数据库。
　　语法: int mysql_select_db(string database_name, int [link_identifier]); 返回值: 整数

　　本函数选择 MySQL 服务器中的数据库以供之后的资料查询作业 (query) 处理。成功返回 true，失败则返回 false。

　　最简单的例子就是：
　　$conn=mysql_connect ("127.0.0.1", "", "");
　　mysql_select_db("shop");
　　连接机MY SQL数据库，打开SHOP数据库。在实际应用中应当加强点错误判断。

　　今天就说到这里，明天再说一下数据库的读取。

　　学习目的：学会读取数据

　　先看两个函数：
　　1、mysql_query
　　送出一个 query 字符串。 语法: int mysql_query(string query, int [link_identifier]); 返回值: 整数

　　本函数送出 query 字符串供 MySQL 做相关的处理或者执行。若没有指定 link_identifier 参数，则程序会自动寻找最近打开的 ID。当 query 查询字符串是 Update、Insert 及 Delete 时，返回的可能是 true 或者 false；查询的字符串是 Select 则返回新的 ID 值，当返回 false 时，并不是执行成功但无返回值，而是查询的字符串有错误。

　　2、mysql_fetch_object 返回类资料。 语法: object mysql_fetch_object(int result, int [result_typ]); 返回值: 类

　　本函数用来将查询结果 result 拆到类变量中。若 result 没有资料，则返回 false 值。

　　看一个简单的例子：
　　<?
　　$exec="select * from user";
　　$result=mysql_query($exec);
　　while($rs=mysql_fetch_object($result))
　　{
　　echo "username:".$rs->username."<br>";
　　}
　　?>
　　
　　当然，表user中有一个username的字段，这就类似asp中的
　　<%
　　exec="select * from user"
　　set rs=server.createobject("adodb.recordset")
　　rs.open exec,conn,1,1
　　do while not rs.eof
　　response.write "username:"&rs("username")&"<br>"
　　rs.movenext
　　loop
　　%> 　　

　　当然先要连接数据库，一般我们 require_once('conn.php');而conn.php里面就是上一次说的连接数据库的代码。

　　小小的两条命令可以完成读取数据的工作了，今天说到这里下一次说数据的添加删除修改。

　学习目的：学会添加删除修改数据

　　mysql_query($exec);
　　单这个语句就可以执行所有的操作了，不同的就是$exec这个sql语句

　　添加：$exec="insert into tablename (item1,item2) values ('".$_POST['item1']."',".$_POST['item1'].")";

　　删除：$exec="delete from tablename where...";

　　修改：$exec="update tablename set item1='".$_POST['item1']."' where ...";

　　说到这里就要说一下表单和php变量传递，如果表单中的一个 <input name="item1" type="text" id="item1">

　　表单以POST提交的，那么处理表单文件就可以用$_POST['item1']得到变量值，同样以GET提交的就是$_GET['item1']

　　是不是很简单？但是通常$exec会有问题，因为可能您的SQL语句会很长，您会遗漏.连接符，或者'来包围字符型字段。

　　我们可以注释mysql_query($exec);语句用echo $exec;代替来输出$exec以检查正确性。如果您还不能察觉$exec有什么错误的话，可以复制这个sql语句到phpmyadmin中执行，看看它的出错信息。还有需要注意的是，我们不要使用一些敏感的字符串作为字段名字，否则很可能会出现问题，比如说date什么的。变量的命名，字段的命名遵循一点规律有的时候对自己是一种好处，初学者并不可忽视其重要性。

　　今天就说到这里，大家可以DOWN一个SQL语句的参考手册，再研究研究。明天继续说SESSION。
　　学习目的：学会SESSION的使用

　　SESSION的作用很多，最多用的就是站点内页面间变量传递。在页面开始我们要session_start();开启SESSION；
　　
　　然后就可以使用SESSION变量了，比如说要赋值就是：$_SESSION['item']="item1";要得到值就是$item1=$_SESSION['item'];，很简单吧。这里我们可能会使用到一些函数，比如说判断是不是某SESSION变量为空，可以这么写：empty($_SESSION['inum'])返回true or false。

　　下面综合一下前面所说的我们来看一个登陆程序，判断用户名密码是否正确。
　　
　　登陆表单是这样：login.php
　　<table width="100%" height="100%" border="0" align="center" cellpadding="0" 　　cellspacing="0">
　　<tr>
　　<form action="checklogin.php" method="post"><td align="center" valign="middle"><table 　　width="400" border="0" cellpadding="5" cellspacing="1" class="tablebg">
　　<tr class="tdbg">
　　<td colspan="2"><div align="center">Administrators Login</div></td>
　　</tr>
　　<tr class="tdbg">
　　<td><div align="center">Username</div></td>
　　<td><div align="center">
　　<input name="username" type="text" id="username">
　　</div></td>
　　</tr>
　　<tr class="tdbg">
　　<td><div align="center">Password</div></td>
　　<td><div align="center">
　　<input name="password" type="password" id="password">
　　</div></td>
　　</tr>
　　<tr class="tdbg">
　　<td colspan="2"><div align="center">
　　<input type="submit" name="Submit" value="Submit">
　　<input type="reset" name="Submit2" value="Clear">
　　</div></td>
　　</tr>
　　</table></td></form>
　　</tr>
　　</table>

　　处理文件是这样
　　<?
　　require_once('conn.php');
　　session_start();
　　$username=$_POST['username'];
　　$password=$_POST['password'];
　　$exec="select * from admin where username='".$username."'";
　　if($result=mysql_query($exec))
　　{
　　if($rs=mysql_fetch_object($result))
　　{
　　if($rs->password==$password)
　　{
　　$_SESSION['adminname']=$username;
　　header("location:index.php");
　　}
　　else
　　{
　　echo "<script>alert('Password Check Error!');location.href='login.php';</script>";
    }
　　}
　　else
　　{
　　echo "<script>alert('Username Check Error!');location.href='login.php';</script>";
　　}
　　}
　　else
　　{
　　echo "<script>alert('Database Connection Error!');location.href='login.php';</script>";
　　}

　　?>

　　conn.php是这样：
　　<?
　　$conn=mysql_connect ("127.0.0.1", "", "");
　　mysql_select_db("shop");
　　?>

　　由于 $_SESSION['adminname']=$username;我们可以这样写验证是否登陆语句的文件：　　checkadmin.asp
　　<?
　　session_start();
　　if($_SESSION['adminname']=='')
　　{
　　echo "<script>alert('Please Login First');location.href='login.php';</script>";
　　}
　　?>

　　呵呵，今天说到这里，明天说一下怎么弄一个分页。

　　学习目的：做一个分页显示

　　关键就是用到了SQL语句中的limit来限定显示的记录从几到几。我们需要一个记录当前页的变量$page，还需要总共的记录数$num

　　对于$page如果没有我们就让它=0，如果有<0就让它也=0，如果超过了总的页数就让他=总的页数。

　　$execc="select count(*) from tablename ";
　　$resultc=mysql_query($execc);
　　$rsc=mysql_fetch_array($resultc);
　　$num=$rsc[0];

　　这样可以得到记录总数
　　ceil($num/10))如果一页10记录的话，这个就是总的页数

　　所以可以这么写
　　if(empty($_GET['page']))
　　{
　　$page=0;
　　}
　　else
　　{
　　$page=$_GET['page'];
　　if($page<0)$page=0;
　　if($page>=ceil($num/10))$page=ceil($num/10)-1;//因为page是从0开始的，所以要-1
　　}

　　这样$exec可以这么写 $exec="select * from tablename limit ".($page*10).",10";
　　//一页是10记录的

　　最后我们需要做的就是几个连接：
　　<a href="xxx.php?page=0">FirstPage</a>
　　<a href="xxx.php?page=<?=($page-1)?>">PrevPage</a>
　　<a href="xxx.php?page=<?=($page+1)?>">NextPage</a>
　　<a href="xxx.php?page=<?=ceil($num/10)-1?>">LastPage</a>

　　这是一个大致的思路，大家可以想想怎么来优化？今天说到这里，明天说一下一些注意的问题。

学习目的：注意事项

　　因为我是先学ASP的，所以再做PHP的时候会发现很多地方需要适应。

　　1、注意不要漏了分号
　　2、注意不要漏了变量前的$
　　3、使用SESSION的时候注意不要遗漏session_start();

　　如果发生错误的时候，可以采用以下方法：
　　1、如果是SQL语句出错，就注释了然后输出SQL语句，注意也要注释调后续的执行SQL语句
　　2、如果是变量为空，大多是没有传递到位，输出变量检查一下，检查一下表单的id和name
　　3、如果是数据库连接出错，检查是否正确打开MY SQL和是否遗漏了连接语句
　　4、注意缩进，排除括号不区配的错误

　　在做大网站的时候，我的思路是先构建数据库，确定每一个字段的作用，和表之间的关系。然后设计后台界面，从添加数据开始做起，因为添加是否成功可以直接到数据库里面验证，做好了添加再做显示的页面，最后才是两者的结合。一般来说后台就包括添加删除修改和显示，后台没有问题了，前台也没有什么大问题。前台还需要注意安全性和容错还有就是输出格式。

　　好了，今天说到这里，明天说一下如果用PHP上传文件和发邮件。


　　学习目的：学会用PHP上传文件和发邮件

　　上传文件表单必须加上 enctype="multipart/form-data" 和 <input type="file" name="file">
　　
　　下面看一下代码：

　　$f=&$HTTP_POST_FILES['file'];
　　$dest_dir='uploads';//设定上传目录
　　$dest=$dest_dir.'/'.date("ymd")."_".$f['name'];//我这里设置文件名为日期加上文件名避免重复
　　$r=move_uploaded_file($f['tmp_name'],$dest);
　　chmod($dest, 0755);//设定上传的文件的属性

　　上传的文件名为date("ymd")."_".$f['name'] ，可以在以后插入到数据库的时候用到，PHP实际上是把你上传的文件从临时目录移动到指定目录。move_uploaded_file($f['tmp_name'],$dest);这是关键

　　至于发邮件就更加简单，可以使用mail()函数mail("收件人地址","主题","正文","From:发件人\r\nReply-to:发件人的地址");

　　不过mail()需要服务器的支持，在WINDOWS下还需要配置SMTP服务器，一般来说外面的LINUX空间都行。
　　
　　好像上传文件和发邮件比ASP简单很多，只要调用函数就可以了。ASP还需要用到服务器的不同组件比如FSO、JMAIL什么的。

　　十天学会PHP说到这里了，我的三大系列文章都用《十天学会》作为名字，想告诉大家的是ASP,PHP,ASP.NET入门都可以是十天，但是精通决不是十天啊，还需要大家自己去研究。

]]> http://WWW.KUCG.COM/article.asp?id=102 COOL-COOL@163.com(冯健) Wed,11 Feb 2009 19:33:51 +0800 http://WWW.KUCG.COM/default.asp?id=102    PHPnow 的前身是 GApm。如果有人在找 GApm，那就把这个告诉他吧。那时 GApm 只是一个简单的调试环境包，现在的 PHPnow 可是很专业的 PHP 环境套件了。用起来非常简单，你可不要把 专业 跟 复杂 联系起来哦。

    先来简单介绍 PHPnow。PHPnow 是绿色免费的 Apache + PHP + MySQL 环境套件包。功能方面，PHPnow 拥有便捷的虚拟主机管理；虚拟主机代理，可与 IIS 共存；合理的插件支持 ASP、ASP.net、JSP，笔者认为纯 PHP 最稳定。其特点是全部使用 cmd + vbs 脚本，非常绿色，用得放心！国产软件，拥有了一定的用户群，能快速解决各种问题。这是比国外套件更优越的。

    与 PHPnow 的名字一样，让我们一起 PHPNow!

    首先从 http://www.phpnow.org/download.html 下载 PHPnow 的最新版。PHPnow 有两种封装，一是 exe 自解压版（推荐，本文针对此版），二是纯 7z 档案（没有 exe 自解压）。

    执行 PHPnow-1.3.x.exe 出现下图所示。回车即可。


   在自动解压完毕后，将自动执行 Init.cmd 进行初始化动作。如 图-2 示：
期间可能出现防火墙提示，请允许。


Init.cmd 十秒钟即可完成。全部完成后，将自动打开默认页。（如果没有，试试手动打开 http://127.0.0.1）


图-4：搭建成功

    如果你只想搭建一个网站，上面的环境已经足够。很都时候我们需要开设多个独立的网站。例如论坛和主页分开、和朋友共享服务器等等。这时就要用到 虚拟主机 了。

    下面说说 PHPnow 虚拟主机的使用。很简单。

    双击执行 D:\PHPnow\Pn\PnConf.cmd （可能你的安装路径不是 D:\PHPnow），输入 2 后回车。按照提示输入新建虚拟主机信息。如 图-5 所示。



图-5：开设虚拟主机

    输入完信息回车后，将自动重启 Apache 以便生效。然后访问刚才添加的域名，注意事先解析好域名指向你的服务器 IP。

    如果没有域名或者不会用，可以通过编辑 C:\WINDOWS\system32\drivers\etc\hosts 来使用“虚拟域名”。本例中的 bbs.test.com 就是在 “127.0.0.1       localhost” 的下一行添加一行 “127.0.0.1 bbs.test.com” 实现的。



图-6：虚拟主机开设成功

    可能你还需要为每个虚拟主机分配 MySQL 数据库，下面介绍下如何使用 phpmyadmin 分配用户和数据库。

    打开 http://127.1/phpMyAdmin；用 root 登陆。
    然后点击 “权限”再点击 “添加新用户”。
    填写好新的 用户名 和 密码；
    选择第二项 “Create database with same name and grant all privileges”。
    其他的保持默认；需要提的是，全局权限可不要选，除非必要，否则全不选。
    点击 [执行] 即可完成。难明白就看看图吧。



图-7：添加数据库用户。
把刚才添加的用户名和密码交给用户即可。注意 root 拥有最高权限，不要轻易把密码交给别人。

    好了！你现在拥有了一个专业的 PHP 服务器环境。马上开始你的建站旅程吧。
]]>