课 程 设 计 报 告

课程设计名称： 制作网站

系 别： 计算机

班 级： 2班

学 号： ****

成 绩：

开 课 时 间： 8月29日 ——9月9日

课程设计题目

一、功能描述 ……………………………………………………………………… 1

1.需求分析…………………………………………………………………… 1

2.基本功能…………………………………………………………………… 2

3.功能图……………………………………………………………………… 2

4.系统流程分析……………………………………………………………… 3

5.性能需求…………………………………………………………………… 3

二、设计思路 ……………………………………………………………………… 5

三、具体实现 ……………………………………………………………………… 7

1．数据库设计及实现………………………………………………………… 7

2．建立网站代码……………………………………………………………… 8

四、程序运行截图………………………………………………………………… 12

1．系统首页截图…………………………………………………………… 12

2．系统管理员登陆………………………………………………………… 13

3．系统后台首页…………………………………………………………… 13

4．添加新闻内容…………………………………………………………… 14

小 结 ………………………………………………………………………… 15

参考文献 …………………………………………………………………… 16

一、功能描述

1.需求分析

随着中国改革开放的推进以及二十多年的经济高速增长，中国居民收入大幅度增加。农村居民家庭人均纯收入20##年达到了2366．4元，较1978年增加了4倍，年平均增加速度为7.28％；城镇居民家庭人均可支配收入20##年达到了6859.6元，较1978年增加了3.16倍，年平均增加速度为6.4％。大城市居民收入的增加速度更快。城镇居民的消费支出中吃、穿的比重逐年降低，而用于医疗保健、交通通讯、娱乐教育文化服务、居住的部分逐年上升。城乡居民储蓄20##年底达到73762．4亿元，目前已超过了80000亿元，且每年储蓄的增幅都在增加。中国已经发展成为一个极具潜力的汽车消费市场。估计目前我国有购车能力的家庭达到700万户，20##年更将达到4200万户。到20##年，中国有可能成为全球仅次于美国和日本的第三大汽车市场。

随着互联网宽带和技术应用的成熟，可以预见，电子商务将成为互联网普及应用的主流，必将影响着千家万户的生活和经济行为，并日益成为社会商业活动的重要形式。

纵观国内互联汽车网站，中国汽车网、太平洋汽车网、中国汽车新网和三大门户网站的汽车网为B2C电子商务汽车网的主要集散地，占据了网上汽车商务大部分份额。此外，国内仍然还有几百家小型B2C汽车网站，受规模和能力限制，发展缓慢，步履维艰，艰难的维持现状，并残酷地争夺着剩下为数不多的份额。更有甚者，许多拥有丰富资源信息，希望通过互联网开展汽车网上商务的却苦于无法找到进入B2C电子商务的门槛，或对互联网的泡沫经济心有余悸而不得作罢。然而消费者若进行网上浏览选购时却又发现，很多汽车网中相关车型数据介绍仍然嫌少（很多只是提供汽车行业中的新闻），不能及时找到自己想了解的车型参数或经销商介绍。

该网站广州本田汽车销售网站，正在开发特色网站栏目。通过特色栏目来吸引广大的汽车爱好者，和汽车经销商厂商的关注。避开其他汽车网站的锋芒，形成自己的品牌和服务壁垒，提高准入难度，保持现有优势，确保业绩稳中有升。

2.基本功能

本网站分为网站首页、诚信服务、二手车专区、关于我们、会员专区、留言板、全车体系、新闻中心等几个功能模块。

1.网站首页：

2.诚信服务：

3.二手车专区：

4.关于我们：

5.会员专区：

6.留言板：

7.全车体系：

8.新闻中心：

3.功能图

4.系统流程分析

刚开始进入登陆界面 登陆账号进入主页面

主页面可以看到相关资料

想找一些主页面上没有的东西 可以搜索一下相关资料

5性能需求

