《Web基础》实验指导.docx

上传人:b****3 文档编号:862028 上传时间:2022-10-13 格式:DOCX 页数:24 大小:1.91MB
下载 相关 举报
《Web基础》实验指导.docx_第1页
第1页 / 共24页
《Web基础》实验指导.docx_第2页
第2页 / 共24页
《Web基础》实验指导.docx_第3页
第3页 / 共24页
《Web基础》实验指导.docx_第4页
第4页 / 共24页
《Web基础》实验指导.docx_第5页
第5页 / 共24页
点击查看更多>>
下载资源
资源描述

《Web基础》实验指导.docx

《《Web基础》实验指导.docx》由会员分享,可在线阅读,更多相关《《Web基础》实验指导.docx(24页珍藏版)》请在冰豆网上搜索。

《Web基础》实验指导.docx

《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分)

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

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

当前位置:首页 > 初中教育 > 语文

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1