个人成长历程网站的设计与实现毕业论文

1、论文题目：个人成长过程的设计与实现摘 要本文是一个网站设计的个人成长过程。本文详细介绍了个人从设计到素材收集的成长过程。结合自己的知识和自己的成长经历，如何一步步实施，更形象的告诉你个人成长过程网站的设计与实施。这篇文章详细、清晰、实用、严肃。看这篇文章中的例子，你可以清楚的了解自己网站的制作和实现。通过本文，您可以轻松了解网站各个链接的制作和内部链接。本网站和其他网站是其他类型的网站个人博客页面帮助个人空间等。关键词：个人成长，网站设计，网站建设，网站实施目录 TOC o 1-3 h z u HYPERLINK l _Toc354559287 制作的概述 PAGEREF _Toc354559

2、287 h 1 HYPERLINK l _Toc354559288 1、前期 PAGEREF _Toc354559288 h 2 HYPERLINK l _Toc354559289 11 后台环境的搭配 PAGEREF _Toc354559289 h 2 HYPERLINK l _Toc354559290 1.1.1 XAMPP的安装 PAGEREF _Toc354559290 h 2 HYPERLINK l _Toc354559291 1.1.2 Joomla的安装 PAGEREF _Toc354559291 h 3 HYPERLINK l _Toc354559292 12 的设计主题与思路

3、准备 PAGEREF _Toc354559292 h 4 HYPERLINK l _Toc354559293 13 的图片素材准备 PAGEREF _Toc354559293 h 4 HYPERLINK l _Toc354559294 14 的视频素材准备 PAGEREF _Toc354559294 h 4 HYPERLINK l _Toc354559295 15 的文字素材准备 PAGEREF _Toc354559295 h 4 HYPERLINK l _Toc354559296 2、中期 PAGEREF _Toc354559296 h 4 HYPERLINK l _Toc354559297

4、 21 全局配置 PAGEREF _Toc354559297 h 4 HYPERLINK l _Toc354559298 22 模版管理 PAGEREF _Toc354559298 h 4 HYPERLINK l _Toc354559299 23 分类管理 PAGEREF _Toc354559299 h 5 HYPERLINK l _Toc354559300 2.3.1 分类类型的添加 PAGEREF _Toc354559300 h 5 HYPERLINK l _Toc354559301 2.3.2 添加分类文章 PAGEREF _Toc354559301 h 5 HYPERLINK l _T

5、oc354559302 2.3.3 文章的排版 PAGEREF _Toc354559302 h 5 HYPERLINK l _Toc354559303 2.3.4 Logo的修改 PAGEREF _Toc354559303 h 6 HYPERLINK l _Toc354559304 24 菜单管理 PAGEREF _Toc354559304 h 6 HYPERLINK l _Toc354559305 25 模块管理 PAGEREF _Toc354559305 h 6 HYPERLINK l _Toc354559306 2.5.1 搜索的添加 PAGEREF _Toc354559306 h 6

6、HYPERLINK l _Toc354559307 2.5.2 面包屑的添加 PAGEREF _Toc354559307 h 6 HYPERLINK l _Toc354559308 2.5.3 创建自定义模块 PAGEREF _Toc354559308 h 6 HYPERLINK l _Toc354559309 2.5.4 附加功能的添加 PAGEREF _Toc354559309 h 7 HYPERLINK l _Toc354559310 3、组件的应用 PAGEREF _Toc354559310 h 7 HYPERLINK l _Toc354559311 31 投票组件的应用 PAGERE

7、F _Toc354559311 h 7 HYPERLINK l _Toc354559312 32 留言板组件的应用 PAGEREF _Toc354559312 h 7 HYPERLINK l _Toc354559313 4、插件的使用 PAGEREF _Toc354559313 h 8 HYPERLINK l _Toc354559314 41 图片文件的添加 PAGEREF _Toc354559314 h 8 HYPERLINK l _Toc354559315 42 音乐文件的添加 PAGEREF _Toc354559315 h 8 HYPERLINK l _Toc354559316 43 视

