WEB系统开发实验手册5Word文件下载.docx
《WEB系统开发实验手册5Word文件下载.docx》由会员分享,可在线阅读,更多相关《WEB系统开发实验手册5Word文件下载.docx(34页珍藏版)》请在冰豆网上搜索。
//localhost/test2/用户情况调查/用户登录表.asp
6.还可依次类推,建立第三个web站点。
【提示】
系统已经新建了虚拟目录,只要将要调试的文件(如“输出各列颜色.asp”)复制到D:
\web文件夹中,然后打开IE浏览器,在地址栏输入相应的地址,
//192.168.1.5(你的电脑的IP地址)/asp/输出各列颜色.asp或者
//localhost/asp/输出各列颜色.asp就可以测试。
今后的测试都可以用这种方式。
(二)实验脚本编写
1、学会使用记事本编写网页代码。
新建记事本,在文件夹的空白处,弹鼠标右键,如下图,就可以新建一个记事本。
编写网页代码,完成后将扩展名由“.txt”改成“.htm”就成一个网页,将扩展名改成“.asp”就成一个ASP文件,如果看不到文件的扩展名,则选择“工具”菜单中的“文件夹选项”,如下图所示:
然后在对话框中选择“查看”项,如下图
再在下图中,将“隐藏已知文件扩展名”前的对号用鼠标点击下,去掉,如下图。
这样就可以对文件的扩展名进行修改了。
要进行修改,可以在asp网页上弹右键,选择打开方式为“记事本”如下图
用记事本打开后,就可以进行修改,修改后保持就行了。
1.制作一个如下图所示的网页。
并将制作好的网页复制到web文件夹中,用前面的方式进行调试。
2.参考代码如下。
<
html>
head>
title>
无标题文档<
/title>
/head>
body>
再别康桥<
br/>
&
nbsp;
&
徐志摩<
轻轻的我走了,<
正如我轻轻的来;
我轻轻的招手,<
作别西天的云彩。
那河畔的金柳,<
是夕阳中的新娘,<
波光里的艳影,<
在我的心头荡漾。
/body>
/html>
【修改与进阶】【注意在测试时将网页的扩展名改为.asp】
在刚才的网页基础之上,添加脚本,使之显示所做的日期和时间。
效果如下:
还可以进一步修改成如下:
3.使用Windows操作系统自带的记事本程序编写网页脚本,效果如下图。
参考代码如下。
<
简单示例网页
imgsrc=cup.jpg>
享受工作!
享受生活!
【修改与进阶】
使用asp输出图片
参考代码如下:
%
Response.Write"
imgsrc=苹果.jpg>
"
%>
如果使用如下语句:
%>
结果又将如何?
4.使用Windows操作系统自带的记事本程序编写网页脚本,效果如下图。
列表标记应用示例<
h2align="
center"
>
fontface="
华文彩云"
欢迎光临网上书城<
/font>
/h2>
华文楷体"
i>
畅销书排行榜:
/i>
!
--以下是有序列表举例-->
oltype="
1"
li>
电子商务网站建设<
/li>
网页程序设计实例教程<
信息系统分析与设计<
/ol>
今日特价图书:
--以下是无序列表举例-->
ultype="
square"
向左走,向右走<
失踪的网络作家<
非典时期的非典型生活<
/ul>
5.编写ASP脚本,使之运行结果如下。
参考的脚本如下。
scriptLANGUAGE="
VBScript"
Dimn,sum
n=0
sum=0
DoWhilen<
100
n=n+1
sum=sum+n
Loop
Document.Write"
1到100的累加和为:
sum
/script>
6.编写ASP脚本,使之运行结果如下。
%LANGUAGE="
服务器端脚本举例<
%Fori=3to6%>
fontsize=<
%=i%>
传承文明!
开拓进取!
br/>
%Next%>
四、实验提交
保存结果,将结果提交到教师机上。
实验2超文本标记语言HTML
(一)
2、超链接的使用,图像和动画的运用
【提示】
1.编写脚本代码,制作一个如下图所示的网页。
参考脚本:
imgsrc="
汽车.jpg"
width="
500"
height="
375"
/>
2.编写脚本代码,制作一个网页,在网页中运用一个名为“空中城市.swf”的动画。
3.编写脚本代码,制作一个如下图所示的网页。
参考代码如下
p>
这是我制作的第一个网页,欢迎光临!
/p>
tablewidth="
421"
border="
0"
tr>
tdwidth="
177"
ahref="
汽车.html"
这个超链接到图片网页<
/a>
/td>
234"
donghua.html"
这个超链接到动画网页<
/tr>
/table>
mailto:
aa@"
这个超链接到邮箱<
这个超链接到XX<
122.jpg"
205"
154"
4.完善文件夹中“链接星期”中未完成的网页,
第一是将“主页.asp”中SelectCaseb=4、5、6的部分代码进行补全。
第二,参考“星期一.asp”“星期二.asp”网页的写法,编写
完成“星期五.asp”“星期六.asp”“星期日.asp”三个网页文件。
第三,参考“主页.asp”的写法,将“星期一.asp”到“星期日.asp”网页中的超链接到各星期几的网页放在表格中,进行布局,进行美观。
如下图
四,还可以将图片输出到一个表格中,如下图所示
三、实验过程注意事项
网页制作中所需的图片和链接页必须保存到站点文件夹内,以便调用。
实验3超文本标记语言HTML
(二)
2、了解表单的概念,掌握表单标记及属性;
了解框架的概念,掌握框架网页的使用方法。
1.设计一名为“用户信息输入表单.asp”的表单,用以收集注册用户的资料,并将其提交给用户输入信息反馈.asp页面处理。
界面如图所示:
用户注册
用户名:
密码:
重复密码:
性别:
男女
教育水平:
电子邮箱
确定重填
[参考代码]
formaction="
用户输入信息反馈.asp"
method="
post"
用户注册<
br>
用户名:
inputname="
输入的姓名"
type="
text"
密码:
输入的密码"
password"
userkey2"
性别:
选择的性别"
radio"
value="
男"
男
女"
女
selectname="
选择的学历"
size="
optionvalue="
硕士以上"
硕士以上<
/option>
大学本科"
大学本科<
大专"
大专<
中专以下"
中专以下<
/select>
电子邮箱:
输入的邮箱"
inputtype="
submit"
name="
Submit"
登陆"
>
reset"
Submit2"
全部重写"
/form>
[将表单放在表格中对应代码]
userlogin.asp"
login"
id="
tableborder="
bordercolor="
#FF0000"
tdcolspan="
2"
class="
td1"
289"
td2"
295"
username"
tdclass="
userkey1"
sex"
checked>
edu"
email"
td>
td3"
divalign="
/div>
2.编写脚本代码,制作一个如下图所示的表单。
3.编写脚本代码,制作一个如下图所示的浮动框架。
参考代码
浮动框架的应用<
bodybgcolor="
#e1ffe1"
center>
<
iframesrc="
再别康桥.html"
a"
260"
marginwidth="
30"
marginheight="
20"
align="
middle"
allowtransparency="
true"
这是浮动框架
/iframe>
/center>
4.编写脚本代码,制作一个如下图所示的框架。
框架的嵌套<
framesetrows="
50%,*"
framespacing="
#ff00ff"
framesrc="
第3.2章.html"
framesetcols="
第3.1章.html"
第3.3章.html"
/frameset>
noframes>
/noframes>
编写脚本代码,制作一个如下图所示的框架。
实验5ASP基础
1、掌握IIS配置的方法。
2、学会编写和运行简单ASP程序。
ASP程序的编写和运行
1.编写一个ASP程序,输出六个HelloWorld!
第一个ASP程序<
%
Dimi
Fori=1to6
%>
fontsize=<
%=i%>
HelloWorld!
Next
2.编写一个ASP程序,输出“世界你好!
”和今天的日期。
客户端脚本举例<
--
MsgBox"
世界你好!
VbCrLf&
"
今天是:
Date
-->
已经给你如下的加减计算器
在此基础之上,补全代码,制作如下的包含乘除的计算器:
修改在线考试系统,将单选题增加到4题,多选题增加到4题,判断题增加到4题,填空题增加到4题,并对评分也作相应的修改。
单选题增加
32、一个字长为16位的计算机,则它的一个字的长度是(B)。
A.8个二进制位
B.16个二进制位
C.32个二进制位
D.不定长
33、十进制数255转换为二进制数是(C)。
A.10101101
B.1001010101
C.11111111
D.110011001
多选题增加
28、在Excel中,数值型数据显示方式可以是( ABC)。
A.左对齐
B.右对齐
C.中间对齐
D.以上都不正确
30、在Excel表格图表中,存在的图形类型是(ABCD)。
A.条形图
B.圆锥形图
C.柱形图
D.扇形图
判断题增加
6、数字计算机只能处理单纯的数字信息,不能处理非数字信息。
×
7、第二代计算机可以使用机器语言进行程序设计。
对
填空题增加
1十六进制数0F2,表示成二进制数是().
2、功能最强的计算机是巨型机,通常使用的规模较小的计算机是()。