1、web实验报告总结精选 web实验报告总结 课题:网页设计与制作 专业:通信工程 班级: 学号: 一.实验任务: 设计制作一个网页设计与制作精品课程网站 二实验要求: 站点目录: 要求层次分明,不能将内容都放在站点根目录下;不要使用中文;为每种类型文件都建立一个独立的目录。 填写网站设计报告: 必须认真填写网站设计报告中的每一项,完成网站结构的设计说明,包括以下各项内容: 1) 网站主题:必须围绕一个确定主题创建网站,否则成绩以不及格计。 2) 站点名称:必须为自己的站点命名,名称要紧扣站点主题,并反映在每个网页上。 3) 站点根文件夹:以个人学号及姓名命名。 4)文件与文件夹:网站内使用的图
2、片放在images文件夹中,主页以命名,其它文件夹自已命名,要以有意义的英文字母来命名,不要使用中文,网页文件也要使用有意义的英文来命名。 5) 站点结构:分类存放网站中的资源,一律以树型目录结构表示并说明文件夹的用途。 6) 站点地图:以结构图方式给出网页的名称和各页面间的超级链接。 7) CSS、行为:说明制作、使用了几个CSS样式,说明CSS样式的名称,为什么内容添加、制作了什么行为。 2. 网站内容要求 网站至少要有8个页面,可以使用表格、框架等来进行统一布局。 网站的站标使用自已制作的图像,网站名称自已命名,要跟网站的主题一致。 按提供的课件等资料添加链接或下载功能。 每个网页有自己
3、的适当的标题、导航条。注意:网页标题是指显示在浏览器标题栏上的文字,而不是网页中的段落标题。每个网页都能够返回上一级页面或首页。 网站中要使用CSS,要使用行为制作动态效果,超链接效果正确无误,要有锚点链接,要有背景音乐,要能够提供文件下载,要有flash动画。 可添加视频文件等。 三实验内容: 该网站设计共使用了9个HTML页面。 采用了frame框架结构:由frame1,frame2,frame4,及相关页面构成。 进入后,播放背景音乐; frame2中点击各个选项,分别跳转到相关界面; 资料页面:采用链接,可实现课件资源的调用; Flash页面:实现了锚点连接,超链接,flash图像的播
4、放 留言板:代码中写入了相关留言,可点击查看。 设计中使用了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进行布局; 超链接正常无误,均能返回上一层;点击“返回菜单”后各页面均
5、可回到主页面。 效果如下: 一, 相关技术 为实现注册和登录功能,首先采用JSP和HTML分别设计regist和login页面,再采用servlet技术实现这两项功能。 为实现上传文件至服务器和下载自己上传的文件,也先JSP和HTML设计页面,再在页面中设计两按钮,点击时用调用JSP实现上传和调用servlet实现下载。 采用JSP和HTML设计result页面。是各种结果在result页面显示 二, 系统需求分析 为实现登录和注册。设计一个包,包中包含User类。User中有账号,密码,昵称三类属性。 设计登录页面,输入账号和密码实现登录。当输入信息正确时,显示成功,否则失败。 设计注册页面
6、,输入账号,密码,昵称三属性实现注册。 设计上传和下载页面,点击相应按钮实现相应动作。 三, 系统设计和实验结果 1,显示结果页面核心代码 2,注册相关代码 A,注册界面核心代码 账号: 密码: 昵称: B,实现注册的servlet核心代码 driverName=; ; String name = ; String pwd = ; String call = ; Connection con=null; String dbURL=jdbc:sqlserver:/localhost:1433;DatabaseName=student; String userName=sa; String use
7、rPwd=a693501; con=; PreparedStatement ps = null; String sql = insert into admin values; try ps = ; ; ; ; ; C,结果截图 3,登录相关代码 A,登录界面核心代码 请登录 输入信息 账号: 密码: B,实现登录servlet核心代码 String driverName=; ; Connection con=null; String dbURL=jdbc:sqlserver:/localhost:1433;DatabaseName=student; String userName=sa; St
8、ring userPwd=a693501; con=; PreparedStatement ps = null; ResultSet rs = null; User user=new User; String sql = select * from admin where name=? and pwd=?; ps = ; ; ; rs = ; if ) ); ); ); else user = null; if else C,结果截图 1,成功时 ; ; ; ; 2,失败时 WEB开发技术实验指导书 第学期 姓名: 学号: 班级: 计算机科学与工程系 2015年6月 WEB开发技术实验指导书
9、目 录 实验一 首页设计 . 2 实验二 web数据库连接与访问 . 4 实验三 小型图书管理系统设计与实现. 7 实验一 首页设计 一、实验目的: 1 掌握常见网页设计工具的使用; 2 掌握建立一个web站点的基本过程; 3 掌握网站设计的基本技术与技巧。 一、实验环境: 1Frontpage2000/DREAMWEAVER,Windows XP/2000,Microsoft SQLSERVER2000, 以上,以及相关的图形图象处理工具 2在实验之前先建立一个WEBWork文件夹用来存放本次实验所建立的设计文件与文档。 二、实验预习与准备: 1熟悉Windows XP或Windows 20
10、00的操作环境,了解Frontpage2000/DREAMWEAVER的用法。 2熟悉有关图形图象处理软件如PhotoShop,FireWorks,Flash等. 三、实验内容与要求: 1、熟悉WEB站点的开发工具环境和使用方法 2、 根据自拟的主题设计WEB站点的首页,主要注意一下几个方面 3、 版面布局:主要是考虑导航、必要信息与正文之间的布局关系。 4、 色彩搭配:色彩搭配应和网站的定位相一致,应衬托主题。 5、 字体的设置和表格的嵌套。 6、 网站上超媒体元素力求丰富,即应包含一些必要的动画、图形、图象以及 声音或流媒体文件。 7、 网站包含一些动态效果,可使用VBScript,Jav
11、ascript语言来实现,用CSS 来实现一些统一的样式与显示效果。 8、 网站链接自然,顺畅方便。 四、实验过程与结果: 五、实验小结与体会: 这次WEB的实验是做一个首页,一开始,自己要确定所做首页的主题是什么。确定了主题后开始搜集材料,思考怎么样凸显自己的主题,怎么样才能让网页开起来不繁琐。最终我决定用简单的风格。用少量的文字和图片突出环境保护的主题,让自己的网页开起来简约而不简单,呼吁人们保护环境。 通过这次实验,我学会了怎么用dreamweaver这个工具简单地设计网页,为以后更加复杂的网页设计打下基础。 实验二 web数据库连接与访问 一、实验目的: 1 掌握创建数据库的方法; 2
12、 掌握利用ASP访问数据库的基本方法。 二、实验环境: 1Frontpage2000/DREAMWEAVER,Windows 98/2000,Microsoft SQLSERVER2000,以上,以及相关的图形图象处理工具 2在实验之前先建立一个WEBWork文件夹用来存放本次实验所建立的设计文件与文档。 三、实验预习与准备: 1. 熟悉Microsoft SQLSERVER2000的用法。 2. 熟悉并会用其配置WEB服务器。 3. 熟悉一种web数据库开发工具。 四、实验内容与要求: 实验内容1:熟悉WEB数据库的开发工具环境和使用方法并能够与数据库连接。 五、实验过程与结果 WEB程序设
13、计 实验报告 实验名称:熟悉开发环境 实验地点: 专业班级: 学生姓名: 学生学号: 指导教师: 成 绩: 2010年5月10日 河南科技大学 实验报告 实验名称 Web开发技术 题 目 web开发环境的建立 学 院 国际教育学院 班级学号 计算机131 131425020109 学生姓名 李聪 任课教师 刘刚 实验一 Web开发环境的建立 一、实验学时 2学时 二、实验目的 1、掌握IIS Web服务器的配置; 2、熟悉Visual Studio 2010开发环境。 三、实验环境 实验的硬件平台为方正台式机,主频,内存4Gb。软件平台为VS 2010、Dreamveaver 8、Access
14、 2010、Sqlserver 2008。 四、实验内容 1、配置IIS Web服务器 2、Visual Studio 2010开发环境的使用 五、实验步骤 1、配置IIS Web服务器 启用电脑IIS 服务 控制面板-程序和功能-启用或关闭Windows功能-Internet信息服务 Web站点的配置 控制面板-管理工具-Internet信息服务管理器 鼠标右键点击左侧的“网站”,选择“添加网站” 主目录和虚拟目录的建立 每个站点都要有主目录。主目录的建立过程实际上就是设置网页所存 放的物理路径。 虚拟路径的建立 右键“Web实验报告”网站,点击“添加虚拟目录” 点击确定虚拟路径被添加到链接中 2、Visual Studio 2010开发环境的使用 起始页 菜单栏和工具条 菜单栏 文件、编辑、视图 六、出现的问题及解决方法
copyright@ 2008-2023 冰点文库 网站版权所有
经营许可证编号:鄂ICP备19020893号-2