8、频的添加 PAGEREF _Toc354559316 h 9 HYPERLINK l _Toc354559317 5、后期 PAGEREF _Toc354559317 h 9 HYPERLINK l _Toc354559318 51 的测试 PAGEREF _Toc354559318 h 9 HYPERLINK l _Toc354559319 52 的调试 PAGEREF _Toc354559319 h 9 HYPERLINK l _Toc354559320 注释 PAGEREF _Toc354559320 h 10 HYPERLINK l _Toc354559321 参考文献 PAGEREF

9、 _Toc354559321 h 11 HYPERLINK l _Toc354559322 致 PAGEREF _Toc354559322 h 12制作概述它是网页的有机组合。网页的学名是HTML（Hyper Text Mark-up Language），翻译为“Hyper Text Mark-up Language”，定义了HTML文件中各种超文本的组织方式。在 WWW 上传输并由浏览器读取并翻译成页面的文件。它是许多网页、文本、图片、声音、图像等的集合，以某种方式组织起来。它是互联网上搜索信息的窗口，是我们存储数据、图片、多媒体的网上陈列室，当然也是展示个人魅力的大舞台。随着科技的发展，生

10、产出来的软件也越来越多。1. 早期1.1 背景环境的搭配1.1.1 XAMPP的安装搭建服务器环境：安装基于Apache、MySQL、PHP的Web服务器环境。这里使用的是xampp-win32-3.0.12的安装包。 1第 1 步：执行安装程序双击“xampp-win32-3.0.12-installer”安装程序。第 2 步：安装向导进入安装向导，界面提示为了安装系统更新文件，安装前需要关闭其他应用程序，点击“NEXT”按钮继续。第三步：选择安装目录设置XAMPP安装目录，点击“下一步”按钮进入XAMPP设置界面。第 4 步：设置 XAMPP设置界面包括“生成桌面快捷图标”、“添加开始菜单

11、”、“安装Apache服务”、“安装MySQL服务”、“安装Filezilla服务”选项，本例中选择“生成桌面快捷图标”、“添加到开始菜单”两个选项，点击“安装”按钮进入文件解压安装。 2第五步：解压文件并安装在这一步中，XAMPP 系统将解压并安装这些文件。 “下一步”按钮将灰显，无法点击。安装完成后状态变为可点击，点击进入下一步即可。 “Back”是返回上一步，“Cancel”是取消安装。这一步会弹出一个DOS命令提示符窗口，说明系统安装正常。第六步：XAMPP安装向导结束文件解压安装后，XAMPP安装向导结束，系统安装成功。单击“完成”按钮完成安装。点击“完成”按钮后，XAMPP会弹出一

12、个对话窗口，询问是否需要启动XAMPP控制面板进行设置，点击“是”进行快速设置，否则点击“否”退出。第 7 步：XAMPP 快速设置安装过程结束后，首先使用XAMPP控制面板“启动/停止”PHP、MySQL服务。第 8 步：启动 ApacheApache 和 MySQL 都已停止。点击 Apache 后的“开始”按钮。 Windows系统防火墙提示是否允许访问，选择“允许访问”。 3第 9 步：启动 MySQL单击 MySQL 后的“开始”按钮。 Windows系统防火墙提示是否允许访问，选择“允许访问”。第 10 步：构建 Joomla 数据库在控制面板点击Apache后的“Admin”按钮

13、，系统会打开默认浏览器，进入XAMPP管理界面语言选择页面，点击语言选择“中文”选项进入中文管理界面。中文界面集成了XAMPP系统信息、第三方程序演示、XAMPP中的PHP管理工具三类工具。点击“工具phpMyAdmin”进入PHP编写的MySQL管理软件phpMyAdmin。在phpMyAdmin界面“新建数据库”下的文本框中填写“joomla”，创建一个Joomla数据库，库名称为“joomla”。单击创建按钮以提交创建。提交请求后，phpMyAdmin跳转到数据库管理页面，系统在右侧页面提示“数据库joomla已建立”，表示数据库创建操作成功。创建的数据库的数据表列表显示在左侧。由于新创

