Разработка Web-сайта с использованием CMS Joomla! на тему: «Астрономия»

Автор работы: Пользователь скрыл имя, 10 Октября 2013 в 12:11, курсовая работа

Краткое описание

Современная CMS система должна позволять, не прибегая к дополнительному программированию, выполнять: редактировать содержимое страниц, включая добавление / удаление графики; добавление новых страниц; изменение структуры сайта и различных мета данных; настройку регистрационных форм; управление опросами, голосованиями и форумами; вывод статистики посещений; распределение прав по управлению сайтом среди пользователей. Моя работа посвящена разработке сайта на одной из таких СMS, а именно на СMS Joomla.

Содержание

ВВЕДЕНИЕ 3
1. ОПИСАНИЕ CMS И МОДУЛЕЙ 4
1.1. ОПИСАНИЕ CMS 4
1.2. СПИСОК И ОПИСАНИЕ МОДУЛЕЙ 6
2. ЛОГИЧЕСКАЯ МОДЕЛЬ САЙТА 10
3. ФИЗИЧЕСКАЯ МОДЕЛЬ САЙТА 11
4. ОПИСАНИЕ САЙТА 12
ЗАКЛЮЧЕНИЕ 21
БИБЛИОГРАФИЧЕСКИЙ СПИСОК 22

Прикрепленные файлы: 1 файл

Курсовойвар5.doc

— 2.54 Мб (Скачать документ)

Доступ к  административной части сайта осуществляется под пользователем

Admin c паролем 89453216

 

Ниже представлен код шаблона Index.php

 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >

<head>

<jdoc:include type="head" />

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/astro/css/template.css" type="text/css" />

<!--[if IE]>

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/astro/css/iehack.css" type="text/css" />

<![endif]-->

</head>

<body>

<div id="wrap">

<div id="top">

<div id="leftlogo">

<div id="logo">

<img src="templates/astro/images/slogan.png">

</div>

</div>

<div id="search">

<jdoc:include type="module" name="mod_search" />

</div>

</div>

<div id="topmenu">

<jdoc:include type="modules" name="nav" />

</div>

<div id="breadcrumb">

<jdoc:include type="modules" name="breadcrumb" />

</div>

<div id="container">

<div class="rightback">

<div class="centerback">

<div class="leftback">

<div id="left">

<jdoc:include type="modules" name="left" style="rounded"  />

</div>

<div id="center">

<jdoc:include type="component" />

</div>

<div id="right">

<jdoc:include type="modules" name="right" style="rounded"/>

</div>

</div>

</div>

</div>

</div>

</div>

<div id="footer">

<jdoc:include type="modules" name="user9" />

</div>

</body>

</html>

 

Основная таблица  стилей Template.css

 

* {

margin:0;

padding:0;

}

html, body {

height:100%;

width:100%;

}

 

body{

background-image:url('../images/bg_stars.gif');

font-size:76%;

font-family:Verdana, Arial, Helvetica, sans-serif;

line-height:1.3;

color:d8f1ed;

}

 

a:link {

text-decoration:none;

color:42d93e;

}

 

a:visited {

text-decoration:none;

color:589a56;

}

 

a:hover {

text-decoration:underline;

color:b4d0b3;

}

 

.contentheading {

color:4040f1;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:200%;

}

 

h1 {

font-family:Verdana, Arial, Helvetica, sans-serif;

color:white;

font-size:180%;

}

 

h2 {

font-family:Verdana, Arial, Helvetica, sans-serif;

color:white;

font-size:160%;

}

 

h3 {

font-family:Verdana, Arial, Helvetica, sans-serif;

color:white;

font-size:140%;

}

 

h4 {

font-family:Verdana, Arial, Helvetica, sans-serif;

color:white;

font-size:120%;

}

 

h5 {

font-family:Verdana, Arial, Helvetica, sans-serif;

color:white;

font-size:100%;

}

 

h6 {

font-family:Verdana, Arial, Helvetica, sans-serif;

color:white;

font-size:90%;

}

 

#wrap {

position:relative;

min-height:100%;

height: auto !important;

height:100%;

}

#top {

margin:0;

width:100%;

height:200px;

background-image:url('../images/logo1.jpg');

clear:both;

 

}

#leftlogo{

width:700px;

float:left;

margin-right: -8px;

}

#logo {width:565px; height:160px}

#search {

width:278px;

background-image:url('../images/logo.jpg');

float:right;

margin-right:0;

padding-top:160px;

margin-left:auto;

}

#topmenu{

height:30px;

background-color:#000000}

 

 

#container {

width:100%;

float:left;

overflow:hidden;

position:relative;

}

 

.module {

margin:5 15;

}

 

.column {

padding:5px;

}

 

.rightback  {

width:100%;

float:left;

background-color: #181b2f;

overflow:hidden;

position:relative;

}

 

.centerback  {

float:left;

background-image:url('../images/bg_stars.gif');

width: 100%;

position:relative;

right: 20%;    /* width of right sidebar */

}

 

.leftback  {

width: 100%;

position:relative;

right: 60%; /* width of the  content area */

float:left;

background-color: #181b2f;

 

}

 

#center {

width:60%;

float:left;

left:80%;

position:relative;

overflow:hidden;

}

 

#left{

width:20%;

float:left;

left:80%;

position:relative;

}

 

#right {

width:20%;

float:left;

left:80%;

position:relative;

overflow:hidden;

}

 

#footer{

clear:both;

position:relative;

