Автор: Пользователь скрыл имя, 17 Декабря 2012 в 23:17, курсовая работа
В курсовой работе была проделана следующие действия: установка CMS Joomla , установка плагинов и шаблонов для Joomla, создание в Photoshop логотипа , редактирование php и css файлов, добавление новостей, создания эффекта дразнящего уголка, карты сайта.
ВВЕДЕНИЕ 5
1 СРЕДСТВА И МЕТОДЫ СОЗДАНИЯ САЙТОВ 5
1.1 Основные понятия 5
1.2 Язык разметки гипертекста (HTML) 7
1.3 Язык программирования PHP 8
1.4 Язык программирования JavaScript 9
1.5 Системы управления содержимым 10
1.5.1 WordPress 11
1.5.2 Drupal 14
1.5.3 Joomla 16
2. ОПИСАНИЕ И РАЗРАБОТКА WEB-САЙТА 19
2.1 Установка локального сервера 19
2.2 Установка CMS Joomla 20
2.3 Установка шаблона 23
2.4 Создание категорий 25
2.5 Создание меню 26
2.6 Создание пунктов меню 27
2.7 Создание модуля меню 30
2.8 Создание страницы 404 32
2.9 Установка Карты сайта (Xmap) 34
2.10 Создание эффекта дразнящего уголка 35
ЗАКЛЮЧЕНИЕ 37
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ 38
ПРИЛОЖЕНИЕ A. Таблица стилей. editor.css 39
ПРИЛОЖЕНИЕ Б Index.php: 45
Рассмотрим ряд достоинств Joomla:
- нет необходимости тратить много времени, сил или денег на создание мощного сайта. Данная CMS устанавливается в течение нескольких минут, а шаблон меняется на лету, дизайн которого всегда можно изменить под себя. Или вообще можно сделать свой шаблон или заказать его специалисту;
- управление веб-ресурсом не требует наличия специальных знаний и навыков. Если Вы нормально умеете пользоваться компьютером и хотя бы MicroSoft Word, то проблем в освоении Joomla возникнуть не должно. Постоянно пользуясь этой системой управления контентом, уже за 1-2 недели Вы сможете точно усвоить все её основные функции;
- огромный выбор различных плагинов, модулей, компонентов, расширений и платных или бесплатных шаблонов позволит создать поистине мощный веб-ресурс со всеми мыслимыми и не мыслимыми фишками;
- данная CMS постоянно обновляется, а также к ней чуть ли не каждый день появляются новые дополнительные возможности в лице свежих плагинов, расширений и т. д;
- большая часть дополнительных сприптов и софта для Joomla идут на русском языке, что очень удобно для россиян;
- Joomla является полностью бесплатным движком и вместе с большинством расширений и других элементов свободно распространяется.
Теперь предложим ряд недостатков Joomla:
- в Joomla нельзя управлять одновременно несколькими сайтами. Для каждого нового web-ресурса необходимо устанавливать отдельную CMS. Хотя для некоторых пользователей это может и не являться проблемой;
- наличие большого количество лишнего кода, как в самом движке, так и шаблонах. Лишний программный код – это ненужные расширения, плагины, незадействованные скрипты, ссылки на сайты разработчиков. Более того, весь этот мусор сгруппирован не лучшим образом;
- медленная загрузка веб-страниц по сравнению с другими некоторыми CMS и тем более классическими сайтами;
Как видно, достоинств больше чем недостатков! Еще бы, ведь Joomla совершенствуется усилиями всего мирового сообщества веб-разработчиков, и по праву может считаться лучше!
Работа по созданию web-сайта начинается с установки среды, которая обеспечит функционирование нашего сайта. Эта среда есть не что иное, как локальный сервер, который обеспечит нам работу PHP и будет содержать в себе базу данных, с помощью которой и осуществляется хранение всей информации.
Чтобы установить локальный сервер необходимо скачать приложение «Denwer» в интернете. После скачивания проинсталлировать его у себя на компьютере. По окончанию установки у нас на компьютере появится виртуальный диск – это и есть наш локальный сервер, а на рабочем столе появятся три ярлыка («StopDenwer», «StartDenwer», «RestartDenwer»). Запускаем наш локальныйсервер при помощи ярлыка «StartDenwer».
Для того чтобы приступить к установке необходимо скачать CMS Joomla 2.5. Скачать ее можно с нескольких мест, с официального сайта Joomla.org, а также с сайтов поддержки русских пользователей Joomla.ru и Jooomlaportal.ru. После того как мы скачали архив с CMS Joomla можно приступить к ее установке на локальный сервер Denwer. Пройдем в папку локальный диск C/WebSerwers/home/, создаем там папку с названием joomla, Далее создаем в этой папке следующую папку с назваением www, затем скопируем только что скачанный релиз joomla 2.5 и переместим его в папку www, после чего его следует разархивировать. Теперь все файлы готовы, можно приступать к инсталляции. Прежде чем приступить к инсталляции нам необходимо создать базу данных для нашего будущего сайта, для этого запустим Денвер, нажав на ярлык Start Denwer, в адресной строке введем http://localhost, в открывшейся странице пройдем по ссылке «Созданяи новых БД и пользователей MySQL», после этого нам необходимо завести пользователя и базу данных (рисунок 1).
Рисунок 1 – Создания новых БД и пользователей MySQL
Теперь приступаем к установке. В адресной строке браузера введем имя нашего локального сайта http://joomla. У нас должна запуститься программа установки Joomla.
Первый этап в инсталляции это выбор языка, собственно здесь ничего трогать не нужно, русский язык выбран по умолчанию, жмем кнопку далее (рисунок 2).
Рисунок 2 - Выбор языка
Начальная проверка. На этом этапе необходимо проверить на сколько наш сервер соответствует требованиям CMS Joomla. Если в верхнем окне будет хотя бы один отрицательный ответ проверки значит сервер не соответствует требованиям системы и нам лучше отказаться от установки или настроить сервер, после чего продолжить, однако на Денвере все должно соответствовать нормам, так что жмем кнопку далее (рисунок 3 - Начальная проверка).
Рисунок 3 - Начальная проверка
На следующем этапе необходимо внимательно ознакомиться с лицензией и нажать кнопку далее (рисунок 4).
Рисунок 4 - Ознакомление с лицензией
Следующий этап это настройки подключения к базе данных.
1. Тип базы данных: Это обычно "MySQLi"
2. Имя сервера базы данных: Это обычно "localhost"
3.Имя пользователя: joomla
3.Пароль: 1234
5.Имя базы данных: joomla
6.Префикс таблиц: здесь больше ничего не трогаем.
Нажмаем на кнопку далее (рисунок 5) .
Рисунок 5 - Подключения к базе данных
Конфигурация сайта. Это завершающий шаг инсталляции.
Название сайта: Назовем к примеру «Joomla»
Ваш E-mail: введите свой email адрес
Логин администратора: admin
Пароль администратора: 1234
Подтверждение пароля: 1234
Нажимаем на кнопку далее (рисунок 6).
Рисунок 6 - Конфигурация сайта
Мы установили CMS Joomla 2.5. Теперь нам остается только удалить файл инсталляции, для этого нажать на кнопку «Удалить директорию INSTALLATION» (рисунок 7).
Рисунок 7- Завершение установки
Для того чтобы установить новый шаблон нужно авторизоваться в панели администратора и пройти в менеджер расширений (Расширения –> Менеджер расширений) (рисунок 8 ).
Рисунок 8 - Менеджер расширений
Там нужно нажать на кнопку «обзор» и выбрать файл с шаблоном на своем жестком диске и нажать на кнопку «Upload & Install»( рисунок 9).
Рисунок 9 - Установка
Дальше следует включить шаблон, пройдем в менеджер шаблонов (Расширения – > Менеджер шаблонов). Найдем в списке наш только что установленный шаблон и установим его по умолчанию, отметив звездочкой (рисунок 10 ).
Рисунок 10 - Менеджер шаблонов
Верхнем меню раздел Материалы –> Менеджер категорий -> Создать категорию ( рисунок 11 ).
Рисунок 12 - Создание категорий
Основные пункты создания категорий:
- Заголовок. Введем в этом поле название будущей категории.
- Алиас. Это синоним ссылки создаваемой страницы, то есть в этом поле мы должны ввести название ссылки на создаваемую категорию.
- Родитель. В пункте можно указать будет ли эта категория родительской или будет подкатегорией другого раздела.
- Состояние. По умолчанию новым категориям присваивается значение опубликовано.
- Доступ. Уровень доступа которым должна обладать группа для просмотра данной категории.
- Права. Здесь мы можем настроить собственные права для этой страницы.
- Язык. Выберем язык для этой категории.
- ID. Номер который будет присвоен категории в записи базы данных.
Пройдем в Менеджер меню (Меню –> Менеджер меню) (рисунок 13).
Рисунок 13 - Менеджер меню
Для того что бы создать свое меню нажмем на кнопку создать в верхней части экрана (рисунок 14).
Рисунок 15 - Создания меню
Нужно заполнить следующие поля.
Заголовок: Пишем название меню.
Описание: Это поле можно не заполнять (рисунок 16 - Параметры меню).
.
Рисунок 17 - Параметры меню
Наше меню готово. Нажимаем сохранить.
Теперь нам остается создать для него пункты меню, для этого вернемся в менеджер меню и кликннм по названию нашего только что созданное меню (рисунок 18 ).
Рисунок 19 - Создание пунктов меню
Нажмаем на кнопку «Создать».
На странице создания пунктов меню нужно заполнить следующие поля.
Тип пункта меню. В этом поле нам нужно выбрать тип пункта меню, для этого нажмаем на кнопку «Выбрать».
В появившемся всплывающем окне следует выбрать тип пункта меню, выбераем «Материалы», то есть ссылка в этом пункте меню будет вести на какую либо статью (рисунок 20).
Рисунок 21 - Выбор типа пункта меню
Заголовок меню: Здесь нужно задать название пункта меню которое будет отображаться на сайте.
Остальные поля в левой колонке нам пока заполнять необязательно. Теперь продолжим настройки в правой колонке.
Собственно здесь нам осталось выбрать сам материал на который будет вести ссылка (рисунок 22 - Выбор материала).
Рисунок 23 - Выбор материала
Наше меню полностью готово, но оно не отображается на сайте, нужно создать для него модуль для вывода меню на сайте.
Для того чтобы создать модуль пройдем Менеджер модулей (Расширения – Менеджер модулей) (рисунок 24 - Менеджер модулей).
Рисунок 25 - Менеджер модулей
Нажмаем на кнопку «Создать» в верхней части экрана.
В всплывающем окне выберем модуль меню (рисунок 26).
Рисунок 27 - Выбор типа модуля
В настройках модуля меню нужно заполнить несколько полей.
Заголовок: Введем название заголовка меню, оно будет отображаться на сайте.
Позиция: Здесь нужно выбрать позицию на сайте в которой будет показываться наше меню, давайте выберем позицию 7 (position-7) ( рисунок 28).
Рисунок 29 - Выбор позиции
В правой части нужно выбрать меню которое нужно вывести (рисунок 30).
Рисунок 31 - Выбор меню
Сохраняем настройки.
Для начала создадим эту страницу:
материалы – создать
Заголовок - страница 404 (например)
Сам материал например:
Вы попали на страницу, которая скорее всего "переименована". Попробуйте найти ее поиском. Перейти на главную страницу.
Дальше создаем в меню 404 ошибку - материал страница 404 и сохраняем.
Снова заходим в меню 404 ошибка и копируем ссылку (рисунок 33) :
Рисунок 34 - Меню 404 ошибка
Затем ставим в меню не опубликованно, чтобы посетители не увидели у Вас такого пункта меню.
Далее через найдем :/templates/system/error.php стираем все, что там есть и пропишем строчки:
Нажимаем сохранить.
Рисунок 35 - 404 ошибка
Для установки компонента переходим в Расширения -> Менеджер расширений и выполняем установку
После того, как компонент Xmap будет установлен, нужно перейти в Расширения -> Менеджер плагинов найти «Xmap - Content Plugin» и включить плагин. Далее настраиваем его. Для этого нужно в верхнем меню админ. панели выбрать «Компоненты» - «Xmap» (рисунок 35).
Рисунок 36 - Xmap