个人网站实验报告WEBPersonal web姓名：学号：XXXX专业年级：网络01班 指导教师：XX 时间：2013/11/08
,一、 实
个人网站实验报告
WEB
Personal web
姓名：学号：XXXX
专业年级：网络01班 指导教师：XX 时间：2013/11/08
,
一、 实验目的和要求
1、 实验目的
1.1通过实验了解并掌握HTML,JSP ,CSS 三大块内容
1.2学会利用CSS 创建样式，包括表格样式，优化界面
1.4学会用javascript 语言，做表单验证和信息获取
1.5了解如何建立自己的网站，两种方法：
（1）安装TOMCAT ，把自己的项目部署在TOMCAT 安装目录下的webapps 子目录下，详细安装过程，网上有详细资料，包括如何运行部署好的项目。
（2）使用dreamweaver 的站点管理，创建一个自己的站点，其服务器，可以使用我们的windows 下的服务器，包括FTP ，也可以使用安装好的TOMCAT, 我是用的是TOMCAT, 站点信息及截图如下：
2、 实验内容
2.1网站模块
（1）个人主页
a ．个人资料
b ．家乡风情
c ．人生历程（包含Flash ，一个大屏滚动的图片）
d ．我的成果
e ．留言空间
f ．美文连接
g ．音乐播放
（2）家乡主页
a ．博客
b ．美景观光(包含flash, 插入了一个随机播放的相册)
c ．特色专区
d ．背景音乐
（3）留言板
a ．用户登录
b ．主界面获取登录名并显示
,
c ．留言板部分信息有验证
d ．最后以邮箱形式提交
2.3代码的设计
为了便于维护，将所有代码进行分类，和我的主页有关的文件放在了根目录ch04下，和家乡有关的文件放在了ch05下，与留言板有关的文件放在了ch03目录下，布局如下：
3、开发环境
记事本，dreamweaver8
二、 网站分析和设计
个人网站用于展示自己的个人信息，让大家能通过网站尽快的了解自己，并且在我的网站中特别设置了家乡栏目，让大家对我的家乡内蒙古有一个正确清楚的认识
1、 个人主页如图：
,
2、 我的个人资料：
3、 风土乡情：
,
4、 人生历程：
5、 留言空间：
（1） 登录界面：
,
（2） 留言板主页：
（3） 表单验证：
,
（4） 以邮件形式提交：
6、家乡风景：
,
以上便是网站的几个界面，还需更加完善。以个人主页为首页，通过连接，连接到其他编好的网页中，插入了Flash 元素，并使用javascript 脚本语言做表单验证，并实现了大图滚动效果，还为家乡美景观光插入了电子相册。
三、 代码设计和功能实现
由于代码较多，这里展示一些主要功能的代码：
1、 家乡风景观光实现电子相册的代码：
