计算机网络网页制作与网站建设.docx
- 文档编号:13637641
- 上传时间:2023-06-15
- 格式:DOCX
- 页数:18
- 大小:1.33MB
计算机网络网页制作与网站建设.docx
《计算机网络网页制作与网站建设.docx》由会员分享,可在线阅读,更多相关《计算机网络网页制作与网站建设.docx(18页珍藏版)》请在冰点文库上搜索。
计算机网络网页制作与网站建设
实验报告
实验课程名称计算机网络
实验项目名称网页制作与网站建设
年级
专业
学生姓名
学号
00学院
实验时间:
年月日
学生所在学院:
专业:
班级:
姓名
学号
实验组
实验时间
指导教师
成绩
实验项目名称
ASP开发环境
实验目的及要求:
通过本实验的学习,使学生掌握如何搭建IIS服务器,并对简单的ASP程序练习。
培养学生创新的能力,为今后的工作打下坚实的基础。
实验(或算法)原理:
IIS是Internet信息服务(InternetInfomationServer)的缩写。
它是一种Web服务,
主要包括WWW服务器、FTP服务器等。
它使得在Intranet(局域网)或Internet(因特网)
上发布信息成了一件很容易的事。
ASP是一种运行于服务端的web应用程序。
实验硬件及软件平台:
计算机iis服务器dreamweaver
实验内容(包括实验具体内容、算法分析、源代码等等):
1、配置一台服务器。
2、使用网页制作软件制作第二章的网页,并将其发布到服务器上。
实验步骤及内容:
一、建立服务器
1、安装IIS,依次打开打开控制面板,程序,打开或关闭windows功能,选择需要添加的服务,并点击确定安装(如图1、2、3、4);
图1图2
图3图4
2、从控制面板进入系统和安全界面,点击左下角的管理工具进入管理工具界面。
点击快捷方式“internet信息服务(IIS)管理器”将其打开(如图5、6、7、8)
图5图6
图7
图8
3、打开ASP启用父路径,在内容视图——高级设置中设置物理路径,绑定端口号为8080(这一步视情况可忽略)。
(如图9、10、11)
图9图10
图11
4、在浏览器地址栏中输入http:
//localhost:
8080/可看到默认的IIS界面。
(如图12)。
图12
2、编辑网页并放在服务器上
(1)在dreamweaver中编辑52页的网页,并在浏览器中展示。
(如图13、14)
<%'2-3-1.asp程序
subGreeting()
Dimstr
ifhour(Now)<12then
str="早上好!
这是vbscript例子."
Elseifhour(Now)>17Then
str="晚上好!
这是vbscript例子."
Else
str="晚上好!
这是vbscript例子."
Endif
%><%Response.write("今天是:
"&Now())%>
<%
Response.write(STR)
EndSub
callGreeting()
%>
varmyname="一个简单的实例"
--
window.document.write("您好!
这是javascript例子.")
window.document.write(myname)
//-->
图13
图14
(2)在dreamweaver中编辑59页的网页,并在浏览器中展示。
(如图15、16)
<%functionsum(num)
sum=0
forn=1tonum
sum=sum+n
next
endfunction
subdisplay(string)
mystr="hi,"
string=mystr+string
response.write(string)&"
"
endsub
calldisplay("howareyou!
")
myfunc=sum(50)
%>
1+2+...结果是:
<%response.writemyfunc%>
图15
图16
(3)在dreamweaver中编辑65页的网页,并在浏览器中展示。
(如图17、18)
varsum=0,mysum,counter,num,x;
functionadd(num){
for(counter=1;counter<=num;counter++){
sum=sum+counter;
}
returnsum;
}
with(window.document){
x=50;
mysum=add(x);
write("1+..."+"+x+"的累加值="+mysum);
}
图17
图18
(4)在dreamweaver中编辑72页的网页,并在浏览器中展示。
(如图19、20)
document.write("--document对象的应用实例--
");
document.writeln("本网页的标题是:
"+document.title+"
");
document.title="welcometoasp世界!
";
document.writeln("修改后的网页标题是:
"+document.title+"
");
functionchangebgcolor(){document.bgcolor="#b8b8b8";}
functionchangefgcolor(){document.fgcolor="#00ff00";}
图19
图20
(5)在dreamweaver中编辑73页的网页,并在浏览器中展示。
(如图21、22)
document.write("--location与history对象实例--
");
document.write("您已经访问了"+history.length+"个站点。
")
document.writeln("协议:
"+location.protocol+"
");
document.writeln("主机名称:
"+location.host+"
");
document.writeln("网页路径:
"+location.pathname+"
");
document.writeln("hostname:
"+location.hostname+"
");
document.writeln("全整的URL:
"+location.href+"
");
--InsertHTMLhere-->
图21
图22
(6)在dreamweaver中编辑75页的网页,并在浏览器中展示。
(如图23、24、25、26、27)
Test1.asp
functioncheck(){
if(document.froms[0].Name.value==""){
alert("名字不能为空,请重新输入你的名字。
。
。
");
document.forms[0].Name.focus();
document.forms[0].Name.select();
returnfalse;
}
for(vari=0;i varstring1=document.forms[0].Age.value.charAt(i); if(string1<"0"||string1>"9"){ alert("数据无效,年龄应为整数。 。 。 ") document.forms[0].Age.focus(); document.forms[0].Age.select(); returnfalse; } } if(document.froms[0].Job.value==""){ alert("职务不能为空,请重输。 。 。 "); document.forms[0].Job.focus(); document.forms[0].Job.select(); returnfalse; } }
请输入你的资料
姓名:
性别:
男
女
年龄:
职业:
Test2.asp
doctypehtml>
<%response.write("姓名"+request("Name"))%>
<%response.write("性别"+request("Sex"))%>
<%response.write("年龄"+request("Age"))%>
<%response.write("职业"+request("Job"))%>
图23
图24
图25
图26
图27
实验结果与讨论:
此次实验中,我们都熟悉了如何建立服务器并且简单练习asp网页,相信这对我们以后的学习和工作有相当大的帮助。
总的来说,在网络开发技术与应用的实验课上,我们收获很大!
指导教师意见:
签名:
年月日
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 计算机网络 网页 制作 网站 建设