14、建的数据库是空的，所以左侧列表中只出现了“joomla”数据库名称。 41.1.2 Joomla 的安装安装 Joomla！系统：Joomla！安装内容管理系统 (CMS)。 5第 1 步：解压缩 Joomla！包裹首先，在XAMPP的主htdocs文件夹（.xampphtdocs）中创建一个目录“joomla”，将安装包复制到该目录下，右键选择“解压到当前文件夹”。第二步：进入安装界面解压后打开浏览器，输入网址localhost/joomla，输入Joomla!安装界面，选择“zh-CN”，然后点击“下一步”按钮。第三步：安装前检查服务器环境必须满足要求的检验项目。如果有些项目显示为红色，说

15、明服务器环境设置不符合要求的最低要求，更改配置，刷新并重新检查是否通过测试。第 4 步：协议这一步是阅读并接受 Joomla!协议，点击“下一步”继续。第 5 步：数据库配置选择“mysql”作为数据库类型。主机名填写“localhost”，用户名填写“root”。由于MySQL“root”用户默认没有密码，所以不填写密码。在“Database Name”中填写“joomla”，点击“Next”继续。第 6 步：FTP 配置Joomla 1.5新的文件处理机制，安装后也可以通过后台管理控制界面进行管理，我们直接点击“下一步”。第 7 步：Jmoola 设置1.站名设置：在“本站名称”中填写站名

16、。2.管理员和密码设置：填写您的地址，使用管理后台使用的密码。3. 加载示例数据：点击“安装”，安装示例数据。单击下一步以完成 Joomla! 的安装。第 8 步：完成安装这一步完成界面，说明安装成功。但是提示一定要删除安装目录。删除安装目录后，回到Joomla安装结束界面，点击“浏览本站”进入前台，或点击“进入管理后台”进入后台管理界面，开始Joomla之旅。第 9 步：Joomla 正面和背面Joomla系统分为前台和后台两部分。前台展示给访问者，用于发布内容和提供访问者服务。后台供站点管理员使用，提供与前台的内容和服务相对应的管理设置功能。 61.2 设计主题和构思准备我们要做的是一个个

17、人成长的过程，所以应该主要体现个人的特点。我们的水平自然是有限的，所以上面有些是借用网络上优秀的个人的，比如版面和风格。整体布局统一，浏览时不会显得过于混乱。 7整体大致分为七个部分：“我的日记”、“我的专辑”、“我的视频”、“我的朋友”、“我的关注”、“我的音乐”和“留言板”。1.3 图片素材准备准备照片文件夹。1.4 视频素材准备视频视频文件夹准备。1.5 文本材料的准备日记文章文件夹的准备。2. 中期2.1 全局配置Joomla 可以分为管理后端和前端两部分。后台是管理和创建内容的地方，一般只有管理者才能看到。第一步：登录后台首先打开后台的地址是 HYPERLINK %20%20%20%

18、20:/localhost/joomla/administrator/index.php localhost/joomla/administrator/index.php默认的管理员账号密码，用户名是admin，密码是安装Joomla时设置的密码。第 2 步：全局设置点击登录进入管理后台控制面板首先我们需要更改服务器时区，点击全局设置。单击服务器选项，并更改为时间，单击保存。第三步：后台语言管理点击语言管理，点击进入页面，可以看到所有选项，其中五角星号为默认语言，点击可更改背景语言。 82.2 模板管理通过背景更改前景显示预览。首先，让我们通过预览来看看前台显示的是什么。回到管理后台，点击扩展

19、菜单下的模板管理。我们看到 Joomla 默认安装了三个模板。每个模板都可以让前台与众不同。当我们将鼠标悬停在模板名称上时，会显示模板的缩略图。让我们对模板的正面展示有一个大致的了解。界面。单击名称前面的圆圈并将其设置为默认模板以获得不同的样本前景。 92.3 分类管理2.3.1 增加分类类型进入管理后台，点击分类管理。进入单位管理后，点击右上角的“创建”按钮，创建一个标题为“个人隐私”的单位并保存。单元创建完成后，点击“内容”“分类管理”，点击右上角创建“我的日志”分类，在单元分类中选择“个人隐私”，选择“公开”访问权限。并根据上述方法，创建“我的专辑”、“我的视频”、“我的朋友”、“我的关

