《Web基础》实验指导.docx
- 文档编号:862028
- 上传时间:2022-10-13
- 格式:DOCX
- 页数:24
- 大小:1.91MB
《Web基础》实验指导.docx
《《Web基础》实验指导.docx》由会员分享,可在线阅读,更多相关《《Web基础》实验指导.docx(24页珍藏版)》请在冰豆网上搜索。
《Web基础》实验指导
《Web基础》
实验指导
学院:
信息科学与技术学院
专业:
信息管理与信息系统
学期:
2016~2017学年第二学期
教师:
李立现
实验报告
(一)
院系:
信息学院课程名称:
Web基础日期:
班级
姓名
专业
信息管理与信息系统
学号
实验室
601
实验名称
Web体系
成绩评定
教师签名
实验目的
掌握web体系的构成;掌握web服务器的操作;掌握HTTP协议;掌握Socket编程
掌握XML的操作
实验内容
Web页面发布、http协议、xml协议解析
1、请是dreamweaver建立网站,并分步骤截图,按照流程操作(30分)
2、请配置IIS服务器,以HTTP协议访问自己的页面。
请将命令及服务器反馈的信息截图显示。
(20分)
3、请在dreamweaver中配置好IIS服务器,可以在dreamweaver直接使用HTTP浏览网页。
(20分)
4、请以自己的学号、姓名为内容,在局域网中发布该页面。
请写清发布流程,必须有效果截图,否则0分。
(30分)。
实验报告
(二)
院系:
信息学院课程名称:
Web基础日期:
班级
姓名
专业
信息管理与信息系统
学号
实验室
708
实验名称
HTML技术
成绩评定
教师签名
实验目的
掌握HTML语言的语法、HTML文件的主体结构、HTML文档头部元素、文字版面的编辑、创建图像和链接、使用HTML表格和HTML表单设计等开发中重点知识点。
实验内容
Html相关标签,网页布局等
1、文字部分设计,请设计如下内容。
(20分)
2、表格综合设计,请设计如下框架结构,并且以如下结构设计一个个人自我介绍的主页。
请写出HTML标签及效果图(50分)
效果图30分。
(1)效果美观内容详细30分
(2)效果较美观内容较详细20分
(3)效果基本美观内容基本详细10分
(4)效果差内容简单0分
3、请设计如下表单形式。
(30分)
实验报告(三)
院系:
信息学院课程名称:
Web基础日期:
班级
姓名
专业
信息管理与信息系统
学号
实验室
708
实验名称
CSS技术
成绩评定
教师签名
实验目的
了解CSS的用途,掌握CSS的BOX模型,灵活运用CSS的各种选择器;掌握CSS的布局样式,灵活掌握常用的CSS布局样式;掌握CSS的背景样式,灵活运用CSS的背景定位;掌握CSS的文本样式,并且通过文本样式控制文本的常见样式;掌握CSS的边框样式。
实验内容
CSS样式应用
1、已知如下标签
asdfasdf
asd
fasdfaasdfasdfasdfasdfasdfasdfasdfasd
sdfasdfafasdfasdfklja;sdfkjas;dfjasd;fla
现要实现如下效果
请使用CSS样式生成上述效果(20分)
2、请设计如下连接效果
原始状态鼠标移到新浪上网易上
请给一下代码设计样式
要求不改变原标签内容(20分)
3、已知如下标签
请通过CSS样式达到如下效果(20分)
4、请把如下标签设计成指定效果。
(20分)
- 2011-10-15
国土部官员谈征地纠纷: 现有补偿安置制度存问题
- 2011-10-15
国土部官员谈征地纠纷: 现有补偿安置制度存问题
- 2011-10-15
国土部官员谈征地纠纷: 现有补偿安置制度存问题
- 2011-10-15
国土部官员谈征地纠纷: 现有补偿安置制度存问题
- 2011-10-15
国土部官员谈征地纠纷: 现有补偿安置制度存问题
- 2011-10-15
国土部官员谈征地纠纷: 现有补偿安置制度存问题
- 2011-10-15
国土部官员谈征地纠纷: 现有补偿安置制度存问题
- 2011-10-15
国土部官员谈征地纠纷: 现有补偿安置制度存问题
- 2011-10-15
国土部官员谈征地纠纷: 现有补偿安置制度存问题
- 2011-10-15
国土部官员谈征地纠纷: 现有补偿安置制度存问题
5、请设计如下效果(20分)
实验报告(四)
院系:
信息学院课程名称:
Web基础日期:
班级
姓名
专业
信息管理与信息系统
学号
实验室
708
实验名称
JavaScript技术
成绩评定
教师签名
实验目的
掌握JavaScript的基础,语法,掌握JS的数据类型、变量、运算符及流程控制;掌握JavaScript的内置对象--Array、String、Date、Math等;掌握自定义函数的作用、语法,并且根据需要创建符合要求的函数;DOM对象编程,可以通过DOM对象进行对象控制。
实验内容
Javascript技术应用
请运行如下代码,显示效果,并解释有那些数组操作的函数。
(10分)
vararr1=newArray();//空数组
vararr2=newArray(5)//非空数组,数组的长度为5
vararr3=newArray(2,5,"A","B",true,3689,60);//非空数组,长度7
vararr4=[];//空数组
vararr5=['A',"B","C",true,false,600,2.5];
document.write(typeof(arr1)+",长度为:
"+arr1.length+"
");
document.write(typeof(arr2)+",长度为:
"+arr2.length+"
");
document.write(typeof(arr3)+",长度为:
"+arr3.length+"
");
document.write(typeof(arr4)+",长度为:
"+arr4.length+"
");
document.write(typeof(arr5)+",长度为:
"+arr5.length+"
");
document.write(arr3[2]);
arr3[2]="Tom";
document.write("
");
document.write(arr3[2]);
vararr6=newArray("C","D","E");
document.write("
arr6的长度是:
"+arr6.length+",它们的元素包含:
"+arr6+"
");varcount1=arr6.push("F","G");//在数组未尾添加一个/多个成员
document.write("
arr6的长度是:
"+count1+",它们的元素包含:
"+arr6+"
");varcount2=arr6.unshift("A","B");//在数组开头添加一个/多个成员
document.write("
arr6的长度是:
"+count2+",它们的元素包含:
"+arr6+"
");varfirst=arr6.shift();
document.write("
arr6的长度是:
"+arr6.length+",它们的元素包含:
"+arr6+",成员"+first+"被删除
");varlast=arr6.pop();
document.w