РАЗРАБОТКА САЙТА ШКОЛЬНОЙ СТУДИИ ЗВУКОЗАПИСИ НА БАЗЕ CMS JOOMLA

Сайт создан с помощью следующего программного обеспечения: локальный сервер «Денвер» и система управления содержимым «Joomla», благодаря которым, можно создать web-сайт, который будет отвечать всем требованиям определённого предприятия. Одним из плюсов сайта созданного на базе CMS Joomla является простое обновление контента и модернизация функционала с помощью дополнительных компонентов в зависимости от появившихся потребностей. Все манипуляции с web-сайтом проводятся через удобную программную оболочку - административную панель.
Оригинальность по Антиплагиат-82%.
Работа была защищена на оценку "отлично" в 2014 году в Краснодарском крае.
К работе прилагается презентация и выступление для защиты. ...

ВВЕДЕНИЕ 4
ГЛАВА 1. ТЕХНОЛОГИИ СОЗДАНИЯ WEB-САЙТА 7
1.1. Системы управления содержимым 7
1.1.1. Характеристики CMS 7
1.1.2. CMS Joomla 8
1.2. Web-сервер 10
ГЛАВА 2. ПОДГОТОВКА И НАСТРОЙКА КОМПОНЕНТОВ ДЛЯ WEB-САЙТА НА CMS JOOMLA 14
2.1. Подготовка локального сервера Денвер 14
2.2. Подготовка CMS Joomla 20
2.2.1. Установка CMS Joomla 20
2.2.2. Начальные настройки CMS Joomla 24
2.3. Установка и настройка расширений Joomla 27
2.3.1. Установка расширений CMS Joomla и настройка
плагина SmartResizer 27
2.3.2. Настройка компонента sh404SEF 29
2.3.3. Настройка компонента JoomlaPack 30
ГЛАВА 3. СОЗДАНИЕ САЙТА НА CMS JOOMLA 34
3.1. Создание макета web-сайта 34
3.2. Создание контента сайта 37
3.3. Кастомизация шаблона 43
3.4. Загрузка web-сайта на хостинг 56
ЗАКЛЮЧЕНИЕ 60
СПИСОК ИСПОЛЬЗУЕМЫХИСТОЧНИКОВ 62
Приложение 1. Листинг файла шаблона «style.css» 65
Приложение 2. Листинг файла шаблона «index.php» 91

В сегодняшние дни, благодаря компьютерным технологиям стали до-ступны невероятные для прошлых времён возможности, такие как хранение огромного количества данных и быстрый доступ к ним, обмен и получение информации с любой точки мира за считанные секунды.
Всякая информационная система является программным комплексом с функциями надёжного хранения информации и выполнения с ней специфических манипуляций посредством простого и удобного в использовании интерфейса [1, С.28].
После того, как Интернет распространился по всему миру, информационные системы стали более интерактивными и доступными обычным пользователям.
На базе многих общеобразовательных школ работают музыкальные студии, а также с недавнего времени студии звукозаписи, созданные с целью удовлетворения разнообразных культурных потребно стей, совершенствования организации досуга и развития творческих способностей детей.
Разработка web-сайта школьной студии звукозаписи «Rezon Records» позволит показывать все виды производимых работ со звуком при создании аудиовизуальной продукции (шумовое озвучивание, многоканальный звуковой монтаж, перезапись в форматах стерео), а также осуществлять запись музыки и сведение музыкальных фонограмм.
.Разработка web-сайта «Rezon Records» будет проводиться на базе системы управления содержимым CMS Joomla, что обеспечит простую модернизацию любой составляющей сайта и его функционала за короткое время. Благодаря CMS Joomla, создание, редактирование и удаление материалов будет осуществляться через удобную оболочку – административную панель системы, что позволит избавиться от необходимости редактирования огромного количества программного кода и поможет добавлять новые материалы, такие как фонограммы песен, электронные ноты, предназначенные для использования в электронных устройствах: iPad, iPhone, компьютерах и ноутбуках и прочую информацию за короткий промежуток времени с минимальными затратами сил.
Актуальность работы заключается в активном развитии Интернета и всё большим его внедрением в повседневную жизнь человека. Каждый web-сайт уникален по своему, и имеет одну главную цель – создать виртуальное лицо учреждения в сети Интернет для достижения максимальной информированности существующих и потенциальных целевых аудиторий учреждения.
Цель работы - изучение основных технологий, используемых при создании и функционировании сайта.
Для достижения поставленной цели необходимо решить следующие задачи:
1. Рассмотреть характеристики и преимущества систем управления содержимым.
2. Проанализировать функционирование web-сервера.
3. Изучить установку локального сервера Денвер.
4. Проанализировать установку и настройку CMS Joomla, а также её дополнительных расширений.
5. Создать макет структуры будущего web-сайта.
6. Проанализировать создание контента web-сайта.
7. Провести кастомизацию шаблона.
8. Загрузить сайт на хостинг.
Предметом исследования является создаваемый web-сайт, его составляющие и основные технологии, используемые при его разработке.
Объектом исследования - процесс создания web-сайта для школьной студии звукозаписи «Rezon Records», который разрабатывался на базе свободной системы управления содержимым «Joomla».

