1、
毕 业 论 文
论文题目： NBA 网站的设计和实现
摘 要
伴随着社会的发展与进步，篮球体育在人们的日程生活中扮演着越来越重要的角色，成为生活的调和剂。在日常生活中我们可以深刻的感受到篮球带给我们的意义所在。 渐渐的，从爱看每一场比赛到爱看每一个球员，偶像换了一个又一个，但他们交给我的东西都一样：决不认输，永不放弃。NBA就是这样，无论对方强弱，一开始便激烈拼抢，连续48分钟的互相争斗，没有一丝的松懈，直到最后一分钟，最后一秒钟。这，就是他的魅力！这就是他们的魅力！无论失败，还是成功，他们都去拼了
2、结果虽不尽相同，但没有人感到不满足，因为他们为自己的目标努力了，拼搏了，这就够了！不仅是运动，不仅是永不服输，NBA更需要不断地拼搏！我爱这拼搏，爱这拼搏的感觉，我也将为拼搏而不断地拼搏！目前国内的篮球网站有很多，但是关于NBA的网站较少。所以此网站应用而生。NBA网站展示NBA主要新闻信息，通过每个标题还可以点击到各个网页了解详细信息。本网站主要以照片为主，文字解释作为辅助。NBA网站的存在有着深远的意义。
[关键词] PHPCMS 网站 篮球
Abstract
With the develo
3、pment of the society,the basketball sport plays an important role in our life.And it becomes a mixure of life.We can have a very profound feeling to what the basketball give us.Bit by bit,We first like every game,then we like every player.Our idol changes from one to another.But they teach us differ
4、ent things that is “Never gameness,Never give up” Such is NBA.Whatever strong or .That is amazing.Whether the competion is successful or not ,they have a try.That is enough.NBA needs a combatant spirits.I like the feeling of combatant.I will working hard.At present,there are more website about baske
5、t than .So the website about NBA emerges as the times .NBA website displays major news information.By click erery titil,you can get detail information.Photo is a main content.Word explanation is a second. The exists of this website have a profound maining.
Key words: PHPCMS, website, basketball
6、
目 录
1 网站的主题 1
2 网站的规划 1
3 网站的页面设计 1
4页面设计的主要技术 2
4.1 XHTML的关键标记元素、设计中常用的标记元素 2
4.2 CSS的介绍 3
4.3 joomla概述 3
4.3.1先进的网站技术的运用 4
4.3.2简单且丰富的操作接口 4
4.3.3高度的客制和开发的弹性 4
5 Joomal的技术实现 4
5.1管理后台 4
5.1.1菜单介绍 4
5.1.2 顶部菜单 4
5.1.3 主菜单 5
5.1.4 内容 5
5.1.5
7、 媒体管理器 5
论文注释 7
参考文献 8
致 谢 9
篮球不仅是运动，不仅是永不服输，NBA更需要不断地拼搏！我爱这拼搏，爱这拼搏的感觉，我也将为拼搏而不断地拼搏[1]！
1 网站的主题
篮球是我曾经的梦，而NBA是这个梦最夺目的色彩，我知道我再也无法像以前一样肆无忌惮的继续着关于篮球的种种梦想，无法找回曾经那种叱咤风云的感觉，但是，我会依然执著地热爱着她，它让我明白了什么叫做争取、也让我明白了什么叫做努力、想要打得越好、就越要去努力、生命中没有什么不用努力就能争取到的、一切的一切、都要靠自己努力、我想说、我不会再在篮球场上留下遗憾、尽管会输、但也精彩、所以我
8、将全力以赴、对待每一场、那怕会摔倒、更能激起我的斗心、摔得越厉害、斗心越强、想对自己说、加油……永远将曾经所有关于篮球美好的记忆珍藏［2］……
2 网站的规划
网站只要由一个主网页，还有若干个通过超链接进入的网页。主网页主要展示NBA一个大概信息，通过每个标题还可以点击到各个网页了解消息的信息［3］。本网站主要以照片为主，文字解释辅助，因为照片统领了一个时刻的光彩和一个人精神，照片还有什么意义，那就是我们给这样的照片赋予了背后的故事，或者后来的各种可能。所以照片所说的意义就是神秘的一种东西，它不会随着时间的消失而消失。
3 网站的页面设计
导航
主页首部（NBA幻灯片）
9、
主要图片
在线、搜索、登陆等功能
底部文章内容
4页面设计的主要技术[4]
XHTML是The Extensible Hypertext Markup Language(可扩展超文本标识语言)的缩写。HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的XML，所以，本质上说，XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性[5]。
2000年底，国际W3C组织(World Wide Web Consortium)组
10、织公布发行了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言，目的是基于XML应用。XHTML是一种增强了的HTML,XHTML 是更严谨更纯净的 HTML 版本。它的可扩展性和灵活性将适应未来网络应用更多的需求。XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的基于HTML语言设计的网站，直接采用XML还为时过早。因此，在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。所以，建立XHTML的目的就是实现HTML向XML的过渡。目前国际上在网站设计中推崇的WEB标准就是基于XHTML的应用（即通常所说的CSS
11、DIV）[6]。
4.1 XHTML的关键标记元素、设计中常用的标记元素［7］
基本结构标志
----------表示该文件为HTML文件
----------包含文件的标题，使用的脚本，样式定义等
HELLO WORLD！ -包含文件的标题，标题出现在浏览器标题栏中
----------的结束标志
--------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显 示
----------
12、L>的结束标志
其它主要标志 以下所有标志用在
中
----------链接标志，“…”为链接的文件地址
----------显示图片标志，“…”为图片的地址
----------换行标志
----------分段标志
----------采用黑体字
----------采用斜体字
----------水平画线
----------定义表格，HTML中重要的标志
13、> ----------定义表格的行，用在
中
| ----------表格单元，用在
|
中
----------字体样式标志
属性的用法：
属性是用来修饰标志的，属性放在开始标志内。
例如：属性bicolor="BLACK"表示背景色为黑色。引用属性的例子：表示页面背景色为黑色，表示表格背景色为黑色。
常用属性：对齐属性 范围属性
ALIGN=LEFT 左对齐（14、缺省值） WIDTH=象素值或百分比 对象宽度
ALIGN=CENTER 居中 HEIGHT=象素值或百分比 对象高度
ALIGN=RIGHT 右对齐 色彩属性
COLOR=#RRGGBB 前景色 参考色彩对照表
BGCOLOR=#RRGGBB 背景色
4.2 CSS的介绍
CSS（Cascading Style Sheet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部
15、分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间［8］。
在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。
它的作用可以达到：
（1）在几乎所有的浏览器上都可以使用。
（2）以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。
（3）使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目
（4）你可以轻松地控制页面
16、的布局 。
（5）你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。
想一想，没有使用CSS前我们是如何控制字体的颜色和大小以及所使用的字体的？我们一般使用HTML标签来实现，代码非常烦琐。很难想象，如果在一个页面里需要频繁地更替字体的颜色大小，最终生成的HTML代码的长度一定臃肿不堪说的实话，CSS就是为了简化这样的工作诞生的，当然其功能决非这么简单。 CSS是通过对页面结构的风格控制的思想，控制整个页面的风格的。式样单放在页面中，通过浏览器的解释
17、执行，是完全的文本，任何懂得HTML的人都可以掌握，非常的容易[9]。
4.3 joomla概述［10］
4.3.1先进的网站技术的运用
Joomla应用了非常多的网站进步的新技术，像是「网站快取技术」可以加速网站的反应与效能。「RSS新闻联播与新闻读取」是最近十分热门的网站新闻读取的技术，在部落格程序中（Blog）中十分常见。「SEO搜寻引擎最佳化」这个是目前所有网站必备的技术之一，这个功能主要是让搜寻引擎更容易的浏览您网站上的数据，让更多人在搜寻引擎上找到您的网站，相当于为自己的网站带来更多的人潮和商机。其实我们的网站就好比在互联网这个大舞台上来展示自己，更出色更贴近人们的需求我们才
18、能赢得商机，纵观目前的行业中，比如说：音乐行业网站、交友网站、教育网站、汽车网站、服装网站以及宠物网站等等，我们不难发现以下几个行业将其运用的淋漓尽致。
庞大的附加套件及商机：来自全球上千种不同网站应用的附加套件及美工设计布景，都是以这套系统为基础而开发。使用者可以很方便的安装上这些附加套件，如同在桌上计算机中的Windows操作系统中，安装新的软件一般。开发社群总是发挥无止尽的创意，不断的开发符合使用社群需求的产品。Joomal的商用套件市场目前也有许多价廉物美的软件及美工设计布景主题。
4.3.2简单且丰富的操作接口
Joomal 的操作接口除了美观之外，也花了很多心力在设计这些
19、接口的简易操作性。虽然初次使用者，需要花一点时间学习一下操作的方式，才能运用自如。但相信学会使用之后，这是很值得的。另外可搭配的多种所视即所得编辑程序，更可让对网页设计语言不熟悉的管理者，很简易的就可以管理和编辑网站上的文章［11］。
4.3.3高度的客制和开发的弹性
对于网站程序开发者和美工设计者，Joomal保留了最大的客制化弹性和整合能力。全世界的网站相关开发人员，都十分关注与推荐这套系统。是由于这套系统不断在强大能力与客制弹性之间找寻平衡点，受到许多知名厂商的使用［12］。
5 Joomal的技术实现
5.1管理后台
5.1.1菜单介绍
菜单有使导航网页上尽可能容易为用户。
20、那里不同的菜单不同的任Joomla ！已预定四种菜单中的样本数据。我们可以添加许多额外的菜单或作为您想，当然，也禁用。第四菜单，顺便说一下，是不会显示在我们的例子。已登记的用户看到了所谓的用户菜单后，他或她登录。
5.1.2 顶部菜单
在顶部菜单中的高增长是在网页上。它使用户快速访问最重要的网页内容。这样的菜单往往显示产品，联系人和公司信息。
5.1.3 主菜单
主菜单是中央导航领域的网页。应该永远是一个链接，返回第一页。这个菜单应该会出现在相同的位置的每个页面上的网站。主菜单是一个重要的方向发生的用户。
5.1.4 内容
内容结构可以比较的目录树的硬盘。我们可以创建许多文
21、章和类别你想要的。我们可以使用此结构上的一篇文章，但没有通过。我们可以选择存档内容。在这种情况下，结构所承担的档案。
一个复选框前面的标题，我们可以使用选择的因素，要修改。如果我们选中复选框的标题中，所有的内容被选中的名单。标题是链接到编辑模式的文章。发布的文章显示是否出版（绿色对号）或没有（红十字会）。除了这两个符号有可能，这一条是过去的出版日期和这一因素已经在存档。有传说中的图标为页脚的网页;之前的符号（在等待模式）和过期也有解释。头版的文章显示是否出版（绿色对号）在头版或不（红十字会） 。在该命令栏，我们可以将物
22、品按一下绿色箭头的每篇文章。我们也可以排序的项目进入了一个号码，随后单击磁盘图标在标题中。 在访问中，我们可以看到绿色公共联系。我们可以更改访问权限的三个群体之间的公共，登记，特别通过点击其中的链接。 ID是Dataset的一些内部的MySQL表。这个ID会重新出现在该URL到该项目。科的部分文章被派往。如果我们点击链接，会被带到该科： [编辑]画面。物品，有一节被认为是未归类。类是结构下的部分，这一项目已被分配。点击链接，我们可以到分类： [编辑]画面。作者是文章作者。点击此链接将带我们到用户管理器。日期是创建日期的文章。为了显示我们的项目，我们必须首先创建一个类［13］。
为了显
23、示我们的项目，我们必须首先创建一个类按分类。单击新建 、输入类别名称 、创建文件夹的分类（将建立在图像/故事/默认情况下，除非你改变了相应的路径的配置）、点击其中的图片来选择它作为一个图像类。我们还可以上传图片、输入说明、选择添加元标记和元说明、设定发布到是、单击保存。
现在让我们添加一个项目。点击JPortfolio［14］标回到主画面，按项目、单击新建、输入项目名称、选择类别的文件夹，我们之前创建、上传图片，或选择其中一个显示的图像、输入说明、选择添加元标记和元说明、设定发布到是、单击保存，这样就大功告成了！现在，如果我们选中头版你的投资组合，我们应该会看到一个类别的一个项目内
24、
5.1.5 媒体管理器
我们可以设想媒体经理工作领域就像一个文件资源管理器或像一个FTP程序在我们的操作系统［15］。默认情况下，我们可以上传文件以JPG ，动画和PNG后缀和管理这些在不同的目录。这是特别有用的经理时，我们没有FTP访问，即使我们有管理的权利。有两个标签在媒体领域：缩略图视图，其中显示预览的文件图标，并详细查看选项卡，其中显示的名称和大小的文件清单中。除了这些标签上，有一个单独的领域，文件夹和文件。如果您按一下左侧的文件夹，您会看到文件夹中所载的权利。所有的媒体， Joomla ！使用默认情况下，特别是笑脸图形的M_images文件夹[16]，是由媒体管理下职能可说
25、到媒体管理：创建和删除目录（删除只能从详细查看），上传和删除单个或多个文件。
论文注释
［1］易小荷：《体育画报》，花城出版社 ，2003年4月第11版，第15-19页。
［2］易小荷：《体育画报》，花城出版社 ，2003年4月第11版，第45页。
［3］杨选辉:网页设计与制作教程[M].北京：清华大学出版社，2009。
［4］陈红飞: PHP内容管理系统:Joomla快速建站指南. 电子工业出版社，第23-35页。
［
26、5］王诚君，刘振华，郭竑晖，高中山：Dreamweaver手册 电子工业出版社; ,第24-26页。
［6］网页设计应用教程[M].北京：清华大 学出版社，2007。
［7］王永福:Joomla架站123：图解入门很简单(已释放免费电子书版本) ，第2-9页。
［8］董冠伯：Joomla 1.5架站123-图解入门很简单棋峰，第9-19页。
［9］知新文化. HTML 完全手册与速查辞典[M].北京：科学出版社，2007。
［10］吴涛涛 ：Joomla建站步步通 人民邮电出版社，第11-15页。
［11］胡崧： HTML 从入门到精通[M].北京：中国青年出版社，2007。
［
27、12］uke Welling (作者), Laura Thomson (作者), 武欣 (译者) ：php和mysql web开发(原书第4版)，机械业出版社; 第1版 (2009年2月1日) ，第22-30页。
［13］ 嘉玺：BLOG启示录:WordPress博客建设与经营， 清华大学出版社; 第1版 (2010年7月1日) ，第5-9页。
［14］方擎 ：Drupal高手建站技术手册，电子工业出版社; 第1版 (2010年10月1日) ,第44-46页。
［15］杨宇：PHP典型模块与项目实战大全 ，清华大学出版社; 第1版 (2012年1月1日),第22-28页。
[16]
28、周德华，许铭霖：新编网页设计教程[M].北京：冶金工业出版社，2006。
参考文献
① 王永福：Joomla架站123：图解入门很简单，棋峰，第2-9页。
② 王永福 / 董冠伯：Joomla 1.5架站.123-图解入门很简单棋峰，第9-19页。
③ 吴涛涛：Joomla建站步步通. 人民邮电出版社，第11-15页。
④ uke Welling (作者), Laura Thomson (作者), 武欣 (译者) ：php和mysql web开发(原书第4版)，机械工业出版社; 第1版 (2009年2月1日)
29、 ，第22-30页。
⑤ 刘韬，楼兴华：SQL Server2000数据库系统开发实例导航. 北京:人民邮电出版社，2004.。
⑥ 丁宝康，董健全： 数据库实验教程. 北京：清华大学出版社， 2003：125-170。
⑦ 孙强. 基于：ASP.NET的专题网站的研究与设计. 东北师范大学，2006。
⑧ Michele Leroux Bustamants.Secure your ASP.NET Apps and WCF services with Windows CardSpace. MSDN Magazine,April 2007.肖建编： ASP.NET编程实例与技巧集粹. 北
30、京：北京希望电子出版社，2003。
⑨ Jesse Libert.Programming ：C#中文版. 电子工业出版社，2006。
⑩ 米切尔的等编著：ASP.NET权威指南. 北京：中国电力出版社，2003。
致 谢
光阴似箭，岁月如梭，不知不觉我即将走完大学生涯的3个年头，回想这一路走来的日子，父母的疼爱关心，老师的悉心教诲，朋友的支持帮助一直陪伴着我，让我渐渐长大，也慢慢走向成熟。
首先，我要衷心感谢一直以来给予我无私帮助和关爱的老师们，特别是我的导师。谢谢你们这3年以来对我的关心和照顾，从你们身上，我学会了如何学习，如何工作，如何做人。
其次，我还要真诚地谢谢本宿舍全体人们，在这3年当中，你们给予了我很多帮助，在我的学习工作生活各个方面，你们给我提出了很多宝贵的建议，我的成长同样离不开你们。
再次，我还要认真地谢谢我身边所有的朋友和同学，谢谢你们，你们对我的关心、帮助和支持是我不断前进的动力之一，我的大学生活因为有你们而更加精彩。
最后，我要感谢我的父母及家人，没有人比你们更爱我，你们对我的关爱让我深深感受到了生活的美好，谢谢你们一直以来给予我的理解、鼓励和支持，你们是我不断取得进步的永恒动力。
9
