個人網站實驗報告WEBPersonal web姓名：學號：XXXX專業(yè)年級：網絡01班 指導教師：XX 時間：2013/11/08 ,一、 實

個人網站實驗報告

WEB

Personal web

姓名：學號：XXXX

專業(yè)年級：網絡01班 指導教師：XX 時間：2013/11/08

一、 實驗目的和要求

1、 實驗目的

1.1通過實驗了解并掌握HTML,JSP ,CSS 三大塊內容

1.2學會利用CSS 創(chuàng)建樣式，包括表格樣式，優(yōu)化界面

1.4學會用javascript 語言，做表單驗證和信息獲取

1.5了解如何建立自己的網站，兩種方法：

（1）安裝TOMCAT ，把自己的項目部署在TOMCAT 安裝目錄下的webapps 子目錄下，詳細安裝過程，網上有詳細資料，包括如何運行部署好的項目。

（2）使用dreamweaver 的站點管理，創(chuàng)建一個自己的站點，其服務器，可以使用我們的windows 下的服務器，包括FTP ，也可以使用安裝好的TOMCAT, 我是用的是TOMCAT, 站點信息及截圖如下：

2、 實驗內容

2.1網站模塊

（1）個人主頁

a ．個人資料

b ．家鄉(xiāng)風情

c ．人生歷程（包含Flash ，一個大屏滾動的圖片）

d ．我的成果

e ．留言空間

f ．美文連接

g ．音樂播放

（2）家鄉(xiāng)主頁

a ．博客

b ．美景觀光(包含flash, 插入了一個隨機播放的相冊)

c ．特色專區(qū)

d ．背景音樂

（3）留言板

a ．用戶登錄

b ．主界面獲取登錄名并顯示

c ．留言板部分信息有驗證

d ．最后以郵箱形式提交

2.3代碼的設計

為了便于維護，將所有代碼進行分類，和我的主頁有關的文件放在了根目錄ch04下，和家鄉(xiāng)有關的文件放在了ch05下，與留言板有關的文件放在了ch03目錄下，布局如下：

3、開發(fā)環(huán)境

記事本，dreamweaver8

二、 網站分析和設計

個人網站用于展示自己的個人信息，讓大家能通過網站盡快的了解自己，并且在我的網站中特別設置了家鄉(xiāng)欄目，讓大家對我的家鄉(xiāng)內蒙古有一個正確清楚的認識

1、 個人主頁如圖：

2、 我的個人資料：

3、 風土鄉(xiāng)情：

4、 人生歷程：

5、 留言空間：

（1） 登錄界面：

（2） 留言板主頁：

（3） 表單驗證：

（4） 以郵件形式提交：

6、家鄉(xiāng)風景：

以上便是網站的幾個界面，還需更加完善。以個人主頁為首頁，通過連接，連接到其他編好的網頁中，插入了Flash 元素，并使用javascript 腳本語言做表單驗證，并實現了大圖滾動效果，還為家鄉(xiāng)美景觀光插入了電子相冊。

三、 代碼設計和功能實現

由于代碼較多，這里展示一些主要功能的代碼：

1、 家鄉(xiāng)風景觀光實現電子相冊的代碼：