网页设计报告
设计题目:动态网页
专 业 计算机科学与技术
班 级 网络092班
学 号 200916021111__
学生姓名
指导教师
教师评分
20##年6月6日
目录
1.概述................................................................................................................... 1
1.1目的....................................... 1
1.2主页界面................................... 1
2网页制作的内容................................ 1
2.1网页组成................................... 1
2.2主要页面代码(主页)........................ 5
3涉及到的Javascript代码和界面................ 38
代码:........................................ 39
4遇到的问题及解决方案......................... 49
5体会收获及建议............................... 49
1.概述
1.1目的
学习动态网页制作基础知识。
学习Editplus软件的应用。
学习PHP制作
1.2主页界面
2数据库搭建
3.1用户注册
3.2用户登录
用刚才新注册的用户登录:
用户名:wwj
密码:123
登录信息:
3.3用户信息管理
修改用户信息:
姓名:wwj改为wwj1
密码:123改为1234
其他信息自由修改,完成后提交。
得到提示:
用原用户登录:
得到提示:
用修改后用户登录:
登录成功!
用户注销(用户删除):
再登录此用户得到提示:
3.4留言板功能
输入信息:
4主要页面代码(主页)
<html><head>
<meta http-equiv="ImageToolbar" content="No"><meta name="MSSmartTagsPreventParsing" content="True"><meta http-equiv="Expires" content="0"><meta http-equiv="Pragma" content="No-Cache"><meta http-equiv="Cache-Control" content="No-Cache,Must-Revalidate,No-Store">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>欢迎来到卡通中心</title>
<link href="image/style.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.STYLE2 {font-size: x-large}
-->
</style>
</head><body>
<table width="931" align="center" border="0" cellpadding="0" cellspacing="0">
<!--Top Panel Start-->
<tbody><tr>
<td class="topPanelBg" valign="top" align="left">
<table width="914" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td class="headerbg" valign="top" align="left"><table width="548" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td valign="top" align="left">
<ul class="topnav">
<li><a href="#" title="Home" class="active STYLE2">主页</a></li>
<li><a href="../regist.php" title="About Us" class="STYLE2">加入我们</a></li>
<li><a href="../liuyan.php" title="Service" class="STYLE2">留言板</a></li>
<li><a href="#" title="News" class="STYLE2">新闻</a></li>
</ul> </td>
</tr>
<tr>
<td class="logopadding" valign="top" align="left"><a href="#"><img src="image/10090721588463d7bfcbf55462[1].jpg" width="546" height="269" /></a></td>
</tr>
<tr>
<td class="headertxt" valign="top" align="left"><span class="homedelivery">欢迎来到动漫交流中心</span><span class="small">Welcome to the anime exchange center
</span></td>
</tr>
<tr>
<td valign="top" align="left"> </td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td class="bodypanelpadding" valign="top" align="left">
<table width="880" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td valign="top" align="left">
<table width="880" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td valign="top" width="516" align="left">
<table width="505" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="505" align="left" valign="top" class="welcomePanelPadding">
<table width="495" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="495" align="left" valign="top" class="welcome"> </td>
</tr>
<tr>
<td height="109" align="left" valign="top" class="welTxt"><form name="loginform" method="post" action="login.php">
<table border="1" width="357">
<tr>
<td colspan="2" height="60" align="center"> <h2 align="center">会员登录 </h2> </td>
</tr>
<tr>
<td width="96" height="30">用户名 </td>
<td width="245"> <input name="loginname" type="text"> </td>
</tr>
<tr>
<td width="96" height="30">密码 </td>
<td> <input name="password" type="password"> </td>
</tr>
<tr>
<td colspan="2" height="60" align="center"><input type="submit" value="登 陆"></td>
</tr>
</table>
</form></td>
</tr>
<tr>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td valign="top" align="left">
<table width="493" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="493" align="left" valign="top" class="foodgallertopbg">美图欣赏</td>
</tr>
<tr>
<td class="foodgallerBotbg" valign="top" align="left">
<table width="493" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td valign="top" width="144" align="left">
<table width="144" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td class="specialimg" valign="top" align="center"><img src="image/63268_1260339040eEuv[1].jpg" width="144" height="95"></td>
</tr>
<tr>
<td class="speciallink" valign="top" align="center"><a href="image/63268_1260339040eEuv[1].jpg">下载</a></td>
</tr>
</tbody></table>
</td>
<td valign="top" width="30" align="left"> </td>
<td valign="top" width="144" align="left">
<table width="144" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td class="specialimg" valign="top" align="center"><img src="image/1009072158e4deb136d064d1ef[1].jpg" width="144" height="95"></td>
</tr>
<tr>
<td class="speciallink" valign="top" align="center"><a href="image/1009072158e4deb136d064d1ef[1].jpg">下载</a></td>
</tr>
</tbody></table>
</td>
<td valign="top" width="31" align="left"> </td>
<td valign="top" width="144" align="left">
<table width="144" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td class="specialimg" valign="top" align="center"><img src="image/19300001376434132013367575480[1].jpg" width="144" height="95"></td>
</tr>
<tr>
<td class="speciallink" valign="top" align="center"><a href="image/19300001376434132013367575480[1].jpg">下载</a></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
<td valign="top" width="13" align="left"> </td>
<td valign="top" width="351" align="left">
<table width="298" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td class="newsPPadding" valign="top" align="left">
<table width="341" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="341" align="left" valign="top" class="welcome"><span>动漫介绍</span>Anime introduced</td>
</tr>
<tr>
<td class="newsimgpanelpadding" valign="top" align="left">
<table width="298" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td valign="top" width="82" align="left"><img src="image/fd39bc3f8a262a1b70cf6ce2[1].jpg" width="100" height="157"></td>
<td valign="top" width="216" align="left">
<table width="234" height="96" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="234" align="left" valign="top" class="newsTxt"><p align="center" class="welcome"><b>海贼王</b></p>
<p align="left">路飞所生长的小村庄里曾经是一群以“红发香克斯”为首的海盗们的暂居地,而小小的路飞一直希望自己可以成为他们的一员,可惜,在一次非常意外的情况下,他吃了一种叫做“橡皮果实”的恶魔果实而变成了橡皮人,恶魔果实给予了他奇特的本领,但是吃了恶魔果实的人是再也无法学会游泳的…… “没有关系,我只要不掉到海里去就行了……”天性乐观单纯的路飞并没有放弃他的海盗之路,他和香克斯约好,总有一天他会集齐伙伴,成为海贼王。 </p>
</td>
</tr>
<tr>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td class="newsimgpanelpadding" valign="top" align="left">
<table width="298" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td valign="top" width="82" align="left"><img src="image/4a77b2afd67ac9fc7dd92a7d[1].jpg" width="100" height="189" align="absmiddle"></td>
<td valign="top" width="216" align="left">
<table width="236" height="98" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="236" align="left" valign="top" class="newsTxt"><p align="center" class="welcome"><b>火影忍者</b></p>
<p>从小身上封印着邪恶的九尾妖狐,无父无母的鸣人受尽了村人的冷落。但是他却不知道原因,只是拼命用各种恶作剧试图吸引大家的注意力,人们却反而更远离他。好在还有依卡鲁老师关心他,鸣人的性格才没有变得扭曲。他总是干劲十足,嘻嘻哈哈,超级乐观。为了让更多的人认可自己,鸣人的目标是——成为第六代火影!这可是很高的目标哦,火影是世上最强的五位忍者之一的封号,也是木叶忍者村的首领。鸣人可不管,对于自己终有一天能成为火影,他可是超级自信的哦。努力吧,鸣人!</p>
<p> </p></td>
</tr>
<tr>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td valign="top" align="left">
<table width="298" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td class="homedelivery" valign="top" align="left">作者介绍</td>
</tr>
<tr>
<td class="homedelheading" valign="top" align="left">岸本齐史——火影之父</td>
</tr>
<tr>
<td valign="top" align="left">
<table width="298" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td valign="top" width="155" align="left"><img src="image/0d968f2308c2167ead34deff[1].jpg" width="164" height="200"></td>
<td class="homedeliveryTxt" valign="top" align="left">岸本齐史是日本JUMP系新锐漫画家、火影之父。1974年11月8日出生在冈山县胜田郡奈义町,双生子中的哥哥,其弟岸本圣史。<br></td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td class="homedeliveryBotTxt" valign="top" align="left"> </td>
</tr>
<tr>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td class="quotedTxt" valign="top" align="left"> </td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<!--Top Panel End-->
<!--Footer Panel Start-->
<tr>
<td class="footerpadding" valign="top" align="left"> </td>
</tr>
<!--Footer Panel End-->
</tbody></table>
<!--Protected by Encrypt HTML Pro, MTop, Software Inc.--></body></html>
5遇到的问题及解决方案
第一次制作PHP动态网页,遇到的问题很多,特别是用用到PHPadmin的应用。开始的时候数据库制作发现自己对数据库知识的储备不够,导致在数据表建立的时候有很多不对的地方,再进行数据库的连接时更是发生数据方面的错误。这些问题很难解决,因为都是小的地方的错误,查找起来很困难。还有就是PHP动态网页的代码集合不是很熟练,有些地方没有很好的实现其功能。
6体会收获及建议
通过此次的网页制作,自己感触很深,平时只是听导师上课讲解各种运用到的技术,感觉不直观,但是当自己亲手开始制作网页时才发现网页制作有很多艰辛和不容易。但是我们应该感谢老师授予我们的网页知识,虽然可能只是网页制作中的一些基础知识,但是他激发了我们对网页设计制作的兴趣,从而让我们能从中发现问题并解决问题。我感觉这次网页制作将给我以后从事这方面工作的时候打下牢实基础。动态网页确实学习起来还是比较困难的,因此我们还要在以后的生活学习中不断积累知识。