20、注”、“我的音乐”和“留言板”类别。 102.3.2 添加分类文章进入管理后台，点击“内容”“文章管理”“创建”。将写好的“半年一年”的文章粘贴进去，设置“标题”，选择“我的日志”类别，设置其他项目，设置后点击“保存”按钮，设置选择，显示在首页，刷新前台浏览。重复以上动作，添加无限、木偶戏、退休三屋等文章。 112.3.3 文章排版第一步：推荐文章到首页打开“文章管理”，找到我们要推荐到首页的文章，点击“首页”栏中的“X”，如果变为“”，则推荐成功。我们向首页推荐视频“我要当大叔了”。第二步：修改菜单参数打开“菜单”“主菜单”“首页”，进入“首页”，基本参数包括“标题文章”、“简介”、“栏目”

21、和“编号”，将“标题文章”参数设置为0，“ “简介”为3，“栏目”为3，“编号”为4，我们也可以删除不满意的文章，点击“内容”“首页文章”，选择要删除的文章，点击“删除” ，现在首页文章有“作者”、“创作时间”等信息，但标题无法与文章关联。回到“首页”的组件参数，进行设置。第 3 步：对菜单进行排序点击“内容”“分类管理”，点击分类管理列表中“排序”中的小三角修改排序号进行排序。同上 在“首页”菜单的高级参数中，也可以更改“默认排序”。另一个影响文章排序的因素是文章的排序顺序。在首页菜单的高级参数中，我们可以设置文章的排序方式。设置“菜单项”“文章排序和排序”“排序”，在基本参数中“简介”设置

22、为7。这里我们按“我的日记”、“我的相册”、“我的视频”、“我的工作”、“我的朋友”、“我的关注”、“我的音乐”和“留言板”。第四步：文章统一参数设置我们在上面的文章中添加了图片、视频等。我们发现，文章标题下方一栏有作者信息，文章发表时间，右上角还有PDF、打印等小图标。文章编辑器的文章参数是可以调整的，但是每次发表文章都需要修改参数吗？这里我们可以通过修改文章的统一参数进行调整，点击“内容”“文章管理”“统一参数”进入设置，使其更加整洁美观。 122.3.4 标志的修改首先，我们使用一些图形设计工具来设计Logo。这里准备的图片是logo.gif。将设计好的Logo命名为“logo.gif”

23、，放入“E:XAMPPhtdocsjoomlatemplatesbeezimages”替换原来的Logo，刷新前台。 132.4 菜单管理第 1 步：将菜单项添加到主菜单点击“菜单”“主菜单”，点击进入“首页”，将“标题”改为“首页”。第 2 步：创建一个新的菜单项进入“分类-文章分类列表布局”，基本参数“分类”为“我的日志”。标题、“简介”、“栏目”、“编号”依次设置。 “标题”设置为“我的日志”，高级参数中的“多列排序”选择横向排序。按照上述方法一次创建一个“我的相册”“我的视频”“我的朋友”“我的关注”“我的音乐”“留言板”菜单项。2.5 模块管理Joomla 的模板中已经定义了一些位置

24、。我们先看一下我们现在正在使用的模板上的位置分布，打开“扩展”“模板管理”，点击我们正在使用的模板“beez”。输入模板“beez”，点击“预览”，红色标记为模板定义的位置。2.5.1 增加搜索回到模块管理，点击“创建”“搜索”，将标题命名为“搜索”，位置选择“use4”，点击应用。2.5.2 添加面包屑回到模块管理，点击“创建”“面包屑（导航路径）”，点击进入，输入标题“导航路径”，将位置放在“面包屑”位置，更改首页入口文字到“首页”，点击保存。2.5.3 创建自定义模块自定义模块允许我们自己定义模块中显示的内容，可以输入文字，也可以插入图片或视频。创建自定义模块，显示在底部，作为声明，打开

