广州大学web实验_实验二
广州大学Web实验静态网页制作
广州大学学生实验报告 开课学院及实验室：计算机科学与工程实验室418 2016年4月30日 学院计算机科学与教育软件学院 年级/专业/班 姓名 学号 实验课名称Web 实验 成绩一、实验目的1、HTML 基本标签的应用2、列表和表格的设计3、表单制作注册页面4、多重框架和超连接5、用CSS 技术将一个HTML 网页排版布局二、实验内容实验1 HTML 基本标签的应用设计一个“个人简历”的一个网页，包括基本情况,学习经历，工作经历，个人能力等 实验2 列表和表格的设计制作一个月消费表，包括生活方面，学习方面，休闲娱乐方面利用表格设计一个网页（如网上书店等）的页面结构实验3 表单制作注册页面设计一个“注册新邮件”的一个注册网页，包括注册邮箱,密码，确认密码，昵称，性别，密码保护问题，密码保护问题回答等等。
实验4 多重框架和超连接用框架结构和超链接建立一个自定主题(如个人网站，班级网站，小型花店网站等等）的简易网站实验5 利用CSS 技术将一个HTML 网页排版布局三、实验设备PC 、JetBrains WebStorm 10.0.3四、实验代码及结果1、HTML 基本标签的应用（1）实验代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional .dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>实验一</title></head><body><p>基本情况<br>实验项目名称 静态网页制作实验 指导老师姓名：XX<br> 性别：男<br> 出生年月：X年X月X日<br> 学校：XX<br> <p> 学习经历:就读学校、所学专业、学位、外语及计算机掌握程度等等；<br> 工作经历:入学以来的简单经历，主要是担任社会工作或加入党团等方面的情况；<br>个人能力:本人特长：如计算机、外语、驾驶、文艺体育等。
web实验二
下面所有程序需要首先，建立一个在MyEclipse里的NEW-→JA V A project; 然后输入JA V A 工程的名字；第三，右键点击工程的名字，NEW-→package, 然后输入包的名字；第四，所有的工程都在这个包里完成实训一JA V A语言基础一、实训目的1.掌握标识符的定义规则。
2.掌握表达式的组成。
3.掌握Java 基本数据类型及其使用方法。
4.理解定义变量的作用，掌握定义变量的方法。
5.掌握各种运算符的使用及其优先级控制。
6.通过以上内容，掌握Java 语言的编程规则。
二、实训要求1.编写一个声明Java 不同数据类型变量的程序。
2.编写一个使用运算符、表达式、变量的程序。
3.编写表达式语句、复合语句的程序。
三、实验内容1.了解变量的使用范围（1）建立LX2_2.java 文件，通过本程序了解变量的使用范围，源代码如下。
public class LX2_2 {static int i=10;public static void main(String args[]) {{int k=10;System.out.println("i="+i);System.out.println("k="+k);}System.out.println("i="+i);System.out.println("k="+k);//编译时将出错，已出k 的使用范围}}（2）编译LX2_2.java此时会出现错误提示。
因为变量k 在方法中的语句块中声明，在方法块之外它是不存在的，所以编译时会出错。
（3）思考：LX2_2.java 程序说明了什么问题？3.使用关系运算符和逻辑运算符（1）建立使用关系运算符和逻辑运算符的程序文件，源代码如下。
class LX2_3 {public static void main(String args[]) {int a=25, b=20, e=3, f=0;boolean d=a<b;System.out.println("a=25,b=20,e=3,f=0");System.out.println("因为关系表达式a<b 为假，所以其逻辑值为："+d);if (e!=0 && a/e>5)System.out.println("因为e 非0 且a/e 为8 大于5，所以输出a/e＝"+a/e);if (f!=0 && a/f>5)System.out.println("a/f = "+a/f);elseSystem.out.println("因为f 值为0，所以输出f = "+f);}}（2）编译并运行该程序，请写出运行结果。
web数据库实验指导书
实验一创建数据库和表以及数据操作1. 实验目的(1) 了解SQL Server 数据库的逻辑结构和物理结构。
(2) 了解SQL Server 的基本数据类型。
(3) 掌握在SQL Server Management Studio中创建数据库和数据表的方法。
(4) 掌握使用T-SQL语句创建数据库和数据表。
(5) 掌握在SQL Server Management Studio查看、修改数据表的结构。
(6) 掌握在SQL Server Management Studio中添加数据的方法。
(7) 掌握使用T-SQL语句对数据库表进行插入、修改、删除的操作。
2. 实验准备(1) 明确能够创建数据库的用户必须是系统管理员，或是被授权使用CREATE DATABASE语句的用户。
(2) 创建数据库必须要确定数据库名、所有者、数据库大小（最初的大小、最小的大小、是否允许增长及增长的方式）和存储数据的文件。
(3) 了解使用T-SQL创建数据库的语句结构。
(4) 创建数据表时要确定表中各个字段的字段名、数据类型、长度等。
(5) 学会创建和修改表的结构。
(6) 学会向表中插入、删除、修改数据3. 实验内容(1) 使用SQL Server Management Studio控制台界面创建计算机计费系统，数据库manager。
数据库的逻辑文件名和物理文件名均采用默认值。
路径改为E:\manager。
(2) 使用T-SQL语句创建学生选课管理的数据库，数据库名为"student"，采用多文件组的形式创建，除了主文件组包含两个文件之外，另外一个文件组也包含两个文件。
(3) 使用T-SQL语句在"manager"数据库中创建各表，"department"表、"manager"表、"planging"表。
(4)在SQL SERVR 2005环境下利用图形操作界面（非SQL语句）实现以下操作：创建用于学生管理数据库，数据库名为对表中的记录进行浏览、修改、删除操作。
WEB应用基础Lab21引言2实验过程
WEB应用基础Lab21引言本实验主要介绍两个HTML文档编辑器的使用。
在开始实验之前，如果你还未充分掌握HTML语法及其应用的话，请阅读我们提供的实验参考资料中有关HTML语言的部分，或者查阅HTML语言参考（文件名为：HTML语言参考.chm）。
在这次实验过程中，我们将介绍EditPlus3.0和Dreamweaver8.0的安装和使用，并利用这两个工具来进行HTML基本语法的练习。
实验过程中，如果有问题，可以找助教帮忙解决。
2实验过程2.1实验要求z本次实验包括的内容主要有：· 了解Dreamweaver的安装过程，熟悉并掌握它的WEB网页制作功能。
· 利用Dreamweaver进行HTML文档编写。
· 利用EditPlus手动编写HTML文档。
z实验结果提交实验提交物包括：分别在Dreamweaver和EditPlus环境下编写的HTML文档，共两个，HTML文档的编写要求及评分细则见后面的实验内容。
在实验结束之前，将实验过程中创建的站点文件夹（包含了所有实验结果）提交到课程FTP上的WORK_UPLOAD/Lab2下（注意，需要创建一个文件夹，命名规则为“学号_姓名”，比如082053012_李某某）。
2.2Dreamweaver的实验内容2.2.1Dreamweaver安装与配置步骤一：安装Dreamweaver载课程FTP中Lab/Lab2/Software中的Macromedia Dreamweaver V8.0 简体中文版文 件夹。
双击安装程序Macromedia Dreamweaver V8.0 简体中文版.exe，依照系统提示完 成安装。
安装成功后，在开始所有程序菜单中的Micromedia中启动Micromedia Dreamweaver 8，第一次启动，程序提示用户选择工作区（选择设计者）：步骤二：激活Dreamweaver由于Dreamweaver是个商业产品，不能免费使用，因此我们这里的版本是破解版， 接下来程序会提示系统使用方式，试用或者输入序列号，选择输入序列号，利用 Macromedia.v8.0.注册机.exe生成一个序列号，输入该序列号，完成系统的激活。
WEB技术基础实验指导书(实验2)
实验二、简单网页设计一、实验目的1．掌握JavaScript脚本的编写方法；2．掌握Javascript脚本操作DOM元素及常用方法调用；3．掌握HTML页面与Javascript脚本关联使用。
二、实验内容1．编写一个能够输入学生成绩的界面；2．编写Javascript代码，增加输入框并计算总成绩；3．编写一个显示当前时间的DIV文本块。
三、实验步骤1.编写一个能够计算学生成绩的界面；1)需要实现的界面如下：2)要求单击“增加”按钮后，能够增加一行学生信息；单击“计算”按钮后，能够计算出学生的平均分和学生人数；<html><head><title>JavaScript 实例</title></head><script language="JavaScript">var num=10;var names=new Array(num);var scores=new Array(num);for (i=0;i<num;i++){names[i]="";scores[i]="60";}function init(){}function calculate(){var total=0;for (i=0;i<num;i++){names[i]=frmMain.txtName[i].value;scores[i]=frmMain.txtScore[i].value;total+=parseInt(scores[i])}frmMain.txtAverage.value=parseInt(total/num);frmMain.txtTotal.value=num;}function getStudents(n){var content="";for (i=0;i<n;i++){content+="学生姓名：<input type='text' id='txtName' size=8 value='"+names[i]+"'> ";content+="学生成绩：<input type='text' id='txtScore' size=5 value='"+scores[i]+"'><br>";}return content;}function increaseArray(arr){var newLength=arr.length+1;var arrTemp=new Array(newLength);for (i=0;i<arr.length;i++)arrTemp[i]=arr[i];return arrTemp;}function addStudent(){names=increaseArray(names);scores=increaseArray(scores);names[num]="";scores[num]="60";num++;document.getElementById("students").innerHTML+=getStudents(1);}</script><body onload="init()">学生成绩录入：<hr><form id="frmMain">学生平均分：<input type="text" id="txtAverage" size=4> 学生人数：<input type="text" id="txtTotal" size=4><br><hr><br><div id="students"><script language="JavaScript">document.write(getStudents(num));</script></div><hr><input type="button" value="计算" onclick="calculate() "> <input type="button" value="增加" onclick="addStudent() "> </form></body></html>3)下面是本界面的部分源代码，请将其补充完整；<!--单击、计算平均分、增加行、使用数组。
Web数据库实验报告书
实验报告（一）院系：信息学院课程名称：Web数据库技术日期：班级信B1011 姓名张翔专业计算机应用学号21 实验室701 实验名称使用HTML制作网页成绩评定教师签名实验目的1、掌握HTML常用标记的使用方法；2、掌握网页中表格、表单、框架等的建立方法。
实验内容1、基本标记2、表格的创建3、表单的创建实验过程、结果及分析<html><head><title>学生成绩显示</title></head><body><table align=center border=1 bordercolor=red><caption><font size=5 color=blue>学生成绩表</font></caption> <tr bgcolor=#CCCCCC><th width=80>专业</th><th width=80>学号</th><th width=80>姓名</th><th width=90>计算机导论</th><th width=90>数据结构</th></tr><tr><td rowspan=3><font color=blue>计算机</font></td><td>081101</td><td>王 林</td><td align=center>80</td><td align=center>78</td></tr><tr><td>081102</td><td>程 明</td><td align=center>90</td><td align=center>60</td>实验过程、结果及分析</tr> <tr><td>081104</td><td>韦严平</td><td align=center>83</td><td align=center>86</td></tr><tr><td><font color=green>通信工程</font></td><td>081201</td><td>王 敏</td><td align=center>89</td><td align=center>100</td></tr></table></body></html>心得体会：通过本次试验，熟悉了如何在进入Dreamweaver后新建站点，并且基本掌握了HTML常用标志的使用方法；也基本知道了如何在网页中建立表格，表单和框架等。
实验二web2.0
实验二网络信息交流的工具与模式一、实验目的1、了解网络环境下主要的信息交流方式、工具、原理；2、能够结合网站实例，对相应的网络信息交流模式进行分析；3、引发学生对于信息交流模式的演变、传统信息文流与网络信息交流比较等问题的进一步学习相思考。
二、实验内容与步骤1、网络信息交流工具的了解与应用（1）博客（Blog）●关于博客使用的情况：结合你的实际情况，完成作业（1）。
●查看中国互联网信息中心（CNNIC）博客调查报告（/hlwfzyj/hlwxzbg/hlwtjbg/201502/t20150203_51634.htm），了解目前国内博客发展现状。
（2）微博注册使用体验，分别比较以下3个微博平台的功能，完成作业（2）；●新浪微博：/●腾讯微博：/●网易微博：/（3）超文本协同式写作系统（Wiki）登录维基百科网站：/，分别选择英文和中文语种查看“维基“（wiki）词条项目（如图2.1、图2.2所示）图2.1 维基百科上的英文维基词条页面图2.2 维基百科上的中文维基词条页面●在维基百科、百度百科中查看自己感兴趣的词条，对维基百科的功能、原理等进行了解。
完成作业（3）。
（4）社交网站●登录人人网进行注册、使用：/，查找里的同学或好友；●请分析比较社交网站和博客的异同，完成作业（4）。
（5）请登录/了解并叙述威客运营模式2.六度分离（six degrees of separation）用搜索引擎查找关于六度分离的内容，进行相关了解。
三、作业根据前面的实验，思考并回答下列问题：（1）结合你的实际情况，请填写回答本实验中关于博客使用情况的问题（见后）。
（2）与博客相比，微博这种新型的交流方式的特点在哪里？本次实验中的三个微博平台在功能应用上有什么异同之处？（3）你在维基百科、百度百科网站上查看的具体词条是哪个？请分别点击这个词条页面上的“阅读”、“编辑”、“查看历史”的功能键（如图2.2标注所示），查看相关内容，分析维基百科的词条内容是如何形成的？用户（包括浏览者和写作者）可对其进行哪些操作？（4）什么是社交网站？结合人人网实例，分析人人网在哪些方面体现出人与人之间的社交性？并对社交网站和博客的异同进行比较。
Web软件技术课程实验二完整版
W e b软件技术课程实验二集团标准化办公室：[VV986T-J682P28-JP266L8-68PNN]《Web 软件技术》课程实验报告华东理工大学信息学院计算机系 2017年03月03日题目 HTTP 请求对及数据处理专业 信息工程班级 信工143学号实验二 HTTP请求对及数据处理姓名王钊健学号专业班级信工143 成绩_________实验日期 2017/3/2 实验地点信息大楼 215 指导教师(签名) 一．实验目的1. 掌握如何获得请求参数；2. 掌握如何检索请求头；3. 了解如何通过请求对象获得客户信息；4. 重点掌握使用请求对象存储数据和请求转发。
二．实验工具与设备三．实验内容（一）通过查询串传递请求参数，并在Servlet中检索请求参数【步骤1】编写下面的Servlet。
import .*;import .*;import class HelloUserServlet extends HttpServlet{public void service(HttpServletRequest request,HttpServletResponse response)throws ServletException, IOException{String userName = ("userName");PrintWriter pw = ();("<html>");("<head>");("</head>");("<body>");("<h3>Hello, " + userName + "</h3>");("</body>");("</html>");}}【步骤2】使用下面的URL访问之。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
广州大学学生实验报告一、实验目的使用脚本语言进行网页设计二、实验设备Tomcat windows10 eclipse三、实验内容1.简易计算器的制作在一个网页中，使用JavaScript编写程序实现的计算器功能，可以实现浮点数的加法，减法，乘法，除法运算功能。
2.控制网页字体的大小在一个网页中，有三个按钮是小，中，大，使用JavaScript编写程序实现当点击一个按钮时，网页就按照相应的字体大小显示网页的文字。
四、实验程序1.简易计算器的制作<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type"content="text/html; charset=utf-8"/> <title>简易计算器</title><style type="text/css">div{margin:0px auto;text-align:center;}table{background:#999;}td input{width:50px;height:50px;}input.p{height:20px; width:150px;}</style><script language="javascript">/*全局变量*/var num1=0; //第一个数字var num2=0; //第二个数字var result=0; //显示栏显示的数字var oper=0; //运算符号/*获得数字*/function getNum(num){var str=String(from1.resu.value); //获得当前显示数据//如果当前值不是"0"，且状态为0，则返回当前值，否则返回空值;if(str!="0"){str=str;}else{str="";}str=str + String(num); //给当前值追加字符from1.resu.value=str; //刷新显示}/*除法运算*/function division(){//calculate();num1=parseFloat(from1.resu.value);oper=1;from1.resu.value = "";}/*乘法运算*/function mult(){//calculate();num1=parseFloat(from1.resu.value);oper=2;from1.resu.value = "";}/*减法运算*/function subd(){//calculate();num1=parseFloat(from1.resu.value);oper=3;from1.resu.value = "";}/*加法运算*/function sum(){//calculate();num1=parseFloat(from1.resu.value);oper=4;from1.resu.value = "";}/*最终结果的*/function equal(){//调用计算方法var str=String(from1.resu.value);num2=parseFloat(str);calculate();//简单的清空数值，方便后面的操作num1=0;num2=0;result=0;}/*各种运算*/function calculate(){//num2=parseInt(from1.resu.value); switch(oper){ //判断要输入状态case 1:result=num1/num2;break;case 2:result=num1*num2;break;case 3:result=num1-num2;break;case 4:result=num1+num2;break;default:result = num2;break;}from1.resu.value=result;num1=result; //存储当前值}/*复位*/function clean(){from1.resu.value=0;num1=0;num2=0;result=0;oper=0;}</script></head><body><div><h2>简易计算器</h2><center><form id="from1"><table width="314"height="333"border="1"><tr><td colspan="3"align="center"><input type="text"name="resu"id="resu"class="p"/></td><td align="center"><input type="button"name="button"id="button"value="C"onclick="clean()"/></td></tr><tr align="center"><td><input type="button"name="button7"id="button7"value="7" onclick="getNum(this.value)"/></td><td><input type="button"name="button8"id="button8"value="8" onclick="getNum(this.value)"/></td><td><input type="button"name="button9"id="button9"value="9"onclick="getNum(this.value)"/></td><td><input type="button"name="button10"id="button10"value="/" onclick="division()"/></td></tr><tr align="center"><td><input type="button"name="button4"id="button4"value="4" onclick="getNum(this.value)"/></td><td><input type="button"name="button5"id="button6"value="5" onclick="getNum(this.value)"/></td><td><input type="button"name="button6"id="button6"value="6" onclick="getNum(this.value)"/></td><td><input type="button"name="button11"id="button11"value="*" onclick="mult()"/></td></tr><tr align="center"><td><input type="button"name="button1"id="button1"value="1" onclick="getNum(this.value)"/></td><td><input type="button"name="button1"id="button1"value="2" onclick="getNum(this.value)"/></td><td><input type="button"name="button3"id="button3"value="3" onclick="getNum(this.value)"/></td><td><input type="button"name="button12"id="button13"value="-" onclick="subd()"/></td></tr><tr align="center"><td><input type="button"name="button0"id="button0"value="0" onclick="getNum(this.value)"/></td><td><input type="button"name="button15"id="button15"value="." onclick="getNum(this.value)"/></td><td><input type="button"name="button16"id="button16"value="=" onclick="equal()"/></td><td><input type="button"name="button17"id="button17"value="+" onclick="sum()"/></td></tr></table></form></center></div></body></html>2. 控制网页字体的大小<!DOCTYPE html><html><head><title>控制网页字体的大小</title><!--<link rel="stylesheet" type="text/css" href="./styles.css">--> <style type="text/css">div{border:1px red solid;width:455px;font-size:16px;}.max{font-size:20px;}.moren{font-size:16px;}.min{font-size:12px;}</style><script type="text/javascript">function changeFontSize(fontSize){// 获取节点对象var divNode = document.getElementsByTagName("div")[0];divNode.style.fontSize=fontSize;}</script></head><body><a href="javascript:void(0)"onclick="changeFontSize('20px')"class="max">大号</a><a href="javascript:void(0)"onclick="changeFontSize('16px')"class="moren">中号</a><a href="javascript:void(0)"onclick="changeFontSize('12px')"class="min">小号</a><div>子曰：“学而时习之，不亦说乎？有朋自远方来，不亦乐乎？人不知而不愠，不亦君子乎？”有子曰：“其为人也孝弟，而好犯上者，鲜矣；不好犯上而好作乱者，未之有也。