text-align:center;

width:100%;

height:40px;

margin-top:-40px;

}

 

Для корректного  отображения «подвала» в Internet Explorer была сделана вспомогательная таблица стилей iehack.css

 

#container

{

padding-bottom:40px;

}

 

Заключение

 

Внедрение средств  вычислительной техники, доступность  информации, объём и скорость её обработки становятся решающими факторами развития производственных сил государства, науки, культуры, общественных институтов и всех сфер жизнедеятельности человека. Информация и данные все чаще рассматриваются как жизненно важные ресурсы, которые должны быть организованы таким образом, чтобы ими можно было легко пользоваться.

Основные идеи современной информационной технологии базируются на концепции, согласно которой  данные должны быть организованы в  базы данных, с целью адекватного  отображения изменяющегося реального  мира и удовлетворения информационных потребностей пользователей.

Любая информационная система представляет собой программный  комплекс, функции которого состоят  в поддержке надежного хранения информации в памяти компьютера, выполнении специфических для данного приложения преобразований информации и / или вычислений, предоставлении пользователям удобного и легко осваиваемого интерфейса.

С развитием  и распространением сети Интернет информационные системы стали более интерактивными, масштабируемыми и доступными обычным  пользователям.

Объектом данной курсовой работы являлась система управления контентом «Joomla!». В данной системе имеется возможность, как для рядового пользователя, так и для администратора, внедренные приложения имеют дружественный интерфейс, предусмотрено дальнейшее улучшение и развитие.

На примере разработки астрономического сайта были рассмотренные возможности по администрированию сайта на базе CMS “Joomla!” и возможности расширения его функционала с помощью различных компонентов и плагинов.

В результате проведенной  работы был создан тематический сайт, который в первую очередь будет интересен людям, увлеченным околокосмической тематикой. Возможно, некоторые статьи этого сайта смогут заинтересовать людей далеких от астрономии. Существующий на сайте форум может стать площадкой для общения и обсуждения современных проблем освоения космоса. Галерея поможет наглядно представить, как выглядит вселенная. Кроме того у зарегистрированных пользователей существует возможность добавлять свои графические материалы.

Рассуждая об итогах выполненной работы, стоит также отметить широкие возможности системы для дальнейшей модернизации. Тысячи готовых компонентов и платформа с открытым исходным кодом предоставляют разработчику возможности для реализации любых будущих целей, идей и проектов.

 

Библиографический список

 

  1. Википедия – свободная энциклопедия [Электронный ресурс]: Страница «Joomla». – Режим доступа: http://ru.wikipedia.org/wiki/Joomla, свободный (дата обращения – 18.11.2010)
  2. Википедия – свободная энциклопедия [Электронный ресурс]: Страница «MySQL». – Режим доступа: http://ru.wikipedia.org/wiki/MySQL, свободный (дата обращения – 05.09.2010)
  3. Новости и статьи NASA на русском [Электронный ресурс]. – Режим доступа: http://www.astrogorizont.com, свободный (Дата обращения – 23.10.2011)
  4. Норт, Б. Joomla! Практическое руководство. [Текст] / Б. Норт – Спб. :Символ-плюс, 2008. – 448 с.
  5. Онлайн конструктор сайтов на Joomla. [Электронный ресурс]. – Режим доступа: http://joomla-maker.ru, свободный (дата обращения – 25.08.2010)
  6. Хаген, Г.Ф. Создание веб-сайтов с помощью Joomla! 1.5 [текст] / Г.Ф. Хаген – М. :Вильямс, 2008. -352 с.
  7. Advanced Menu System for Joomla and Mambo – Home. [Электронный ресурс]. – Режим доступа: http://www.swmenupro.com, свободный (Дата обращения 24.07.2010)
  8. Htmlbook.ru – для тех, кто делает сайты [Электронный ресурс]: Справочник CSS. – Режим доступа: http://htmlbook.ru/css, свободный (дата обращения – 10.07.2010)
  9. Htmlbook.ru – для тех, кто делает сайты [Электронный ресурс]: Справочник HTML. – Режим доступа: http://htmlbook.ru/html, свободный (дата обращения – 10.07.2010)
  10. JCE – A Content Editor for Joomla [Электронный ресурс]: - режим доступа: http://www.joomlacontenteditor.net/, свободный (Дата обращения – 16.09.2010)
  11. Joomla! - бесплатная система управления сайтом [Электронный ресурс]. – Режим доступа: http://joomla.ru, свободный (дата обращения – 10.07.2010)
  12. Joomla! CMS по-русски. [Электронный ресурс]. – Режим доступа: http://joomlaportal.ru, свободный (дата обращения – 10.07.2010)
  13. JoomlaWorks. Proffessional Joomla extensions. [Электронный ресурс]. – Режим доступа: http://www.joomlaworks.gr, свободный (дата обращения – 26.09.2010)
  14. Phoca [Электронный ресурс]. – Режим доступа: http://www.phoca.cz, свободный (дата обращения – 25.08.2010)
  15. To Speak! Next Generation Native Joomla Forum. [Электронный ресурс]. – Режим доступа: http://www.kunena.org, свободный (дата обращения – 12.10.2010)
  16. Website backup, restoration and security solutions. [Электронный ресурс]. – Режим доступа: http://www.akeebabackup.com/, свободный (дата обращения – 02.11.2010)

 

 

 

 


Информация о работе Разработка Web-сайта с использованием CMS Joomla! на тему: «Астрономия»