Web开发实验一
web实验报告实验总结(一)
web实验报告实验总结(一)前言作为一名资深的创作者，在进行web实验报告实验后，我对整个实验感到非常满意。
在这篇总结文稿中，我将会针对这次实验进行详细的总结和反思。
实验背景本次实验的目标是创建一个web实验报告，以展示对于web开发的理解和技能的应用。
通过这次实验，我能够进一步熟悉和掌握各种web开发技术和工具，同时提升我的团队协作能力和沟通能力。
实验过程我首先进行了实验需求的分析和设计，明确了实验目标和任务。
然后，我选择了合适的开发工具，包括文本编辑器、代码版本控制系统等。
接着，我开始进行编码和调试，并逐步完善和优化我的web实验报告。
最后，我进行了测试和评估，确保实验报告能够在不同的平台和浏览器上正常展示和运行。
正文实验成果通过这次实验，我成功地创建了一个具有良好用户体验的web实验报告。
我的实验报告包含了完整的内容，包括实验背景、实验目的、实验过程和实验结果等。
我运用了html、css和javascript等技术，使得实验报告的界面美观、交互性强。
同时，我还保证了实验报告的可访问性和响应式设计。
实验收获通过这次实验，我学到了很多关于web开发的知识和技能。
我熟练掌握了html、css和javascript等前端技术，能够创建精美的网页并实现丰富的交互效果。
我还学会了使用代码版本控制系统进行团队协作和代码管理，提高了我的项目管理能力。
此外，我还学会了进行测试和评估，并解决了一些兼容性和性能方面的问题。
实验感想这次实验让我更加深入地理解了web开发的重要性和挑战。
我意识到web开发需要不断学习和更新技术，保持对新技术的敏感度和热情。
在实践中，我也遇到了一些困难和问题，但通过自己的努力和团队的支持，我最终克服了这些困难并取得了较好的成果。
这次实验增强了我的自信心和动手能力，我相信在今后的学习和工作中会更加顺利。
结尾通过这次web实验报告实验，我不仅提升了我的web开发能力，还锻炼了我的团队合作和沟通能力。
web前端开发技术实验报告 实验一
长春大学20 15 —2016学年第二学期Web前端开发技术课程实验报告学院：计算机科学技术专业：软件工程班级：软件14402学号：041440211姓名：武嘉琪任课教师：车娜实验一构建HTML页面一、实验目的熟悉HTML制作网页的基础知识，并能熟练运用学过的内容制作、设计图文混排的网页。
二、内容及要求运用学过的代码设计一个图文混排网页，满足如下要求：1.既有图像又有文字，并且呈左右排列。
2.文字部分由标题和段落文本组成，它们的字体和字号不同。
3.在段落文本中，段落前有2字符留白，一些文字以特殊的颜色加以突出显示。
三、实验原理文本：font可以跟color、size、face等属性根据不同的值对文本进行修改；图片：img标记可以跟border、height、width、align、vspace、hspace 等属性根据不同的值对滚动字进行设置；其他相关内容：各级标签、标题设置、背景图等。
四、实验步骤1、确立自己的网页主题选择传智博客设计学院作为本次网页设计的主题。
2、网页基本设计(1)应用h2标记设计标题样式。
(2)应用font标记及其face、size、color等属性设计文本字体样式。
(3)应用p标记设计文本段落格式。
(4)应用img标记及其src、alt、align、hspace、height、width等属性设计图片排版样式。
五、实验代码及网页效果图1．搭建基本结构使用<img/>标记插入图像。
使用<h2>标记和<p>标记分别设置标题和段落文本。
并对< img />标记应用align属性和hspace属性实现图像居左文字居右、且图像和文字之间有一定距离的排列效果。
关键代码如下：<img src="作业/logo.gif" alt="网页设计、平面设计、UI设计"align="left" hspace="30" height="150" width="250"/><h2>传智播客设计学院</h2><p>传智播客设计学院</p >效果如图1-1所示。
WEB开发技术实验报告
实验一JSP开发环境构建实验目的：了解动态页面技术及B/S系统掌握开发环境的构建理解Eclipse开发WEB应用实验内容：实训项目一：安装JDK并配置环境变量请阐述配置环境变量的方法：实训项目二：安装TOMCAT并配置Server.xml修改端口号为8090问题一：如何测试TOMCAT是否已经成功启动？问题二：在浏览器地址栏输入什么地址可以访问到TOMCA T的测试页？请阐述配置Server.xml修改端口号为8090基本实验步骤：实训项目三：应用Eclipse建立项目并浏览一个JSP页面请阐述应用Eclipse建立项目并浏览一个JSP页面基本实验步骤：实验心得：（遇到了哪些问题，如何解决的，有那些体会）实验二JSP语法实验目的：了解JSP程序的组成元素掌握JSP中使用JA V A程序片段的方法实验内容：实训项目一：编写一个JSP页面输出26个小写英文字母表实训项目二：编写页面实现九九乘法表实训项目三：利用成员变量被所有客户共享这一性质，实现一个简单的计数器实训项目四：使用JA V A表达式输出系统当前时间实训项目五：编写程序shijian2_9.jsp和computer.jsp两个页面，在第一个页面中使用include动作标记动态包含文件computer.jsp，并向它传递一个矩形的长和宽，computer.jsp 收到参数后，计算矩形的面积，并显示结果。
实训项目六：编写3个JSP页面：main.jsp,first.jsp和second.jsp，将3个JSP文件保存在同一个WEB工程中，main.jsp使用include动作标记加载first.jsp和second.jsp页面。
First.jsp 页面可以画一张表格，second.jsp页面可以计算两个正整数的最大公约数。
当first.jsp被加载时，获取main.jsp页面include动作标记的param子标记提供的表格行数和列数，当second.jsp 被加载时，获取main.jsp页面include动作标记的param子标记提供的两个正整数的值。
Web技术实验指导书
《Web技术》实验指导书北京工商大学计算机与信息工程学院2011年3月目录实验一使用Dreamweaver制作HTML页面 (3)实验二CSS及JavaScript实验 (3)实验三MyEclipse使用 (4)实验四JSP技术应用实验 (4)实验五JSP动作 (5)实验六JSP的<jsp:useBean>动作使用 (5)实验七JSP内置对象——request对象和response对象 (6)实验八JSP内置对象——out对象和session对象 (6)实验九JSP使用技巧 (6)实验十MySQL数据库使用 (7)实验十一JSP数据库应用开发（4学时） (7)实验一使用Dreamweaver制作HTML页面【实验目的】掌握使用Dreamweaver制作HTML页面的方法【实验内容】1．使用HTML制作一个页面，要有背景颜色，页面显示内容及格式如下图所示。
2．制作一个页面，上有文字、图像和朋友的E.mail地址，在文字和图像上创建超级链接，单击链接时，页面跳转到其他页面，单击E.mail地址时，打开信箱，发送邮件。
3．制作一个计算器界面，界面如下图所示。
4．用Top: 显示logo图片和页面的标题。
Left: 登录模块Body: 当前页面的主要显示区域。
Bottom: 显示版权信息。
【实验报告】将实验文件发送到老师的电子信箱。
实验二CSS及JavaScript实验【实验目的】掌握CSS及JavaScript的使用方法【实验内容】1.定义一个main.css文件，在其中设置超链接的颜色、访问过的超链接的颜色，颜色自定。
另外，设计两个HTML页面，在其中创建超链接，并链接main.css文件，观察超链接的颜色。
2. 使用JavaScript脚本来验证用户输入的用户名是否为空，并要求密码的长度必须大于6，根据用户的输入给出相应的提示。
3. 页面上有一幅图像，在状态栏显示有关图像的说明。
单击图像时，换成另一幅图像，同时状态栏的内容也做相应的变更。
Web开发技术实验指导书
安徽农业大学《Web开发技术》JSP版课程配套教材《Web开发技术》实验指导书（JSP版）刘波编写安徽农业大学信息与计算机学院通信工程2008年2月目录实验一搭建JSP运行的实验环境 (1)实验二 JSP页面 (3)实验三显示不同大小的“你好JSP” (7)实验四 JSP指令和动作 (10)实验五 Tag文件的代码复用 (12)实验六中文显示服务器端日期 (14)实验七 JSP内置对象 (19)实验八 session对象 (23)实验九简易留言板 (28)实验十 JSP中使用Java Bean (31)实验十一 JSP中的文件操作 (41)实验十二 JSP中使用数据库 (48)实验十三 Java Servlet (66)实验十四网上书店 (71)实验报告 (76)实验一搭建JSP运行的实验环境一、实验目的（1）掌握JSP运行环境的安装与配置（2）理解JSP与Servlet的关系（3）运行简单的JSP页面，理解JSP的运行原理二、实验工具（1）JDK1.4、JDK1.5或JDK1.6，可以从SUN公司的网站免费下载（2）编辑工具－记事本（3）Tomcat服务器，也可以从网上免费下载三、实验步骤（1）按教材中演示安装JDK（2）按教材中演示安装Tomcat（3）启动Tomcat服务器，在浏览器中输入：http://localhost:8080，观察主页内容（4）观察Tomcat安装目录下的各个子目录的内容（5）打开记事本，输入下列源代码并保存为exer1.jsp。
将此文件复制到Tomcat安装目录下的webapps\ROOT目录下，运行该页面，观察其对应的Servlet源代码。
exer1.jsp的代码：<%@ page contentType="text/html;charset=GB2312" %> <!-- jsp指令标签 --><%@ page import="java.util.Date" %> <!-- jsp指令标签 --><%! Date date; // 数据声明int sum;public int add(int m,int n) // 方法声明{ return m+n;}%><HTML><BODY bgcolor=cyan> <!—html标记 --><FONT size=4><P>程序片创建Date对象：<% Date date=new Date(); //java程序片out.println("<BR>"+date);sum=add(12,34);%><BR>在下一行输出和:<BR><%= sum+100 %> <!-- Java表达式 --></FONT></BODY></HTML>（6）将exer1.jsp文件复制到Tomcat安装目录下的webapps\examples目录下，运行该页面，观察其对应的Servlet源代码。
WEB系统开发实验手册
实验1 Web应用程序设计基础一、实验目的1、了解HTML的概念，掌握HTML文档的基本结构；学会编写HTML文档。
2、掌握IIS配置的方法。
二、实验内容与步骤（一）IIS配置和添加IIS服务在安装IIS好之后，可以对IIS进行配置，步骤如下。
1、选择“开始”→“控制面板”→性能和维护→“管理工具”→“Internet 信息服务管理器”来打开IIS管理器。
如下图。
2、在“默认网站”上单击鼠标右键，选择“新建 虚拟目录”，如下图。
3、在“别名”处输入“ test”，如下图。
,4、然后点击下一步，在目录处点击“浏览”按钮，选中存放网页的文件夹（或输入“E:\web”）。
点击下一步，进行默认的设置后，点击下一步，直到完成。
5、先将传给你们的文件“输出各列颜色.asp”复制到你刚才新建的文件夹中（如“E:\web”）打开IE浏览器，在地址栏输入相应的地址，.5（你的电脑的IP地址）/test /输出各列颜色.asp 或者http://localhost/test/输出各列颜色.asp进行测试。
（还可以将localhost换成本机IP地址进出测试，也可以换成相邻电脑的IP，访问他电脑中的WEB）6.将传给你们的文件“注册网页.htm”复制到你刚才新建的文件夹中（如“E:\web”）打开IE浏览器，在地址栏输入相应的地址，http://IP地址/test/注册网页.htm或者http://localhost/test/注册网页.htm进行测试。
7.将传给你们的文件夹“网页”复制到你刚才新建的文件夹中（如“E:\web”）打开IE浏览器，在地址栏输入相应的地址，http://localhost/test/网页/我的网页.htm进行测试。
（二）建立更多的Web站点1、在E盘下建立一个文件夹，名字为web2，并将相应的文件复制到web2文件夹中。
2、在“默认网站”上单击鼠标右键，选择“新建 虚拟目录”，如下图所示。
电大web开发基础形考1
电大w e b开发基础形考1 -CAL-FENGHAI-(2020YEAR-YICAI)_JINGBIAN
实验报告
实验1：电商网站前端页面内容编写
实验目标
掌握使用html制作电商网站页面的技巧。
实验环境
操作系统：Windows 10
编辑软件：Visual studio code
Cpu：intel i5 8400
内存：16g
硬盘：256g固态
实验内容
根据素材中的设计图，编写网站首页，查询列表页和详情页三个网页的html内容（暂时不用编写CSS代码）
实验结果
实验体会
学习到了HTML语言的设计和代码指令自然不必再赘述，但更重要的是锻炼了思维能力，培养了设计创新的能力。
在整个HTML学习的过程中，代码的运用、基础知识的学习可以说只是作为技术的基础层面，而要想真正完成一个项目，更多的是需要思维能力的锻炼和项目的创新。
因为如果没有这种能力，或者比较薄弱，一方面难以想出新的项目的构思，另一方面无法想出动画的翻转或者各种效果的指令代码的书写。
所有的这些都贯穿于HTML的实训过程中。
再具体的将来，就是对于所学的每个指令，并非是记忆住其书写的格式，而是需要我们加入自己对每个代码感悟和认识。
怎样的情况下去应用，如何用，使用时的技巧，这些都是重要的对于自己能力的锻炼。
另外，结合于其中的，还有对于独立思考的能力的培养。
这一点是显而易见的。
无论是对于一个新的项目的编写，还是对于学习每一条单独的指令，老师和同学所能帮助的是
引导和解决难题的作用，而要想真正做到自己学会指令，则离不开独立思考，独立学习的过程和环节。
web实验一报告
实验1 静态网页制作一、实验目的1、通过本实验了解HTML标记语言的基本语法格式2、了解使用HTML语言制作静态网页的基本技术3、掌握HTML表格的设计方法4、设计一个学生成绩查询的 2.0网站二、实验要求1、使用HTML语言，在Windows“记事本”程序中编写HTML代码，制作学生成绩登记表，要求能在浏览器中正确显示字体、字型、字号等格式。
2、设计一个用于学生成绩查询的 2.0网站。
三、实验步骤1、使用Windows记事本程序制作网页1）编写HTML代码：启动Windows附件中的记事本程序，编写HTML代码2）保存HTML文件3）执行如图1-1图1-14）源代码：<head><title>学生成绩登记表</title></head><body><table style="width: 100%;"><caption><font size = "6" color=red face="隶书">学生成绩登记表</caption> <tr><td>学号</td><td>姓名</td><td>班级</td><td>数学</td><td>语文</td><td>英语</td></tr><tr><td>0001</td><td>张三</td><td>计算机0101</td><td>76</td><td>98</td><td>85</td></tr><tr><td>0002</td><td>李四</td><td>计算机0101</td><td>62</td><td>76</td><td>71</td></tr><tr><td>0003</td><td>王五</td><td>计算机0101</td><td>81</td><td>82</td><td>92</td></tr></table></body></html>2、设计一个用于学生成绩查询的 2.0网站1）设计要求：假设某学校现在有3个班级，要求设计一个能在网络中通过IE浏览器进行各班级学生成绩查询的网站。
WEB技术基础实验指导书(实验1)
实验一、简单网页设计一、实验目的1．掌握JSP运行环境的配置；2．掌握HTML语言中基本标记的含义及其使用方法；3．掌握CSS样式表的使用方法；二、实验内容1．在Tomcat服务器中测试一个简单的JSP页面；2．制作一个个人信息注册页面；3．制作一个样式表文件，并将其关联到一个HTML页面；三、实验步骤1.JSP页面测试1)安装JDK：下载JDK包以后，按安装向导的提示进行安装；2)安装Tomcat：下载Tomcat安装文件后，运行安装文件并按安装向导的提示进行安装；3)在安装Tomcat之后，在操作系统的开始菜单的“所有程序”项中会出现一个Apache Tomcat x.x用户组：4)在这些程序项中“Configure Tomcat”用于修改Tomcat的一些基本配置，“MonitorTomcat”用于启动与停止Tomcat，“Tomcat 6.0 Program Directory”用于进入Tomcat的安装目录；5)选择“Tomcat 6.0 Program Directory”进入到Tomcat的安装目录之后，可以看到bin、conf、lib、logs、webapps、work等子目录；6)在conf文件夹的server.xml文件中找到<Connector port="8080"protocol="HTTP/1.1" maxThreads="150" connectionTimeout="20000"redirectPort="8443"/>，并将8080改为你想要设置的端口号（如80等）。
注意该段配置未被用<!-- -->注释，而且其协议名称应该是HTTP/1.1。
7)在webapps文件夹下新建一个myweb文件夹，然后在myweb文件夹下面新建一个WEB-INF文件夹；8)编写一个test.jsp页面，该页面代码如下：<html><head><title>My First JSP Page</title></head><body><%="Hello,world!"%></body></html>9)将test.jsp放置到myweb文件夹中；10)启动Tomcat服务器；11)打开浏览器，输入http://localhost:<端口号>/myweb/test.jsp，查看结果。
《Web前端开发》-实验指导书
《Web前端开发》-实验指导书《Web前端开发》实验指导书目录实验1 HTML基础与布局元素 (3)实验2 表格与表单的应用 (6)实验3 框架 (8)实验4 CSS样式表基础 (12)实验5 CSS样式布局 (16)实验6 Dreamweaver制作网页 (19)实验7 网站设计 (22)实验8 JavaScript基础 (26)实验9 JavaScript对象 (29)实验10 DOM编程 (33)实验11 JavaScript常用特效 (36)实验1 HTML基础与布局元素一、实验目的1．掌握使用HTML的基本结构创建网页2．掌握使用行级和块级标签组织页面内容3．掌握使用图像标签实现图文并茂的页面二、实验内容使用HTML基本元素设计基本网页三、实验环境（1）使用的操作系统及版本。
Windows XP Professional（2）使用的编译系统及版本。
Dreamweaver CS6四、实验步骤及说明任务1基本块级元素使用HTML编辑工具，编写HTML代码，实现如图所示的页面效果任务2用于布局的块级元素编写HTML代码，实现如图所示的页面效果任务3行级元素编写HTML代码，实现如图所示的页面效果。
任务4超链接编写HTML代码，实现导航菜单的链接●单击lj.html页面的“人物简介”，将跳转到ww.html的介绍页。
●单击lj.html页面的“王孟”，将跳转到设置锚点的ww.html页面相应位置。
●单击ww.html的返回链接可以返回到lj.html。
●单击“联系我们”，将自动打开本机的电子邮件程序。
小结及思考题扩展训练：实现如图所示的页面效果实验2 表格与表单的应用一、实验目的1.掌握表格的基本结构，熟悉表格标签的使用。
2.会使用表格标签属性修饰美化表格。
3.了解表单的基本形式，掌握表单元素的使用方法。
二、实验内容使用表单标签与表格标签设计应用网页二、实验环境1.使用的操作系统及版本。
Windows XP Professional2.使用的编译系统及版本。
web开发实验- JSP网页
一．实验目的1、本实验的目的是让学生掌握怎么样在JSP页面中使用成员变量，怎样使用Java程序片、Java 表达式2、本实验的目的是让学生掌握怎样在JSP页面中使用include指令标记在JSP页面中静态插入一个文件的内容3、本实验的目的是让学生掌握怎样在HSP页面汇总使用include标记动态加载文件，使用forward实验页面的转动二．实验内容与要求1. 本实验将用户输人的单词按字典顺序排序。
需要编写两个JSP页面，名字分别为inputWord.jsp和showDictionary.jsp。
1) inputWord.jsp的具体要求该页面有一个表单,用户通过该表单输人若干个单词，并提交给showDictionary.jsp页面。
2) showDictionary.jsp 的具体要求该页面负责排序单词，并将排序的全部单词显示给用户。
(1)该JSP页面有名字为dictionary，类型是TreeSet成员变量。
(2)该JSP页面有public void addWord(String s)方法，该方法将参数s指定的字符串添加到成员变量dictionary中。
(3)该JSP页面在程序片中操作dictionary，即显示全部的单词。
2.该实验要求使用include指令标记使得每个页面都包含有导航条。
在进行实验之前，将名字是leader.txt的文件保存到本实验所使用的web服务目录中。
leader.txt的内容如下:leader.txt<% @ page contentType = "text/html;charset = GB2312" 8><a href = "first.jsp">链接到页面1</a><a href =”second.jsp">链接到页面2</a><a href = "third.jsp">链接到页面3</a>实验要求编写3个JSP页面，具体要求如下。
web实验一-PIKACHU平台搭建与暴力破解
web实验⼀-PIKACHU平台搭建与暴⼒破解平台搭建开始。
先进⾏平台搭建，⾸先下载xampp软件，报错。
报错的第⼀句：可能是因为端⼝阻塞。
尝试改mysql的端⼝，将3306改成3316等，依然报错。
尝试重新进⾏下载安装，依然报错。
进⾏查看错误⽇志(logs)：发现报错为操作系统错误（未截图，印象中错误代码是287）⽤新的镜像下的虚拟机重新安装开始实验。
可以正常启动阿帕奇和mysql了。
进⼊⽪卡丘平台，暴⼒破解概述可以显⽰,如图。
点击「基于表单的暴⼒破解」，显⽰数据库未连接。
将xampp的第三个和第五个也打开，（中间也按照百度进⾏了⼀些其他操作），然后平台可以正常使⽤。
平台可以正常使⽤。
平台搭建结束。
暴⼒破解实验开始。
⼀、基于表单的暴⼒破解接下来安装burpsuite。
改好浏览器代理等（我是⽕狐）。
但是，burpsuite依然抓不到包，如图。
将⽹页中的localhost改成本机的ip地址。
cmd中输⼊ipconfig进⾏本机ip地址查询：进⾏修改：结果⼀直显⽰正在加载。
曾以为是证书认证问题，尝试修改。
未果。
问题原因：因为burpsuite⼀直开着，所以才⼀直加载，与证书认证⽆关。
（待续）（续上）上⾯的问题解决，如图。
继续进⾏。
输⼊账号密码。
抓到了。
但是target⾥没有post的包。
等了⼀会⼉，有了。
继续实验。
右键将其发送到intruder。
在攻击种类中选择常⽤的Cluster bomb。
设置好动态变量.设置Payload以及字典这个当时搞错了，应该是在2中⽽不是1，改正后的图没有截。
⼤概这样（补）将字符串username or password is not exists复制到burpsuite的Grep-Match.1.6的burpsuite没有找到开始攻击的按钮。
重新安装成1.7的。
重复之前所有过程。
开始攻击。
得到结果。
完成。
login success.⼆、On client随便输⼊⼀个⽤户名和密码并且输⼊正确的验证码.抓到的数据包通过查看源代码可以发现验证码的逻辑是在js中完成的。
实验WEB前端实验-WEB 前端设计与制作
实验一WEB 前端设计与制作一、实验目的1、掌握页面设计的基本技巧，了解网站的基本建立过程，掌握使用Dreamweaver 制作网页的基本技术；2、学习和使用HTML 语言，使用CSS 控制页面样式，使用JavaScript 脚本语言增强页面的互动性。
二、实验内容1、选择一个自己感兴趣的主题，明确站点风格和功能。
2、围绕这一主题设计站点页面，包括页面的布局、页面的色彩搭配，页面的交互方式等。
3、使用工具软件来完成设计页面的制作，运用到HTML，CSS 和JavaScript。
三、实验要求1、了解站点风格的概念；2、理解主页、栏目页、导航条、目录框架等术语；3、熟悉HTML 的常用标记使用以及框架网页的制作；4、掌握使用Frontpage 或者Dreamweaver 制作网页的基本技术；5、实验前应该先选定所要创建网站的主题（如：个人网站、自我推荐网站、班级网站、某种专题网站等）和风格；6、围绕主题和风格，设计站点的主页、栏目及其内容，并且设计出主页和栏目页面的布局；7、准备好网页制作时所需的资料以及图片等素材。
四、实验环境硬件环境：PC 微机软件环境：文本编辑器（UltraEdit、EditPlus、Notepad 等）或者Frontpage 或者Dreamweaver、IE 和FireFox 浏览器（至少使用两种不同内核的浏览器）五、实验代码RequestForm.html<!DOCTYPE html><html><head><title>用户注册</title><meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="description" content="this is my page"><meta name="content-type" content="text/html; charset="><body><form action="RequestDemo.jsp" method="post" onSubmit="return Validator.Validate('infoForm',3);"><h1 ="center">注册用户</h1> <table ="center"> <tr> <td>用户名</td> <td><input type="text"name="username" ="Require" <script type="text/javascript" src="Validator/Validator.js"></script> <script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script> </head> ="用户名是空的！"/></td> </tr> <tr> <td>密码</td> <td><inputtype="password"name="password"="SafeString" ="用户密码不安全！"id="userKey"/></td></tr> <tr> <td>确认密码</td> <td><input type="password"name="repassword"value="" ="Repeat" ="userKey" ="密码不一样！"/></td> </tr> <tr><td>出生日期</td> <td><input type="text" name="Date" value=""onClick="WdatePicker();" ="Date" ="false" ="Wrong Date Format" readonly="readonly" /></tr> <tr> <td>性别</td> <td> <input type="radio"name="sex"value="男"/>男<input type="radio"name="sex"value="女"/>女</td> </tr> <tr> <td>年级</td> <td> <select name="Degree" id="Degree"> <option value="">无</option> <option value="大一">大一</option> <option value="大二">大二</option> <option value="大三">大三</option> <option value="大四">大四</option> </select></td> </tr> <tr> <td>爱好</td> <td> </tr> <tr> <td>上传头像</td> <td><input type="file" name="Photo" id="Photo" /> </td> </tr> <tr> <td>其他</td> </td> <input type="checkbox" name="Hobby" value="音乐"/>音乐<input type="checkbox" name="Hobby" value="运动"/>运动<input type="checkbox" name="Hobby" value="旅游"/>旅游<input type="checkbox" name="Hobby" value="阅读"/>阅读<td><textarea name="other" rows="10" cols="50">输入信息</tr> <tr> <td><input type="submit"value="注册"/></td> <td><input type="reset"value="重置"/></td> </textarea></td> </tr> </table> </form> </body> </html>Styles.css@CHARSET "UTF-8";#header{ text-align:center; margin: 0 auto; width:1300px; height:100px; background:red; } #mlside{ width:300px; height:100px; background:black; float:left; } #mrside{ width:300px; height:100px; background:black; float:right; } #main{ margin: 0 auto; width:1300px; height:600px; background:gray; } #lside{ width:650px; height:600px;background:purple; float:left; } #rside{ width:650px; height:600px; background:pink; float:right; } Test.html<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="/mobile/1.3.2/jquery.mobile-1.3.2.min.css"> <script src="/jquery-1.9.1.min.js"></script> <scriptsrc="/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script><title>Test.html</title><meta name="keywords" content="keyword1,keyword2,keyword3"><meta name="description" content="this is my page"><meta name="content-type" content="text/html; charset=UTF-8"><body><div id="header"><div id="mlside"><img id="image-1" alt="" src="imgs/002.gif" width="100" height="100"/></div><div id="mrside"> <img id="image-1" alt="" src="imgs/002.gif" width="100" height="100"/></div><h1>JAVA WEB程序设计实验</h1><> <link rel="stylesheet" type="text/css" href="./styles.css"> </head><a href="">登入</a></p1><><div id=main> <div id=lside></div> <div id=rside></div></div></body></html>六、实验报告要求1、描述站点主题、风格、内容功能以及设计的创意和思想。
WEB开发技术实验报告
实验一 JSP开发环境构建实验目的：了解动态页面技术及B/S系统掌握开发环境的构建理解Eclipse开发WEB应用实验内容：实训项目一：安装JDK并配置环境变量请阐述配置环境变量的方法：实训项目二：安装TOMCAT并配置修改端口号为8090问题一：如何测试TOMCAT是否已经成功启动？问题二：在浏览器地址栏输入什么地址可以访问到TOMCAT的测试页？请阐述配置修改端口号为8090基本实验步骤：实训项目三：应用Eclipse建立项目并浏览一个JSP页面请阐述应用Eclipse建立项目并浏览一个JSP页面基本实验步骤：实验心得：（遇到了哪些问题，如何解决的，有那些体会）实验二 JSP语法实验目的：了解JSP程序的组成元素掌握JSP中使用JAVA程序片段的方法实验内容：实训项目一：编写一个JSP页面输出26个小写英文字母表实训项目二：编写页面实现九九乘法表实训项目三：利用成员变量被所有客户共享这一性质，实现一个简单的计数器实训项目四：使用JAVA表达式输出系统当前时间实训项目五：编写程序和两个页面，在第一个页面中使用include动作标记动态包含文件，并向它传递一个矩形的长和宽，收到参数后，计算矩形的面积，并显示结果。
实训项目六：编写3个JSP页面：,和，将3个JSP文件保存在同一个WEB工程中，使用include动作标记加载和页面。
页面可以画一张表格，页面可以计算两个正整数的最大公约数。
当被加载时，获取页面include动作标记的param子标记提供的表格行数和列数，当被加载时，获取页面include动作标记的param子标记提供的两个正整数的值。
要求：上机编程完成上述实训项目，上机演示给教师检查，从中挑选三个程序的核心代码写在实训报告上实验核心代码：核心代码一：核心代码二：核心代码三：实验步骤：建立工程—编写程序—编译程序—调试、运行程序实验心得：实验三 JSP内置对象实验目的：了解JSP内置对象使用方法掌握JSP中常用内置对象的方法实验内容：实训项目一：编写一个登陆的表单页面实训项目二：编写页面实现九九乘法表实训项目三：利用成员变量被所有客户共享这一性质，实现一个简单的计数器实训项目四：使用JAVA表达式输出系统当前时间要求：编程完成上述实训项目，上机演示给教师检查，从中挑选两个程序的核心代码写在实训报告上实验核心代码：核心代码一：核心代码二：核心代码三：实验步骤：建立工程—编写程序—编译程序—调试、运行程序实验心得：。
001.实验一.JavaWeb开发环境配置实验报告_
实验编号：oo Java Web 实验报告计算机科学学院级班实验名称:姓名：学号：指导老师:实验一Java Web开发环境配置一.实验目的及要求1）掌握Java虚拟机的安装与配置；2）掌握Tomcat服务器的配置；3）掌握MySql数据库服务器的配置与使用；4）掌握使用Eclipse开发Web程序的步骤。
二.实验内容根据实验说明的要求编写程序并回答实验报告中的问题。
三•实验主要流程、基本操作或核心代码、算法片段1.请将任务一的运行结果截图。
年月日Java Web开发环境配置实验成绩：2. 请将任务二的运行结果截图。
* Tom oat4-Oct-2fllg 30:16:04.624 INFO [loea■一 _ _CiBaticn of SeimreRanjctoin inst.in€e for seGsian ID gerBr^ticn using CSH A IFW J J tojk IL2S1J imllisacioTiiis,J4 -O^t^ICilS W316： 04- 64^ INFO [1 ccalL ICJS t star1511] Mg. apii ：n.e B ca^fillna. BTarTup-・ED^a :CorifL?；, :ie;』£YD£irfrct ：5Hy i Ef i pl.3yiij&£t si kb dirKtory D: iilesAflFiclna-tQBCiit-^ 5・ 吨巾也j>p ・\dou3： has in 664 meQ4~Q 〒t ■顾 lg 2Q ； 16： D4. &4^ I[1 p^al hosl" E tar t'St op~ 1J gr.■叩矶hg. g 切 11 冲■目gr 七如・ H 口就Cmfl 环 TEqpliiryDiractfiT^r D R H 口五呷- eb af>p 1 ica11 [MLI 主亡旦《ctDcr¥ 心八fYny 远 ±三丄3三：\34：：遏：二上|总一十二口*=二却七-0』邑 ?'yTOb apps\ex anq:-EE .i4-Uc t-201 ： 20： 161U4- 9£3 INFO [1 mcalhmst-a Lar l£Iap-11 arg . ap .a t al L]Li- y Lar Lui. koatCurjf 1 uyDirec t JT j< Depl aywiFjt jf wb 皿 dxrcKlory Q :ATroeronj 出11口国\*匸idu l 口ucdtr 氐 5. 5\肌 1逼口戸二1卫監』呻10二 iuc finlchud in. 32t 朋匚20： lio ：D4, 9E4 INFO [1 e c* J best - si ar t St erp -1] CCTR , apachs, cat^linai, STart^<EDSTCi3rifig t de^l^fD'ir&ctaiY DepLovia^ 巳t> appl Jcati IXJ jiiecTDiry D^.PrijgTani filesSi^pacljE-i ： nntcet-S, 5. 吕5[]；3上-匚阳厂血§;亍『」4_0口宅 JJJjW ； JU2lbU5» Dly INFO (iccalhcst -E Lar =1] oz 呂»-ax xciu ■二atsd 二】1九 startle?・ EnStCanf 匚亦 dejdinyttTsttjiiTy D^pl :d »wb bpplL:t.ticn directory £: VFro^run tonctt-S. S ・5\帼¥齐戸諄加JULM 月tr ha ・ f InisLie 1 in 34 ms：]©; l£ni )5- Dl^ 7NFD [1 (noailhc3t-gLart£top* 1] org. sifich^ I ?^T -I IS^I , gtart^ji, Hoan-C'^nf-6- ipplcyUir^- t^ry P^pl D ^D ns * ■sQappIleat-i.on dirs^tnry Di ；IJPiograjii filgsS-iipa-z^hE^tgnKat-S- 5■玉\咛匕3|£?#申\也门口石耳匸 04-Oet-2fllfi 20:16: D5… D46 INFO Ll c ca2 hiast - star tSt op -1] arg. apa-dia. carallriA-. HfiSTConf ag… d^plfiyMp&cteny D&pL oyBErtjf ^eb .iii]>licsfiitian di rettery D ^AFrosrajii flleg\ax !3idte-lijiicat-3,5,bsis finished in 27 iro Ji-O'-vSOlS 20： 16:05・ 046 INFC 1 (lc'7alh£；fit-EUrlStap-lj WB . apich#・£；兀"1匚几・和「tup ・Eci ・tConf 了旦.dFplciyD l ii?・<t 」TY D#plDying P B applicaii on iiTPcrmni r D ： IFT FET 弓讥 f^le-sV^P 3S s 丐\*二t wp 匸！s'RODT i4-Oct-201S Z0:im 乩 U&5 INFO [localhcist~start-Stop-1" org. apiche. catallna T atartujj ・ HDS^Canfig-d 第loyDdTectaTy DejpLDywmt si -reb ■・!?』；匚盘tig dLret tuxy D »YFroEtaiu dilltrssl^LdLuher 〔口皿崔乜■亂 5・ 讦七匕出|?口$说苗1 h 也占 liiiisl 」呂」in 19 打百'4^Oct=2til8 20:16:05. 063 JNFO [耐讪]nrg. Bpmche. CDVOTB . Abstr set Protocol, start Start i n? R TD I DC al Han dl er [hitp-nio-B080l '■I -" I ： ■ - I I ； t■ '!■ I ： 1 fi ：■ ir 1 I ■ -. ：： ：i II -：| . I ■・.=■： " ■ ■■ t L ，- I.I u r . m-r : |-^ I I-J -L - ri r H n I ■- > j| --|' i-：- L 1- j4~Oct -£01S 20： 161 DE- 026 二 HFO ora* ap-achiE i catalina. startup. Cat al ini., star t 三；曰工TSIH m ：t artup in. 1L36 msin < hcst-star t St op-1, arg., apache, ca^alina. uti_1. £essi iiriIi£Ener3t arE ise. CTEateSe ?urERanjCjan总 4(3 Q kKahostHo<ne DocunMfvlvttan ConHgurMl@n EiHimpAe} Vftkl Will ng Llalsi Find HelpApache TGmcat/8.5.5 Apathe Software FoundationDe*el0per Qu>ick Starl 3»«n I li 利 W*iAiti[k. HltE无送访问此网站iKMlwt 匣絶丁和IffS 竝请生 waey&uT^is-巧旳确惟•绘査灼晅WB 範:址工华3. 请将任务三的运行结果截图。
WEB开发技术实践教程实验报告
WEB开发技术实践教程实验报告实验课程: 《 WEB开发技术实践教程》学生姓名:学号:专业班级:2012年 12 月 20 日1目录, 实验一 ............................................. , 实验二 ............................................. , 实验三 ............................................. , 实验四 ............................................. , 实验五 ............................................. , 实验六 ............................................. , 实验七 .............................................2南昌大学实验报告学生姓名: 学号: 专业班级: 实验类型: ? 验证 ? 综合 ? 设计 ? 创新实验日期: 实验成绩:实验一 Web编程环境一、实验目的1. 搭建Web编程环境，能正确安装配置java运行环境、WEB服务器和数据库服务器2. 熟悉WEB编程集成环境MYEclipse.3. 熟练掌握WEB工程的创建、发布、运行流程。
二、实验内容1. 安装并配置java运行环境JDK和JRE2. 安装Web服务器tomcat, 配置Tomcat服务器3. 安装并配置数据库MySQL.4. 安装MyEclispe，熟悉各项菜单项5. 为MyEclispe集成配置JDK和Tomcat6. 创建、发布、运行一个WEB工程。
三、实验仪器及耗材计算机，JDK，TOMCAT, MySQL, MyEclipse等软件。
四、实验步骤1、安装并配置JDK和JRE2、设置好classpath和path路径3、安装Tomcat5.54、设置Tomcat的配置属性5、安装并配置MySQL数据库6、安装MySqL Administrator工具7、安装MyEclipse8、新建并配置一个工程，运行发布一个新的工程。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
</tr>
<tr>
<td colspan="3" style="background-color: #CCFFFF">
登陆状态</td>
</tr>
<tr>
<td colspan="4" style="background-color: #33CCCC">
您的位置：</td>
</tr>
</table>
</td>
<td class="style4" dir="ltr"
style="text-align: center; background-color: #99CCFF">
<asp:LinkButton ID="LinkButtonReset" runat="server">个性重置</asp:LinkButton>
//逐个获取sInput中每个字符，若不是空格将该字符连接到temp中
//否则，将temp值转换为整数后储存到数组元素
for (int i = 0; i <= sInput.Length - 1; i++)
{
if (sInput.Substring(i, 1) != " ")
{
temp += sInput.Substring(i, 1);
<asp:Button ID="btnSubmit" runat="server" onclick="btnSubmit_Click" Text="等级" />
<asp:Label ID="lblDisplay" runat="server" Text="Label"></asp:Label>
</form>
认真完成各项实验内容
30分
报告质量
填写内容完整、体现设计过程和结果，实验总结能体现问题和收获
70分
说明：
评阅教师：
日期：年月日
实验内容
一、利用table、Div和CSS对网页布局。
1.利用table对网页布局的主要代码如下：
<body>
<form id="form1" runat="server">
case 5:
case 4:
case 3:
case 2:
case 1:
case 0:
lblDisplay.Text = "不及格";
break;
}
}
浏览效果截图如图2.1
图2.1
2.在WEB窗体上输出九九乘法表
public partial class _Default : System.Web.UI.Page
//输出两个空格
Response.Write ("  ");
}
//换行输出
Response .Write ("<br/>");
}
}
}
浏览效果如图2.2
图2.2
3.输入一组空格间隔10个以内的整数，输出该数组的降序排列
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="txtInput" runat="server"></asp:TextBox>
<asp:Button ID="btnSubmit" runat="server" onclick="btnSubmit_Click" Text="降序" />
</div>
</form>
{
protected void Page_Load(object sender, EventArgs e)
{
//控制行数
for (int i = 1; i <= 9; i++)
{
//输出1行
for (int j=1;j<=i;j++)
{
//输出一个乘法算式
Response .Write (i.ToString () + "*" + j.ToString () + "=" + (i*j).ToString ());
{
//获取文本框中输入的字符串，并在最后添加一个空格
string sInput = txtInput.Text.Trim() + " ";
//j控制数组下标，每个aInput数组储存一个整数，temp储存一个整形字符串
int j = 0;
int[] aInput = new int[10];
string temp = "0";
<br />
<asp:TextBox ID="txtDividend" runat="server"></asp:TextBox>
<asp:Button ID="btnSubmit" runat="server" Text="提交" onclick="btnSubmit_Click" />
</div>
图2.4
5.设计用户信息类UserInfo。
public class UserInfo
<div>
<asp:Table ID="Table1" runat="server">
</asp:Table>
</div>
<table class="style1" style="width: 100%">
<tr>
<td class="style2" rowspan="2">
<asp:Image ID="ImageLogo" runat="server" Height="66px"
{
}
protected void btnSubmit_Click(object sender, EventArgs e)
{
float fGrade = float.Parse(txtInput.Text);
int iGrade = (int)(fGrade / 10);
switch (iGrade)
</td>
<td class="style3" style="text-align: center; background-color: #99CCFF">
<asp:LinkButton ID="LinkButtonRegister" runat="server">注册</asp:LinkButton>
</form>
</body>
浏览效果截图见图1.1：
图1.1
2.利用Div对网页布局的主要代码：
<head runat="server">
<title></title>
<link href="DivCss.css" rel="stylesheet" type="text/css" />
</head>
实验内容和要求：
1．参考实验指导书的实验步骤，完成实验1-3。
2．将实验2和实验3的主要代码、运行结果截图填入实验报告。
3．完成思考题
4．就本次实验遇到的问题和收获作出总结。
报告应在2周内完成，并以学号+姓名+实验一为名以班级为单位上交（电子文档）。
成绩评定表
类别
评分标准
分值
得分
合计
上机表现
按时出勤、遵守纪律
</div>
</div>
<div id="position">position
</div>
</div>
</form>
</body>
3.建立.css文件
/*控制DivCssCss.aspx*/
#logo
{
float:left;
width :30%;
}
#navigation
{
background-color:#99CCFF;
{
case 10:
case 9:
lblDisplay.Text = "优秀";
break;
case 8: