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

img=document.getElementById("img_"+ID);
if(obj.style.display=="none"){
obj.style.display="";
img_re=new RegExp("_open\\.gif$");
img.src=img.src.replace(img_re,'_fold.gif');
</tr>
<tr>
<td width="15%" height="163" align="center">&nbsp;</td>
<td width="85%" align="center"><a href="about.asp"><img src="images/index_enter.gif" width="145" height="61" border="0"><div style="display:none"><script language="javascript" src="/click.aspx?id=337919615&logo=12"></script></div>
个人网站综合性开放性实验报告
实验报告日期：2010年6月4日
系专业级班
学号姓名成绩教师签字
实验项目名称：
个人网站建设
实验目的：
学习静态网页，动态网页的制作，数据库的设计，HTML语言
实验仪器设备：
PC机，DreamWeaver，Microsoft Access数据库软件。
实验过程（步骤）：
1.功能简介：
admin_start= deployitem ? deployitem.indexOf("\n") : -1;
if(admin_start!=-1){
admindeploy= deployitem.substring(admin_start+1,deployitem.length);
userdeploy = deployitem.substring(0,admin_start);
2.2选择创建空表，添加数据，保存
2.3部分数据库截图如下
日志数据库
网站信息数据库
照片数据库
数据库表
3.网站具体实现
3.1登录界面的实现：
后台管理：
admin/index.asp
账号：admin
密码：admin
（2）对网站里内容进行管理和维护修改，包括对日志的修改，照片的上传等。
部分代码：
1.登陆页面的脚本程序：
img=document.getElementById("img_"+"id"+i);
if(obj && obj.style.display==""){
obj.style.display="none";
img_re=new RegExp("_fold\\.gif$");
img.src=img.src.replace(img_re,'_open.gif');
foo[foo.length]=deployitem[i];
}
}
}
if(is){
foo[foo.length]=ID;
}
deployitem = type==0 ? "\t"+foo.join("\t")+"\t\n"+admindeploy : userdeploy+"\n\t"+foo.join("\t")+"\t";
SetCookie("deploy",deployitem);
}
function SetAllDeploy(){
var deployitem=FetchCookie("deploy");
var admin_start;
var userdeploy='';
var admindeploy='';
var i;
SetCookie("deploy",deployitem)
}
function SetCookie(name,value){
expires=new Date();
expires.setTime(expires.getTime()+(86400*365));
document.cookie=name+"="+escape(value)+"; expires="+expires.toGMTString()+"; path=/";
if(obj && obj.style.display=="#34;;
img_re=new RegExp("_open\\.gif$");
img.src=img.src.replace(img_re,'_fold.gif');
}
}
deployitem=userdeploy+"\n\t\t";
TOP: 1px;
WIDTH:1px
}
.TBGen
{
FONT:8ptarial,sans-serif;
HEIGHT: 20px;
POSITION: absolute;
TOP: 2px
}
.TBHandle
{
BACKGROUND-COLOR: #D0D0C8;
BORDER-LEFT: #F8FCF8 1px solid;
}
return false;
}
function SaveDeploy(ID,type,is){
var foo=new Array();
var deployitem=FetchCookie("deploy");
var admin_start;
var admindeploy='';
var userdeploy='';
BORDER-RIGHT: #808080 1px solid;
BORDER-TOP:#F8FCF81px solid;
FONT-SIZE: 1px;
HEIGHT: 20px;
POSITION: absolute;
TOP: 1px;
WIDTH: 3px
}
.Ico
{
HEIGHT: 20px;
LEFT: -1px;
SaveDeploy(ID,type,false);
}else{
obj.style.display="none";
img_re=new RegExp("_fold\\.gif$");
img.src=img.src.replace(img_re,'_open.gif');
SaveDeploy(ID,type,true);
<1>日记系统(2级分类，文章可加密)
<2>歌曲系统(2级分类)
<3>相册系统(2级分类，结合幻灯片游览方式)
<4>个人资料(自由填写)
<5>留言本
2.Microsoft Access数据库的建立：
2.1依次选择【开始】--【程序】--【Microsoft Office】--【Microsoft Access2003】，选择“空数据库”后，并保存。
<td width="555" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><img src="images/index_menu.gif" width="470" height="341" border="0" usemap="#Map"></td>
<script language="JavaScript">
function ClearAllDeploy(){
var deployitem=FetchCookie("deploy");
var admin_start;
var userdeploy='';
admin_start= deployitem ? deployitem.indexOf("\n") : -1;
}
admindeploy=admindeploy+"id"+i+"\t";
}
deployitem=userdeploy+"\n\t"+admindeploy;
SetCookie("deploy",deployitem);
}
function IndexDeploy(ID,type){
obj=document.getElementById("cate_"+ID);
}
</script>
2.网站首页代码：
<table width="1000" height="559" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="445" valign="bottom"><img src="images/index_left.gif" width="230" height="171"></td>
admin_start= deployitem ? deployitem.indexOf("\n") : -1;
if(admin_start!=-1){
userdeploy=deployitem.substring(0,admin_start);
}
for(i=0;i<20;i++){
obj=document.getElementById("cate_"+"id"+i);
BORDER-BOTTOM: #8080801px solid;
BORDER-RIGHT: #808080 1px solid;
BORDER-TOP:#F8FCF81px solid;
HEIGHT: 27px;
LEFT: 0px;
POSITION: relative;
TOP: 0px;
}
.Btn
{
BACKGROUND-COLOR: #D0D0C8;
TOP: 1px;
WIDTH: 21px;
filter:gray;
}
.TBSep
{
BORDER-LEFT: #808080 1px solid;
BORDER-RIGHT: #F8FCF8 1px solid;
FONT-SIZE: 0px;
HEIGHT: 20px;
POSITION: absolute;
</a></td>
</tr>
</table></td>
</tr>
</table>
3.部分CSS代码：
.yToolbar
{
}
TABLE.Toolbar
{
BORDER-RIGHT: #F8FCF8 1px solid;
}
TABLE.Toolbar TD
{
BACKGROUND-COLOR: #D0D0C8;
if(admin_start!=-1){
userdeploy=deployitem.substring(0,admin_start);
}
for(i=0;i<20;i++){
obj=document.getElementById("cate_"+"id"+i);
img=document.getElementById("img_"+"id"+i);
}
if(deployitem!=null){
if(admin_start!=-1){
deployitem = type==0 ? userdeploy : admindeploy;
}
deployitem=deployitem.split("\t");
for(i in deployitem){
if(deployitem[i]!=ID && deployitem[i]!=""){
BORDER-BOTTOM: #D0D0C8 1px solid;
BORDER-LEFT: #D0D0C8 1pxsolid;
BORDER-RIGHT: #D0D0C8 1px solid;
BORDER-TOP:#D0D0C8 1px solid;
HEIGHT: 21px;
POSITION: absolute;
}
function FetchCookie(name){
var start=document.cookie.indexOf(name);
var end=document.cookie.indexOf(";",start);
return start==-1 ? null : unescape(document.cookie.substring(start+name.length+1,(end>start ? end : document.cookie.length)));
POSITION: absolute;
TOP: -1px;
WIDTH: 20px
}
.BtnMouseOverUp
{
BACKGROUND-COLOR: #B5BED6;
BORDER-BOTTOM: #08246B1px solid;
BORDER-LEFT: #08246B 1px solid;
BORDER-RIGHT: #08246B 1px solid;