广州本田汽车有限公司从1998年成立以来就坚持同步引进本田公司的先进技术，传承“安全共存”（Safety for Everyone）的理念，不断提升车辆安全性，为用户带来安心的驾乘享受。20##年4月，在深入了解用户需求的基础上，依靠着完备造车理念和先进制造工艺，广州本田推出了一款全新的时尚精巧型都市轿车——思迪)（CITY）。

主动安全方面

思迪轿车在主动安全方面装备齐全，拥有ABS防抱死制动系统和EBD电子制动力分配系统，通过电子传感器自动感应及调节前后车轮制动力的分配，使操纵制动更稳健可靠。EPS电动助力转向系统能在各种行驶工况下提供最佳的助力，减小由路面不平所引起的转向系统的扰动，改善汽车的转向特性。此外，思迪（CITY）轿车还拥有前后雾灯、高位制动灯、防炫目内后视镜和驾驶员车窗防夹功能等主动安全装备。

被动安全：独门绝学G-CON安全技术

G-CON安全技术是本田公司独创的安全技术。通过在碰撞发生时，对乘员/行人及车辆的冲击力（G）进行控制，从而达到降低人员所受伤害的目的。车辆在意外碰撞发生时会产生各种作用力，为了提升车辆的安全性，就必须针对各种碰撞冲击力作适当的控制，才能有效地保障乘员/行人的安全，将伤害降到最低的程度。G-CON技术是一项提升汽车安全性、保障车内乘员安全的同时兼顾行人安全的车体安全技术，涵盖了碰撞安全车身、安全气囊技术和行人保护等相关技术。 二 设计思路

1、客户需求分析

2 、网站表现形式分析：

1）网站整体风格：

2)网页设计理念：

3）网站配色方案

4)网站构架

3、网站功能设计

1）前台功能设计

2）后台模块功能设计

三 具体实现

1数据库设计与实现

1.新闻公告表shop_news

新闻公告表，在整个商城系统中属于一个相对比较独立的数据表，主要作用是存储商城系统中的相关行业新闻和网站公告。包括新闻编号（news_ID）、新闻作者（addname）、新闻标题（newsname）、新闻内容（newsContent）。其中，新闻编号（news_ID）字段作为新闻公告表的主关键字。新闻公告表结构如表4-3所示。

shop_news（商品分类表）

2.汽车商品信息表Shop_books

汽车商品信息表主要是用来存储汽车商品的基本信息。此表是本系统数据库中一个很关键的数据表，页面上所显示的商品都是从此表中读取。包括商品编号（bookid）、商品名称（bookname）、商品品牌（pingpai）、商品日期（bookdate）、商品简介（bookzz）、市场价（shichangjia）、会员价（huiyuanjia）、打折（dazhe）、推荐（bestbook）、成交计数（chengjiaocount）、浏览次数（liulancount）、图片地址（bookpic）、加入日期（adddate）、商品描述（bookcontent）、商品内容（bookchuban）汽车商品信息表的结构如表4-4所示。

Shop_books（汽车商品信息表）

2．建立网站代码

＜!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"＞

＜!-- saved from url=(0078)http://qc101.view.55hl.net/main/200710181640211/Page/2007213142292/Default.asp --＞

＜HTML＞＜HEAD＞＜TITLE＞广州汽车销售有限公司＜/TITLE＞

＜SCRIPT type=text/javascript＞

window.onerror=function(){return true;}

＜/SCRIPT＞

＜META http-equiv=Content-Type content="text/html; charset=gb2312"＞

＜META http-equiv=Page-Enter content="revealTrans(duration=2, transition=23)"＞

＜LINK

href="Default.files/common.css" type=text/css rel=stylesheet＞

＜STYLE type=text/css＞

BODY {

BACKGROUND-COLOR: #ffffff

}

.STYLE1 {

color: #0000FF;

font-size: 16px;

}

＜/STYLE＞

＜BGSOUND id=BgSound src="" loop=infinite＞

＜META content="MSHTML 6.00.2900.6058" name=GENERATOR＞＜/HEAD＞

＜BODY leftMargin=0 topMargin=0 marginheight="0" marginwidth="0"＞

