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、功能最强的计算机是巨型机，通常使用的规模较小的计算机是（）。
升级会员 