Методологическую базу исследования выпускной квалификационной работы составили материалы о компьютерных технологиях и создании web-сайтов. В ходе исследования применялись методы анализа, синтеза и описания.
Квалификационная работа состоит из введения, трех глав, заключе-ния, списка используемой литературы и приложения.
Во введении рассматриваются актуальность данной темы, цель и задачи работы.
В первой главе речь идет о технологии, используемые при создании и функционировании web-сайта.
Во второй главе мы описываем подробный процесс подготовки и настройки компонентов для web-сайта
Третья глава содержит материал о создании сайта для школьной студии звукозаписи «Rezon Records».
В заключении приведены основные выводы и результаты работы.

3.2. Настройка компонента sh404SEFВ CMS Joomla имеется встроенная функция генерации ЧПУ (человекопонятных УРЛ). Оригинальное английское название таких ссылок – SEF URL (англ.: search engines friendly url – дружелюбные к поисковым системам УРЛ).Стандартные функции оптимизации CMS Joomla не распознают заголовки материалов на русском языке, такие названия по умолчанию заменяются датой создания, которая потом появляется в ссылке вместо названия отображаемого материала.Чтобы решить данную проблему была установлена последняя свободная версия компонента sh404SEF. Компонент имеет большое количество настроек, но нам необходимы лишь основные параметры. После установки, в разделе административной панели Компоненты появится пункт «sh404SEF», с его помощью открывается панель настроек компонента (рис. 2.34.).Рис. 2.34. Панель настроек компонента sh404 SEFДля того чтобы приступить к настройкам компонента, необходимо открыть раздел «Конфигурация sh404SEF». На первой вкладке Основное необходимо активировать два параметра «Включено» и «В нижнем реестре». Первый параметр активирует компонент, второй переводит все буквы в ссылке в нижний реестр. В четвёртой вкладке «Расширенные» необходимо выбрать в параметре «Режим Перезаписи (Rewriting) – использовать .htaccess (mod_rewrite)» – это файл дополнительной конфигурации web-сервера Apache.Перед сохранением настроек, необходимо переименовать файл «htaccess.txt» в «.htaccess», для его активации и дальнейшего использования компонентом sh404SEF. Файл находится в созданной ранее директории rezon_records. Переименовать файл должным образом будет возможно только с помощью файлового менеджера. Для этой цели был скачан свободный файловый менеджер «Unreal Manager» [23, С.57].После всех настроек, данный компонент будет автоматически преобразовывать ссылки сайта из динамического вида:http://localhost/rezon-records/index.php?option=com_content&view=article&id=1&Itemid=2в статический:http://localhost/rezon-records/o-studii.htmlСсылки такого вида намного лучше воспринимаются поисковыми системами, что, несомненно, повысит варианты web-сайта появиться на более высоких позициях в списке результатов поиска.2.3.3. Настройка компонента JoomlaPack С помощью данного расширения совершается создание резервных копий сайта с последующей возможностью их переноса на хостинг. В разделе «Компоненты», после установки появится пункт «JoomlaPack» с выпадающим меню (рис. 2.35.).Рис. 2.35. Пункт «JoomlaPack» с выпадающим менюЧерез пункт меню можно попасть на панель управления компонентом (рис. 2.36.).Рис. 2.36. Панель управления компонентом JoomlaPackДля начала создания резервной копии сайта необходимо выбрать «Сделать резервную копию». В появившемся меню есть два поля для ввода текста, в первом можно дать краткое описание резервной копии, по умолчанию указан следующий текст: «Резервное копирование сделано 00.00.0000», где 00.00.0000 – это дата создания. Также имеется возможность дать более детальное описание резервной копии в поле «Комментарий архива». Создание копии производится в одно нажатии кнопки «Начать резервное копирование!» (рис. 2.37.) [24].Рис. 2.37. Меню создания резервной копии сайтаПосле начала копирования появится окно с отображением процесса копирования файлов сайта (рис. 2.38.).Рис. 2.38. Процесс создания резервной копии сайтаПосле завершения копирования появится оповещение об успешном завершении процесса (рис. 2.39.).Рис. 2.39. Сообщение об успешном завершении копированияДля того чтобы быстро найти созданную резервную копию, необходимо выбрать «Управление резервными копиями». В появившемся окне можно просмотреть список созданных копий сайта и скачать её с локального сервера на компьютер (рис. 2.40.).Рис. 2.40. Управление резервными копиямиПолезность данного компонента нельзя переоценить, так как после загрузки web-сайта на виртуальный хостинг, создавать виртуальные копии необходимо регулярно из-за частых атак хакеров, большого количества вирусного программного обеспечения или простых изменений параметров, для предотвращения краха web-сайта. С помощью данного компонента можно в короткие сроки создать резервную копию и сохранить её у себя на компьютере, что избавит от непредвиденных ситуаций.ГЛАВА 3. СОЗДАНИЕ САЙТА НА CMS JOOMLA3.1. Создание макета web-сайтаЮзабилити (англ.: usable – пригодный к использованию) – это термин, под которым понимается общая удобность web-сайта для пользователя. Чем выше юзабилити, тем успешнее сайт. Главная задача юзабилити – это правильное расположение меню, удобная навигация по сайту, приятная и оригинальная цветовая гамма, качественное графическое оформление.Несмотря на разнообразие всех web-сайтов, самые удобные из них в использовании построены по одним и тем же принципам.Перед началом создания контента и кастомизации шаблона было решено создать макет будущего web-сайта, для того, чтобы определить какой контент в какой части сайта должен находиться. Изучим основные составляющие хорошего юзабилити сайта:1. Недопустимо использование всплывающих окон. Всплывающие окна прерывают естественный ход просмотра страниц и отвлекают внимание пользователя.2. Нельзя использовать слишком мелкие шрифты. Они затрудняют чтение длинных текстов, да и небольшие вводные тексты читаются медленнее. То же верно и для ссылок, кнопок, форм, поля поиска и других элементов.3. Ссылки должны максимально точно описывать место, на которое они ведут. Все двусмысленные тексты ссылок должны быть исключены.4. Не желательно иметь более одного анимированного изображения на странице. Если мигающие изображения разбросаны по всей странице, то сконцентрироваться на ее содержании очень трудно.5. Посетители должны иметь возможность легко связаться с контактными лицами. Особенно важна возможность контакта на сайтах электронной коммерции.6. Ссылки должны открываться в том же окне. Если посетителю нужно открыть ссылку в новом окне он сделает это без труда, делая ссылки, которые всегда открываются в новом окне – это принятие решений за пользователя.7. Неудобно расположенный или отсутствующий поиск. Оптимальным местом для поиска является верхняя часть сайта, чтобы поиск было видно сразу при входе на сайт без прокрутки.8. Правило 7±2. Психолог Джордж Армитаж Миллер по результатам своих исследований утверждал, что возможности человеческого мозга по обработке информации не безграничны – кратковременная память может одновременно содержать от 5 до 9 сущностей.9. Правило 2-х секунд заключается в том, что пользователь не должен ждать отклика любой системы более двух секунд. Две секунды не являются каким-то показателем, смысл заключается в том, что чем меньше пользователь ждёт реакции сайта, тем лучше.10. Правило 3-х кликов – пользователь должен получить необходимую информацию за три клика мышкой. Иными словами, навигация по сайту должна быть простой, удобной и логичной. Всё сводится к тому, что если пользователь в любой момент понимает, где он находится и куда дальше двигается, то даже 10 кликов не будут проблемой.11. Ссылки на сайте должны быть заметны.12. Web-сайт должен быть логично оформлен в плане графики – положение логотипа, навигации, графических элементов [20, С.61].Помимо оформления на юзабилити влияет и скорость работы сайта, об удобности не может идти и речи, если на web-сайт следующая страница открывается спустя десятки секунд. Вот несколько основных факторов, которые тормозят работу web-сайта:1. Flash и Java технологии, на которых основаны слайд-шоу, кнопки социальных сетей, зависящих от внешнего JavaScript, а также тэги статистики, которые также основаны на JavaScript;2. Неоптимизированные изображения, могут стать причиной замедления загрузки страницы на 5-10 процентов.3. Все положительные и отрицательные моменты для юзабилити web-сайта будут учитываться при анализе примеров и создании сайта студии «Rezon Records».Опишем основную структуру сайта с хорошим юзабилити. Основные зоны web-сайта должны быть чётко разграничены:Шапка – самая верхняя часть web-сайта;Топ-меню – верхнее меню (при наличии); Тело – самая большая зона web-сайта;Футер – самая нижняя часть web-сайта;Левая часть – область отображения меню;Правая часть – область отображения пользовательских меню.Разделение сайта на указанные зоны поможет пользователю сайта сразу сориентироваться и приступить к поиску необходимой информации (рис. 3.1.).Рис. 3.1. Зоны web-сайтаВ указанных зонах должна находиться определённая информация:Шапку сайта можно назвать главной корпоративной зоной web-сайта. В шапке всегда должен находиться логотип, самое лучшее расположение логотипа – слева. Правее дополнительно могут быть указан слоган, адрес, юридическая или контактная информация. Правая часть шапки сайта будет самым выгодным местом для расположения поиска;Топ меню, при наличии, является навигацией с доступом к самым важным материалам web-сайта (контакты, прайс-лист, FAQ);Тело web-сайта – это зона отображения содержания выбранного меню. Тело меню должно занимать максимально большое пространство и быть посередине сайта;В футере размещается информация об авторских правах или копирайт. Футер должен быть хорошо сформирован и выделен;Левая часть содержит информативные меню о деятельности;Правая часть содержит меню, которые, так или иначе, взаимодействуют или нацелены именно на пользователя. К таким меню относятся форма входа или регистрации, поиск по сайту, различные опросы, баннерная реклама. Из этих характеристик составим макет нашего будущего сайта (рис. 3.2.).Рис. 3.2. Макет сайта школьной студии звукозаписи «Rezon Records»3.2. Создание контента сайтаВсе материалы создаются в разделе административной панели «Материалы» в пункте «Менеджер Материалов» (рис. 3.3.).Рис. 3.3. CMS Joomla. Менеджер МатериаловВсе функции работы с материалами находятся в верхней части панели. Для того чтобы создать архив, необходимо нажать кнопку «Создать». В появившемся окне создания материала имеются две секции (рис. 3.4.).Рис. 3.4. Окно создания материала в CMS JoomlaСтруктура первой секции:Поля для ввода текста «Заголовок» и «Псевдоним». Из поля заголовок создаётся не только название материала, но и ссылка на него. При создании материала поле «Псевдоним» можно оставить без изменений, так как установленный компонент sh404SEF, не настроен на его использование. Автоматически псевдонимом русских заголовков будет дата создания;Два выбираемых параметра «Опубликовано» и «На главной», соответственно, дают возможность показать или скрыть материал, опубликовать ли его на главной странице или нет;Поля для выбора раздела и категории. Для нашего web-сайта, разделы и категории создаваться не будут, так как материалов небольшое количество.Вторая секция состоит из трёх подразделов. Первые два содержат параметры отображения отдельных компонентов материала, таких как автор, дата создания, заголовок, вступительный текст, иконка печати и т.д. Последний подраздел содержит поля для ввода мета-данных: описания и ключевых слов материала [4,5].Параметры третьей секцией могут задаваться индивидуально, либо контролироваться глобальными настройками, которые доступны в менеджере материалов в пункте «Параметры» (рис. 3.5.).Рис. 3.5. Глобальные настройки материаловПример отображения материалов в блоге на главной странице web-сайта (рис. 3.6.).Рис. 3.6. Материалы блога на главной страницеДля сайта были созданы следующие материалы: «Добро пожаловать», «Демо», «Прайс-лист», «Оборудование», «FAQ», «Партнёры», «Контакты», «О студии».Для навигации по материалам создаются панели навигации со ссылками на определённые материалы – эти панели называются меню. Для того чтобы создать меню в CMS Joomla необходимо зайти в раздел «Все меню», в пункте «Менеджер меню» можно создавать, менять имеющиеся и удалять меню (рис. 3.7.).Рис. 3.7. CMS Joomla. Менеджер менюПосле создания в разделе «Все меню» появится пункт с созданным меню, в котором имеется возможность создавать пункты меню.Для создания пункта меню необходимо нажать кнопку «Создать» и выбрать тип меню (рис. 3.8.).Рис. 3.8. CMS Joomla. Выбор типа создаваемого пунктаЧаще всего материалы создаются по стандартному шаблону материала. В появившемся окне необходимо указать заголовок пункта меню и выбрать материал, к которому данный пункт будет направлять пользователя (рис. 3.9.).Рис. 3.9. Создание пункта меню по стандартному шаблону материалаДалее в разделе «Расширения», в пункте «Менеджер модулей» необходимо создать модуль меню (рис. 3.10.).Рис. 3.10. Выбор типа создаваемого менюВ окне «Модуль» необходимо вести название меню, указать позицию отображения модуля (позиции зависят от текущего шаблона) и выбрать созданное ранее меню (рис. 3.11.).Рис. 3.11. Окно создания модуляПоследним шагом будет включение созданного модуля в «Менеджере модулей» (рис. 3.12.).Рис. 3.12. Менеджер модулей. Активация модуляБыло создано два меню: топ-меню с основной информацией о школьной студии и лефт-меню с информативными материалами. Материал «Добро пожаловать!» были помещены в блоге материалов на главной странице, доступном из пункта меню «Новости».3.3. Кастомизация шаблонаКастомизация шаблона (от англ. Customize – настроить) – это редактирование готового шаблона под нужды сайта, такие как: размещение логотипа и копирайта организации, изменение дизайна, создание/удаление/перемещение позиций модулей. Кастомизация может ограничиваться как незначительными изменениями, так и полной переработкой дизайна, благодаря чему, нет необходимости тратить месяцы на разработку шаблона с нуля, что особенно полезно для новичков в сайтостоительстве. Также благодаря кастомизации пропадает вероятность того, что где-нибудь в сети будет существовать web-сайт с таким же внешним видом [13].Наглядный пример основных файлов и директорий шаблонов можно проанализировать с помощью Таблицы 3.1. Таблица 3.1. Структура шаблонов Joomlatemplate\css\Директория, содержащая файлы с таблицами стилей в формате .csstemplate\HTML\Директория, содержащая дополнительные модули .phptemplate\images\Директория, в которой хранятся все изображения шаблона: .gif, .png, .jpegtemplate\js\Директория с файлами сценариев JavaScript в формате .jstemplate\favicon.icoФайл иконки сайта в формате .icotemplate\index.HTMLПустой файл .HTML для предотвращения отображения содержимого директорииtemplate\index.php Файл формата .php, содержащий php код, который отвечает за формирование выходного HTMLtemplate\template_thumbnail.pngФайл миниатюры шаблона для предпросмотра в административной панели формата .pngtemplate\templateDetails.xmlМетаданные шаблона файл формата .xml, необходим для установки и выбора шаблона.При выборе готового шаблона учитывались все аспекты юзабилити и созданного макета, после чего за основу был взят свободный в доступе шаблон из сети Интернет под названием «calendula», который был отредактирован и согласован с требованиями заказчика. Основные требования к будущему шаблону были – хорошая юзабилити и оранжево-чёрная цветовая гамма (рис. 2.53.).Рис. 3.13. Внешний вид шаблона до кастомизацииВ процессе кастомизации проводилась работа по смене дизайна стандартного шаблона на дизайн школьной студии звукозаписи «Rezon Records». Дизайн сайта разрабатывался на базе предоставленного готового логотипа студии (рис. 3.14.)Рис. 3.14. Логотип школьной студии звукозаписи «Rezon Records»После всех проведённых изменений внешний вид шаблона стал выглядеть совсем иначе (рис. 3.15.).Рис. 3.15. Внешний вид шаблона после кастомизацииКастомизация шаблона состояла из следующих пунктов:- Создание новой позиции для формы поиска;- Замена изображений и смена цветовой гаммы шаблона;- Оформление футера;- Выравнивание меню и смена размера шрифта.При редактировании исходного шаблона появилась необходимость создания новой позиции для отображения формы ввода информации для поиска по сайту.Для того чтобы это выполнить, необходимо внести изменения в следующие файлы шаблона: «index.php», «templateDetails.xml», «style.css».В файле «index.php» необходимо создать новую позицию, для этого нужно скопировать уже имеющуюся в нашем случае позицию для отображения топ-меню сайта:<jdoc:include type=”modules” name=”top” style=”xHTML” /></div>И изменить название позиции «top» на «search»:<jdoc:include type=”modules” name=”search” style=”xHTML” /></div>Форма поиска должна находиться в шапке сайта. Для этого код позиции «search» должен быть размещён в блоке «inner_site» после секции header и до секции top:<div class=”inner_site”><div class=”header”><div class=”header_title”><?php echo $mainframe->getCfg(‘sitename’)?></div><jdoc:include type=”modules” name=”search” style=”xHTML” /></div><div id=”menubar”><jdoc:include type=”modules” name=”top” style=”xhtml” /></div></div>Позиция создана, но для того, чтобы назначить на неё форму поиска, необходимо вписать название позиции «search» в файл с метаданными шаблона «templateDetails.xml», чтобы появилась возможность выбрать её при создании меню поиска. Для этого требуется вписать в любом месте блока с позициями для отображения меню позицию «search»:<positions><position>search</position>…</positions>После этого, соответствующая позиция появится в выпадающем списке при создании меню. Форма поиска появилась в пределах шапки сайта, для того, чтобы сместить её в правый нижний угол, в конце файла «style.css», необходимо вписать:.search {float: right;padding-top: 160px;padding-right: 15px;}Позиция создана, форма поиска отображается и работает корректно (рис.3.16.).Рис. 3.16. Результаты поиска по сайтуИзменение цветовой гаммы сайтаСледующий шаг кастомизации – изменение серого цвета тела сайта в чёрный. Для этого необходимо использовать какую-либо программу для определения цвета в любой точке монитора, к примеру, «Pixie» и затем найти определённый программой цвет в файле стилей CSS. В выбранной нами программе необходимый нам цвет выведен в строке HTML #1B1B1B (рис. 2.57.).Рис. 3.17. Определение цвета с помощью программы PixieДалее необходимо открыть файл стилей «style.css». Это можно сделать любым текстовым блокнотом, но для удобства мы используем для этих целей бесплатный web-редактор «Amaya». Находим нажатием ctrl+f интересующий нас цвет «#1B1B1B» и заменяем его во всем документе на «#000000» – чёрный цвет (рис. 2.58.).Рис. 3.18. Замена цвета в файле стилей с помощью web-редактора «Amaya»После сохранения изменений и обновления страницы в web-браузере изменения вступают в силу (рис. 3.19.).Рис. 3.19. Смена цвета тела web-сайтаЗамена фоновых изображений сайта.Следующим шагом будет замена фоновых изображений сайта. Для этого нам необходимо зайти в директорию с изображениями шаблона. В данном шаблоне два фоновых изображения.В директории с изображениями находим фоновые изображения:1. bg.jpg – фоновое изображение ниже шапки сайта (рис. 3.20.).Рис. 3.20. Фоновое изображение №1Код в файле стилей css:body {background-image: url(../images/bg.jpg);background-position: center top;margin: 0 0 0 0;min-width: 1240px;}2. bg-top.jpg – фоновое изображение за шапкой сайта (рис. 3.21.).Рис. 3.21. Фоновое изображение №2.top_bg {height: 241px;width: auto;min-width: 1240px;margin: 0 0 0 0;background-image: url(../images/bg-top.jpg);background-position: top;background-repeat: repeat-x;}Заменяем оба файла созданным нами изображением с идентичными названиями – bg.jpg и bg-top.jpg (рис. 3.22.).Рис. 3.22. Созданное фоновое изображениеЗамена изображений и цветов завершена. Для просмотра изменений необходимо обновить окно web-браузера (рис. 3.23.).Рис. 3.23. Результаты после замены изображений и цветовНеобходимо открыть «index.php». В данном шаблоне существует позиция «end of site», в которой, в свою очередь, есть позиция под текст «wdm» для вставки копирайта, переименуем её для удобности в «copyright», а также в файле «style.css». Далее в файле «index.php», вписываем копирайт нашей организации:<div class=”end_of_site”><p class=”copyright”</p> © 2013 «Rezon Records» – школьная студия звукозаписи. </div>После сохранения результатов и обновления внизу появится строка с копирайтом (рис. 3.24.).Рис.