WEB系統开发实验手册.docVIP

实验1 Web应用程序设计基础 一、实验目的 1、了解HTML的概念，掌握HTML文档的基本结构；学会编写HTML文档。 2、掌握IIS配置的方法。 二、实验内容与步骤 （一）IIS配置和添加IIS服务 在安装IIS好之后，可以对IIS进行配置，步骤如下。 1、 选择“开始”→“控制面板”→性能和维护→“管理工具”→“Internet信息 2、在“默认网站”上单击鼠标右键，选择“新建?虚拟目录”，如下图。 3、在“别名”处输入“ test” ，如下图。 , 4、然后点击下一步，在目录处点击“浏览”按钮，选中存放网页的文件夹（或输入“E:\web”）。点击下一步，进行默认的设置后，点击下一步，直到完成。 5、先将传给你们的文件“输出各列颜色.asp”复制到你刚才新建的文件夹中（如“E:\web”） 打开IE浏览器，在地址栏输入（你的电脑的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站点?虚拟目录”，如下图所示。 3、在“别名”处输入“ test2” ，如下图所示。 4、然后点击下一步，在目录处 输入“E:\web2”点击“浏览”按钮，选中存放网页的文件夹。点击下一步，完成。 5. 将传给你们的文件夹“用户情况调查”复制到你刚才新建的文件夹中（如“E:\web2”） 打开IE浏览器，在地址栏输入http://localhost/test2/用户情况调查/用户登录表.asp 进行测试。 6.还可依次类推，建立第三个web站点。 【提示】 系统已经新建了虚拟目录，只要将要调试的文件（如“输出各列颜色.asp”）复制到D:\web文件夹中，然后打开IE浏览器，在地址栏输入（你的电脑的IP地址）/asp/输出各列颜色.asp 或者 http://localhost/asp/输出各列颜色.asp 就可以测试。 今后的测试都可以用这种方式。 (二)实验脚本编写 1、学会使用记事本编写网页代码。 新建记事本编写html head title无标题文档/title /head body 再别康桥 br / nbsp; nbsp;徐志摩br / 轻轻的我走了，br / 正如我轻轻的来；br / 我轻轻的招手，br / 作别西天的云彩。br / 那河畔的金柳，br / 是夕阳中的新娘，br / 波光里的艳影，br / 在我的心头荡漾。br / /body /html 【修改与进阶】【注意在测试时将网页的扩展名改为.asp】 在刚才的网页基础之上，添加脚本，使之显示所做的日期和时间。效果如下： 还可以进一步修改成如下： 3.使用Windows操作系统自带的记事本程序编写html head title 简单示例网页 /title /head body img src= cup.jpg 享受工作！享受生活！ /body /html 【修改与进阶】 使用asp输出图片 参考代码如下： % Response.Write img src=苹果.jpg % 如果使用如下语句： % Response.Write img src=苹果.jpg Response.Write img src=苹果.jpg Response.Write img src=苹果.jpg % 结果又将如何？ 4.使用Windows操作系统自带的记事本程序编写html head title列表标记应用示例/title /head body h2