《Web基础》实验指导.docx

1、Web基础实验指导Web基础实验指导学 院：信息科学与技术学院 专 业： 信息管理与信息系统 学 期：20162017学年第二学期 教 师： 李立现 实验报告（一）院系：信息学院 课程名称：Web基础 日期：班 级姓 名专 业信息管理与信息系统学 号实 验 室601实验名称Web体系成 绩 评 定教 师 签 名实验目的掌握web体系的构成；掌握web服务器的操作；掌握HTTP协议；掌握Socket编程掌握XML的操作实验内容Web页面发布、http协议、xml协议解析1、请是dreamweaver建立网站，并分步骤截图，按照流程操作（30分）2、请配置IIS服务器，以HTTP协议访问自己的页面

2、。请将命令及服务器反馈的信息截图显示。（20分） 3、请在dreamweaver中配置好IIS服务器，可以在dreamweaver直接使用HTTP浏览网页。（20分） 4、请以自己的学号、姓名为内容，在局域网中发布该页面。请写清发布流程，必须有效果截图，否则0分。（30分）。实验报告（二）院系：信息学院 课程名称：Web基础 日期：班 级姓 名专 业信息管理与信息系统学 号实 验 室708实验名称HTML技术成 绩 评 定教 师 签 名实验目的掌握HTML语言的语法、HTML文件的主体结构、HTML文档头部元素、文字版面的编辑、创建图像和链接、使用HTML表格和HTML表单设计等开发中重点知识

3、点。实验内容Html相关标签，网页布局等1、文字部分设计，请设计如下内容。（20分）2、表格综合设计，请设计如下框架结构，并且以如下结构设计一个个人自我介绍的主页。请写出HTML标签及效果图(50分)效果图30分。（1）效果美观内容详细30分（2）效果较美观内容较详细20分（3）效果基本美观内容基本详细10分（4）效果差内容简单0分3、请设计如下表单形式。（30分）实验报告（三）院系：信息学院 课程名称：Web基础 日期：班 级姓 名专 业信息管理与信息系统学 号实 验 室708实验名称CSS技术成 绩 评 定教 师 签 名实验目的了解CSS的用途，掌握CSS的BOX模型，灵活运用CSS的各种

4、选择器;掌握CSS的布局样式，灵活掌握常用的CSS布局样式;掌握CSS的背景样式，灵活运用CSS的背景定位;掌握CSS的文本样式，并且通过文本样式控制文本的常见样式;掌握CSS的边框样式。实验内容CSS样式应用1、已知如下标签 asdfasdf asd fasdfaasdfasdfasdfasdfasdfasdfasdfasd sdfasdfafasdfasdfklja;sdfkjas;dfjasd;fla 现要实现如下效果请使用CSS样式生成上述效果（20分）2、请设计如下连接效果 原始状态 鼠标移到新浪上 网易上请给一下代码设计样式新浪搜狐网易要求不改变原标签内容（20分）3、已知如下标签

5、请通过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国土部官员谈征地纠纷:现有补偿安置制

6、度存问题 2011-10-15国土部官员谈征地纠纷:现有补偿安置制度存问题 2011-10-15国土部官员谈征地纠纷:现有补偿安置制度存问题 5、请设计如下效果（20分）实验报告（四）院系：信息学院 课程名称：Web基础 日期：班 级姓 名专 业信息管理与信息系统学 号实 验 室708实验名称JavaScript技术成 绩 评 定教 师 签 名实验目的掌握JavaScript的基础，语法，掌握JS的数据类型、变量、运算符及流程控制;掌握JavaScript的内置对象-Array、String、Date、Math等;掌握自定义函数的作用、语法，并且根据需要创建符合要求的函数;DOM对象编程，可以

7、通过DOM对象进行对象控制。实验内容Javascript技术应用请运行如下代码，显示效果，并解释有那些数组操作的函数。（10分）var arr1 = new Array();/空数组var arr2 = new Array(5) /非空数组,数组的长度为5var arr3 = new Array(2,5,A,B,true,3689,60) ; /非空数组,长度7var arr4 = ;/空数组var arr5 = A,B,C,true,false,600,2.5;document.write(typeof(arr1) + ,长度为: + arr1.length + );document.wri

8、te(typeof(arr2) + ,长度为: + arr2.length + );document.write(typeof(arr3) + ,长度为: + arr3.length + );document.write(typeof(arr4) + ,长度为: + arr4.length + );document.write(typeof(arr5) + ,长度为: + arr5.length + );document.write(arr32);arr32 = Tom;document.write();document.write(arr32);var arr6 = new Array(C,

9、D,E);document.write(arr6的长度是: + arr6.length + ,它们的元素包含: + arr6 + );var count1 = arr6.push(F,G);/在数组未尾添加一个/多个成员document.write(arr6的长度是: + count1 + ,它们的元素包含: + arr6 + );var count2 = arr6.unshift(A,B);/在数组开头添加一个/多个成员document.write(arr6的长度是: + count2 + ,它们的元素包含: + arr6 + );var first = arr6.shift();document.write(arr6的长度是: + arr6.length + ,它们的元素包含: + arr6 + ,成员 + first +被删除);var last = arr6.pop();document.w