个人网站综合性开放性实验报告.doc

个人网站综合性开放性实验报告 实验报告日期： 2010年6月4日 系 专业 级 班学号 姓名 成绩 教师签字 实验项目名称：个人网站建设实验目的：学习静态网页，动态网页的制作，数据库的设计，HTML语言 实验仪器设备：PC机，DreamWeaver，Microsoft Access数据库软件。实验过程（步骤）：1.功能简介： 日记系统 (2级分类，文章可加密)歌曲系统 (2级分类) 相册系统 (2级分类，结合幻灯片游览方式)个人资料 (自由填写) 留言本2.Microsoft Access数据库的建立： 2.1依次选择【开始】-【程序】-【Microsoft Office】-【Microsoft Access 2003】，选择“空数据库”后，并保存。 2.2选择创建空表，添加数据，保存2.3部分数据库截图如下 日志数据库网站信息数据库照片数据库数据库表3.网站具体实现3.1登录界面的实现：后台管理：admin/index.asp账号：admin密码：admin（2）对网站里内容进行管理和维护修改，包括对日志的修改，照片的上传等。部分代码：1.登陆页面的脚本程序： function ClearAllDeploy()var deployitem=FetchCookie(deploy);var admin_start;var userdeploy=;admin_start= deployitem ? deployitem.indexOf(n) : -1;if(admin_start!=-1)userdeploy=deployitem.substring(0,admin_start);for(i=0;i20;i+)obj=document.getElementById(cate_+id+i);img=document.getElementById(img_+id+i);if(obj & obj.style.display=none)obj.style.display=;img_re=new RegExp(_open.gif$);img.src=img.src.replace(img_re,_fold.gif);deployitem=userdeploy+ntt;SetCookie(deploy,deployitem);function SetAllDeploy()var deployitem=FetchCookie(deploy);var admin_start;var userdeploy=;var admindeploy=;var i;admin_start= deployitem ? deployitem.indexOf(n) : -1;if(admin_start!=-1)userdeploy=deployitem.substring(0,admin_start);for(i=0;istart ? end : document.cookie.length);2.网站首页代码：   3.部分CSS代码：.yToolbarTABLE.ToolbarBORDER-RIGHT: #F8FCF8 1px solid;TABLE.Toolbar TDBACKGROUND-COLOR: #D0D0C8;BORDER-BOTTOM: #8080801px solid;BORDER-RIGHT: #808080 1px solid;BORDER-TOP:#F8FCF81px solid;HEIGHT: 27px;LEFT: 0px;POSITION: relative;TOP: 0px;.BtnBACKGROUND-COLOR: #D0D0C8;BORDER-BOTTOM: #D0D0C8 1px solid;BORDER-LEFT: #D0D0C8 1pxsolid;BORDER-RIGHT: #D0D0C8 1px solid;BORDER-TOP:#D0D0C8 1px solid;HEIGHT: 21px;POSITION: absolute;TOP: 1px;WIDTH: 21px;filter:gray;.TBSepBORDER-LEFT: #808080 1px solid;BORDER-RIGHT: #F8FCF8 1px solid;FONT-SIZE: 0px;HEIGHT: 20px;POSITION: absolute;TOP: 1px;WIDTH:1px.TBGenFONT: 8pt arial,sans-serif;HEIGHT: 20px;POSITION: absolute;TOP: 2px.TBHandleBACKGROUND-COLOR: #D0D0C8;BORDER-LEFT: #F8FCF8 1px solid;BORDER-RIGHT: #808080 1px solid;BORDER-TOP:#F8FCF81px solid;FONT-SIZE: 1px;HEIGHT: 20px;POSITION: absolute;TOP: 1px;WIDTH: 3px.IcoHEIGHT: 20px;LEFT: -1px;POSITION: absolute;TOP: -1px;WIDTH: 20px.BtnMouseOverUpBACKGROUND-COLOR: #B5BED6;BORDER-BOTTOM: #08246B1px solid;BORDER-LEFT: #08246B 1px solid;BORDER-RIGHT: #08246B 1px solid;BORDER-TOP:#08246B1px solid;HEIGHT: 21px;POSITION: absolute;TOP: 1px;WIDTH: 21px.BtnMouseOverDownBACKGROUND-COLOR: #8492B5;BORDER-BOTTOM: #08246B 1px solid;BORDER-LEFT: #08246B 1px solid;BORDER-RIGHT: #08246B 1px solid;BORDER-TOP:#08246B 1px solid;HEIGHT: 21px;POSITION: absolute;TOP: 1px;WIDTH: 21px.BtnDownBACKGROUND-COLOR: #DCDCDC;BORDER-BOTTOM: #F8FCF8 1px solid;BORDER-LEFT: #808080 1px solid;BORDER-RIGHT: #F8FCF8 1px solid;BORDER-TOP:#808080 1px solid;HEIGHT: 21px;POSITION: absolute;TOP: 1px;WIDTH: 21px.IcoDownHEIGHT: 21px;LEFT: 0px;POSITION: absolute;TOP: 0px;WIDTH: 21px.IcoDownPressedLEFT: 1px;POSITION: absolute;TOP: 1pxBODYBACKGROUND-COLOR:#FFFFFF;MARGIN: 0px;PADDING: 0px;SELECT BACKGROUND: #eeeeee; FONT: 8pt verdana,arial,sans-serifTABLE POSITION: relative.Composition BACKGROUND-COLOR: #cccccc; POSITION: relative.ContextMenuDiv border-top:buttonface 1px solid;border-left:buttonface 1px solid;border-bottom:windowframe 1px solid;border-right:windowframe 1px solid;.ContextMenuTable border-top:window 1px solid;border-left:window 1px solid;border-bottom:buttonshadow 1px solid;border-right:buttonshadow 1px solid;.ContextMenuMouseOver background-color:highlight;color:highlighttext;font-size: 12px;cursor:default;font-size: 12px;.ContextMenuMouseOut background-color:buttonface;color:buttontext;font-size: 12px;cursor:default;font-size: 12px;.ContextMenuLeftBg background-color:#0072BCTABLE.StatusBarBORDER-RIGHT: #808080 1px solid;BORDER-BOTTOM: #8080801px solid;BACKGROUND-COLOR: #D0D0C8;TD.StatusBarBtnOff padding:1px 5px;border:1px outset;cursor:pointer;TD.StatusBarBtnOn padding:1px 5px;border:1px inset;background-color: #EEEEEE;实验结果：将项目放到D盘目录下，右击我的电脑，选择管理服务和应用程序internet信息服务网站，右击默认网站，选择新建虚拟目录，建好之后选择D盘的项目，直接运行admin.asp（前台），后台