篮球网站的设计与制作
目录
一、 引言 - 1 -
（一）开发背景 - 1 -
（二）选题内容 - 1 -
1.课题的总体介绍 - 1 -
2.指导思想及技术路线 - 1 -
（三）软件平台和技术相关介绍 - 1 -
1.Macromedia Dreamweaver - 1 -
2.JavaScript - 2 -
3.JQuery - 2 -
4. dedecms - 2 -
5. Photoshop - 2 -
二、网站内容模块介绍 - 2 -
三、网站数据库设计 - 3 -
四、网站设计流程图 - 4 -
五、 网站主体设计 - 5 -
（一）首页设计说明 - 5 -
（二）用户登陆设计说明 - 10 -
（三）用户注册页面说明 - 12 -
（四）新闻页面说明 - 13 -
（五）篮球文化说明 - 13 -
（六）篮球巨星页面说明 - 15 -
参考文献 - 18 -
引言
（一）开发背景
受到网络的影响，我们的生活方式发生了很大的改变。网络在21世纪是非常受关注的行业之一。网络技术的发展也取得了巨大的跨越，许多网站开发工具的出现为网站开发提供了优良的技术支持。在这个基础上，我们应该好好学习先人的劳动成果。因为网络的用户范围非常的广，网站的方向，就是面向用户，所以本网站就是以信息展示为主，通过javascript来给页面添加动态效果来方便用户的体验！
人们常说:生命在于运动，意思就是说人只有每天不停的运动能加快新陈代谢，从而拥有活力！长期不运动对人的影响特别大,现如今不管是上班族还是学生党，大多都缺乏运动，导致人们的身体健康程度大幅度下降，本课题就以健康运动为主要切入点，谈起现如今最受青少年欢迎的运动，无疑是篮球。
所以本课题以篮球为切入点，设计一个关于篮球的网站，以此来触进人们对篮球和运动的热爱。本网站主要包括首页，篮球历史，篮球规则，篮球巨星，新闻动态登
*好棒文|www.hbsrm.com +Q: 3 5 1 9 1 6 0 7 2
就是说人只有每天不停的运动能加快新陈代谢，从而拥有活力！长期不运动对人的影响特别大,现如今不管是上班族还是学生党，大多都缺乏运动，导致人们的身体健康程度大幅度下降，本课题就以健康运动为主要切入点，谈起现如今最受青少年欢迎的运动，无疑是篮球。
所以本课题以篮球为切入点，设计一个关于篮球的网站，以此来触进人们对篮球和运动的热爱。本网站主要包括首页，篮球历史，篮球规则，篮球巨星，新闻动态登陆，注册等页面。
做这样的一个网站，主要是为了激发大家对运动的热爱，让每一个人都拥有一个健康的体魄。
（二）选题内容
1.课题的总体介绍
Basketball（篮球）是当今最人们受欢迎的运动之一，本课题做的篮球网站，需要最大限度的向浏览者展示篮球最精彩的一面，因此本网站提供了许多关于篮球的精彩视频以及对篮球的起源、发展、规则等做了详尽的介绍。本网站主要包括首页、新闻资讯、篮球历史、篮球规则、篮球巨星、篮球文化、精彩视频以及购物页等页面。
2.指导思想及技术路线
运用Photoshop css6软件对网站进行布局排版，采用Dreamweaver软件平台、运用html+css、div代码完成网站静态页面的开发。后台搭建采用的是织梦Dedecms平台,并在这个平台上进行二次开发，网站的管理者可以在后台对网站的内容进行，增、删、改、查等操作，还可以对网站的模板进行修改，用户可以在页面上进行搜索功能。
（三）软件平台和技术相关介绍
1.Macromedia Dreamweaver
Dreamweaver是一款网站开发的工具，在目前在网页制作的领域中使用率是相当高的，通过Dreamweaver8，这款软件在Web开发领域的地位更加稳固了。
Dreamweaver是一种所见即所得的HTML编辑器，用户在使用的时候还有代码提示，在很大程度上节省了使用者的时间，页面的布局方式很多都可以通过这个软件直接插入，使用者开发的页面可以在设计页面直接看出，这样既保证了浏览器的兼容性，又规范了代码的书写格式，对使用者来说也是一个规范自己的过程，让编辑网站变得更加容易。
2.JavaScript
JavaScript是一种属于网络的脚本语言,通常被运用在网页开发中为页面增加动态的效果来增加用户体验 。JavaScript脚本的功能通常是通过html代码来实现的。
Javascript跟其他的语言有很多相似的地方，它也有自己的语言，4种基本数据类型和两种特殊数据类型，而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。
3.JQuery
JQuery，从字面上理解就是JavaScript和查询（Query），辅助JavaScript开发的JavaScript库。JQuery是一个非常好的Javascript框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。
只有在引用Jquery库的前提下，才能正常运行JQuery。下图是本设计中用的库，如图1-1：
图1-1 设计中用到的Jquery文件
这个是本人在毕业设计中用到的Jquery文件，
4. dedecms
Dedecms有一个显著的特点:简单、实用，在国内使用的人数是最多的，通过长时间的发展，现在的版本较以前很各方面都有了长足提升，dedecms的很多网页功能都是以插件的形式提供，页面自己写模板，然后通过固定的标签套用，就等于说是给了我们一个框架，如何让这个框架丰满起来，这就需要我们自己来开发了，一般情况下dedecms的功能更适用于个人网站。
5. Photoshop
PS是一款功能强大的图片处理软件。在本设计中主要用到的功能是作图，还有切片，利用切片工具将自己做好的图片抠下来，然后通过html代码把网页中用到的图片和文字拼凑成一个页面。
二、网站内容模块介绍
首页：首页是最能体现整个网站的风格的页面，使用了大量的特效。其最主要的功能是面向用户，使用户更加清晰直接的了解本网站的主体内容和主体的设计风格让客户能都对本网站产生浓厚的兴趣。首页基本上是将
一、 引言 - 1 -
（一）开发背景 - 1 -
（二）选题内容 - 1 -
1.课题的总体介绍 - 1 -
2.指导思想及技术路线 - 1 -
（三）软件平台和技术相关介绍 - 1 -
1.Macromedia Dreamweaver - 1 -
2.JavaScript - 2 -
3.JQuery - 2 -
4. dedecms - 2 -
5. Photoshop - 2 -
二、网站内容模块介绍 - 2 -
三、网站数据库设计 - 3 -
四、网站设计流程图 - 4 -
五、 网站主体设计 - 5 -
（一）首页设计说明 - 5 -
（二）用户登陆设计说明 - 10 -
（三）用户注册页面说明 - 12 -
（四）新闻页面说明 - 13 -
（五）篮球文化说明 - 13 -
（六）篮球巨星页面说明 - 15 -
参考文献 - 18 -
引言
（一）开发背景
受到网络的影响，我们的生活方式发生了很大的改变。网络在21世纪是非常受关注的行业之一。网络技术的发展也取得了巨大的跨越，许多网站开发工具的出现为网站开发提供了优良的技术支持。在这个基础上，我们应该好好学习先人的劳动成果。因为网络的用户范围非常的广，网站的方向，就是面向用户，所以本网站就是以信息展示为主，通过javascript来给页面添加动态效果来方便用户的体验！
人们常说:生命在于运动，意思就是说人只有每天不停的运动能加快新陈代谢，从而拥有活力！长期不运动对人的影响特别大,现如今不管是上班族还是学生党，大多都缺乏运动，导致人们的身体健康程度大幅度下降，本课题就以健康运动为主要切入点，谈起现如今最受青少年欢迎的运动，无疑是篮球。
所以本课题以篮球为切入点，设计一个关于篮球的网站，以此来触进人们对篮球和运动的热爱。本网站主要包括首页，篮球历史，篮球规则，篮球巨星，新闻动态登
*好棒文|www.hbsrm.com +Q: 3 5 1 9 1 6 0 7 2
就是说人只有每天不停的运动能加快新陈代谢，从而拥有活力！长期不运动对人的影响特别大,现如今不管是上班族还是学生党，大多都缺乏运动，导致人们的身体健康程度大幅度下降，本课题就以健康运动为主要切入点，谈起现如今最受青少年欢迎的运动，无疑是篮球。
所以本课题以篮球为切入点，设计一个关于篮球的网站，以此来触进人们对篮球和运动的热爱。本网站主要包括首页，篮球历史，篮球规则，篮球巨星，新闻动态登陆，注册等页面。
做这样的一个网站，主要是为了激发大家对运动的热爱，让每一个人都拥有一个健康的体魄。
（二）选题内容
1.课题的总体介绍
Basketball（篮球）是当今最人们受欢迎的运动之一，本课题做的篮球网站，需要最大限度的向浏览者展示篮球最精彩的一面，因此本网站提供了许多关于篮球的精彩视频以及对篮球的起源、发展、规则等做了详尽的介绍。本网站主要包括首页、新闻资讯、篮球历史、篮球规则、篮球巨星、篮球文化、精彩视频以及购物页等页面。
2.指导思想及技术路线
运用Photoshop css6软件对网站进行布局排版，采用Dreamweaver软件平台、运用html+css、div代码完成网站静态页面的开发。后台搭建采用的是织梦Dedecms平台,并在这个平台上进行二次开发，网站的管理者可以在后台对网站的内容进行，增、删、改、查等操作，还可以对网站的模板进行修改，用户可以在页面上进行搜索功能。
（三）软件平台和技术相关介绍
1.Macromedia Dreamweaver
Dreamweaver是一款网站开发的工具，在目前在网页制作的领域中使用率是相当高的，通过Dreamweaver8，这款软件在Web开发领域的地位更加稳固了。
Dreamweaver是一种所见即所得的HTML编辑器，用户在使用的时候还有代码提示，在很大程度上节省了使用者的时间，页面的布局方式很多都可以通过这个软件直接插入，使用者开发的页面可以在设计页面直接看出，这样既保证了浏览器的兼容性，又规范了代码的书写格式，对使用者来说也是一个规范自己的过程，让编辑网站变得更加容易。
2.JavaScript
JavaScript是一种属于网络的脚本语言,通常被运用在网页开发中为页面增加动态的效果来增加用户体验 。JavaScript脚本的功能通常是通过html代码来实现的。
Javascript跟其他的语言有很多相似的地方，它也有自己的语言，4种基本数据类型和两种特殊数据类型，而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。
3.JQuery
JQuery，从字面上理解就是JavaScript和查询（Query），辅助JavaScript开发的JavaScript库。JQuery是一个非常好的Javascript框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。
只有在引用Jquery库的前提下，才能正常运行JQuery。下图是本设计中用的库，如图1-1：
图1-1 设计中用到的Jquery文件
这个是本人在毕业设计中用到的Jquery文件，
4. dedecms
Dedecms有一个显著的特点:简单、实用，在国内使用的人数是最多的，通过长时间的发展，现在的版本较以前很各方面都有了长足提升，dedecms的很多网页功能都是以插件的形式提供，页面自己写模板，然后通过固定的标签套用，就等于说是给了我们一个框架，如何让这个框架丰满起来，这就需要我们自己来开发了，一般情况下dedecms的功能更适用于个人网站。
5. Photoshop
PS是一款功能强大的图片处理软件。在本设计中主要用到的功能是作图，还有切片，利用切片工具将自己做好的图片抠下来，然后通过html代码把网页中用到的图片和文字拼凑成一个页面。
二、网站内容模块介绍
首页：首页是最能体现整个网站的风格的页面，使用了大量的特效。其最主要的功能是面向用户，使用户更加清晰直接的了解本网站的主体内容和主体的设计风格让客户能都对本网站产生浓厚的兴趣。首页基本上是将
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/2453.html
