I个人网站实验报告.docxVIP

个人网站实验报告 WEB Personal web姓名：XXX学号：XXXX专业年级：网络01班 指导教师：XX时间：2013/11/08实验目的和要求实验目的1.1通过实验了解并掌握HTML,JSP,CSS三大块内容1.2学会利用CSS创建样式，包括表格样式，优化界面1.4学会用javascript语言，做表单验证和信息获取1.5了解如何建立自己的网站，两种方法：（1）安装TOMCAT，把自己的项目部署在TOMCAT安装目录下的webapps子目录下，详细安装过程，网上有详细资料，包括如何运行部署好的项目。（2）使用dreamweaver的站点管理，创建一个自己的站点，其服务器，可以使用我们的windows下的服务器，包括FTP，也可以使用安装好的TOMCAT,我是用的是TOMCAT,站点信息及截图如下：实验内容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网站分析和设计个人网站用于展示自己的个人信息，让大家能通过网站尽快的了解自己，并且在我的网站中特别设置了家乡栏目，让大家对我的家乡内蒙古有一个正确清楚的认识个人主页如图：我的个人资料：风土乡情：人生历程：留言空间：登录界面：留言板主页：表单验证：以邮件形式提交：6、家乡风景：以上便是网站的几个界面，还需更加完善。以个人主页为首页，通过连接，连接到其他编好的网页中，插入了Flash元素，并使用javascript脚本语言做表单验证，并实现了大图滚动效果，还为家乡美景观光插入了电子相册。代码设计和功能实现由于代码较多，这里展示一些主要功能的代码：家乡风景观光实现电子相册的代码：objectclassid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 codebase=/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0 width=351 height=210 param name=flash_component value=ImageViewer.swc / param name=movie value=photo.swf/ImageViewer.swf / param name=FlashVars value=flashlet={imageLinkTarget:_blank,captionFont:Verdana,titleFont:Verdana,showControls:false,frameShow:false,slideDelay:3,captionSize:10,captionColor:#333333,titleSize:10,transitionsType:Random,titleColor:#333333,slideAutoPlay:true,imageURLs:[photo.swf/01.jpg,photo.swf/1.jpg,photo.swf/02.jpg,photo.swf/2.jpg,photo.swf/03.jpg,photo.swf/3.jpg,photo.swf/04.jpg,photo.swf/4.jpg,photo.swf/5.jpg,photo.swf/6.jpg,photo.swf/07.jpg,photo.swf/7.jpg,photo.swf/08.jpg,photo.swf/8.jpg,photo.swf/09.jpg,photo.swf/9.jpg,photo.swf/11.jpg,photo.swf/12.jpg,photo.swf/13.jpg,photo.swf/14.jpg,photo.swf/15.jpg,photo.swf/16.jpg,photo.swf/18.jpg,photo.swf/19.jpg,photo.swf/20.jpg,photo.swf/21.j