＜TABLE style="Z-INDEX: 100; PADDING-BOTTOM: 13px" cellSpacing=0 cellPadding=0

width=980 align=center bgColor=#081414 border=0＞

＜TBODY＞

＜TR＞

＜TD background=Default.files/index_3.gif height=72＞＜/TD＞

＜TD vAlign=center align=left width=105 background=Default.files/index_3.gif

height=72＞

＜TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0＞

＜TBODY＞

＜TR＞

＜TD vAlign=center align=left

background=Default.files/2007213142292.htm＞＜img src="本田标志.jpg" width="100" height="83"＞＜/TD＞

＜/TR＞＜/TBODY＞＜/TABLE＞＜/TD＞

＜TD style="PADDING-TOP: 25px" vAlign=center align=left width=400

background=Default.files/index_3.gif＞

＜DIV style="TEXT-ALIGN: left"＞

＜TABLE style="DISPLAY: inline" height="100%" cellSpacing=0 cellPadding=0

width="100%" border=0＞

＜TBODY＞

＜TR＞

＜TD＞

＜P＞＜FONT color=#ffffff

size=4＞广州本田汽车销售有限公司＜/FONT＞＜/P＞＜/TD＞＜/TR＞＜/TBODY＞＜/TABLE＞＜/DIV＞＜/TD＞

＜TD style="PADDING-TOP: 30px" align=right width=364

background=Default.files/index_3.gif＞

＜TABLE cellSpacing=0 cellPadding=0 width="100%" border=0＞

＜FORM name=search action=../Common/Search.asp＞

＜TBODY＞

＜TR＞

＜TD＞

＜P align=center＞    ＜INPUT class=input

style="WIDTH: 120px; HEIGHT: 20px" value=关键字 name=q＞ ＜SELECT

style="WIDTH: 122px" name=sType＞＜OPTION value=NewsInfo

selected＞站内搜索＜/OPTION＞＜OPTION value=ProList＞产品＜/OPTION＞＜OPTION

value=FileList＞下载＜/OPTION＞＜/SELECT＞ ＜INPUT class=button style="WIDTH: 49px; HEIGHT: 21px" type=submit size=26 value=搜索 name=Submit＞＜/P＞＜/TD＞＜/TR＞＜/FORM＞＜/TBODY＞＜/TABLE＞＜/TD＞

＜TD width=56 background=Default.files/index_3.gif height=72＞ ＜/TD＞＜/TR＞

＜TR＞

＜TD width=55＞ ＜/TD＞

＜TD colSpan=3 height=50＞

＜TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0＞

＜TBODY＞

＜TR＞

＜TD vAlign=center align=left

background=Default.files/2007213142292.htm＞＜A

href="Default.files/2007213142292.htm" target=""＞＜img src="1.jpg" width="869" height="282"＞＜/A＞＜/TD＞

＜/TR＞＜/TBODY＞＜/TABLE＞＜/TD＞

＜TD width=56＞ ＜/TD＞＜/TR＞

＜TR＞

＜TD＞ ＜/TD＞

＜TD colSpan=3＞＜DIV class=syCss_ style="WIDTH: 869px; HEIGHT: 39px; TEXT-ALIGN: center"＞

＜TABLE cellSpacing=0 cellPadding=0 width=869 border=0＞

＜TBODY＞

＜TR＞

＜TD class=Board_Tab

style="BACKGROUND: url(/main/200710181640211/images/index_4.gif) center 50%"

align=middle height=39＞＜A

href="汽车主页.html"

target=_self＞＜FONT style="FONT-FAMILY: ''"＞网站首页＜/FONT＞＜/A＞＜/TD＞

＜TD width=0＞

＜DIV style="OVERFLOW: hidden; HEIGHT: 39px"＞＜/DIV＞＜/TD＞

＜TD class=Board_Tab

style="BACKGROUND: url(/main/200710181640211/images/index_4.gif) center 50%"

align=middle height=39＞＜A

href="网页/诚信服务.htm"

target=_self＞＜FONT style="FONT-FAMILY: ''"＞诚信服务＜/FONT＞＜/A＞＜/TD＞

