ASP动态网页设计Word文档下载推荐.docx
- 文档编号:17354319
- 上传时间:2022-12-01
- 格式:DOCX
- 页数:26
- 大小:39.36KB
ASP动态网页设计Word文档下载推荐.docx
《ASP动态网页设计Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《ASP动态网页设计Word文档下载推荐.docx(26页珍藏版)》请在冰豆网上搜索。
;
10.将网页保存到C:
\03soft目录下,文件命名为first.asp;
11.启动IE浏览器,在地址栏中键入:
http:
//localhost/first.asp或http:
//127.0.0.1/first.asp,然后按回车。
注意观察输出结果;
2、FTP服务器的配置
1.右击“我的电脑”|“管理”,进入“计算机管理”界面,新建用户,如:
soft_student,密码为:
123456;
2.进入IIS界面,选择“默认FTP”,进行相应的选项设置,如添加:
添加用户名和密码;
文件的目录等;
3.打开IE浏览器,在地址栏中输入:
FTP:
//localhost,自动弹出对话框,要求输入用户名和密码,根据在FTP中的设置输入后,窗口将显示站点根目录中的相关内容,表示访问成功;
4.复制本机中的网页文件,粘贴在窗口文件夹中,即为上传。
实验二HTML标记符的使用(表格、表单对象、CSS样式)
熟悉并掌握HTML标记符的用法和功能。
掌握HTML网页的基本结构,学会利用HTML标记符来编写简单的网页,达到能够编写和阅读HTML网页源代码的目的,其中重点要掌握有关表单和CSS层叠样式表的应用;
学生掌握关于HTML的相关知识;
四、实验内容:
1、熟练应用DreamWeaver中表单工具生成表单;
试在当前页面中设计一名为userinfo的表单,用以收集注册用户的资料,并将其提交给userlogin.asp页面处理。
界面如图所示:
用户注册
用户名:
密码:
重复密码:
性别:
男女
教育水平:
电子邮箱
确定重填
[对应代码]
formaction="
userlogin.asp"
method="
post"
name="
login"
id="
>
<
tableborder="
0"
bordercolor="
#FF0000"
>
tr>
tdcolspan="
2"
class="
td1"
用户注册<
/td>
/tr>
tdwidth="
289"
td2"
用户名:
295"
inputname="
username"
type="
text"
tdclass="
密码:
userkey1"
password"
userkey2"
性别:
sex"
radio"
value="
男"
checked>
男
inputtype="
女"
女
selectname="
edu"
size="
1"
optionvalue="
硕士以上"
硕士以上<
/option>
大学本科"
大学本科<
大专"
大专<
中专以下"
中专以下<
/select>
电子邮箱:
email"
td>
&
nbsp;
td3"
divalign="
center"
submit"
Submit"
登陆"
<
reset"
Submit2"
全部重写"
/div>
/table>
/form>
[实验提示]
加粗HTML标记部分对应的是表单中的各个对象,注意观察它们的表述形式,其中尤其“input”标记;
2、熟练使用CSS层叠样式表对页面进行编排
对上述表单运用CSS层叠样式表进行编排,步骤:
从大到小、从外到内、从上到下;
[参考样式]
样式名称
编排对象
form
表单
#formtable
表单中表格
.Table_title
表格中标题
.Form_content
表格中的内容
.Form_bottom
表格中底部
Input_len
按钮的长度
Td
单元格
styletype="
text/css"
!
--
.table_title{
font-family:
"
宋体"
;
font-size:
24px;
font-weight:
600;
color:
#000066;
letter-spacing:
20px;
text-align:
center;
}
.form_content{
18px;
300;
#660000;
left;
padding-top:
0px;
padding-right:
padding-bottom:
padding-left:
.form_bottom{
.input_len{
margin-top:
margin-right:
10px;
margin-bottom:
margin-left:
#formtable{
border:
thinsolid#006600;
form{
100px;
td{
1pxsolid#009900;
-->
/style>
实验三JavaScript程序设计
一、实验目的:
深刻理解有关函数中变量的作用域和各类控制语句的功能;
理解和灵活运用JavaScript中常用的几个对象及浏览器对象的属性和方法;
二、实验要求:
回顾和复习以前C语言的基本语法知识;
进一步加深理解Javascript语法知识;
三、实验器材:
1、关于变量的作用域
调试下列程序,观察并说明窗口中显示的结果;
scriptlanguage="
javascript"
varx=13,y=29;
functiontest(){
varnum,y=10;
num=x+y;
x++
document.write("
内部的num的值为:
"
+num+”<
br>
”);
}
test();
document.write("
测试x的值为:
+x+”<
测试y的值为:
+y+”<
外部的num的值为:
/script>
2、控制语句与函数的应用,用3种方式实现(if语句、条件表达式、函数调用);
根据时间段的不同,在网页中显示不同的问候语,若小时数在12点以前,则输出“早上好!
”的问候语,颜色为绿色;
若在12点至18点,则输出“下午好!
”颜色为黄色;
18点以后输出“晚上好!
”颜色为黑色。
[参考代码]
方法1:
varcurday=newDate();
hours=curday.getHours();
现在是:
+hours+"
点,"
);
if(hours<
=12){document.write("
fontcolor='
00ff00'
早上好!
/font>
elseif(hours<
=18){document.write("
ffff00'
中午好!
else{document.write("
000000'
晚上好!
方法2:
……
方法3:
3、运用windows对象的属性与方法实现动感网页效果;
(1)运用JavaScript和windows对象setTimeout方法编程实现在网页中不断显示不同图片的动画效果,有几个按钮控制该动画的不同效果,分别为:
放大、缩小、向前、向后、停止、启动;
imgsrc="
alt="
my_image"
width="
32"
height="
/>
ScriptLanguage="
JavaScript"
varimage,i=1
functionimage_change(){
if(i==5){i=1;
my_image.src="
Image"
+i+"
.jpg"
i=i+1;
image=setTimeout('
image_change()'
1000);
image_change();
//函数调用;
/Script>
按钮代码:
(2)运用JavaScript和windows对象status属性编程实现网站状态行跑马灯式文字效果的显示:
“欢迎光临本站”。
4、JavaScript的事件处理实现交互式网页功能;
在数据提交之前在前台完成相关数据的检验,要求“用户名”不能为空,两个密码必须相同,电子邮件必须符合格式等;
符合条件则提交,否则不提交,运用两种方式实现(自身提交功能、利用提交方法document.login.submit();
)界面如图所示:
Scriptlanguage="
functioncheckform(){
if(document.login.username.value=="
){
alert("
请输入用户名!
document.login.username.focus();
returnfalse;
}
…………
/head>
OnSubmit="
returncheckform()"
//返回false则不提交
……
登录"
方法2……
实验四VBScript编程
熟悉VBScript的语法、掌握服务器端利用VBScript编程的基本方法。
学生掌握VB语言的语法特点和内置的常用函数的用法;
对程序的结构(顺序、分支、循环、过程)的概念和语法比较清晰;
具备基本的编写程序的能力。
1、在静态页面中嵌入VBScript脚本;
(1)利用VBScript在页面中显示图形化的当前日期包括年、月、日、星期几;
[参考步骤]
1、利用photoshop制作0-9之间的数字图形;
2、制作显示当前日期图形的静态页面;
3、在该静态页中嵌入VBScript代码,根据HTML的表示形式,将其转换为相应的脚本;
%
t=now
y=year(t)//获取当前日期
y1=y\1000
y2=(ymod1000)\100
y3=(ymod100)\10
y4=ymod10//获得各位数字
%>
tablewidth="
749"
109"
border="
align="
276"
105"
今天是:
463"
98"
100"
94"
N_image/image<
%=y1%>
.gif"
111"
%=y2%>
123"
%=y3%>
%=y4%>
……………………
2、数组与函数的应用;
(1)定义一个二维数组,用来存放学生的相关信息如:
代码、姓名、班级、爱好,试用VBScript编写学生查找函数search,利用表单输入要查找的学生名单,然后通过调用search函数,显示查找结果;
shuru.htm
formname="
form1"
action="
jisuan.asp"
519"
25"
174"
请输入学生姓名:
329"
stud_name"
查找"
chazhao.asp
functionsearch(name)
执行查找代码
……
返回查找结果
endfunction
dimstuddata(10,4)
studdata(0,0)=”0001”
studdata(0,1)=”张三”
studdata(0,2)=”计算机应用”
studdata(0,3)=”足球”
sname=request.Form("
)
response.Write("
该学生的情况为:
&
search(sname))
(2)利用VBScript的数组,结合编程实现在页面中输出100个随机键位的大写字母,要求每行显示20个字母,各个字母间用一个空格分割。
定义100个数组元素的数组,用来存放产生的随机字母;
%dimran(100)
fori=1to100
ran(i)=chr(int(26*rnd())+65)
next
fori=1to100
response.Write(ran(i)&
ifimod20=0then
endif
next
定义26个用于存放随机字母的数组,通过产生100个随机获取数组元素的地址来获得随机的字母;
[实现代码]……
实验五ASP内建对象
熟练掌握和运用ASP内建对象(包括Response、Request、Session、Application对象等)实现交互功能;
学生充分理解面向对象的程序设计;
理解各类变量的作用域的概念及其使用方法;
理解和掌握ASP内建对象的常用属性和方法;
1、调试Response对象的属性和方法
Buffer属性:
%@LANGUAGE="
VBSCRIPT"
CODEPAGE="
936"
%response.Buffer=false%>
%fori=1to10
forj=1to500000'
用于延迟;
response.Write(i&
"
)
%>
contenttype属性:
%type0=response.contenttype%>
‘测试当前页面数据的类型;
%response.Writetype0%>
charset属性
%response.charset="
big5"
‘选择不同的文字集;
‘response.charset="
gb2312"
安徽工业职业技术学院
/html>
expires属性:
%response.expires=4%>
‘过期时间为4分钟;
现在时间为:
%response.Writetime%>
redirct方法:
转到其它页面,必须放在其它HTML标记和任何内容之前;
%ifpassflag=0thenresponse.Redirect
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- ASP 动态 网页 设计