1、毕 业 论 文论文题目：个人成长历程网站的设计与实现内 容 摘 要本文是个人成长历程网站的设计介绍。本文详细的介绍了关于个人成长历程网站从设计到收集素材，结合自己所学知识，同时结合自己的成长历程，如何一步步的实现，更加形象的告诉大家个人成长历程网站的设计与实现。本文介绍详细，思路清晰，认真务实，看完本文例子可以很清楚的了解到网站的制作和实现，通过本文可以很容易的了解网站的各个环节的制作和本网站与其他网站的内在联系，对于制作其他类型网站个人博客个人主页个人空间等有着帮助作用。关键词 个人成长 网站设计 网站制作 网站实现AbstractThis article is a personal gro
2、wth process of website design. This article detailed introduction about the personal growth process from design to material collection, with his knowledge, at the same time, combined with their own growing experience, how to implement step by step, more image tell you personal growth process of the
3、design and implementation of website. In this paper, a detailed, clear, practical seriously, look at the examples in this paper can be very clear in your website the making and implementation, through this paper can easily understand the site of each link of production and inner link, this web site
4、and other web sites for other types of site personal blog page has helped individual space, etc. Key words: personal growth, website design, website build, Site Implementation目 录网站制作的概述 .11、网站前期 .211 后台环境的搭配 .21.1.1 XAMPP 的安装 .21.1.2 Joomla 的安装 .312 网站的设计主题与思路准备 .413 网站的图片素材准备 .414 网站的视频素材准备 .415 网站
5、的文字素材准备 .42、网站中期 .421 全局配置 .422 模版管理 .423 分类管理 .52.3.1 分类类型的添加 .52.3.2 添加分类文章 .52.3.3 文章的排版 .52.3.4 Logo 的修改 .624 菜单管理 .625 模块管理 .62.5.1 搜索的添加 .62.5.2 面包屑的添加 .62.5.3 创建自定义模块 .62.5.4 附加功能的添加 .73、组件的应用 .731 投票组件的应用 .732 留言板组件的应用 .74、插件的使用 .841 图片文件的添加 .842 音乐文件的添加 .843 视频的添加 .95、网站后期 .951 网站的测试 .952 网
6、站的调试 .9注 释 .10参 考 文 献 .11致 谢 .121网站制作的概述网站就是网页的有机组合体，网页的学名是 HTML（Hyper Text Mark-up Language） ，翻译过来就是“超文本标记语言” ，它定义了各种超文本在 HTML 文件中的组织方式，是一种可以在 WWW 上传输并被浏览器读取、翻译成页面的一种文件。网站就是许许多多网页、文本、图片、声音、图像等在一起，按照一定方式组织起来的集合体。网站是上网查信息的窗口，是我们存放资料、图片、多媒体的网上展示厅，当然也是展示个人魅力的大舞台。随着科技的发展，制作网站的软件也随之增多。21、网站前期11 后台环境的搭配1.
7、1.1 XAMPP 的安装搭建服务器环境：安装一个基于 Apache、MySQL、PHP 的 Web 服务器环境，这里采用xampp-win32-3.0.12 的安装包。 1步骤一：执行安装程序双击“xampp-win32-3.0.12-installer”安装程序。步骤二：安装向导进入安装向导，该界面提示为便于安装系统更新文件，需要在安装前关闭其他应用程序，单击“NEXT”按钮继续。步骤三：选择安装目录设置 XAMPP 安装目录，单击“Next”按钮，进入 XAMPP 设置界面。步骤四：设置 XAMPP设置界面包含“生成桌面快捷图标” 、 “加入开始菜单” 、 “安装 Apache 服务”
8、、“安装 MySQL 服务” 、 “安装 Filezilla 服务”选项，本例选中了“生成桌面快捷图标” 、 “加入开始菜单”两选项，单击“Install”按钮进入文件解压安装。 2步骤五：文件解压安装该步 XAMPP 系统进行文件解压安装， “Next”按钮变灰不可单击，安装完毕后，状态变为可击，可单击进入下一步。 “Back”为返回上一步， “Cancel”则为取消安装。在该步中会弹出一个 DOS 命令提示窗口提示，该提示说明系统安装正常。步骤六：XAMPP 安装向导结束文件解压安装完毕后，XAMPP 安装向导结束提示系统安装成功，单击“Finish”按钮完成安装。单击“Finish”按钮
9、后，XAMPP 弹出对话窗口，询问是否需要开始 XAMPP 控制面板进行设置，单击“是”进行快速设置，否则单击“否”退出。步骤七：XAMPP 快速设置安装过程结束后，首先使用 XAMPP 控制面板来“启动/停止”PHP、MySQL 服务。步骤八：启动 ApacheApache 和 MySQL 均为停止状态。单击 Apache 后“start”按钮。Windows 系统防火墙提示是否允许访问，选择“允许访问” 。 3步骤九：启动 MySQL单击 MySQL 后“start”按钮。Windows 系统防火墙提示是否允许访问，选择“允许访问” 。步骤十：建 Joomla 数据库单击控制面板中 Apa
10、che 后“Admin”按钮，系统会打开默认浏览器，进入 XAMPP 管理界面语言选择页，单击语言选择“中文”选项进入中文管理界面。中文界面里集成了三类工具，包括 XAMPP 系统信息、第三方程序演示、XAMPP 中的 PHP 管理工具。单击“工3具phpMyAdmin”进入用 PHP 编写的 MySQL 管理软件 phpMyAdmin。在 phpMyAdmin 界面“创建一个新的数据库”下文本框中填入“joomla”创建 Joomla 的数据库，库名为“joomla”。单击“创建”按钮提交创建。提交请求后，phpMyAdmin 跳转到该数据库管理页面，系统在右侧页面中提示“数据库 jooml
11、a 已经建立” ，代表数据库创建操作成功。左侧创建数据库的数据表列表，由于刚创建的数据库为空，则左侧列表只出现“joomla”数据库名。 41.1.2 Joomla 的安装安装 Joomla！系统：Joomla！内容管理系统（CMS）的安装。 5步骤一：将 Joomla!软件包解压首先，在 XAMPP 的 htdocs 主文件夹中（.xampphtdocs）建立目录“joomla” ，将安装包复制到目录中，单击鼠标右键，选择“解压到当前文件夹” 。步骤二：进入安装界面解压缩完毕后，然后打开浏览器，输入网址 http:/localhost/joomla，进入Joomla!安装界面，选择“zh-C
12、N” ，然后单击“下一步”按钮。步骤三：安装前服务器环境检查必须符合要求的检查项目。如果有某些项目显示为红色，说明服务器环境设置不符合必需的最低要求，更改配置，刷新重新检查是否通过检测。步骤四：协议本步是阅读并接受 Joomla!协议，单击“下一步”继续。步骤五：数据库配置数据库类型选“mysql” 。主机名填入“localhost” ，用户名填“root” ，由于 MySQL的“root”用户默认状态是没有密码，所以密码不填。 “数据库名称”里填入“joomla” ，单击“下一步”继续。步骤六：FTP 配置Joomla1.5 的文件处理的一种新机制，也可以在安装以后通过后台管理控制界面进行管
13、理，在这里我们直接单击“下一步” 。步骤七：Jmoola 设置1.站名设置：在“本站名称”里填入站点的名称。2.管理员邮件和密码设置：填入您的邮件地址以及管理后台所用的密码。3.加载样例数据：单击“安装网站的示范内容”进行示例数据的安装。单击“下一步”完成 Joomla!的安装。步骤八：完成安装本步是完成界面，提示安装成功。但提示必须删除 installlation 目录。删除installlation 目录后，回到 joomla 安装结束界面，单击“浏览本站”进入前台，或单击“进入管理后台”进入后台管理界面，开始 Joomla 之旅途。步骤九：Joomla 前台和后台Joomla 系统分为前
14、台和后台两部分。前台展现给网站访问者，用于发布网站内容，4提供访问者服务。后台供站点管理者使用，提供对应于前台内容、服务的管理设置功能。612 网站的设计主题与思路准备我们要做的是个人成长历程网站，因此主要应该要体现个人特色。我们的水平自然是有限的，所以上面的有些东西都是从网上优秀的个人网站上借鉴来的，例如布局和样式。总体来说网站的布局，是统一的，这样在浏览的时候不至于显得太混乱。 7整个网站大体分七部分：“我的日志” “我的相册” “我的视频” “我的朋友” “我的关注” “我的音乐” “留言板” 。13 网站的图片素材准备Photo 图片文件夹的准备。14 网站的视频素材准备Video 视
15、频文件夹的准备。15 网站的文字素材准备Diary 文章文件夹的准备。2、网站中期21 全局配置Joomla 可以分为两个部分，管理后台和网站前台。后台是管理和创造内容的地方，一般只有网站的管理人员才能看得到，网站前台是给用户看的，它是用来显示网站内容的。步骤一：登录网站后台首先，打开后台的地址是 http:/localhost/joomla/administrator/index.php，默认管理员账号密码，用户名 admin，密码为安装 Joomla 时设定的密码。步骤二：全局设置点击登录进入管理后台的控制面板首先我们要更改网站服务器时区，点击全局设置。点击服务器选项，并更改为北京时间，点
16、击保存。步骤三：后台语言管理点击语言管理，点击进入页面后可见所有选项，其中五角星标志的为默认语言，可点击更改后台语言。 8522 模版管理通过后台更改前台显示预览。首先，我们通过预览查看前台显示的网站。回到网站管理后台，点击扩展菜单下的模板管理。我们看到 Joomla 默认安装了三个模板，每一个模板都可以让网站前台变得不一样，当我们把鼠标停留在模板名称的上面时显示出模板的缩略图，让我们大致了解一下模板的前台显示界面。点击名称前的圆圈并设置成默认模板，便可得到不同示样的前台。 923 分类管理2.3.1 分类类型的添加进入网站管理后台，点击分类管理。进入单元管理后，点击右上角“创建”按钮，创建标
17、题为“个人隐私”的单元并保存，单元创建完成，点击“内容”“分类管理” ， 点击右上角创建“我的日志”的分类，并在单元分类中选择“个人隐私” ，访问级别选择“公开” 。并按照上述方法，创建“我的相册” “我的视频” “我的朋友” “我的关注” “我的音乐” “留言板”分类。 102.3.2 添加分类文章进入网站管理后台，点击“内容”“文章管理”“创建” 。把编写好半年一年文章粘贴进去，设置“标题” ，选择 “我的日志”分类，设置其他项，设置好之后点击“保存”按钮，设置精选，在首页显示，刷新前台并浏览。重复上述动作，添加无限 木偶戏 退三舍等文章。 112.3.3 文章的排版步骤一：推荐文章到首页
18、打开“文章管理” ，找到我们想要推荐到首页的文章，点击“首页”栏目的“X” ，变为“”则为推荐成功。我们把视频“我要当舅舅了”推荐到首页。步骤二：修改菜单参数打开“菜单”“mainmenu”“Home” ， 进入“Home” ，基本参数包括“头条文章”、 “引言” 、 “栏”和“链接数” ， 设置参数“头条文章”为 0、 “引言”为 3、 “栏”为3、 “链接数”为 4，我们还可以对不满意的文章进行除，点击“内容”“首页文章” ，选中要删除的文章，点击“删除” ， 现在首页的文章有“作者” 、 “创建时间”等等信息，但是标题连接不到文章上，回到“Home”的组件参数，进行设置。步骤三：菜单的排序点击“内容”“分类管理” ，在分类管理列表中点击“排序”中的小三角形修改排序号来排序。同上在“Home”菜单的高级参数中，也可以更改“默认排序” 。 影响文章排序的方式另一个因素是文章分类的顺序，在首页菜单的高级参数里面我们可以设定文
