web实验报告总结精选.docx
《web实验报告总结精选.docx》由会员分享，可在线阅读，更多相关《web实验报告总结精选.docx（9页珍藏版）》请在冰点文库上搜索。
web实验报告总结精选
web实验报告总结
课题：
网页设计与制作
专业：
通信工程
班级：
学号：
一.实验任务：
设计制作一个《网页设计与制作》精品课程网站
二．实验要求：
站点目录：
要求层次分明，不能将内容都放在站点根目录下；不要使用中文；为每种类型文件都建立一个独立的目录。
填写网站设计报告：
必须认真填写网站设计报告中的每一项，完成网站结构的设计说明，包括以下各项内容：
1）网站主题：
必须围绕一个确定主题创建网站，否则成绩以不及格计。
2）站点名称：
必须为自己的站点命名，名称要紧扣站点主题，并反映在每个网页上。
3）站点根文件夹：
以个人学号及姓名命名。
4）文件与文件夹：
网站内使用的图片放在images文件夹中,主页以命名,其它文件夹自已命名,要以有意义的英文字母来命名,不要使用中文,网页文件也要使用有意义的英文来命名。
5）站点结构：
分类存放网站中的资源，一律以树型目录结构表示并说明文件夹的用途。
6）站点地图：
以结构图方式给出网页的名称和各页面间的超级链接。
7）CSS、行为：
说明制作、使用了几个CSS样式，说明CSS样式的名称，为什么内容添加、制作了什么行为。
2.网站内容要求
网站至少要有8个页面，可以使用表格、框架等来进行统一布局。
网站的站标使用自已制作的图像，网站名称自已命名，要跟网站的主题一致。
按提供的课件等资料添加链接或下载功能。
每个网页有自己的适当的标题、导航条。
注意：
网页标题是指显示在浏览器标题栏上的文字，而不是网页中的段落标题。
每个网页都能够返回上一级页面或首页。
网站中要使用CSS，要使用行为制作动态效果，超链接效果正确无误，要有锚点链接，要有背景音乐，要能够提供文件下载，要有flash动画。
可添加视频文件等。
三．实验内容：
该网站设计共使用了9个HTML页面。
采用了frame框架结构：
由frame1，frame2，frame4，及相关页面构成。
进入后，播放背景音乐；
frame2中点击各个选项，分别跳转到相关界面；资料页面：
采用链接，可实现课件资源的调用；
Flash页面：
实现了锚点连接，超链接，flash图像的播放
留言板：
代码中写入了相关留言，可点击查看。
设计中使用了CSS的设计，菜单界面歌词部分使用了表格结构，共调用了3个CSS方法；名字分别为：
.unnamed1，.text和.bt。
内容如下：
.unnamed1{
}
.text{font-family:
Arial,sans-serif;
text-align:
right;
}
.bt{font-family:
"宋体";
color:
#F60;
}
分别对字体，大小及颜色进行各自不同的设置；font-size:
13px;line-height:
16px;
留言板部分也使用了div进行布局；
超链接正常无误，均能返回上一层；点击“返回菜单”后各页面均可回到主页面。
效果如下：
一，相关技术
为实现注册和登录功能，首先采用JSP和HTML分别设计regist和login页面，再采用servlet技术实现这两项功能。
为实现上传文件至服务器和下载自己上传的文件，也先JSP和HTML设计页面，再在页面中设计两按钮，点击时用调用JSP实现上传和调用servlet实现下载。
采用JSP和HTML设计result页面。
是各种结果在result页面显示
二，系统需求分析
为实现登录和注册。
设计一个包，包中包含User类。
User中有账号，密码，昵称三类属性。
设计登录页面，输入账号和密码实现登录。
当输入信息正确时，显示成功，否则失败。
设计注册页面，输入账号，密码，昵称三属性实现注册。
设计上传和下载页面，点击相应按钮实现相应动作。
三，系统设计和实验结果
1,显示结果页面核心代码
2,注册相关代码
A,注册界面核心代码
账号：
密码：
昵称：
B，实现注册的servlet核心代码
driverName="";
;Stringname=;Stringpwd=;Stringcall=;Connectioncon=null;String
dbURL="jdbc:
sqlserver:
//localhost:
1433;DatabaseName=student";
StringuserName="sa";StringuserPwd="a693501";con=;PreparedStatementps=null;Stringsql="insertintoadminvalues";try{ps=;;;;;
C,结果截图
3,登录相关代码
A,登录界面核心代码
请登录
输入信息
账号：
密码：
B,实现登录servlet核心代码
StringdriverName="";
;
Connectioncon=null;
StringdbURL="jdbc:
sqlserver:
//localhost:
1433;DatabaseName=student";
StringuserName="sa";
StringuserPwd="a693501";con=;
PreparedStatementps=null;
ResultSetrs=null;
Useruser=newUser;
Stringsql="select*fromadminwherename=?
andpwd=?
";
ps=;;;rs=;if）{）;）;）;}else{}user=null;
if
{}else{}
C,结果截图1，成功时
;;;;
2，失败时
《WEB开发技术》实验指导书
第学期
姓名：
学号：
班级：
计算机科学与工程系
2015年6月
《WEB开发技术》实验指导书
目录
实验一首页设计.......................................................................................................2
实验二web数据库连接与访问................................................................................4
实验三小型图书管理系统设计与实现....................................................................7
实验一首页设计
一、实验目的:
1．掌握常见网页设计工具的使用；
2．掌握建立一个web站点的基本过程；
3．掌握网站设计的基本技术与技巧。
一、实验环境:
1．Frontpage2000/DREAMWEAVER，WindowsXP/2000,MicrosoftSQLSERVER2000，以上，以及相关的图形图象处理工具
2．在实验之前先建立一个WEBWork文件夹用来存放本次实验所建立的设计文件与文档。
二、实验预习与准备：
1．熟悉WindowsXP或Windows2000的操作环境，了解Frontpage2000/DREAMWEAVER的用法。
2．熟悉有关图形图象处理软件如PhotoShop,FireWorks,Flash等.
三、实验内容与要求：
1、熟悉WEB站点的开发工具环境和使用方法
2、根据自拟的主题设计WEB站点的首页,主要注意一下几个方面
3、版面布局：
主要是考虑导航、必要信息与正文之间的布局关系。
4、色彩搭配：
色彩搭配应和网站的定位相一致，应衬托主题。
5、字体的设置和表格的嵌套。
6、网站上超媒体元素力求丰富，即应包含一些必要的动画、图形、图象以及
声音或流媒体文件。
7、网站包含一些动态效果，可使用VBScript,Javascript语言来实现，用CSS
来实现一些统一的样式与显示效果。
8、网站链接自然，顺畅方便。
四、实验过程与结果：
五、实验小结与体会：
这次WEB的实验是做一个首页，一开始，自己要确定所做首页的主题是什么。
确定了主题后开始搜集材料，思考怎么样凸显自己的主题，怎么样才能让网页开起来不繁琐。
最终我决定用简单的风格。
用少量的文字和图片突出环境保护的主题，让自己的网页开起来简约而不简单，呼吁人们保护环境。
通过这次实验，我学会了怎么用dreamweaver这个工具简单地设计网页，为以后更加复杂的网页设计打下基础。
实验二web数据库连接与访问
一、实验目的:
1．掌握创建数据库的方法；
2．掌握利用ASP访问数据库的基本方法。
二、实验环境:
1．Frontpage2000/DREAMWEAVER，Windows98/2000,MicrosoftSQLSERVER2000，以上，以及相关的图形图象处理工具
2．在实验之前先建立一个WEBWork文件夹用来存放本次实验所建立的设计文件与文档。
三、实验预习与准备：
1.熟悉MicrosoftSQLSERVER2000的用法。
2.熟悉并会用其配置WEB服务器。
3.熟悉一种web数据库开发工具。
四、实验内容与要求：
实验内容1：
熟悉WEB数据库的开发工具环境和使用方法并能够与数据库连接。
五、实验过程与结果
WEB程序设计实验报告
实验名称：
熟悉开发环境实验地点：
专业班级：
学生姓名：
学生学号：
指导教师：
成绩：
2010年5月10日
河南科技大学实验报告
实验名称Web开发技术题目web开发环境的建立
学院国际教育学院班级学号计算机131131425020109学生姓名李聪任课教师刘刚
实验一Web开发环境的建立
一、实验学时2学时
二、实验目的
1、掌握IISWeb服务器的配置；
2、熟悉VisualStudio2010开发环境。
三、实验环境
实验的硬件平台为方正台式机，主频，内存4Gb。
软件平台为VS2010、Dreamveaver8、Access2010、Sqlserver2008。
四、实验内容
1、配置IISWeb服务器
2、VisualStudio2010开发环境的使用
五、实验步骤
1、配置IISWeb服务器
启用电脑IIS服务
控制面板->程序和功能->启用或关闭Windows功能->Internet信息服务
Web站点的配置
控制面板->管理工具->Internet信息服务管理器
鼠标右键点击左侧的“网站”，选择“添加网站”
主目录和虚拟目录的建立
每个站点都要有主目录。
主目录的建立过程实际上就是设置网页所存
放的物理路径。
虚拟路径的建立
右键“Web实验报告”网站，点击“添加虚拟目录”
点击确定虚拟路径被添加到链接中
2、VisualStudio2010开发环境的使用
起始页
菜单栏和工具条
菜单栏
文件、编辑、视图
六、出现的问题及解决方法
升级会员 