＜TD width=0＞

＜DIV style="OVERFLOW: hidden; HEIGHT: 39px"＞＜/DIV＞＜/TD＞

＜TD class=Board_Tab

style="BACKGROUND: url(/main/200710181640211/images/index_4.gif) center 50%"

align=middle height=39＞＜A

href="网页/二手车.htm"

target=_self＞＜FONT style="FONT-FAMILY: ''"＞二手车专区＜/FONT＞＜/A＞＜/TD＞

＜TD width=0＞

＜DIV style="OVERFLOW: hidden; HEIGHT: 39px"＞＜/DIV＞＜/TD＞

＜TD class=Board_Tab

style="BACKGROUND: url(/main/200710181640211/images/index_4.gif) center 50%"

align=middle height=39＞＜A

href="网页/关于我们.htm"

target=_self＞＜FONT style="FONT-FAMILY: ''"＞关于我们＜/FONT＞＜/A＞＜/TD＞

＜TD width=0＞

＜DIV style="OVERFLOW: hidden; HEIGHT: 39px"＞＜/DIV＞＜/TD＞

＜TD class=Board_Tab

style="BACKGROUND: url(/main/200710181640211/images/index_4.gif) center 50%"

align=middle height=39＞＜A

href="网页/会员专区.htm"

target=_self＞＜FONT style="FONT-FAMILY: ''"＞会员专区＜/FONT＞＜/A＞＜/TD＞

＜TD width=0＞

＜DIV style="OVERFLOW: hidden; HEIGHT: 39px"＞＜/DIV＞＜/TD＞

＜TD height=39

align=middle class=Board_Tab STYLE1

style="BACKGROUND: url(/main/200710181640211/images/index_4.gif) center 50%"＞＜u＞＜a href="网页/留言板.htm"＞留言板＜/a＞＜/u＞＜/TD＞

＜TD width=0＞

＜DIV style="OVERFLOW: hidden; HEIGHT: 39px"＞＜/DIV＞＜/TD＞

＜TD class=Board_Tab

style="BACKGROUND: url(/main/200710181640211/images/index_4.gif) center 50%"

align=middle height=39＞＜A

href="网页/全车体系.htm"

target=_self＞＜FONT style="FONT-FAMILY: ''"＞全车体系＜/FONT＞＜/A＞＜/TD＞

＜TD width=0＞

＜DIV style="OVERFLOW: hidden; HEIGHT: 39px"＞＜/DIV＞＜/TD＞

＜TD class=Board_Tab

style="BACKGROUND: url(/main/200710181640211/images/index_4.gif) center 50%"

align=middle height=39＞＜A

href="网页/新闻中心.htm"

target=_self＞＜FONT

style="FONT-FAMILY: ''"＞新闻中心＜/FONT＞＜/A＞＜/TD＞

………..

四、程序运行截图

1．系统首页截图

2．系统后台首页

3．添加新闻内容

4.小 结

回顾起此课程设计，至今我仍感慨颇多，从理论到实践，在这段日子里，可以说得是苦多于甜，但是可以学到很多很多的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识。通过这次课程设计使我懂得了理论与实际相结合是很重要的，只有理论知识是远远不够的，只有把所学的理论知识与实践相结合起来，从理论中得出结论，才能真正为社会服务，从而提高自己的实际动手能力和独立思考的能力。在设计的过程中遇到问题，可以说得是困难重重，但可喜的是最终都得到了解决。

实验过程中，也对团队精神的进行了考察，让我们在合作起来更加默契，在成功后一起体会喜悦的心情。果然是团结就是力量，只有互相之间默契融洽的配合才能换来最终完美的结果。

此次设计也让我明白了思路即出路，有什么不懂不明白的地方要及时请教或上网查询，只要认真钻研，动脑思考，动手实践，就没有弄不懂的知识，收获颇丰。

5.参考文献

1.www.baidu.com

2.吴颂志 刘嘉 《Dreamweaver CS3网页设计教程与上机指导》