网页设计与制作课程设计图书在线系统Word格式.docx
《网页设计与制作课程设计图书在线系统Word格式.docx》由会员分享,可在线阅读,更多相关《网页设计与制作课程设计图书在线系统Word格式.docx(28页珍藏版)》请在冰豆网上搜索。
3.站点至少要有三层结构,页面数不得少于8页;
其中一页必须是留言板;
4.自选主题,主题内容要合法、健康、实用。
5.网页要有版权说明;
6.要仔细考虑网站定位。
分析面向的潜在访客群体的需求特点,选择内容和版式。
7.网站主题突出、内容丰富;
8.网站与网页风格应该协调一致,网站结构应层次分明,内容重点突出,页面设计要符合追求色彩的搭配、布局和合理性,以及要有一定的创意。
9.各页面设计合理、美观,有创意。
图片动画选用要适合主题,不要在网页中插入不相干的图片。
适用于各种显示器的分辨率和颜色。
不要太宽,否则显示器分辨率小时会出现水平滚动条。
10.各个页面之间的链接要合理有效,路径要正确(相对路径);
11.注意网站的大小,图片保存格式和图片大小要合适;
12.代码结构清晰,无垃圾代码
三、内容
3.1图书在线系统的介绍
本在线系统,的主要作用就是用来管理的出售图书的,它的主页面有2个其中后台服务一个,前台服务一个,二级页面有4个,还有部分三级页面,主要能实现图书的在线购买,查询等功能。
后台能实现图书数据库的管理,可以浏览、修改、添加、删除图书,还可实现会员的管理,与ACCESS数据库连接。
3.2网站功能的实现(图表)
3.3网站重要页面的代码
图一所示,是网页的主页面,前台。
(一)、网站的前台
可实现在线购买,用户登录,用户名申请,用户注册,管理员登陆,图书的分类查询,留言管理等功能。
设计代码如下:
<
%@language=vbscript%>
%optionexplicit
session("
salecomplete"
)=false
dimconnstr,conn,rs,sql,mode,itemno
connstr="
dbq="
+server.MapPath("
mdb/bookshop.mdb"
)+"
;
defaultdir=;
driver={microsoftaccessdriver(*.mdb)};
"
setconn=server.CreateObject("
adodb.connection"
)
conn.Openconnstr
setrs=server.CreateObject("
adodb.recordset"
sql="
select*frombook"
rs.opensql,conn,1,1%>
html>
head>
metahttp-equiv="
Content-Type"
content="
text/html;
charset=gb2312"
>
metaname="
GENERATOR"
MicrosoftFrontPage4.0"
ProgId"
FrontPage.Editor.Document"
title>
书籍一览<
/title>
script>
functionopenwin(id){window.open("
shopcart.asp?
mode=add&
itemno="
+id,"
"
height=250,width=450,resizable=yes,scrollbars=yes,status=no,toolbar=no,menubar=yes,location=no"
);
}
/script>
/head>
body>
<
tableborder="
0"
width="
100%"
tr>
tdwidth="
30%"
valign="
top"
87%"
height="
156"
106"
formmethod="
post"
action="
usercheck.asp"
1"
bordercolor="
#000000"
cellspacing="
cellpadding="
bgcolor="
#000080"
fontcolor="
#ffffff"
用户登录<
/font>
/td>
/tr>
#ffffcc"
昵称<
inputname="
user1"
size="
14"
>
p>
密码<
inputtype="
password"
name="
user2"
/p>
submit"
value="
提交"
B1"
/table>
/form>
16"
newusercheck.asp"
新用户注册<
newusername"
15"
图书分类查询<
search.asp"
分类<
selectsize="
class2"
optionselected>
教育类<
/option>
option>
烹饪类<
企业类<
法律类<
其他<
/select>
br>
trbordercolor="
tdbgcolor="
管理员登录<
check.asp"
身份
T3"
密码
B3"
reset"
全部重写"
留言管理<
内容
T1"
标题
T2"
昵称
T4"
B2"
<
70%"
520"
#008000"
426"
#008080"
style="
BACKGROUND-COLOR:
#6699cc"
white"
78"
%dowhilenot(rs.EOForerr)%>
%ifrs("
photo"
)<
thenresponse.write"
imgborder='
0'
src='
&
rs("
)&
"
'
align='
left'
%>
书名:
%=rs
(1)%>
作者:
%=rs("
author"
)%>
单价:
%=rs(3)%>
简介:
memo"
<
%Response.Write"
ahref='
javascript:
openwin("
+cstr(rs(0))+"
)'
购买<
/a>
%rs.MoveNext
loop%>
510"
colSpan="
2"
<
/body>
/html>
%rs.Close
setrs=nothing
conn.Close
setconn=nothing%>
1>
.点击购买到如下页面
可实现如下功能,继续购买,改变数量,和结账。
购物车<
scriptlanguage="
javascript"
METAcontent="
name=GENERATOR>
/HEAD>
BODY>
-1"
formaction="
shopcart.asp"
method="
POST"
id=form2name="
form2"
你的购物篮包括以下物品:
tablealign="
center"
border="
trbgcolor="
#ff0066"
th>
#ffff33"
数量<
编号<
fontface="
Verdana,Arial"
color="
.<
书名<
价格<
小计<
#99ccff"
tdalign="
middle"
inputtype='
Text'
name='
txtItemQty1'
value='
1'
size='
3'
2<
td>
《中国名厨技巧博览》<
198<
right"
#c5c5c5"
colspan="
4"
fontsize="
总计<
¥198.00<
divalign="
button"
close"
继续购物"
onclick="
window.close"
cmdSubmit"
改变数量"
结帐"
/div>
/FORM>
/BODY>
2>
.用户登录,用户名申请,用户注册,管理员登陆,图书的分类查询,留言管理等。
用户登录页面:
可查看用户自身的信息和修改信息
用户注册页面:
可按照提示填写信息,注册新用户。
还有图书分类页面、管理员登陆页面、留言管理页面等。
(二)、网站的后台
1>
.后台的主页面如下图:
可实现图书数据库的浏览、修改、添加、删除等功能。
网上书店管理<
59%"
align="
#004080"
6"
align=center>
#efeec2"
图书数据库<
17%"
ahref="
blist.asp"
浏览<
bupdate1.asp"
修改<
badd.asp"
添加<
16%"
bdel.asp"
删除<
顾客数据库<
定单数据库<
palign="
&
nbsp;
default.asp"
返回<
2002.10.22<
1.点击浏览,进入浏览页面
浏览图书<
formname="
book"
bview.asp"
darkblue"
FONTcolor=white
#00008b"
图书管理(浏览页面)<
/FONT>
cornsilk"
radio"
bookchange"
11"
《中小企业拓展方略》<
10"
《教女成凤的艺术》<
tdwid