WEB系统开发实验手册5.docx
- 文档编号：3646192
- 上传时间：2022-11-24
- 格式：DOCX
- 页数：34
- 大小：1.24MB
WEB系统开发实验手册5.docx
《WEB系统开发实验手册5.docx》由会员分享，可在线阅读，更多相关《WEB系统开发实验手册5.docx（34页珍藏版）》请在冰豆网上搜索。
WEB系统开发实验手册5
实验1Web应用程序设计基础
一、实验目的
1、了解HTML的概念，掌握HTML文档的基本结构；学会编写HTML文档。
2、掌握IIS配置的方法。
二、实验内容与步骤
（一）IIS配置和添加IIS服务
在安装IIS好之后，可以对IIS进行配置，步骤如下。
1、选择“开始”→“控制面板”→性能和维护→“管理工具”→“Internet信息服务管理器”来打开IIS管理器。
如下图。
2、在“默认网站”上单击鼠标右键，选择“新建虚拟目录”，如下图。
3、在“别名”处输入“test”，如下图。
4、然后点击下一步，在目录处点击“浏览”按钮，选中存放网页的文件夹（或输入“E:
\web”）。
点击下一步，进行默认的设置后，点击下一步，直到完成。
5、先将传给你们的文件“输出各列颜色.asp”复制到你刚才新建的文件夹中（如“E:
\web”）
打开IE浏览器，在地址栏输入相应的地址，
http:
//192.168.1.5（你的电脑的IP地址）/test/输出各列颜色.asp或者
http:
//localhost/test/输出各列颜色.asp
进行测试。
（还可以将localhost换成本机IP地址进出测试，也可以换成相邻电脑的IP，访问他电脑中的WEB）
6.将传给你们的文件“注册网页.htm”复制到你刚才新建的文件夹中（如“E:
\web”）
打开IE浏览器，在地址栏输入相应的地址，
http:
//IP地址/test/注册网页.htm或者
http:
//localhost/test/注册网页.htm
进行测试。
7.将传给你们的文件夹“网页”复制到你刚才新建的文件夹中（如“E:
\web”）
打开IE浏览器，在地址栏输入相应的地址，
http:
//localhost/test/网页/我的网页.htm
进行测试。
（二）建立更多的Web站点
1、在E盘下建立一个文件夹，名字为web2，并将相应的文件复制到web2文件夹中。
2、在“默认网站”上单击鼠标右键，选择“新建虚拟目录”，如下图所示。
3、在“别名”处输入“test2”，如下图所示。
4、然后点击下一步，在目录处输入“E:
\web2”点击“浏览”按钮，选中存放网页的文件夹。
点击下一步，完成。
5.将传给你们的文件夹“用户情况调查”复制到你刚才新建的文件夹中（如“E:
\web2”）
打开IE浏览器，在地址栏输入相应的地址，
http:
//localhost/test2/用户情况调查/用户登录表.asp
进行测试。
6.还可依次类推，建立第三个web站点。
【提示】
系统已经新建了虚拟目录，只要将要调试的文件（如“输出各列颜色.asp”）复制到D:
\web文件夹中，然后打开IE浏览器，在地址栏输入相应的地址，
http:
//192.168.1.5（你的电脑的IP地址）/asp/输出各列颜色.asp或者
http:
//localhost/asp/输出各列颜色.asp就可以测试。
今后的测试都可以用这种方式。
（二）实验脚本编写
1、学会使用记事本编写网页代码。
新建记事本，在文件夹的空白处，弹鼠标右键，如下图，就可以新建一个记事本。
编写网页代码，完成后将扩展名由“.txt”改成“.htm”就成一个网页，将扩展名改成“.asp”就成一个ASP文件，如果看不到文件的扩展名，则选择“工具”菜单中的“文件夹选项”，如下图所示：
然后在对话框中选择“查看”项，如下图
再在下图中，将“隐藏已知文件扩展名”前的对号用鼠标点击下，去掉，如下图。
这样就可以对文件的扩展名进行修改了。
要进行修改，可以在asp网页上弹右键,选择打开方式为“记事本”如下图
用记事本打开后，就可以进行修改，修改后保持就行了。
1.制作一个如下图所示的网页。
并将制作好的网页复制到web文件夹中，用前面的方式进行调试。
2.参考代码如下。
再别康桥
徐志摩
轻轻的我走了，
正如我轻轻的来；
我轻轻的招手，
作别西天的云彩。
那河畔的金柳，
是夕阳中的新娘，
波光里的艳影，
在我的心头荡漾。
【修改与进阶】【注意在测试时将网页的扩展名改为.asp】
在刚才的网页基础之上，添加脚本，使之显示所做的日期和时间。
效果如下：
还可以进一步修改成如下：
3.使用Windows操作系统自带的记事本程序编写网页脚本，效果如下图。
参考代码如下。
享受工作！
享受生活！
【修改与进阶】
使用asp输出图片
参考代码如下：
<%
Response.Write"
%>
如果使用如下语句：
<%
Response.Write"
Response.Write"
Response.Write"
%>
结果又将如何？
4.使用Windows操作系统自带的记事本程序编写网页脚本，效果如下图。
参考代码如下。
欢迎光临网上书城
--以下是有序列表举例-->
--以下是无序列表举例-->
5.编写ASP脚本，使之运行结果如下。
参考的脚本如下。
Dimn,sum
n=0
sum=0
DoWhilen<100
n=n+1
sum=sum+n
Loop
Document.Write"1到100的累加和为：
"&sum
6.编写ASP脚本，使之运行结果如下。
参考的脚本如下。
<%LANGUAGE="VBScript"%>
<%Fori=3to6%>
开拓进取!
<%Next%>
四、实验提交
保存结果，将结果提交到教师机上。
实验2超文本标记语言HTML
（一）
一、实验目的
1、了解HTML的概念，掌握HTML文档的基本结构；
2、超链接的使用，图像和动画的运用
二、实验内容与步骤
【提示】
系统已经新建了虚拟目录，只要将要调试的文件（如“输出各列颜色.asp”）复制到D:
\web文件夹中，然后打开IE浏览器，在地址栏输入相应的地址，
http:
//192.168.1.5（你的电脑的IP地址）/asp/输出各列颜色.asp或者
http:
//localhost/asp/输出各列颜色.asp就可以测试。
今后的测试都可以用这种方式。
1.编写脚本代码，制作一个如下图所示的网页。
参考脚本：
2.编写脚本代码，制作一个网页，在网页中运用一个名为“空中城市.swf”的动画。
3.编写脚本代码，制作一个如下图所示的网页。
参考代码如下
这是我制作的第一个网页，欢迎光临！
aa@">这个超链接到邮箱
4.完善文件夹中“链接星期”中未完成的网页，
第一是将“主页.asp”中SelectCaseb=4、5、6的部分代码进行补全。
第二，参考“星期一.asp”“星期二.asp”网页的写法，编写
完成“星期五.asp”“星期六.asp”“星期日.asp”三个网页文件。
第三，参考“主页.asp”的写法，将“星期一.asp”到“星期日.asp”网页中的超链接到各星期几的网页放在表格中，进行布局，进行美观。
如下图
四，还可以将图片输出到一个表格中，如下图所示
三、实验过程注意事项
网页制作中所需的图片和链接页必须保存到站点文件夹内，以便调用。
四、实验提交
保存结果，将结果提交到教师机上。
实验3超文本标记语言HTML
（二）
一、实验目的
1、了解HTML的概念，掌握HTML文档的基本结构；
2、了解表单的概念，掌握表单标记及属性；了解框架的概念，掌握框架网页的使用方法。
二、实验内容与步骤
1.设计一名为“用户信息输入表单.asp”的表单，用以收集注册用户的资料，并将其提交给用户输入信息反馈.asp页面处理。
界面如图所示：
用户注册
用户名：
密码：
重复密码：
性别：
男女
教育水平：
电子邮箱
确定重填
[参考代码]
用户注册
用户名：
密码：
重复密码：
性别：
男
女
教育水平：
电子邮箱：
[将表单放在表格中对应代码]
男
女
2.编写脚本代码，制作一个如下图所示的表单。
3.编写脚本代码，制作一个如下图所示的浮动框架。
参考代码
marginwidth="30"marginheight="20"align="middle" allowtransparency="true"> 这是浮动框架