25、“Extensions”“Module Management”“Create”“Custom HTML”，标题命名为“Declaration”，显示标题为“No”，位置选择“页脚”。2.5.4 添加附加功能添加在线功能打开在线状态生成，输入账号和密码登录。进入编辑页面，选择代码类型为“完全公开”，并留言“我是客服一号”。您可以更改在线状态样式并选择您喜欢的图标，单击确定，然后复制公共代码。回到管理后台，创建一个名为“在线”的“自定义 HTML”模块并将代码复制到自定义输出（单击编辑器的 HTML，复制到 HTML 面板，更新）。单击保存以刷新前景。 143.组件的应用组件可以扩展 Joomla

26、 的功能并使我们的 Joomla 更加强大。 Joomla 中有许多组件可以完成不同的任务。我们可以根据自己的功能需求安装相应的组件。3.1 投票组件的应用点击“组件”“投票调查”，点击“创建”进入编辑投票页面，进入编辑界面，在详细设置中将“Title”命名为“How am I?”，并输入一些选项中的问卷。选项，这里“选项1”是“你喜欢这个款式吗？”，“选项2”是“你认为需要修改什么？”，“选项3”是“如果是十个，你会给多少？”我？” ?”，为发布的位置单击“是”。接下来我们还要创建一个模块来展示我们的问卷，点击“Extensions”“Module Management”，创建一个“Voti

27、ng”模块，标题为“Voting”，位置为“use1”，在模块中选择投票参数“您对我们的服务是否满意”，点击保存。让我们测试一下投票调查，点击“选项1”“投票”查看投票结果。3.2 留言板组件的应用安装使用消息组件，点击“扩展”“安装和卸载”“浏览”，选择我们需要安装的“_easybook_v2.0_RC4_zh-CN”，安装完成后提示安装成功，让我们创建一个菜单项，让它去这个组件。点击“菜单”“常用菜单”“创建”，选择“easybook”标准布局。将标题命名为“在线留言”，组件参数显示Easybook为“隐藏”，更改允许与“所有人”对话的群组，添加留言内容并点击“提交留言”，以防止有人发垃圾

28、邮件，您需要为留言板安装验证码组件“_easycaptcha_v2.0_RC2_zh-CN”。安装完成后，进入在线留言菜单项，选择“是”，启用组件参数中的验证码项，即可使用。4.插件的使用插件是扩展 Joomla 功能的小东西，通常每个插件都可以完成特定的任务。有许多类型的插件。文章中用到了一些插件，比如我们即将安装使用的相册插件。使用它，您可以在文章中插入可以自动生成缩略图的相册。还有一些插件提供了丰富的搜索能力，还有一些插件可以生成页面缓存，可以让事情变得更快。 154.1 添加图片文件打开管理后台，点击“扩展”“安装和卸载”进入安装界面，安装相册插件plg_verysimple_gall

29、ery_1.5.3。安装完成后会提示安装成功。默认情况下，新安装插件的状态是禁用的，下面让我们启用已安装的专辑插件。点击“扩展”“插件管理”，选择类型“内容”过滤器，找到插件“Very Simple Image Gallery Plugin”，选择启用并保存，点击“Very Simple Image Gallery Plugin”编辑参数，修改相册宽度为“760”“单位设置为“像素”，对齐设置为“左”，缩略图宽度设置为“65”，缩略图高度设置为“35”，缩略图质量为“100”，缩略图之间的间距为“8”，缩略图显示位置为“显示在大图右侧”，设置后点击保存，我们要使用Very Simple Ima

30、ge Gallery Plugin，必须使用文章中的一个命令，在介绍中Very Simple Image Gallery Plugin plugin 这个命令，命令是vsig文件夹名/vsig，打开“”“媒体管理”，里面显示已经上传到我们服务器的图片。我们点击“故事”在左侧菜单栏中新建一个文件夹，点击“创建文件夹”，命名为“aiimal”，点击“aiimal”文件夹，进入文件夹，cl勾选“浏览”“开始上传”，选择要上传的图片，回到“文章管理”选择我们要插入相册的文章，选择相册显示的位置，输入相册显示命令vsigainimal/vsig，然后在“我的照片”中 - 您可以在“动物园”中浏览。如上所

31、述添加 HYPERLINK %20%20%20%20:/localhost/joomla/index.php?option=com_content&view=article&id=20:2013-03-12-15-13-19&catid=2:2013-03-12-14-07-43&Itemid=7 成长站正定站, HYPERLINK %20%20%20%20:/localhost/joomla/index.php?option=com_content&view=article&id=19:2013-03-12-15-12-45&catid=2:2013-03-12-14-07-43&Itemi

