Введение
В связи с развитием информационных технологий, жизнь становится все более мобильной и информативной, новые технологии прочно входят в современное хозяйство. Все чаще и чаще предприятия используют вычислительные средства, а соответственно и программное обеспечение в своей повседневной работе. Вместе с этим, а также развитием сети интернет, не малую роль играют и web-технологии. Различные компании активно используют web-сайты для привлечения целевой аудитории и повышения числа клиентов.
Существуют такие виды сайтов, как сайт визитка, корпоративный сайт, интернет магазин, порталы и индивидуальные сайты, которые сегодня выполняют представительские, торговые и информационные функции. Все быстрее увеличивается количество сайтов из-за чего растет конкуренция за нахождения в топах списков поисковых машин. Однако не весь контент в сети интернет приемлем для обычного пользователя. Существует огромное количество сайтов, зайдя на которые, пользователь будет испытывать неудобство в использовании. Это происходит по причине того, что не соблюдаются основные правила верстки сайта. Страницы становятся нечитабельными и неинтересными для пользователей, что заставляет их переходить на другие ресурсы.
Облегчить верстку и наполнение сайта позволяют системы управления контентом, которые предоставляют готовые шаблоны и плагины для разработки и верстки.
1. Описание среды разработки
1.1 Понятие инфляции. Причины, виды и последствия инфляции
1.1.1 Установка Денвера. Базовый пакет содержит большинство необходимых программ и утилит:
- инсталлятор (поддерживается также инсталляция на flash-накопитель);
- Apache, SSL, SSI, mod_rewrite, mod_php;
- PHP5 с поддержкой GD, MySQL, sqLite;
- MySQL5 с поддержкой транзакций;
- система управления виртуальными хостами, основанная на шаблонах;
- система управления запуском и завершением всех компонентов Денвера;
- phpMyAdmin - система управления MySQL через Web-интерфейс;
- эмулятор sendmail и SMTP-сервера [2].
Скачиваем Денвер (Denwer) с официального сайта разработчиков http://denwer.ru. Выбираем РНР 5.3 (см. рисунок 1).
Рисунок 1- Панель выбора версии PHP
1.1.2 Установка дистрибутива. Запускаем скачанный инсталлятор Денвера. После запуска появляется окно (см. рисунок 2)
Рисунок 2. Инсталлятор Денвера
Далее установщик попросит указать, в какой каталог вы бы хотели установить дистрибутив Денвера. Выбираем каталог(по умолчанию используется C:\WebServers).Чтобы согласиться с этим выбором нажимаем Enter.
В указанный каталог будет установлены все компоненты Денвера, за исключением ярлыков на рабочем столе, для запуска и завершения работы Денвер (см. рисунок 3).
Рисунок 3. Выбор директории установки
После выбора папки каталога нажмите Enter, в открывшемся окне подтверждаем выбор вводом буквы «Y» (или отменяем если вдруг ошиблись вводом буквы «N») и нажимаем еще раз Enter (см. рисунок 4).
Рисунок 4. Подтверждение директории установки
Далее вводим имя виртуального диска, который будет связан с только что указанной директорией. Соглашаемся со значением по умолчанию (Z:) или называем его своим именем. Диска с этим именем еще не должно содержаться в системе (см. рисунок 5).
Рисунок 5. Продолжаем нажатием Enter
Далее будет произведено копирование файлов программы и после завершения программа спросит Вас, как Вы будете запускать и пакет программного обеспечения Денвер.
Потом появляется вопрос, как именно мы собираемся запускать и останавливать комплекс. Выбираем пункт 2 (см. рисунок 6).
Рисунок 6. Выбор режима создания диска
1.1.3 Первый запуск Денвера
Щелкаем по созданному инсталлятором ярлыку Start Denwer на Рабочем столе, а затем, когда все консольные окна исчезнут, открываем браузер и набирайте в нем адрес: http://localhost/denwer/. (см. рисунок 7).
Рисунок 7. Завершение установки
1.1.4 Работа с виртуальными хостами
Добавляем новый виртуальный хост в Денвере. Пусть это будет test1.ru. Вам нужно проделать следующее:
Создать в папке /home директорию с именем, совпадающим с именем виртуального хоста (в нашем случае test1.ru). Эта директория будет хранить директории документов доменов третьего уровня для test1 (см. рисунок 8).
Рисунок 8. Папка home
Перезапустить сервер, воспользовавшись, например, ярлыком Restart Denwer на Рабочем столе.
1.2 Система управления содержимым
Система управления содержимым (контентом)(Content Management System, CMS) -- информационная система или компьютерная программа, используемая для обеспечения и организации совместного процесса создания, редактирования и управления контентом (то есть содержимым).
1.2.1 Функции CMS
Функции систем управления контентом можно разделить на несколько основных категорий:
1 Создание - предоставление авторам удобных и привычных средств создания контента.
2 Управление - хранение контента в едином репозитории. Это позволяет следить за версиями документов, контролировать, кто и когда их изменял, убеждаться, что каждый пользователь может изменить только тот раздел, за который он отвечает.
3 Публикация - автоматическое размещение контента на терминале пользователя. Соответствующие инструменты автоматически адаптируют внешний вид страницы к дизайну всего сайта.
4 Представление - дополнительные функции, позволяющие улучшить форму представления данных; например, можно строить навигацию по структуре репозитория.
Системы управления контентом делятся на четыре основных категории, которые частично перекрываются:
1 Системы управления исходными кодами традиционно поддерживают управление исходными кодами программ, и часто предоставляют некоторый web-интерфейс, который может использоваться внутри корпоративной сети, а также вне ее для параллельной работы с исходными кодами.
2 Системы управления документами предназначены для организаций, оперирующих с большим количеством документов, например, офисы больших компаний, редакции и страховые компании.
3 Системы управления web-контентом представляют собой новую индустрию программных продуктов. Эти системы предназначены для разработки и управления Web-сайтами различной степени сложности. Обычно такие системы поддерживают и некоторый тип управления потоками работ.
4 Системы электронной коммерции - обеспечивают хранение и управление электронными каталогами товаров. По сути, эти системы незначительно отличаются друг от друга. Самое главное отличие этих систем - это люди, которые их используют.
Использование CMS предоставляет следующие преимущества:
1 Оперативное обновление информации - информацию публикует сотрудник, владеющий информацией, без дополнительных посредников в виде технических специалистов.
2 Снижение стоимости поддержки - обновление информации производится самостоятельно, нет необходимости оплачивать труд собственного или внешнего web-мастера.
3 Предоставление дополнительных сервисов пользователю - часть сервисов - поиск, форумы, голосования и т.д., требуют интерактивного взаимодействия с пользователем. Они уже реализованы в рамках CMS.
4 Уменьшение сроков и стоимости разработки - наиболее востребованная функциональность уже реализована в CMS и может быть сразу использована.
5 Повышение качества разработки - при разработке полностью или частично используются готовые модули, которые уже прошли неоднократное тестирование.
Система управления содержимым WordPress.
Для разработки Web-приложения я выбрала CMS WordPress, так как она имеет ряд преимуществ перед другими CMS:
1 Движок и шаблоны к нему можно скачать бесплатно.
2 Выбор шаблонов WordPress достаточно большой.
3 Быстрая установка.
5 Понятная и простая панель управления.
6 Большой выбор доступных дополнений и расширений (плагины).
7 Возможность вносить изменения в код шаблона.
2. Разработка WEB-сайта
2.1 Создание базы данных
информационный приложение редактирование
2.1.1 Настройка базы данных
После установки Денвера, следующий шаг это его настройка. Первым делом настроим базу данных Денвер. В нем используется (Свободная система Управления Базами Данных) СУБД MySQL. Чтобы настроит, базу данных локального сервера используется в Denwer phpMyAdmin.
PhpMyAdmin - это утилита с открытым кодом, написанное на PHP и обеспечивающее полноценное, в том числе удаленное, администрирование базами данных MySQL через браузер.
Запускаем Денвер и набираем в браузере http://localhost/tools/ (см. рисунок 9).
Рисунок 9. Главная страница phpMyAdmin в Денвере
Это главная страница phpMyAdmin в Денвере. Для настройки MySQL в Денвере, на главной странице phpMyAdmin, нам понадобиться всего лишь два блока (см. рисунок 10).
Рисунок 10. Блок главной страницы phpMyAdmin в Денвере
На первом блоке есть выпадающий список, набор символов, который сопоставляет соединения с MySQL в Denwer, в этом списке выбираем «utf8_general_ci (см. рисунок 11).
Рисунок 11. Выбор сопоставления соединения с MySQL
«utf8_general_ci» - это основной набор символов кодировки «UTF-8». «UTF-8» - лучший вариант кодировки, на котором стоит создать сайт. Далее настраиваем язык интерфейса phpMyAdmin в Denwer. Выбираем русский (см. рисунок 12).
Рисунок 12. Выбор языка интерфейса
Далее настраиваем меню phpMyAdmin. Есть несколько пунктов в меню phpMyAdmin, из которых нам понадобиться лишь три из них - «Привилегии», «Экспорт» и «Импорт» (см. рисунок 13).
Рисунок 13. Меню phpMyAdmin
Первое это привилегии. Переходя по этому меню, мы попадаем на страницу учетных записей MySQL в Denwer. Нажимаем на ссылку «Добавить нового пользователя», переходим на страницу добавления нового пользователя MySQL в Denwer (см. рисунок 14).
Рисунок 14. Добавление нового пользователя
В первом поле вводим имя пользователя. Во втором поле «Хост» выбираем «локальный», в результате автоматически вводиться «localhost». В следующих полях вводим пароль. В блоке «База данных для пользователя» оставляем все как есть (см. рисунок 15).
Рисунок 15. Ввод информации учетной записи
Далее переходим на главную страницу phpMyAdmin Денвера. В первом блоке, который называется «MySQL localhost», в поле «Новая база данных» вводим название новой базы данных. Дальше на выпадающем меню выбираем кодировку будущей базы данных и нажимаем на кнопку «создать» (см. рисунок 16).
Рисунок 16. Создание новой базы данных
Далее переходим на страницу «Экспорт» и выделяем название базы данных, которую хотим экспортировать и переходим в самый конец страницы. В блоке «Сохранить как файл» выбираем «gzip» и нажимаем на кнопку «OK (см. рисунок 17).
Рисунок 17. Настройки страницы «Экспорт»
Далее переходим на страницу «Импорт» (см. рисунок 18).
Рисунок 18. Страница «Импорт»
Выбираем копию базы данных нажатием на кнопку «Обзор», ставим кодировку файла и нажимаем на кнопку «OK».
PhpMyAdmin полностью готов к работе. У нас есть пользователь базы данных MySQL и новая база данных.
2.2 Установка CMS WordPress
2.2.1 Установка WordPress на Денвер
WordPress - это движок блога написанный на английском языке. Так как, WordPress очень популярен и много используются в странах с русскоязычными пользователями Интернет, уже давно выпускается официальный русский WordPress. Скачиваем WordPress русский бесплатно по адресу http://ru.WordPress.org.
Распаковываем скачанный архив WordPress. Все файлы находяться в папке «WordPress». Затем определяем название домена блога на WordPress. Называем его «dogidog123». Сайт в Денвере создаем в директории «home».
Все файлы уже лежат на нашем локальном сервере по пути «z:\home\ dogidog123.ru\www\». Далее создаем файл конфигурации. Открываем файл «wp-config-sample.php» в Notepad++ (см. рисунок 19).
Рисунок 19 Файл «wp-config-sample.php»
Ничего не изменяя в этом файле сохраняем его под названием «wp-config.php» в ту же директорию. Теперь в файле «wp-config.php» вводим данные для подключения к базе данных (см. рисунок 20).
Рисунок 20. Ввод данных в файле «wp-config.php»
Спускаемся пониже и находим раздел «Уникальные ключи и соли для аутентификации». Здесь вписываем уникальную фразу для каждого значения. Этот раздел отвечает за безопасность блога. (см. рисунок 21).
Рисунок 21. Раздел «Уникальные ключи и соли для аутентификации»
Спускаемся в раздел «Префикс таблиц в базе данных WordPress», значение «$table_prefix» изменяем на «wp_ dogidog123_» (см. рисунок 22).
Рисунок 22. Разделе «Префикс таблиц в базе данных WordPress»
Вот теперь открылся инсталлятор. На этой странице вводим заголовок нашего сайта, имя пользователя, его пароль и электронный почтовый ящик для восстановления пароля и для других уведомлений. Нажимаем кнопку «Установить WordPress», начнется установка WordPress локально (см. рисунок 23).