收藏 分享(赏)

WEB系统开发实验手册new.doc

上传人:dreamzhangning 文档编号:2284660 上传时间:2018-09-09 格式:DOC 页数:16 大小:1.26MB
下载 相关 举报
WEB系统开发实验手册new.doc_第1页
第1页 / 共16页
WEB系统开发实验手册new.doc_第2页
第2页 / 共16页
WEB系统开发实验手册new.doc_第3页
第3页 / 共16页
WEB系统开发实验手册new.doc_第4页
第4页 / 共16页
WEB系统开发实验手册new.doc_第5页
第5页 / 共16页
点击查看更多>>
资源描述

1、实验 1 Web 应用程序设计基础一、实验目的1、了解 HTML 的概念,掌握 HTML 文档的基本结构;学会编写 HTML 文档。2、掌握 IIS 配置的方法。二、实验内容与步骤(一)IIS 配置和添加 IIS 服务在安装 IIS 好之后,可以对 IIS 进行配置,步骤如下。1、 选择“开始”“控制面板”性能和维护“管理工具”“Internet信息服务管理器”来打开 IIS 管理器。如下图。2、在“默认网站”上单击鼠标右键,选择“新建虚拟目录”,如下图。3、在“别名”处输入“ test” ,如下图。,4、然后点击下一步,在目录处点击“浏览”按钮,选中存放网页的文件夹(或输入“E:web”)。

2、点击下一步,进行默认的设置后,点击下一步,直到完成。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 浏览器,在地址栏输入相应的地

3、址,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

4、:web2”点击“浏览”按钮,选中存放网页的文件夹。点击下一步,完成。5. 将传给你们的文件夹“用户情况调查”复制到你刚才新建的文件夹中(如“E:web2”)打开 IE 浏览器,在地址栏输入相应的地址,http:/localhost/test2/用户情况调查/用户登录表.asp 进行测试。6.还可依次类推,建立第三个 web 站点。【提示】系统已经新建了虚拟目录,只要将要调试的文件(如“输出各列颜色.asp” )复制到 D:web 文件夹中,然后打开 IE 浏览器,在地址栏输入相应的地址,http:/192.168.1.5(你的电脑的 IP 地址)/asp/输出各列颜色.asp 或者http:

5、/localhost/asp/输出各列颜色.asp 就可以测试。今后的测试都可以用这种方式。(二)实验脚本编写1、学会使用记事本编写网页代码。新建记事本,在文件夹的空白处,弹鼠标右键,如下图,就可以新建一个记事本。编写网页代码,完成后将扩展名由“.txt”改成“.htm”就成一个网页,将扩展名改成“ .asp”就成一个 ASP 文件,如果看不到文件的扩展名,则选择“工具”菜单中的“文件夹选项”,如下图所示:然后在对话框中选择“查看”项,如下图再在下图中,将“隐藏已知文件扩展名”前的对号用鼠标点击下,去掉,如下图。这样就可以对文件的扩展名进行修改了。要进行修改,可以在 asp 网页上弹右键,选择

6、打开方式为“记事本”如下图用记事本打开后,就可以进行修改,修改后保持就行了。1.制作一个如下图所示的网页。并将制作好的网页复制到 web 文件夹中,用前面的方式进行调试。2.参考代码如下。无标题文档再别康桥 徐志摩轻轻的我走了,正如我轻轻的来;我轻轻的招手,作别西天的云彩。那河畔的金柳,是夕阳中的新娘,波光里的艳影,在我的心头荡漾。【修改与进阶】【注意在测试时将网页的扩展名改为.asp】在刚才的网页基础之上,添加脚本,使之显示所做的日期和时间。效果如下:还可以进一步修改成如下:3.使用 Windows 操作系统自带的记事本程序编写网页脚本,效果如下图。参考代码如下。简单示例网页享受工作!享受生

7、活!【修改与进阶】使用 asp 输出图片参考代码如下:“%如果使用如下语句:“Response.Write “Response.Write “%结果又将如何?4.使用 Windows 操作系统自带的记事本程序编写网页脚本,效果如下图。参考代码如下。列表标记应用示例欢迎光临网上书城畅销书排行榜:电子商务网站建设网页程序设计实例教程信息系统分析与设计今日特价图书:向左走,向右走失踪的网络作家非典时期的非典型生活5.编写 ASP 脚本,使之运行结果如下。参考的脚本如下。Dim n, sumn = 0sum = 0Do While n 6.编写 ASP 脚本,使之运行结果如下。参考的脚本如下。服务器端脚本举例传承文明!开拓进取!四、实验提交保存结果,将实验报告(你的学号+姓名.doc)和结果提交到教师机上。

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 高等教育 > 大学课件

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报