32、d=7 我的小外甥等照片文件。 HYPERLINK %20%20%20%20:/localhost/joomla/index.php?option=com_content&view=article&id=18:2013-03-12-15-11-46&catid=2:2013-03-12-14-07-43&Itemid=7 成长站站4.2 添加音乐文件打开管理后台，点击“扩展”“安装和卸载”进入安装界面，安装“_avreloaded-1.2.4”。安装完成后会提示安装成功。点击“扩展”“插件管理”，找到插件“_avreloaded-1.2.4”，点击启用。如果我们要使用非常简单的图片库插件，我们

33、必须使用文章中的命令。在非常简单的图库插件的介绍中有这个命令。命令是MP3文件夹名称/MP3，打开“”“媒体管理”，里面会显示已经上传到我们服务器的歌曲。回到“文章管理”选择我们要插入的歌曲，选择歌曲显示的位置，输入歌曲显示命令MP3zheyangaile/mp3，就可以在“我的歌曲”中浏览了 “我爱这条路”。如上所述添加歌曲文件，例如“Sorry”和“Cant Get There”。4.3 添加视频打开管理后台，点击“扩展”“安装和卸载”进入安装界面，安装“_avreloaded-1.2.4”。安装完成后会提示安装成功。点击“扩展”“插件管理”，找到插件“_avreloaded-1.2.4”

34、，点击启用。如果我们要使用非常简单的图片库插件，我们必须使用文章中的命令。在非常简单的图库插件的介绍中有这个命令。命令为video file formatfolder name/video file format，例如MP4Folder Name/MP4。打开“”“媒体管理”，显示已上传到我们服务器的视频。回到“文章管理”选择我们要插入的视频，并选择视频显示的位置，输入歌曲显示命令mp4borther/mp4，然后在“我的视频”-“我们的小青春”，您可以浏览。按照上面的方法添加“我要当大叔了，嘿嘿嘿”“和我一起长大的小松鼠”等视频文件。5. 后期5.1 测试测试的跳转和是否可以正常跳转到指定界

35、面。测试投票，其他组件可以正常使用。5.2 调试第一步：进入后台，调试问题，进入前台继续测试。第二步：如果调试不成功，继续调试。笔记1 HYPERLINK %20%20%20%20:/%20%20%20%20/Xampp-Surhone-Lambert-M/dp/613059173X/ref=sr_1_2?s=books&ie=UTF8&qid=1366094276&sr=1-2&keywords=xampp t _blank XamppSurhone, Lambert M., Timpledon, Miriam T., Marseken, Susan F. VDM 出版社 (2010-07)

36、。2 HYPERLINK %20%20%20%20:/%20%20%20%20/%E6%95%B0%E6%8D%AE%E5%BA%93%E7%B3%BB%E7%BB%9F%E6%A6%82%E8%AE%BA/dp/B004OQE5SE/ref=sr_1_2?s=books&ie=UTF8&qid=1366094673&sr=1-2&keywords=%E6%95%B0%E6%8D%AE%E5%BA%93 t _blank 数据库系统概论(第4版)王山，萨世轩高等教育（2006-05出版）。34 同上。5 廖敏科、吴涛涛：步步为营的Joomla建站，人民邮电，2009，p. 23.6 Jooml

37、a 之门， HYPERLINK %20%20%20%20:/%20%20%20%20joomlagate%20%20%20%20 .joomlagate.。7 于秉超：发展：项目规划、设计与实现，电子工业，2004，55-58页。8 郭顺能：Joomla! 2.5 为人民站起来的计划， HYPERLINK %20%20%20%20:/search.dangdang%20%20%20%20/book/search_pub.php?category=01&key3=%B3%9E%B7%E5%D9Y%D3%8D%B9%C9%B7%DD%D3%D0%CF%DE%B9%AB%CB%BE&order=sort_xtime_desc t _blank 碁峰資訊股份.9 洪飞：PHP容量管理系统：Joomla