ASP语言讲义
以下教程与实例可拖动复制( Ctrl+C )
第一讲 asp的简介和HTML语言基础
asp是动态服务器页面的意思,即Active Server Page,它是一个只能工作在服务器上的语言。
Asp的原程序由两部分组成,分另是HTML代码部分和VB/VJ脚部分,在这两部分中用<% %>括起来的叫动态网页,没有括起来的叫静态网页。
第二讲 脚本语言的简介VBScript&JavaScript
变量:
dim string :定义变量
dim string(count):定义数组
语名:
分支语句
if…….then…….else
select…….case
循环语句
do….loop
while….wend
for ……..next
for each …….next
函数:
asc:返回ASCII代码 asc(“A”)
Chr:返回数值所对就的字母 Chr(1)
Len:返回字符串的长度
Mid:从指定位置截取指定数目的字符
Right:从右侧截取指定数目的字符
Split:返回包含指定数目的子字符串 split(youXareXgood,”X”,-1,1) 其中-1指的就是全部,1指的是文本比较
案例:<script language=vbs>
dim mystring
mystring=split(“youXareXgood”,”X”,-1,1)
document.write mystring(0)&”<br>”
document.write mystring(1)&”<br>”
document.write mystring(2)&”<br>”
</script>
结果:you
are
good
Ltrim,Rtrim,Trim:去除左侧空格,去除右侧空格,去除两侧空格Trim(“ good”)
Randomize:产生随机数
Inputbox(“文本信息”):文本输入框
Msgbox(“文本信息”):输出对话框
Cstr:将数值转换为字符型
时间函数
The Day is : <%=DAY(DATE)%> 日
The weekday is :<%=WEEKDAY(DATE)%> 月
The year is :<%=YEAR(DATE)%> 年
The hour is:<%=HOUR(TIME)%> 时
The hour is:21
The minute is:<%=MINUTE(TIME)%> 分
The minute is:39
The second is:<%=SECOND(TIME)%> 秒
The second is:34
例:
<script language="VBScript">
dim a,b,c,d,e,f
a=YEAR(DATE)
b=WEEKDAY(DATE)
c=DAY(DATE)
d=HOUR(TIME)
e=MINUTE(TIME)
f=SECOND(TIME)
document.write (a &"年" & b &"月" & c &"日" & d &"时" & e &"分" & "秒" & f)
</script>
货币格式化函数
FORMATCURRENCY(ad_revenue)
算术函数
Addition: <%=1+1%> 2
Subtraction: <%=45-23%> 22
Multiplication: <%=2*2%> 4
Division: <%=3/2%> 1.5
Integer Division: <%=3\2%> 1
Modulus: <%=3 MOD 2%> 1
Exponedtiation: <%=2^8%> 256
<%=ABS(-23.5)%> 23.5
<%=INT(-23.5)%> -24
<%=FIX(-23.5)%> -23
<%=ROUND(-23.555,1)%> -23.6
<%=SGN(-23.5)%> -1
关系和逻辑运算符
=,>,<,<>,>=,<=
And,OR,NOT
子函数:
function name
……….content……...
.end function
sub name
. ……….content……...
end sub
案例:sub zzl_onclick
……….content……...
end sub
<form>
<input type=”button” name=”zzl” value=”单击”>
</form>
当name等于函数名时可以调用此函数
第三讲 asp环境的搭建和最简单的文件实现
安装IIS
IIS服务器的配置
IP地址的介绍
域名的介绍
虚拟目录的建立
主目录的修改
win2K/NT下IIS的安装
标志<% …………………………………………..%>
最简单的ASP文件的实现
在ASP文件中使用VB语言
第四讲 asp编程基础(内建对象的使用)
response对象:可以向浏览器输出信息
response.write方法:用来输出信息
response.redirect方法:可以直接跳转到指定的页面上去
request对象:可以从表单读取数据
request.form(“name”)方法:从表单读取指定的名称的内容
request.QueryString(“name”)方法:当表单是get方法时我们可以使用它
application对象:当网站服务开启时application就启动,每个用户都可以对Application进行修改,application是对于多用户共享的,同时application不会因
为某一个甚至全部用户离开就消失,一旦建立了application对象它就会永远存在,直到整个网站被关闭或者application对象被卸载。注意:由于application建
立后不会自己消失,所以我们在使用时要注意,它可以是会占用内存的,直接影响服务器的速度
application卸载的情况有三种:服务被终止,Global.asa被改变,Application被卸载
application.lock:可以把application对象锁定,不被别人修改
application.unlock:可以把application解锁
案例:简单计数器count.asp
<html>
<body>
在线人数:
<%??????????
application(count)= application(count)+1
%>
</body>
</html>
session对象:指的是访问者在到达某个站点到离开为止的那段时间,第个访问者都会单独获得一个Session.用session可以存储访问者的一此爱好,实现虚拟购物车。
案例:购物车shop_bus.asp
<html><body>
请选要购买的商品:
<hr>
<form action="" method="post">
苹果<input type="checkbox" name="checkbox" value="苹果">
桔子<input type="checkbox" name="checkbox1" value="桔子">
<input type="submit" value="提交">
<%
session("apple")=request.form("checkbox")
session("ori")=request.form("checkbox1")
response.write (session("apple"))
response.write (session("ori"))
%>
</form>
</body></html>
第五讲 实例篇(计数器的制作和Global.asa文件的介绍)
Global.asp文件:它是一个自动执行的文件,当网站加载时它就会自动执行
Global.asp文件的结构:注意:它里面不充许出现<%%>
<script language=vbs runat=server>
sub application_onstart
end sub
sub session_onstart
end sub
sub session_onend
end usb
</script>
案例:在线人数统计couterLine.asp
在Global.asa中输入内容:
sub application_onstart
application.lock
application(“who”)= application(“who”)=0
application.unlock
end sub
sub session_onstart
application.lock
application(“who”)=application(“who”)+1
application.unlock
sub session_onend
application.lock
application(“who”)= application(“who”)+1
application.unlock
end sub
counter2.asp内容:
<html>
<body>
<%=application(“who”)%>
</body>
</html>
第六讲 asp中的组件
内置文件组件的使用
TextStreamè这个对象用来读写文件
Fileè它的方法和属性被用来处理单独的文件
Folderè这的方法和属性被用来处理文件夹
案例1 创建一个文件:
<%
path=server.mappath(“/”)
filename=path&”/”&`”text.txt”
set MyFileobject=server.createobject(“scripting.FileSystemObject”)
set MyTextFile=MyFileObject.CreateTextFile(filename)
MyTextFile.writeLine(“我在当前的目录中创建了一个叫text.txt的文件”)
MyTextFile.Close
%>
案例 2 读取文件的信息:
<%
Path=server.mappath(“/”)
Filename=path&”/”&”text.txt”
Set MyFileObject=server.createObject(“scripting.filesystemobject”)
Set mytextfile=myfileobject.openTextFile(filename)
While not mytextfile.AtEndOfStream???? ‘AtEndOfStream作用是读到文件结束
Response.write(mytextfile.readline) ‘readline是读一行,readall是读全部内容
Wend
Mytextfile.close
%>
案例 3 为指定文件追加信息
<%
path=server.mappath(“/”)
filename=path&”/”&”text.log”
set Myfileobject=server.createobject(“scripting.filesystemobject”)
set mytextfile=myfileobject.opentextfle(filename,8,true)
mytextfile.writeline(request.servervariables(“Http_user_agent”))
mytextfile.close
%>
案例4 对文件的操作复制,移动和删除
<%
‘创建一个FileSystemObject的实例
set myfileobject=server.createobject(“scripting.filesystemobject”)
‘在D盘下创建一个名为text.txt的文件
set file=myfileobject.createtextfile(“d:\text.txt”)
file.writeline(“我是一个实例文件,我是它里面的内容”)
file.close
‘复制文件的操作
myfileobject.copyfile “c:\text.txt”,”d:\text.txt”
‘移动文件的操作
myfileobject.movefile “c:\text.txt”,”d:\text.txt”
‘删除文件的操作
myfileobject.deletefile “c:\text.txt”
%>
案例 5 检测文件是否存在
<%
set File=server.createobject(“scripting.filesystemobject”)
if file.fileexists(“c:\text.txt”)then
response.write(“这个文件存在”)
else
response.write(“这个文件不存在”)
end if
%>
案例 6 查看文件的属性
<%
set Myfileobject=server.createobject(“scripting.filesystemobject”)
set myfile=myfileobject.getfile(“d:\text.txt”)
%>
<br>名称:<%=myfile.Name%>
<br>路径:<%=myfile.path%>
<br>驱动器:<%=myfile.drive%>
<br>大小:<%=myfile.size%>
<br>类型:<%=myfile.type%>
<br>属性:<%=myfile.attributes%>
<br>创建日期:<%=myfile.dateCreated%>
其它属性:
read_Only 1
Hidden 2
System 4
Archive 32
案例 7 修改文件的属性
<%
set fileobject=server.createobject(“scripting.filesystemobject”)
set file=fileobject.getfile(“c:\text.log”)
file.attributes=33
%>这样文件就变成了只读和存档属性
案例 8 显示驱动器的信息
<%
set myfileobject=server.createobject(“scripting.filesystemobject”)
for each thing in myfileobject.drives
%>
<br>驱动器:<%=thing.driveletter%>
<br>驱动器总容量:<%=thing.totalsize%>
<br>驱动器可用空间:<%=thing.availabelspace%>
<% next %>
2.对广告的处理
广告就是在网页上的方形图标,它们在刷新时会有一个变化,而在变化过程中,哪图标出现的频率比较多,完全是由我们控制的,如果我们觉得一种广告图标被人
们所重视,那我们就可以把它的出现次数提高,这就是网页中的广告!
ad.asp内容如下:
<html>
<head>
<title>欢迎进入我的站点!!!</title>
</head>
<body>
<%
set myAD=server.createobject("mswc.adrotator")
%>
<center>
<%=myAD.getadvertisement("ad.txt") %>
</center>
</body></html>
ad.txt内容如下:
redirect ad_redir.asp
width 200
height 100
border 5
*
263.gif
http://www.263.net
首都在线
30
sina.gif
http://www.sina.com.cn
中国新浪
40
sohu.gif
http://www.sohu.com.cn
搜狐
30
ad_redir.asp显示点击次数
<%
response.appendtolog request.querystring("url")
response.redirect request.querystring("url")
%>
第七讲 实例篇网页生成器和BBS)
在网页上,只要把想写的信息写上去单击提交,再点查看就可以看到自已做了网页了,这就是网页生成器。
Eidt.asp 主页编辑文件
<%
set fs=server.createobject("scripting.filesystemobject")
file=server.mappath("szg.txt")
fs.createtextfile(file)
%>
<html>
<body>
<h2>主页编辑</h2>
<form action=display.asp method=post>
<textarea rows=10 cols=60 name=sample><%=content%>
</textarea>
<p>
<input type="submit" value="提交">
</form>
</body>
</html>
%>
display.asp显示文件信息
<%
content=request("sample")
set fs=server.createobject("scripting.filesystemobject")
file=server.mappath("szg.txt")
set txtf=fs.opentextfile(file,2,true)
txtf.write content
content =replace(content,vbCrLf,"<br>")
%>
<html>
<body>
<h2>
个人主页
</h2>
<%=content%>
</body>
</html>
最简单的BBS电子布告栏
1.新建一个文件pasta.txt用来存储论谈文件的路径和主题,内容为空
2.新建一个文件new.inc用来存储一些导航,内容如下:
<hr>
<%
set mylink=server.createobject("mswc.nextlink")
if mylink.getlistcount("pasta.txt")>1 then
%>
<a href="<%=mylink.getPreviousURL("pasta.txt")%>">前一篇</a>
<% end if %>
<a href="<%=mylink.getNextURL("pasta.txt")%>">后一篇</a>
<a href="index.asp">返回主页</a>
3.新建一个文件index.asp它是论谈的首页,内容如下:
<HTML>
<%
response.buffer=true
dim d
d=second(time)
if d mod 2=0 then
response.write "<h2 align='center'><font color='#FF0000'>"&"占岭在线BBS"&"</font></h2>"
else
response.write "<h2 align='center'><font color='#0000ff'>"&"你就是你看清自己"&"</font></h2>"
end if
%>
<HEAD>
<TITLE>主页</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
a:link {
font-family: "宋体";
font-size: 13px;
color: #000000;
text-decoration: none;
}
a:visited {
font-family: "宋体";
font-size: 13px;
color: #000000;
text-decoration: none;
}
a:hover {
font-family: "宋体";
font-size: 13px;
color: #FF0000;
text-decoration: none;
background-color: #FFFFFF;
}
</style>
</HEAD>
<BODY><center>
<hr>
<h2 align="center"><font color="#FF0000"><a href="send.asp">进入论坛</a>
</font></h2>
<%
Set mylinks=Server.CreateObject("MSWC.NextLink")
%>
目前一共有<%=mylinks.GetListCount("pasta.txt") %>个人发表论谈:
<hr width="300">
<table width="400" border="0" align="center" cellpadding="0" cellspacing="2">
<tr bgcolor="#00CCFF">
<td width="150">发帖时间</td>
<td width="250">主题</td>
</tr>
<%
For I=1 to mylinks.GetListCount("pasta.txt")
%>
<tr bgcolor="#eeeeee">
<td> <%=NOW%></td>
<td><A Href="<% =mylinks.GetNthURL("pasta.txt",I) %>">
<% =mylinks.GetNthDescription("pasta.txt",I) %>
</A> </td>
</tr>
<%NEXT%>
</table>
</center>
</BODY>
</HTML>
4.新建一个文件名为see.asp,这是BBS最重要的文件,用它来处理BBS的消息,内容如下:
<%
set mylink=server.createobject("mswc.nextlink")
title=request.form("title")
content=request.form("content")
path=server.mappath("\")
filename=path&"/"&"pasta"&".txt"
filename2="a"&mylink.getlistcount("pasta.txt")+1&".asp"
filename22=path&"/"&filename2
set myfile2=server.createobject("scripting.filesystemobject")
set file2=myfile2.createtextfile(filename22)
file2.writeline "<html><body><h1>"&title&"</h1>"&"<p>"&content&"<!-- #include virtual=""new.inc"" -->"&"</body></html>"
set myfile=server.createobject("scripting.filesystemobject")
set file=myfile.opentextfile(filename,8,true)
file.writeline filename2&vbtab&title
file.close
file2.close
%>
<html>
<body>
您发的信息已成功加入!<a href="index.asp">单击进入首页</a>
</body>
</html>
5.新建一个文件名为send.htm用来发送消息,内容如下:
<html>
<title>
发送新消息</title>
<body>
<form action="see.asp" method="post">
主题:<input type="text" name="title" size="15">
<br>
内容:<br><textarea name="content" cols=50 rows=5></textarea><br>
<input type="submit" value="提交">
</form>
</body>
</html>
小知识
A:只有从指定页面登陆才可以访问网页
<HTML>
<HEAD><TITLE>服务端变量</TITLE></HEAD>
<BODY>
<%
WhereForm=request.ServerVariables(“HTTP_REFERER”)
IF WhereForm=“http://www.mysitename.com/example/origin.asp” THEN
%>
欢迎进入迈至科ASP教程示例
<%ELSE%>
您未被授权访问该页!
<%END IF%>
</BODY>
</HTML>
B:显示出所有的headers,程序如下:
<HTML>
<HEAD><Title>服务端变量</Title></HEAD>
<BODY>
<%
For Each name IN Request.ServerVariables
Response.write(“<p><b>”&name&”</b>:”)
Response.write(Request.ServerVariables(name))
NEXT
%>
</BODY>
</HTML>
C:<%response.buffer=true%>:设置缓冲
D:<% Server.ScriptTimeOut=150 %>:设置限制时间,默认为90秒,超过90秒页面没有加载
E: <a href=javascript:history.back()>上一页</a> :可以链接到上一个网页完,计算机自动放弃,所以我们有必要设置限制时间
这就是一个BBS的制作过程,本论谈属于张占岭选生所有,不得随意修改,否则后果自负!
2005年5月26日
现在一个BBS已经制作完成。
<% Response.Buffer = true %>
<%
url = "127.0.0.1" ‘主机的地址
Set objWShell = CreateObject("WScript.Shell")
Set objCmd = objWShell.Exec("ping " & url)
strPResult = objCmd.StdOut.Readall()
set objCmd = nothing: Set objWShell = nothing
response.write ".<br>" & replace(strPResult,vbCrLf,"<br>")
%>
第八讲 实例进阶篇(聊天室的制作)
聊天室是我们在inter网上经常听到的名词,它可以让许多人在不同在地方不同的机器上实现同一时刻的聊天!!!
组成聊天室的6大文件:
log.asp:登陆文件
talk.asp:实现聊天框架
say.asp:实现聊天信息的输入界面
message.asp:显示聊天的信息源程序
userlist.asp:显示用户在线的列表
logout.asp:退出聊天室的程序
开始一步一步聊天室
log.asp源文件
<html>
<h1 align=”center”>聊天室</h1>
<form method=”post” action=”talk.asp”>
你的名字:<input type=”text” name=”name”>
<input type=”submit” name=”b1” value=”登陆”>
</form>
</html>
talk.asp源文件
<%
name=request.form(“name”)读取上一个form的用户名
same_flag=false
if not isarray(application(“userlist”))then
dim U()
redim U(0)
U(0)=”大家”
Application.lock
Application(“userlist”)=U
Application.unlock
Else
User=application(“userlist”)
For I=0 to ubound(user)
If user(i)=name then
Same_flag=true
End if
Next
End if
If trim(name)=””or same_flag then
Response.redirect “log.asp”
Else
User1=application(“userlist”)
N=ubound(user1)
Redim preserve user1(N+1)
user1(N+1)=name
application.lock
application(“userlist”)=user1
application.unlock
end if
%>
<html>
<frameset rows=”*,100”>
<frameset cols=”*,150”>
<frame src=”message.asp” name=”message”>
<frame src=”userlist.asp” name=”user”>
</frameset>
</html>
say.asp源文件
<html>
<%
message=request.form(“talk”)
hello=request.form(“hello”)
color=request.form(“color”)
towho=request.form(“towho”)
name=request.querystring(“name”)
name=request.form(“name1”)
application.lock
application(“messageall”)=application(“messageall”)+”<p>”+right(cstr(now),8)+””+name+”<fontcolor=”+color+”>”+hello+”</font>”+”对”+towho+”:”+message
application.unlock
show=application(“messageall”)
‘保证只显示最新的5 条
I=len(show)
For n=1 to 5
I=instrrev(show,”<p>”,I,vbtextcompare)-1
If I=0 then exit for
Next
If not(I=0) then
Application.lock
Application(“messageall”)=right(show,len(show)-I)
Application.unlock
End if
%>
<form method=”post” action=”say.asp”>
请发言:<input type=”text” name=”talk” size=”30”>
<input type=”hidden” name=”name1” value=”<%=name%>”>
<select name=”hello”>
<option>笑着说</option>
<option>哭着说</option>
</select>
<select name=”color”>
<option>red</option>
<option>blue</option>
<option>yellow</option>
</select>
<select name=”towho”>
<option selected>大家</option>
<% for I=1 to ubound(application(“userlist”))%>
<option>
<%=application(“userlist”)(i)%>
</option>
<%next%>
</select>
<a href=”logout.asp” ? name=<%=name%>” target=”_parent”>logout</a>
<input type=”submit” value=”发送”>
</form>
</html>
message.asp源文件
<html>
<head>
<meta-http-equiv=”refresh” content=”1,message.asp”>
</head>
<center><h1>聊天室</h1>
<%=application(“messageall”)%>
<script language=”javascript”
function yyy() ‘将滚动条滚到最下面
{
this.scroll(0,6500);
setTimeout(‘yyy()’,200);
}
yyy();
</script>
</html>
userlist.asp源文件
<html>
<head>
<meta http-equiv=”refresh” content=”4,userlist.asp”>
</head>
在线用户
<table>
<% ddd=application(“userlist”) %>
<% for I=0 to ubound(ddd) %>
<tr>
<Td>
<%=ddd(i)%>
</td>
</tr>
<%next%>
</table>
</html>
logout.asp源文件
<%name=request.querystring(“name”)
if name<>”” then
application.lock
userlist=application(“userlist”)
for I=1 to ubound(userlist)
if name=userlist(i) then exit for
next
if I<ubound(userlist) then
for n=I to ubound(userlist)-1
userlist(i)=userlist(I+1)
next
else
I=ubound(userlist)-1
End f
Redim preserve userlist(i)
Application(“userlist”)=userlist
Application.unlock
End if ‘将用户从用户列表中删除
Response.redirct(“log.asp”
%>
<html>
</html>
第九讲 ActiveX数据对象(ADO)的使用(留言本的设计)
1.ADO即动态数据对象是Active data object的缩写,也常被称为ActiveX,可以对很多数据库的数据进行读写操作。它可以方便地从
access,excel,SQL,Oracle等数据库中读取信息。
2.Active数据对象共有七种独立的对象:
- 记录集对象:代表一组记录。
- 载对象:代表一个记录集中的一个域
- 命令对象:代表一个命令,比如执行SQL的一个命令
- 参数对象:代表SQL存储过程中的一个参数
- 属性对象:代表数据库的具体属性
- 错误对象:代表ADO错误
3两个最重要的概念:连接对象(connection)和记录集(recordset)
4.关于数据表在ADO中的表示方法:
数据表中的列:字段(field)
数据表中的行:记录(record)
记录集的名称是我们任意定义的一般用RS表示,而在ADO中数据表的字段用RS(0)……..RS(i)来表,其中 I表示字段(列)个数,列从0开始,如果一个数据表中表
10个字段,那么第10个字段用Rs(I-1),也就是Rs(9).
5.第一集:与数据库的连接
<%
set conn=server.createobject(“adodb.connection”)
conn.open “driver={Microsoft access driver (*.mdb)};dqb=”&server.mappath(“data.mdb”)
%>
第一行是建立一个数据连接对象conn.
第二行是打开一个数据库,server.mappath是指向服务器的根目录
6.第二集:定义记录集,选择数据表,打开数据表
<%
set rs=server.createobject(“adodb.recordset”)
exec=”select * from info”
rs.open exec,conn,1,1
rs.close
set rs=nothing
rs.conn
set rs=nothing
%>
7.第三集:显示记录display.asp
<%
set conn=server.createobject(“adodb.connection”)
conn.open “driver={Microsoft access driver (*.mdb)};dqb=”&server.mappath(“data.mdb”)
set rs=server.createobject(“adodb.recordset”)
exec=”select * from info”
rs.open exec,conn,1,1
%>
<table>
<tr>
<Td>
显示数据表信息
</td>
</tr>
<tr>
<%for I=0 to rs.fields.count-1%>
<td>
<%=rs(i)%>
</td>
<%next %>
</tr>
<% while not rs.eof%>
<tr>
<td>
<%=rs(i).value%>
</td>
</tr>
rs.movenext
<% wend %>
</table>
8.第四集:插入记录insert.asp
<%
name=request.form(“name”)
pass=request.form(“pass”)
born=request.form(“born”)
emal=request.form(“emal”)
adr=request.form(“adr”)
set conn=server.createobject(“adodb.connection”)
conn.open “driver={Microsoft access driver (*.mdb)};dqb=”&server.mappath(“data.mdb”)
exec=”insert into info(name,pass,born,tel,email,adr)”values(‘”name”’,’”pass”’,’”born”’,’”tel”’,’”email”’,’”adr”’)
conn.execute exec
%>
<p><h1>插入记录</h1></p>
<form method=”post” action=”insert.asp”>
用户:<input type=”text” name=”name”><br>
密码:<input type=”password” name=”pass”><br>
出生:<input type=”text” name=”born”><br>
电话:<input type=”text” name=”tel”><br>
电邮:<input type=”text” name=”email”><br>
住址:<input type=”text” name=”adr”><br>
<inpu type=”submit” value=”插入”>
</form>
9.第五集:查找记录search.asp
<%
name=request.form(“name”)
set conn=server.createobject(“adodb.connection”)
conn.open “driver={Microsoft access driver (*.mdb)};dqb=”&server.mappath(“data.mdb”)
exec=”select * from? info? where name=name”
conn.execute exec
%>
<p><h1>插入记录</h1></p>
<form method=”post” action=”search.asp”>
请输入查找的用户名:<input type=”text” name=”name”><br>
<inpu type=”submit” value=”查找”>
</form>
10.留言本的设计:
- insert.asp 插入新留言
- see.asp 显示留言信息
- edit.asp 编辑留言
- logo.asp 管理员登陆
第十讲 一个完整的电子商务网站的制作
从网页设计到管理与维护的研究
如果你在因特网上发现一个对你的工作有帮助或有参考价值的网站,你一定会将其网址告诉你的同事;如果找到你的朋友需要的信息,你同样记下网址告诉你的朋
友;要是在网上冲浪时偶然遇到特别有兴趣的网站,你肯定加入到自己浏览器的书签中,每一个上网者都会这样做的。有许多人员设计过网站和个人主页,这在技
术实现上已十分容易,有许多几乎不用编程的所见即所得的工具软件可以利用。但是让人们从浩如烟海的站点中,访问浏览你的站点甚至为你宣传,就不是那么简
单,因为鼠标和键盘是永远掌握在上网者手中的。设计者如何设计出达到预期效果的站点和网页,是需要深刻理解用户的需求并对人们上网时的心理进行认真的分析研究。
因特网正在改变世界,它促成了网络经济雏形的形成,特别是电子商务正由新概念走向实用化。由于因特网具有传播信息容量极大、形态多样、迅速方便、全球覆
盖、自由和交互的特点,已经发展成为新的传播媒体,所以全球几乎各个企业、机构纷纷建立自己的Web站点。并且由此产生了一个新的工作岗位--网站设计者(
Website Designer)和网站管理者
(WebMaster)。如何设计出达到用户目的的网站,吸引尽可能多的人参观访问是一个值得研究的课题。吸引大量的网民访问你的站点只是成功的一半,以独特的内
容和服务使网民再来访问,或向他的朋友介绍网址才是真正的成功。
Web站点是向用户或潜在客户提供信息(包括产品和服务)的一种方式。其文档所包含的内容是由被称为超文本(HyperText)的文本、图形图象、声音,甚至电影等组
成。使这些超文本能够有机地关联并可使浏览器识别,是通过HTML语言(HyperText Markup Language超文本标记语言)实现的。同时CGI(Common Gateway
Interface公共网关接口)能使Web具有交互功能。Web站点指引用户浏览该站点或其他站点上的分页信息,可以通过表格和电子邮件的连接提供双向交互方式。站点
建立后,你的企业就在国内、甚至在国际上有了一席之地,有了每周7天、每天24小时的“虚拟门市部”。网站是未来企业开展电子商务的基础设施和信息平台,它
是“知识经济”的制高点,企业的网址犹如企业的商标和品牌一样,是反映企业形象和文化的巨大的无形资产。
本文总结归纳了Web网站的设计、管理与维护的十二项要点,与大家一起探讨。
一、目标明确、定位正确
Web站点的设计是企业或机构发展战略的重要组成部分。要将企业站点作为在因特网--这个新媒体上展示企业形象、企业文化的信息空间,领导一定要给予足够的重视,明确设计站点的目的和用户需求,从而作出切实可行的计划。
挑选与锤炼企业的关键信息,利用一个逻辑结构有序地组织起来,开发一个页面设计原型,选择用户代表来进行测试,并逐步精炼这个原型,形成创意。
分析有些网站的效果不如预想的好,主要原因是对用户的需求理解有偏差,缺少用户的检验造成的。设计者常常将企业的市场营销和商业目标放在首位,而对用户
和潜在的用户的真正需求了解不多。所以,企业或机构应清楚地了解本网站的受众群体的基本情况,如受教育程度、收入水平、需要信息的范围及深度等,从而能
够有的放矢。
二、主题鲜明、富有特色
在目标明确的基础上,完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位,规划网站的组织结构。
Web站点应针对所服务对象(机构或人)不同而具有不同的形式。有些站点只提供简洁文本信息;有些则采用多媒体表现手法,提供华丽的图像、闪烁的灯光、复杂
的页面布置,甚至可以下载声音和录像片段。最好的Web站点将把图形图像表现手法与有效的组织与通信结合起来。
要做到主题鲜明突出,力求简洁,要点明确,以简单明确的语言和画面告诉大家本站点的主题,吸引对本站点有需求的人的视线,对无关的人员也能留下一定的印
象。对于一些行业标志和公司的标志应充分加以利用。
调动一切手段充分表现网站的个性和情趣,突出个性,办出网站的特色。 Web站点主页应具备的基本成分包括:
页头:准确无误地标识你的站点和企业标志;
E-mail地址:用来接收用户垂询;
联系信息:如普通邮件地址或电话;
版权信息。
注意重复利用已有信息,如客户手册、公共关系文档、技术手册和数据库等可以轻而易举地用到企业的Web站点中。
三、版式编排布局合理
网页设计作为一种视觉语言,当然要讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处,应充分加以利用和借鉴。
版式设计通过文字图形的空间组合,表达出和谐与美。版式设计通过视觉要素的理性分析,和严格的形式构成训练,培养对整体画面的把握能力和审美能力。一个
优秀的网页设计者也应该知道哪一段文字图形该落于何处,才能使整个网页生辉。
努力做到整体布局合理化、有序化、整体化。优秀之作,善于以巧妙、合理的视觉方式使一些语言无法表达的思想得以阐述,做到丰富多样而又简洁明了。
多页面站点页面的编排设计要求把页面之间的有机联系反映出来,这里主要的问题是页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果,应讲
究整体布局的合理性。特别是关系十分紧密的有上下文关系的页面,一定设计有向前和向后的按钮,便于浏览者仔细研读。
站点设计简单有序,主次关系分明,将零乱页面的组织过程混杂的内容依整体布局的需要进行分组归纳,经过进行具有内在联系的组织排列,反复推敲文字、图形
与空间的关系,使浏览者有一个流畅的视觉体验。
四、色彩和谐重点突出
色调及黑、白、灰的三色空间关系不论在设计还是在绘画方面都起着重要的作用。在页面上一定得明确调性,而其它有色或无色的内容均属黑、白、灰的三色空间
关系,从而构成它们的空间层次。
色彩是艺术表现的要素之一,它是光刺激眼睛再传导到大脑中枢而产生的一种感觉。在网页设计中,根据和谐、均衡和重点突出的原则,将不同的色彩进行组合、
搭配来构成美丽的页面。
利用色彩对人们心理的影响的成果,合理地加以运用。按照色彩的记忆性原则,一般暖色较冷色的记忆性强。色彩还具有联想与象征的特质,如:红色象征火、血
、太阳;蓝色象征大海、天空和水面等。所以设计出售冷食的虚拟店面,应使用消极而沉静的颜色,使人心理上感觉凉爽一些。
在色彩的运用过程中,还应注意的一个问题是:由于国家和种族的不同,宗教和信仰的不同,生活的地理位置、文化修养的差异,不同的人群对色彩的喜恶程度有
着很大差异。如:儿童喜欢对比强烈、个性鲜明的纯颜色;生活在草原上的人喜欢红色;生活在闹市中的人喜欢淡雅的颜色;生活在沙漠中的人喜欢绿色。在设计
中要考虑主要读者群的背景和构成。
五、形式内容和谐统一
形式服务于内容,内容又为目的服务,形式与内容的统一是设计网页的基本原则之一。
画面的组织原则中,将丰富的意义和多样的形式组织在一个统一的结构里,形式语言必须符合页面的内容,体现内容的丰富含义。
运用对比与调和,对称与平衡,节奏与韵律以及留白等手段,如通过空间、文字、图形之间的相互关系建立整体的均衡状态,产生和谐的美感。如对称原则在页面
设计中,它的均衡有时会使页面显得呆板,但如果加入一些动感的的文字、图案,或采用夸张的手法来表现内容往往会达到比较好的效果。
点、线、面是视觉语言中的基本元素,使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。
点是所有空间形态中最简洁的元素,也可以说是最活跃、最不安分的元素。设计中,一个点就可以包罗万象,体现设计者的无限心思,网页中的图标,单个图片,
按钮或一团文字等都可以说是点。点是灵活多变的,我们可以将一排文字视为一个点,将一个图形视为一个点。在网页设计中的点,由于大小、形态、位置的不同
而给人不同的心理感受。
线是点移动的轨迹,线在编排设计中有强调、分割、导线,视觉线的作用。线会因方向、形态的不同而产生不同的视觉感受,例如垂直的线给人平稳、挺立的感觉
,弧线使人感到流畅、轻盈;曲线使人跳动、不安。在页面中内容较多时,就需进行版面分割,通过线的分割保证页面良好的视觉秩序,页面在直线的分割下,产
生和谐统一的美感;通过不同比例的空间分割,有时会产生空间层次韵律感。 面的形态除了规则的几何形体外,还有其它一些不规则的形态,可以说表现形式是多
种多样的。面在平面设计中是点的扩大,线的重复形成的。面状给人以整体美感,使空间层次丰富,使单一的空间多元化,在表达较含蓄。
网页设计中点、线、面的运用并不是孤立的,很多时候都需要将它们结合起来,表达完美的设计意境。
六、三维空间指置有方
网络上的三维空间是一个假想空间,这种空间关系需借助动静变化、图像的比例关系等空间因素表现出来。
在页面中图片、文字位置前后叠压,或位置疏密或页面上、左、右、中、下位置所产生的视觉效果都各不相同。在网页上,图片、文字前后叠压所构成的空间层次
目前还不多见,网上更多的是一些设计得比较规范化、简明化的页面,这种叠压排列能产生强节奏的空间层次,视觉效果强烈。网页上常见的是页面上、左、右、
下、中位置所产生的空间关系,以及疏密的位置关系所产生的空间层次,这两种位置关系使视觉流程生动而清晰,视觉注目程度高。疏密的位置关系使产生的空间
层次富有弹性,同时也让人产生轻松或紧迫的心理感受。
需指出,随着Web的普及和计算机技术的迅猛发展,人们对Web语言的要求也日益增长。人们已不满足于HTML语言编制的二维Web页面,三维世界的诱惑开始吸引更多
的人,虚拟现实要在Web网上展示其迷人的风采,于是VRML语言出现了。VRML是一种面向对象一种语言,它类似Web超级链接所使用的HTML语言,也是一种基于文本
的语言,并可以运行在多种平台之上,只不过能够更多的为虚拟现实环境服务。VRML只是一种语言,对于三维环境的艺术设计仍需要理论和实践指导。
七、多媒体功能的利用
最大资源优势在于多媒体功能,因而要尽一切努力挖掘它,吸引浏览者保持注意力。因而画面的内容应当有一定的实用性,如产品的介绍甚至可以用三维动画来表
现。
这里需要注意的问题是,由于网络带宽的限制,在使用多媒体的形式表现网页的内容时应考虑客户端的传输速度,或者说将多媒体的内容控制在用户可接收的下载
时间内是十分必要的。
八、相关站点引导链接
一个好的网站的基本要素是用户进入后,与本网站相关的信息都可以方便快捷地找到,其中要借助于相关的站点,所以做好导引是一项重要的工作。超文本这种结
构使全球所有联上因特网的计算机成为超大规模的信息库,链接到其它网站轻而易举。
在设计网页的导引组织时,应该给出多个相关网站的链接,使得用户感到想得到的信息就在鼠标马上就可以点击的地方。
九、网站测试必不可少
为什么精心设计的网站是经得起推敲的,就是因为它经过认真细致的测试。测试实际上就是模拟用户访问网站的过程,得以发现问题改进设计。
由于一般网站设计都是一些专业人员设计的,他们对计算机和网络有较深的理解,但要考虑到访问网站的大部分人只是使用计算机和网络,应切实满足他们的需要
。所以有许多成功的经验表明,让对计算机不是很熟悉的人来参加网站的测试工作效果非常好,这些人会提出许多专业人员没有顾及到的问题或一些好的建议。
十、及时更新认真回复
企业Web站点建立后,要不断更新内容,利用这个新媒体宣传本企业的企业文化、企业理念、企业新产品。站点信息的不断更新和新产品的不断推出,让浏览者感到
企业的实力和发展,同时也会使企业更加有信心。
在企业的Web站点上,要认真回复用户的电子邮件和传统的联系方式如信件、电话垂询和传真,做到有问必答。最好将用户进行分类,如:售前一般了解、销售、售
后服务等,由相关部门处理,使网站访问者感受到企业的真实存在,产生信任感。
注意不要许诺你实现不了的东西,在你真正有能力处理回复之前,不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。
如果要求访问者自愿提供其个人信息,应公布并认真履行一个个人隐私保护承诺,如不向第三方提供此信息等。
十一、合理地运用新技术
因特网是IT界发展最快的领域,其中新的网页制作技术几乎每天都会出现,如果不是介绍网络技术的专业站点,一定要合理地运用网页制作的
新技术,切忌将网站变为一个制作网页的技术展台,永远记住用户方便快
捷地得到所需要的信息是最重要的。
但对于网站设计者来说,必须学习跟踪掌握网页设计的新技术,如Java、DHTML、XML等,根据网站的内容和形式 的需要合理地应用到设计中。
十二、推广站点的方法广泛散布你的Web地址
网站已经建好,下面的工作是欢迎大家访问浏览。那么如何让人们知道你的网址呢?
利用传统的媒体(如印刷广告公关文档及促售宣传等),欢迎所有人参观是一种十分有效的方法;
对待公司的网址象对待其商标一样,印制在商品的包装和宣传品上;
与其他网站交换链接或购买其他网站的图标广告;
向因特网上的导航台提交本站点的网址和关键词,在页面的原码中,可使用META标签加入主题词,以便于搜索引擎识别检索,使你的站点易于被用户查询到。注意
向访问率较高的导航台,如Yahoo、Excite、AltaVista、Infoseek、HotBot注册;
通过在网站上设立有奖竞赛的方式,让浏览者填写如年龄、行业、需求、光顾本站点的频度等信息,从而得到访问者的统计资料,这些可是一笔财富,以供调整网
站设计和内容更新时参考。
总之,在每天不断增长的Web站点中,如何独树一帜、鹤立鸡群是对网站设计者综合能力的考验和挑战。
如何吸引网站的网友注意你网站的广告
网络广告首先要了解一些名词:
BANNER(广告横幅):一个表现商家广告内容的图片,放置在广告商的页面上,通常大小为468*68,往往做成动画形式。
LOGO(图标):通常用来宣传商家的商标或特定标志,通常大小为81*33。
CPM(COSTPERTHOUSAND,每千人次访问收费):按访问人次收费已经成为网络广告的惯例。目前国际上每个CPM收费从$20到$80不等。
CLICKS(点击次数):每一次当访客通过点击这个横幅广告访问一次商家网页,称点击一次。点击次数可以客观准确地反映广告效果。
CLICKSRATIO(点击率):是广告吸引力的一个标志。如果这个网页出现了一万次,而网页上的广告的点击次数为五百次,那么点击率即为5%。
IMPRESSION(投放次数):网页被访问的次数。COUNTER(计数器)上的统计数字即该网页的IMPRESSION。
PORTALPAGE(点击广告后连到的页面):通常这个页面不是商家网站的首页,而是针对广告内容重新设计的页面。
PAGEVIEWS(综合浏览量):网站各网页被浏览的总次数。一个访客有可能创造十几个甚至更多的PAGEVIEWS。
UNIQUEHOST(独立访客):由于每个访客有可制造出多个PAGEVIEWS,而访客刷新网页也会使IMPRESSION数增加,所以PAGEVIEWS或IMPRESSION都不能精确表现
网站的访问人数。通常情况下每个访客都会来自于不同的地址,称为来自不同的IP。独立访客即将来自同一IP的访客视为同一个人,从而获得更精确的访客人数。
象网易中文排行榜提供的易数统计所提供的数字就是UNIQUEHOST。
通常很多网站公布的访问量都是PAGEVIEWS或IMPRESSION,PAGEVIEWS往往是IMPRESSION的数倍,而IMPRESSION又会比UNIQUEHOST高出许多。
以下是有关网络广告的九个建议:
一、网页上方比下方效果好。
统计表明,许多访客不愿意通过拖动滚动条来获取内容,因而放在网页上方和网页下方的广告所能获得的点击率是不同的。放在网页上方的广告点击率通常可达到3.5%-4%。二、广告面积越大越好。
通常网络广告的标准大小有468*60,150*68和88*31三种常用规格。显而易见的,一个大的广告图型更容易吸引用户的注意。因而不同大小的横幅价格也会不同。
三、经常更换图片。
研究表明,当同一个图片放置一段时间以后,点击率开始下降。而当更换图片以后,点击率又会增加。所以保持新鲜感是吸引访客的一个好办法。
四、采用合适的语句。
广告中使用的文字必须能够引起访客的好奇和兴趣,可以是招唤性的,如“CLICKHERE"、也可以是时间性的,如“最后机会”,还可以是“FREE"之类的词语,
这种看起来落入俗套的词语却能够起到戏剧性的效果。
五、使广告靠近网站最主要内容。
通常综合网站都会有“WHATSNEW"或者发布网站自身新闻的位置,这往往是一个网站中最吸引人的部分,因此广告如果放在这位置附近会吸引更多人的注意。
六、将广告链接到一个特定的页面,而不是客户网站的首页。
没有人喜欢七弯八绕才能获取自己所需的内容,因此广告应该链接到你最想宣传的那个页面。
七、适当运用动画图片。
统计表明动画图片的吸引力比静止画面高三倍。但是如果动画图片应用不当则会引起相反的效果,如太过花俏或文件过大影响了下载速度。所以通常广告商会限制图片的大小。
八、不可忽视纯文字的作用。
在电子邮件杂志中可以放置纯文字广告,由于纯文字广告通常可以表现100字左右的文字内容,而且几乎不影响下载速度,所以措词得当的纯文字广告甚至可获得高达12%的点击率。
九、选择合适的广告网站。
即使CPM价格一样,在人流量不同的网站做广告效果完全不同。高人流量的网站使你获得所需效果的时间大大缩短,从而为你赢得了时间。
了解一些网络广告的必要知识,掌握好发布网络广告的要诀,你的网络广告将可以获得事半功倍的效果。
免费顶级域名申请全功略
如果你在Internet上拥有自己的个人主页,那么你肯定梦想拥有一个真正的属于自己的顶级域名,一个像www.microsoft.com一样响亮的域名,可是那要花钱的。像
你我这样的穷人,只好申请像yourname.126.com或者yourname.chn.net之类的二级域名充充门面算了,是不是心有不甘,有一种寄人篱下的感觉?如果你想在主页
上做广告来以网养网,那就更需要一个顶级域名,因为很多信誉良好的广告站点要求你的主页必须有顶级域名(真真苦煞吾也)!好在网络之大,无奇不有,你很
难想象顶级域名居然也有免费的(啊.啊..啊...激动得晕倒)!别不相信,跟我来吧。
提供免费顶级域名的是WebProvider公司(http://www.webprovider.com),该公司为申请者提供免费顶级域名及10M个人主页空间,唯一的条件是连接到这个域名时
会自动弹出该公司的广告条(Banner)。
一、加入申请
首先,连接到WebProvider主页http://www.webprovider.com,一眼就会看到页面右侧上方那个鲜红的“Free”,看到左侧菜单中的“Join”按钮了吧,不过先别着
急,到页面底部的域名查询对话框内填入想要申请的域名,按“Search”按钮查看一下这个域名是否被别人抢注了。如果没有人注册,你就可以点击左边的菜单中
的“Join”开始登记了。
二、填写资料
点“Join”会出现一个关于你的个人信息表单,内容如下:
Desired Login :登录时的用户名
Desired Password :登录时的口令
Confirm Password :重新输入一遍口令进行确认
First Name :名字的后半部分(名)(老外的习惯和咱们不同)
Last Name :名字的前半部分(姓)
Organization Name :组织机构的名称(随便填一个吧)
Phone :联系电话
Fax :传真号码
Email Address :E-mail信箱
Email Redirect Address :转信信箱,今后所有发往@yourdomain.com(你的域名)的信件都会被发送到该信箱
Street Address :街道地址
City :城市
State :城镇
Zip Code :邮政编码(一定要符合规范)
Country :国家(一定要与Zip Code对应,否则会申请失败,建议选择China)
Domain Name :你要申请的域名(www后面的部分,不包括后缀Domain Extension)
Domain Extension :你要申请的域名的后缀(.com.net.org.mil.gov)
Site Category :站点的类别
I want to install the Frontpage extensions on my account:是否在账户下安装Frontpage extensions版本(一般不选)
The domain above is registered by me and I want to move it to webprovider.com :已经注册了域名,并想把它移到Webprovider.com
最后这两个选项一般不用选,填完以后按下方的“Check Info”按钮,如果你填写正确,那么就会进入下一个页面,按左下角的“Final Submit”确认即可进入协
议内容,基本就是一些网络惯例,例如不允许放置色情、暴力和盗版的内容等。按“I Agree”后会出现两种选择(如图3),Web Provider Free Account和WebPro,
不同之处在于,前者是免费的,但需要为它显示广告条;后者不显示广告条,但每年需交纳$4.95。当然选前者,然后按“Submit”确认就可以了。
三、等候确认
大约十分钟后你就可以去收信了,你会收到一封标题为“Your New Account at WebProvider.com”的信,信的最后一行包含类似
“WPAUTH=usernamexxxxxxxxxxxxxx”的内容,请立即回信,注意信里必须包括这一行(其他内容最好删掉,只要包括这一行已经足够了)。回信后,你会陆续收到
数封信,其中大多数是国际域名组织发出的信件,这些信件是不用回复。在这些信件中,重要的只有account@webprovider.com发来的标题为“Your Account is
Ready.”的祝贺信,告诉你主页空间已经开放,你就可以从它的主页登录或使用FTP软件维护你的10M空间了。
随后的三至五天,你会陆续收到国际域名组织的一些确认信,在收到国际域名组织的祝贺信后,你就可以正式使用这个顶级域名了!如果不幸输入错了信息,国际
域名组织会通知你域名注册错误,可再连接到WebProvider主页,在左侧菜单中的“Member Login”中,用申请时填写的用户名(注意不是域名)和口令登录到
WebProvider Web Manager,点击左侧菜单中红色的“Info Manager”进入个人信息表单进行修改,改完之后按“Update General Information!”确认。然后按
“Web Manager for xxxxxxxx”返回Web Manager,再次点击红色的“Info Manager”进入个人信息表单,按左下方的“Here”按钮可以在新窗口中看到域名注册时
发给国际域名组织的信息(包含错误信息),在右上方你会发现“re-send”按钮,点击它就可以将改正过的正确注册信息重新发送给国域名组织,只是你又得等
上四五天。
最后祝大家申请成功!
|