网站的设计和实现Word下载.docx
《网站的设计和实现Word下载.docx》由会员分享，可在线阅读，更多相关《网站的设计和实现Word下载.docx（19页珍藏版）》请在冰点文库上搜索。
..............................................................
1
2网站的规划
3网站的页面设计..........................................................
4页面设计的主要技术.......................................................
2
4.1XHTML的重点标记元素、设计中常用的标记元素.........................
4.2CSS的介绍.........................................................
3
4.3joomla
概括........................................................
先进的网站技术的运用..........................................
简单且丰富的操作接口..........................................
4
高度的客制和开发的弹性........................................
5Joomal的技术实现........................................................
5.1管理后台...........................................................
菜单介绍......................................................
顶部菜单.....................................................
主菜单.......................................................
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是一种在HTML4.0基础上优化和改良的的新语言，目的是鉴于XML应用。
XHTML是一种加强了的HTML,XHTML是更谨慎更纯净的HTML版本。
它的可扩展性和灵巧
性将适应将来网络应用更多的需求。
XML固然数据变换能力强盛，完整能够代替
HTML，但
面对不计其数已有的鉴于
HTML语言设计的网站，直接采纳
XML还为时过早。
所以，在
的基础上，用XML的规则对其进行扩展，获得了
XHTML。
所以，成立XHTML的目
的就是实现HTML向XML的过渡。
当前国际上在网站设计中尊崇的
WEB标准就是鉴于XHTML
的应用（即往常所说的
CSS+DIV）[6]。
4.1XHTML的重点标记元素、设计中常用的标记元素
［7］
基本构造标记
<
HTML>
----------
表示该文件为HTML文件
HEAD>
包括文件的标题，使用的脚本，款式定义等
TITLE>
HELLOWORLD！
/TITLE>
-包括文件的标题，标题出此刻阅读器标题栏中
/HEAD>
的结束标记
BODY>
--------
搁置阅读器中显示信息的全部标记和属性，此中内容在阅读器中显
示<
/BODY>
/HTML>
其余主要标记以下全部标记用在<
中
AHREF="
"
>
/A>
----------链接标记，“”为链接的文件地点
IMGSRC="
----------
显示图片标记，“”为图片的地点
BR>
换行标记
P>
分段标记
B>
/B>
采纳黑体字
I>
/I>
采纳斜体字
HR>
水平画线
TABLE>
/TABLE>
----------定义表格，HTML中重要的标记
TR>
/TR>
定义表格的行，用在<
TD>
/TD>
表格单元，用在<
FONT>
/FONT>
字体款式标记
属性的用法：
属性是用来修饰标记的，属性放在开始标记内。
比如：
属性bicolor="
BLACK"
表示背风景为黑色。
引用属性的例子：
<
BODY
bicolor="
表示页面背风景为黑色，<
TABLEbicolor="
表
示表格背风景为黑色。
常用属性：
对齐属性范围属性
ALIGN=LEFT左对齐（缺省值）WIDTH=象素值或百分比对象宽度
ALIGN=CENTER居中HEIGHT=象素值或百分比对象高度
ALIGN=RIGHT右对齐色彩属性
COLOR=#RRGGBB前风景参照色彩比较表
BGCOLOR=#RRGGBB背风景
4.2CSS的介绍
CSS（CascadingStyle
Sheet，可译为“层叠款式表”或“级联款式表”）是一
组格式设置规则，用于控制
Web页面的外观。
经过使用
CSS款式设置页面的格式，可
将页面的内容与表现形式分别。
页面内容寄存在
HTML文档中，而用于定义表现形式
的CSS规则则寄存在另一个文件中或
HTML文档的某一部分，往常为文件头部分。
将
内容与表现形式分别，不单可使保护站点的外观更为简单，并且还能够使
HTML文档
代码更为精练，缩短阅读器的加载时间
［8］。
在主页制作时采纳CSS技术，能够有效地对页面的布局、字体、颜色、背景和其余效
果实现更为精准的控制。
只需对相应的代码做一些简单的改正，就能够改变同一页面的不一样部分，或许页数不
同的网页的外观和格式。
它的作用能够达到：
（1）在几乎全部的阅读器上都能够使用。
（2）从前一些非得经过图片变换实现的功能，此刻只需用
CSS就能够轻松实现，从
而更快地下载页面。
（3）使页面的字体变得更美丽，更简单编排，使页面真实心旷神怡
（4）你能够轻松地控制页面的布局
。
（5）你能够将很多网页的风格格式同时更新，不用再一页一页地更新了。
你能够将
站点上全部的网页风格都使用一个CSS文件进行控制，只需改正这个CSS文件中相应的行，
那么整个站点的全部页面都会随之发生改动。
想想，没有使用CSS前我们是怎样控制字体的颜色和大小以及所使用的字体的？
我
们一般使用HTML标签来实现，代码特别烦杂。
很难想象，假如在一个页面里需要屡次地
更替字体的颜色大小，最平生成的HTML代码的长度必定肥胖不堪说的真话，
CSS就是为了
简化这样的工作出生的，自然其功能决非这么简单。
CSS是经过对页面构造的风格控制的
思想，控制整个页面的风格的。
式样单放在页面中，经过阅读器的解说履行，是完整的文
本，任何懂得HTML的人都能够掌握，特别的简单[9]
4.3joomla概括［10］
4.3.1先进的网站技术的运用
Joomla应用了特别多的网站进步的新技术，像是「网站快取技术」能够加快网站的反响与效能。
「RSS新闻联播与新闻读取」是近来十分热点的网站新闻读取的技术，在部落格程序中（Blog）中十分常有。
「SEO搜寻引擎最正确化」这个是当前全部网站必备的技术之一，这个功能主假如让搜寻引擎更简单的阅读您网站上的数据，让更多人在搜寻引擎上找到您的网站，相当于为自己的网站带来更多的人潮和商机。
其实我们的网站就好似在互联网这个大舞台上来展现自己，更优秀更切近人们的需求我们才能博得商机，纵观当前的行业中，比方说：
音乐行业网站、交友网站、教育网站、汽车网站、服饰网站以及宠物网站等等，我们不难发现以下几个行业将其运用的酣畅淋漓。
宏大的附带套件及商机：
来自全世界上千种不一样网站应用的附带套件及美工设计布景，都是以这套系统为基础而开发。
使用者能够很方便的安装上这些附带套件，好像在桌上计算机中的Windows操作系统中，安装新的软件一般。
开发社群老是发挥无止尽的创意，不停的开发切合使用社群需求的产品。
Joomal的商用套件市场当前也有很多价廉物美的软件及美工设计布景主题。
4.3.2简单且丰富的操作接口
Joomal的操作接口除了雅观以外，也花了好多心力在设计这些接口的简略操作性。
固然首次使用者，需要花一点时间学习一下操作的方式，才能运用自如。
但相信学会使用之
后，这是很值得的。
此外可搭配的多种所视即所得编写程序，更可让对
网页设计语言不熟
悉的管理者，很简略的就能够管理和编写网站上的文章
［11］。
4.3.3高度的客制和开发的弹性
对于网站程序开发者和美工设计者，Joomal保存了最大的客制化弹性和整合能力。
全世界的网站有关开发人员，都十分关注与介绍这套系统。
是因为这套系统不停在强盛能力
与客制弹性之间搜寻均衡点，遇到很多著名厂商的使用［12］。
5Joomal的技术实现
5.1管理后台
5.1.1菜单介绍
菜单有使导航网页上尽可能简单为用户。
那边不一样的菜单不一样的任Joomla！
已预约四种菜单中的样本数据。
我们能够增添很多额外的菜单或作为您想，自然，也禁用。
第四
菜单，趁便说一下，是不会显示在我们的例子。
已登记的用户看到了所谓的用户菜单后，他或她登录。
顶部菜单
在顶部菜单中的高增加是在网页上。
它使用户迅速接见最重要的网页内容。
这样的菜单常常显示产品，联系人和企业信息。
主菜单
主菜单是中央导航领域的网页。
应当永久是一个链接，返回第一页。
这个菜单应当会出此刻相同的地点的每个页面上的网站。
主菜单是一个重要的方向发生的用户。
内容
内容构造能够比较的目录树的硬盘。
我们能够创立很多文章和类型你想要的。
我们可
以使用此构造上的一篇文章，但没有经过。
我们能够选择存档内容。
在这类状况下，构造
所肩负的档案。
一个复选框前方的标题，我们能够使用选择的要素，要改正。
假如我们选中复选框的
标题中，全部的内容被选中的名单。
标题是链接到编写模式的文章。
公布的文章显示能否
第一版（绿色对号）或没有（红十字会）。
除了这两个符号有可能，这一条是过去的第一版日
期和这一要素已经在存档。
有传说中的图标为页脚的网页
;
从前的符号（在等候模式）和
过期也有解说。
头版的文章显示能否第一版（绿色对号）在头版或不（红十字会）
在该
命令栏，我们能够将物件按一下绿色箭头的每篇文章。
我们也能够排序的项目进入了一个
号码，随后单击磁盘图标在标题中。
在接见中，我们能够看到绿色公共联系。
我们能够
改正接见权限的三个集体之间的公共，登记，特别经过点击此中的链接。
ID是Dataset
的一些内部的MySQL表。
这个ID会从头出此刻该URL到该项目。
科的部分文章被派往。
假如我们点击链接，会被带到该科：
[编写]画面。
物件，有一节被以为是未归类。
类是
构造下的部分，这一项目已被分派。
点击链接，我们能够到分类：
[
编写]画面。
作者是
文章作者。
点击此链接将带我们到用户管理器。
日期是创立日期的文章。
为了显示我们的
项目，我们一定第一创立一个类
［13］。
为了显示我们的项目，我们一定第一创立一个类按分类。
单击新建、输入类又名称
、
创立文件夹的分类（将成立在图像/故事/默认状况下，除非你改变了相应的路径的配置）、点击此中的图片来选择它作为一个图像类。
我们还能够上传图片、输入说明、选择增添元标记和元说明、设定公布到是、单击保存。
此刻让我们增添一个项目。
点击JPortfolio［14］标回到主画面，按项目、单击新建、输入项目名称、选择类其他文件夹，我们从前创立、上传图片，或选择此中一个显示的图像、输入说明、选择增添元标记和元说明、设定公布到是、单击保存，这样就大功成功了！
此刻，假如我们选中头版你的投资组合，我们应当会看到一个类其他一个项目内。
媒体管理器
我们能够假想媒体经理工作领域就像一个文件资源管理器或像一个FTP程序在我们的操作系统［15］。
默认状况下，我们能够上传文件以JPG，动画和PNG后缀和管理这些在不一样的目录。
这是特别实用的经理时，我们没有FTP接见，即便我们有管理的权益。
有两个标签在媒体领域：
缩略图视图，此中显示预览的文件图标，并详尽查察选项卡，此中显示的名称和大小的文件清单中。
除了这些标签上，有一个独自的领域，文件夹和文件。
如
果您按一下左边的文件夹，您会看到文件夹中所载的权益。
全部的媒体，Joomla！
使用
默认状况下，特别是笑容图形的M_images文件夹[16]，是由媒体管理下职能可说到媒体管理：
创立和删除目录（删除只好从详尽查察），上传和删除单个或多个文件。
［1］易小荷：
《体育画报》，花城第一版社，2003年4月第11版，第15-19页。
［2］易小荷：
《体育画报》，花城第一版社，2003年4月第11版，第45页。
［3］杨选辉:
网页设计与制作教程[M].北京：
清华大学第一版社，2009。
［4］陈红飞:
PHP内容管理系统:
Joomla迅速建站指南.电子工业第一版社，第23-35页。
［5］王诚君，刘振华，郭竑晖，高中山：
Dreamweaver手册电子工业第一版社;
第24-26页。
［6］网页设计应用教程[M].北京：
清华大学第一版社，2007。
［7］王永福:
Joomla架站123：
图解入门很简单（已开释免费电子书版本），第2-9页。
［8］董冠伯：
架站123-图解入门很简单棋峰，第
9-19页。
［9］知新文化.HTML
完整手册与速查辞典
[M].北京：
科学第一版社，2007。
［10］吴涛涛
：
Joomla建站步步通人民邮电第一版社，第
11-15页。
［11］胡崧：
HTML从入门到精晓[M].北京：
中国青年第一版社，
2007。
［12］ukeWelling（
作者）,LauraThomson（
作者）,武欣（译者）：
php和mysqlweb开发（原书第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]周德华，许铭霖：
新编网页设计教程[M].北京：
冶金工业第一版社，2006。
①王永福：
Joomla架站123：
图解入门很简单，棋峰，第2-9页。
②王永福/董冠伯：
Joomla1.5架站.123-图解入门很简单棋峰，第
③吴涛涛：
Joomla建站步步通.人民邮电第一版社，第11-15页。
④ukeWelling（作者）,LauraThomson（作者）,武
升级会员 