网页设计与制作课程设计图书在线系统（5篇范例）

第一篇：网页设计与制作课程设计图书在线系统

网页设计与制作

题目：图书在线系统

学生姓名 学班成号 级 绩

指导教师

管理系

2011 年 6 月 14 日

目录

一、目的和意义..........................................................................................二、题目和要求..........................................................................................三、内容.......................................................................................................3.1图书在线系统的介绍.........................................................................................3.2网站功能的实现(图表)......................................................................................3.3网站重要页面的代码.........................................................................................3.4网站的维护与使用.............................................................................................四、成果以及心得..................................................................................19

一、目的和意义

检验学生对本课程的最终学习效果，加深对网页设计与制作的基本知识的理解，网页设计与制作技能综合运用和提高，通过真实工作任务，使学生能设计出有一定水平的网页并解决培养解决实际问题的能力，掌握实际网页设计与制作开发流程和开发方法。

具体应达到以下目的：

1．提高学生在实际操作中收集信息，对信息进行价值判断，进行信息整理、加工的能力。

2．在实际的项目任务中培养网页设计方面的素养。

3．在实际的项目任务中使学生网页编程和制作的能力得到提高。4．培养学生团队协作和人际交往方面的能力。5.培养相关知识和技能的综合应用能力。

二、题目和要求

应从专业网站建设的实际出发。具体要求如下： 1.网站的选题自选。

2.站点设计合理、管理有序、无多余文件和文件夹、大小合适。首页命名要规范，存放位置要正确，不可以是zhuye.htm、main.htm、我的主页.htm等。主页文件名应该使用index或default等。其他文件或文件名命名也要规范，不使用汉字或带有空格的名称。最好是符合各种系统命名规则。

3.站点至少要有三层结构，页面数不得少于8页；其中一页必须是留言板； 4.自选主题，主题内容要合法、健康、实用。5.网页要有版权说明；

6.要仔细考虑网站定位。分析面向的潜在访客群体的需求特点，选择内容和版式。7.网站主题突出、内容丰富；

8.网站与网页风格应该协调一致，网站结构应层次分明，内容重点突出，页面设计要符合追求色彩的搭配、布局和合理性，以及要有一定的创意。

9.各页面设计合理、美观，有创意。图片动画选用要适合主题，不要在网页中插入不相干的图片。适用于各种显示器的分辨率和颜色。不要太宽，否则显示器分辨率小时会出现水平滚动条。

10.各个页面之间的链接要合理有效，路径要正确（相对路径）； 11.注意网站的大小，图片保存格式和图片大小要合适； 12.代码结构清晰，无垃圾代码

三、内容

3.1图书在线系统的介绍

本在线系统，的主要作用就是用来管理的出售图书的，它的主页面有2个其中后台服务一个，前台服务一个，二级页面有4个，还有部分三级页面，主要能实现图书的在线购买，查询等功能。后台能实现图书数据库的管理，可以浏览、修改、添加、删除图书，还可实现会员的管理，与ACCESS数据库连接。3.2网站功能的实现(图表)3.3网站重要页面的代码

图一所示，是网页的主页面，前台。

（一）、网站的前台

可实现在线购买，用户登录，用户名申请，用户注册，管理员登陆，图书的分类查询，留言管理等功能。

设计代码如下：

<%@ language=vbscript %> <% option explicit

session(“salecomplete”)= false dim connstr,conn,rs,sql,mode,itemno

connstr=“dbq=”+server.MapPath(“mdb/bookshop.mdb”)+“;defaultdir=;driver={microsoft)

conn.Open connstr set

rs=server.CreateObject(”adodb.recordset“)

sql=”select * from book“ access driver(*.mdb)};”

set

conn=server.CreateObject(“adodb.connection” rs.open sql,conn,1,1 %>

name=“ProgId” content=“FrontPage.Editor.Document”>

width=“426” color=“white”

购买“%>

<% rs.MoveNext loop %>

width=”510“ bgcolor=”#008080“ style=”BACKGROUND-COLOR: style=“BACKGROUND-COLOR: #6699cc”>书籍一览 <% do while not(rs.EOF or err)%> <% if rs(“photo”)<>“" then response.write ”“%>
书名：<%=rs(1)%>

作

者

：<%=rs(”author“)%>
单价：<%=rs(3)%>
简介：<%=rs(”memo")%>

第二篇：网页设计与制作课程设计

一、设计目的

通过一个月的网页设计学习，设计一个简单的网站来检测自己的学习成果，看看哪些东西还没有掌握，需要进一步的去巩固！网页的设计区别于实体化的一些东西，其多为多媒体的存在，意味着它可以容纳更多的信息以及更多的展示形式，网页设计则要求设计者具备一些特殊技能以营造特定浏览情景。网页设计可以在短时间内增强我们的洞察力以更好察觉使用者的兴趣点，只有这样才能满足他们的需要。

二、设计要求

运用所学的知识设计一个简单的网站，类型不限

三、需求分析

网页设计是将技术性与艺术性融为一体的创造性活动。网页设计是以功能行为第一指导原则，以技术因素为主要考虑对象，以完成或实现必要的功能为目标。近几年随着网络的发展而逐渐受到人们的重视，它本身已网络为载体，把各种信息以快捷、方便的方式传达给受众，在这种标准的要求下，逐步产生了审

美需求和功能需求等。人们对美的追求是不断深入的，网页设计同样如此。如何使受众能更好的和有效率地接受网页上的信息，这就需要从审美方面入手。网页设计的审美需求是对视觉设计美学的一种继承和延伸，两者的表现形式和目的都有一定的相似性。

网页设计的主题为我的篮球网，它是我根据自己的兴趣做出来的网站，内容非常简单，但却富有深意！它融合了当今大多数青少年朋友的兴趣爱好，可以说是一个大众化的网站！

四、制作过程的内容及结果

1、网站目录

打开dreamweaver cs4，建立站点，放到F盘里，在目录下有images(包括图片、flash)、scripts、shipin、web（建立的网站）文件夹。如下图示：

2、我的篮球网（首页）

主要代码：