网站的设计和实现

毕业论文论文题目：NBA网站的设计和实现摘要伴随着社会的发展与进步，篮球体育在人们的日程生活中扮演着越来越重要的角色，成为生活的调和剂。在日常生活中我们可以深刻的感受到篮球带给我们的意义所在。渐渐的，从爱看每一场比赛到爱看每一个球员，偶像换了一个又一个，但他们交给我的东西都一样：决不认输，永不放弃。NBA就是这样，无论对方强弱，一开始便激烈拼抢，连续48分钟的互相争斗，没有一丝的松懈，直到最后一分钟，最后一秒钟。这，就是他的魅力！这就是他们的魅力！无论失败，还是成功，他们都去拼了；结果虽不尽相同，但没有人感到不满足，因为他们为自己的目标努力了，拼搏了，这就够了！不仅是运动，不仅是永不服输，NBA更需要不断地拼搏！我爱这拼搏，爱这拼搏的感觉，我也将为拼搏而不断地拼搏！目前国内的篮球网站有很多，但是关于NBA的网站较少。所以此网站应用而生。NBA网站展示NBA主要新闻信息，通过每个标题还可以点击到各个网页了解详细信息。本网站主要以照片为主，文字解释作为辅助。NBA网站的存在有着深远的意义。[关键词]PHPCMS网站篮球AbstractWiththedevelopmentofthesociety,thebasketballsportplaysanimportantroleinourlife.Anditbecomesamixureoflife.Wecanhaveaveryprofoundfeelingtowhatthebasketballgiveus.Bitbybit,Wefirstlikeeverygame,thenwelikeeveryplayer.Ouridolchangesfromonetoanother.Buttheyteachusdifferentthingsthatis“Nevergameness,Nevergiveup”SuchisNBA.Whateverstrongor.Thatisamazing.Whetherthecompetionissuccessfulornot,theyhaveatry.Thatisenough.NBAneedsacombatantspirits.Ilikethefeelingofcombatant.Iwillworkinghard.Atpresent,therearemorewebsiteaboutbasketthan.SothewebsiteaboutNBAemergesasthetimes.NBAwebsitedisplaysmajornewsinformation.Byclickererytitil,youcangetdetailinformation.Photoisamaincontent.Wordexplanationisasecond.Theexistsofthiswebsitehaveaprofoundmaining.Keywords:PHPCMS,website,basketball目录1网站的主题..............................................................12网站的规划..............................................................13网站的页面设计..........................................................14页面设计的主要技术.......................................................24.1XHTML的关键标记元素、设计中常用的标记元素.........................24.2CSS的介绍.........................................................34.3joomla概述........................................................34.3.1先进的网站技术的运用..........................................34.3.2简单且丰富的操作接口..........................................44.3.3高度的客制和开发的弹性........................................45Joomal的技术实现........................................................45.1管理后台...........................................................45.1.1菜单介绍......................................................45.1.2顶部菜单.....................................................45.1.3主菜单.......................................................55.1.4内容.........................................................55.1.5媒体管理器...................................................5论文注释..................................................................6参考文献..................................................................7致谢....................................................................8篮球不仅是运动，不仅是永不服输，NBA更需要不断地拼搏！我爱这拼搏，爱这拼搏的感觉，我也将为拼搏而不断地拼搏[1]！1网站的主题篮球是我曾经的梦，而NBA是这个梦最夺目的色彩，我知道我再也无法像以前一样肆无忌惮的继续着关于篮球的种种梦想，无法找回曾经那种叱咤风云的感觉，但是，我会依然执著地热爱着她，它让我明白了什么叫做争取、也让我明白了什么叫做努力、想要打得越好、就越要去努力、生命中没有什么不用努力就能争取到的、一切的一切、都要靠自己努力、我想说、我不会再在篮球场上留下遗憾、尽管会输、但也精彩、所以我将全力以赴、对待每一场、那怕会摔倒、更能激起我的斗心、摔得越厉害、斗心越强、想对自己说、加油……永远将曾经所有关于篮球美好的记忆珍藏［2］……2网站的规划网站只要由一个主网页，还有若干个通过超链接进入的网页。主网页主要展示NBA一个大概信息，通过每个标题还可以点击到各个网页了解消息的信息［3］。本网站主要以照片为主，文字解释辅助，因为照片统领了一个时刻的光彩和一个人精神，照片还有什么意义，那就是我们给这样的照片赋予了背后的故事，或者后来的各种可能。所以照片所说的意义就是神秘的一种东西，它不会随着时间的消失而消失。3网站的页面设计导航主页首部（NBA幻灯片）主要图片在线、搜索、登陆等功能底部文章内容4页面设计的主要技术[4]XHTML是TheExtensibleHypertextMarkupLanguage(可扩展超文本标识语言)的缩写。HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的XML，所以，本质上说，XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性[5]。2000年底，国际W3C组织(WorldWideWebConsortium)组织公布发行了XHTML1.0版本。XHTML1.0是一种在HTML4.0基础上优化和改进的的新语言，目的是基于XML应用。XHTML是一种增强了的HTML,XHTML是更严谨更纯净的HTML版本。它的可扩展性和灵活性将适应未来网络应用更多的需求。XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的基于HTML语言设计的网站，直接采用XML还为时过早。因此，在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。所以，建立XHTML的目的就是实现HTML向XML的过渡。目前国际上在网站设计中推崇的WEB标准就是基于XHTML的应用（即通常所说的CSS+DIV）[6]。4.1XHTML的关键标记元素、设计中常用的标记元素［7］基本结构标志HTML----------表示该文件为HTML文件HEAD----------包含文件的标题，使用的脚本，样式定义等TITLEHELLOWORLD！/TITLE-包含文件的标题，标题出现在浏览器标题栏中HEAD----------/HEAD的结束标志BODY--------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示/BODY/HTML----------HTML的结束标志其它主要标志以下所有标志用在BODY/BODY中AHREF=…/A----------链接标志，“…”为链接的文件地址IMGSRC=…----------显示图片标志，“…”为图片的地址BR----------换行标志P----------分段标志B/B----------采用黑体字I/I----------采用斜体字HR----------水平画线TABLE/TABLE----------定义表格，HTML中重要的标志TR/TR----------定义表格的行，用在TABLE/TABLE中TD/TD----------表格单元，用在TR/TR中FONT/FONT----------字体样式标志属性的用法：属性是用来修饰标志的，属性放在开始标志内。例如：属性bicolor=BLACK表示背景色为黑色。引用属性的例子：BODYbicolor=BLACK/BODY表示页面背景色为黑色，TABLEbicolor=BLACK/TABLE表示表格背景色为黑色。常用属性：对齐属性范围属性ALIGN=LEFT左对齐（缺省值）WIDTH=象素值或百分比对象宽度ALIGN=CENTER居中HEIGHT=象素值或百分比对象高度ALIGN=RIGHT右对齐色彩属性COLOR=#RRGGBB前景色参考色彩对照表BGCOLOR=#RRGGBB背景色4.2CSS的介绍CSS（CascadingStyleSheet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间［8］。在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。它的作用可以达到：（1）在几乎所有的浏览器上都可以使用。（2）以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。（3）使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目（4）你可以轻松地控制页面的布局。（5）你可以将许多网页的风格格式同时更新，不用再