Методика создания сайта для предприятия НБУ "Юг-Сервис" с помощью технологии WordPress

Размещено на http://www.allbest.ru

Размещено на http://www.allbest.ru

Введение

В последнее время создание сайтов является довольно популярным занятием и над удобством и простотой создания сайтов трудится огромное количество людей. Большим прорывом в технологии создания и разработки современных веб-проектов является создание CMS. Современные системы управления контентом широко используются на просторах сети Интернет при создании проектов любой сложности.

Очень большое распространение получили бесплатные системы управления контентом. Большинство этих систем имеет хорошее качество исполнения и высокую надежность, что дает им большое преимущество среди других систем. А технологии добавления контента популярных бесплатных CMS не отличается от платных, что только делает их более популярными среди создателей сайтов.

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

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

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

Цель исследования - создать сайт для предприятия НБУ «Юг-Сервис» п.г.т. Новоспасское Ульяновской области, который будет иметь возможность совместного наполнения информацией в режиме реального времени.

Задачи данного дипломного проекта:

- изучить структуру предложенного шаблона;

- установить CMS Wordpress и ознакомиться с ней;

- изучить программы-аналоги и провести сравнение;

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

Объектом исследования является процесс создания сайта для предприятия НБУ «Юг-Сервис» п.г.т. Новоспасское Ульяновской области.

Предметом исследования является изучение и использование на практике технологий WordPress при создании сайта.

Методы исследования - анализ психолого-педагогической, научно-методической, учебно-дидактической литературы, учебников и учебных пособий, посвященных созданию web-технологиям; практическая работа по созданию сайта.

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

Созданный web-сайт отвечает современным представлениям о рациональном, лаконичном дизайне, не «перекрывающем» информативность, кроме того, предложенная структура позволит получить оптимально исчерпывающие данные и облегчит поиск по сайту благодаря улучшенной топологии, разрешит просмотр новостей.

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

1. Аналитическая часть

1.1 Технико-экономическая характеристика предметной области

Управление внешнего благоустройства (далее НБУ) администрации Новоспасска является функциональным органом в системе городского самоуправления, на который возложены полномочия по созданию системы мер, направленных на организацию благоустройства территории п.г.т Новоспасское.

Начальник - Денисов Илья Анатольевич.

Основная цель управления:

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

Основные задачи:

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

- организация ритуальных услуг и содержание мест захоронения;

- организация благоустройства территории п.г.т. Новоспасское.

- организация наружного освещения улиц п.г.т. Новоспасское.

В состав Городского поселения входят:

- р.п. Новоспасское.

- с. Суруловка.

- д. Зыково.

- д. Юрьевка.

- с. Новое Томышево.

- с. Малая Андреевка.

- с. Рокотушка.

- д. Маловка.

1.2 Основные понятия CMS

Система управления содержимым (контентом) англ. Content management system, CMS - информационная система или компьютерная программа. Используемая для обеспечения и организации совместного процесса создания, редактирования и управления контентом (то есть содержимым).

Основные функции CMS:

- предоставление инструментов для создания содержимого, организация совместной работы над содержимым;

- управление содержимым: хранение, контроль версий, соблюдение режима доступа, управление потоком документов и т. п.;

- публикация содержимого;

- представление информации в виде, удобном для навигации, поиска.

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

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

1.3 Сравнение CMS Drupal, Joomla и WordPress

Drupal, Joomla и WordPress - системы управления, на основе которых можно создавать функциональные и легко управляемые сайты без серьезных финансовых затрат. Сравним эти системы между собой. Были выбраны наиболее важные аспекты.

Русская документация.

Drupal: несмотря на то, что русское сообщество занимается переводом документации на Drupal, белых пятен еще много. Ситуация отчасти компенсируется самописными статьями и руководствами. Документация на модули по большей части не переведена. Заниматься разработкой сайтов на Drupal без знания английского языка трудно - любой шаг в сторону от стандартных схем может стать проблемой. : русскоязычной документации достаточно, если не сказать много. Причем она не ограничивается переводом официальной помощи, а уже приходит к стадии написания авторских статей. : WordPress обладает очень большой документацией (к.н. Codex/Кодекс), но, к сожалению, она только на английском языке. Хотя, стоит отметить, что составлена она грамотно и практически не требует особого знания языка. Документация построена таким образом, что позволяет довольно быстро найти нужный ответ. Практически каждая статья имеет несколько примеров, а также ссылки на смежные вопросы.

Русское комьюнити/поддержка.

Drupal: русское сообщество развивается, причем достаточно бурно, поскольку в последнее время о Drupal много говорят в рунете. Есть люди разбирающиеся в архитектуре. Что важно, они отвечают на форуме. В целом сообщество открытое и дружелюбное, но злоупотреблять этим не стоит. : существует две различных «тусовки», ведущие свои форумы и сайты поддержки. Попытка объединения была, но так ничего и не получилось. В принципе, наличие двух сборок и русификаций на данный момент всех устраивает. Ближе к версии 1.5 вопрос будет подниматься все чаще, ибо порталовцы более официальная команда перевода, нежели joom.ru. С другой стороны наличие конкуренции нисколько не вредит сообществу, а наоборот даже подталкивает команды работать все лучше и лучше: у русского WordPress'а есть два официальных сайта. Поддержка пользователей осуществляется через форумы добровольцами. Так что, скорее всего проблем с русской поддержкой не будет. Также существует много блогов, где их авторы выкладывают и делятся самыми разными находками и решениями по WordPress.

Визуальный редактор.

Drupal: в Drupal можно встроить TinyMCE или FCKEditor. И тот и другой гибко настраиваются. Оба являются мощными средствами. В TinyMCE, например, можно работать с таблицами, добавляя и удаляя строки и столбы и объединяя ячейки. Еще TinyMCE может «чистить» скопированные из Word тексты от избыточных тегов: таковых под нее множество: в основном это портированные и самые распространенные редакторы. Однако самым удобным и хорошим из бесплатных является редактор JCE, разработанный специально для Joomla (а изначально еще для Mambo, тогда он назывался MosCE), способный составить очень хорошую альтернативу платному WysiwygPro. : стандартно в WordPress'е используется немного урезанный TinyMCE и, рядом же - простой текстовый редактор (переключение между ними «на лету»). При желании можно установить и полную версию TinyMCE, тогда будет доступно три панели кнопок со всем возможностями. Нужно отметить, что в WordPress'е есть возможность сторонним плагинам добавлять кнопки в редактор. Таким образом, можно, например, получить функции для добавления видео, аудио и т.д. Если TinyMCE не устраивает, то можно установить вместо него другой редактор, например FCKMonkey. Но в целом, выбор редактора дело вкуса. В профиле пользователя можно вообще отключить использование визуального редактора.

Шаблоны оформления.

Drupal: движок шаблонов - сильная сторона Drupal. Этот компонент добротно спроектирован, поэтому разобраться с интеграцией своих шаблонов сможет начинающий PHP-программист. Вообще Drupal предоставляет целый букет возможностей по управлению темами: можно даже как в ЖЖ настраивать цвета разных элементов прямо из админки. Впрочем, эти изыски на любителя.

На Drupal есть красивые сайты, однако, приличных общедоступных тем крайне мало. Если задумаете обзавестись сайтом на Drupal, приготовьтесь потратиться на шаблон. : Joomla ветки 1.0.х не поддерживает шаблоны. Конечно, в ней есть общий и большой шаблон, позволяющий на PHP создавать вполне замысловатые структуры общей структуры сайта и расположения модулей, но вот шаблонизации отдельных элементов нет, и все ограничивается примением CSS и «ковырянием» в компонентах. Однако для статей уже давно существует ContentTemplater, позволяющий создавать шаблоны оформления для статей и очень неплохо управлять их внешним видом.

Вторым моментом, о котором стоит сказать отдельно является система модулей. Модули объединяются в позиции, которые уже и подгружаются в нужных местах шаблона. Модули можно привязывать к конкретным страницам (включать и выключать отображение), а так же выводить различными способами по ходу страницы. Порой, при помощи манипуляций в шаблоне можно несколькими модулями составить очень красивую главную (или любую другую) страницу, просто выключив компонент, работающий там и расположив вместо него модули (например, отображающие новости из разных категорий): для WordPress'а созданы тысячи шаблонов и многие из них выполнены на очень хорошем дизайнерском уровне. Устройство WordPress таково, что под него несложно переделать, скажем, html-шаблон. В шаблонах испольуются обычные PHP-функции, поэтому никаких сложностей с изучением т.н. языков шаблонов нет. По созданию шаблонов существует довольно много статей, даже есть он-лайн генератор. Готовые шаблоны достаточно загрузить в отдельный каталог и после этого в админ-панели выбрать понравившийся. Существует также возможность переключать шаблоны и посетителями.

Экспорт/импорт данных.

Drupal: для Drupal написано много разных конвертеров, в основном связанных с форумными миграциями. RSS отдаются на любой вкус. Есть множество специальных вещей в духе экспорта в RDF или CSV. : этот вопрос очень актуален для блоговых движков. Joomla - это не блог, а CMS, а потому вопросы экспорта заметок в какой-то формат для нее не важны. Если компонент платный, то за отдельную плату можно заказать себе импорт записей из старого блога в новый в каком угодно формате. : WordPress позволяет экспортировать записи и комментарии блога в XML-файл. Можно экспортировать записи отдельного автора. Для импорта записей в WordPress можно воспользоваться 9 способами. Это основные блоговские «движки» (например: ЖЖ, Blogger, Textpattern), а также в RSS и свой XML-формат. [3]

1.4 Другие бесплатные CMS

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

К их числу относится, например, php-nuke, представляющая собой одну из старейших CMS, известную своими «дырами» и низкой степенью безопасности. Как правило, используется она для создания порталов и подходит даже для новичков. fusion основным своим назначением также имеет создание порталов. Кроме того, для этой CMS существует довольно много модулей и шаблонов.

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

«Прародителем» Джумлы считается mambo, отличающаяся большей простотой, что, несомненно, важно для новичков, является своеобразным «гигантом» в сайтостроительстве, так как именно эта CMS используется для управления большими и сложными сайтами, в том числе и государственных учреждений. Она, конечно, отличается сложностью в освоении и управлении, однако ее считают самым сильным конкурентом коммерческих CMS.

Еще одной довольно известной CMS является textpattern. Она, как правило, используется для управления блогами, однако подойдет и для создания несложного информационного сайта. Таким образом, textpattern является реальной альтернативой Вордпрессу.

1.5 Функциональные особенности «Wordpress»

WordPress -- система управления содержимым сайта (CMS) с открытым исходным кодом. Написана на PHP, в качестве базы данных использует MySQL. Сфера применения -- от блогов до достаточно сложных новостных ресурсов и даже интернет-магазинов. Встроенная система «тем» и «плагинов» вместе с удачной архитектурой позволяет конструировать практически любые проекты.

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

Встроенная система «тегирования» создает дополнительные связи для материалов сайта, что при необходимости, позволяет оперировать всеми записями, соответствующими определенным условиям.

В системе управления контентом «Wordpress» предлагается гибкая схема организации структуры сайта на основе таксономии. Таксономия - механизм, позволяющий создавать произвольное количество связей между объектами содержимого сайта и ассоциировать их с «Ключами записей», «Категориями записей» или «Категориями ссылок».

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

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

Преимущества «Wordpress».

При выборе для создания сайта системы «Wordpress», мы можем сразу заметить следующие ее преимущества:

- Простота в установке и настройке;

- Наличие удобного, настраиваемого административного интерфейса;

- Легкость при непосредственном создании сайта;

- В дальнейшем, простое управление сайтом и его редактирование;

- Наличие простого и удобного консоля;

- Поддержка «тем», позволяющих легко менять как внешний вид, так и способы вывода данных;

- Наличие громадных библиотек «тем» и «плагинов»;

- Наличие системы контроля безопасности сайта;

- Наличие системы автосохранения набираемого в редакторе текста, для предотвращения потери информации из-за программного или аппаратного сбоя;

- Наличие инструмента автоматического обновления до более свежей версии.

Возможности «Wordpress».

«Wordpress» -- это полностью бесплатная, свободно распространяемая система программ, написанных на скриптовом языке РНР. В ней применяются и CSS-стили, позволяющие мгновенно менять внешний вид сайта, доступно множество готовых тем -- наборов стилей для оформления текста и страницы в целом. Плюс необходимые графические элементы дизайна, наборы скриптов и специальных дополнений -- виджетов, помогающих создать на сайте меню, удобную систему рубрик, архивы записей, поиск по сайту и прочие дополнительные удобства. Темы весьма разнообразные, выглядят солидно и профессионально. Каждая тема состоит из нескольких файлов-шаблонов, которые разрешается редактировать для изменения оформления сайта или создания своих собственных тем. Кроме стандартного набора возможностей, прописанных в той или иной теме, WordPress позволяет усложнять оформление и функциональные возможности за счет тех или иных дополнений -- плагинов. Плагины пишутся уже не столько разработчиками «Wordpress», сколько сторонними программистами.

Итак, система «Wordpress» имеет следующий ряд возможностей:

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

- Создание чистого HTML _ кода при помощи графического редактора текста;

- Возможность подключать плагины, с уникально простой системой их взаимодействия с основным кодом;

- Возможность в реальном времени осуществлять мониторинг уязвимостей и изменений в потенциально-опасных файлах;

- Возможность встроенными средствами защитить определенные папки веб-сервера, от посещения пользователями, путем полного запрета доступа конкретным подсетям или установки режима авторизации;

- Возможность ограничения доступа к интерфейсу администратора по спискам разрешенных IP_адресов;

- Возможность редактирования непосредственно самого PHP кода;

- Встроенный редактор ЧПУ, делающий ссылки на записи сайта более привлекательными для роботов поисковых систем;

- Возможность создания современного динамического многофункционального сайта с ярким внешним видом на совершенно любую тематику.

Плагины.

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

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

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

Плагины добавляют функциональности блогу. Плагинов для WordPress пожалуй даже больше, чем Тем. Поскольку большинство из плагинов узкоспециализированы, перевести все не представляется возможным. Только в официальном репозитории плагинов для “WordPress” более 2300.

Виджеты.

Виджеты в WordPress играют роль модулей. С помощью виджетов можно вывести информацию на сайт. Например: страницы, категории (рубрики), облако тегов, архив записей и т.д. Устанавливаются они вместе с плагинами.

Виджеты - это блоки, которые можно размещать в колонках сайта.

Встроенные в WordPress виджеты позволяют добавить следующую информацию в колонках блога:

- список категорий;

- список страниц;

- архивы;

- ссылки;

- последние сообщения;

- последние комментарии;

- календарь;

- RSS потоки;

И самое полезное: текстовые блоки. В текстовом виджете можно разместить html-код, JavaScript или простой текст. Этот виджет можно использовать для размещения кода различных счетчиков, рекламных блоков и тому подобного. Количество текстовых виджетов можно варьировать от 1 до 9.

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

Создание нескольких областей для виджетов.

Чтобы получить несколько областей для использования виджетов нужно зарегистрировать их в файле “functions.php” выбранной темы WordPress. Допустим, у нас используется трехколоночная тема, и мы хотим получить две разных боковых панели справа и слева:

контент виджет программный сайт

<?php

register_sidebar( array(

'name' => 'left-sidebar',

'id' => 'left-sidebar',

'before_widget' => '<div id="%1$s" class="%2$s widget">',

'after_widget' => '</div>',

'before_title' => '<h3 class="widget-title">',

'after_title' => '</h3>'

) );

register_sidebar( array(

'name' => 'right-sidebar',

'id' => 'right-sidebar',

'before_widget' => '<div id="%1$s" class="%2$s widget">',

'after_widget' => '</div>',

'before_title' => '<h3 class="widget-title">',

'after_title' => '</h3>'

));

Активация областей для виджетов.

После создания нескольких областей нужно поместить код динамической боковой панели в нужный файл. В зависимости от структуры темы, код может быть расположен в файле sidebar.php или другом. Вот пример кода для использования:

<?php if (!dynamic_sidebar("left-sidebar") ) : ?>;

Код для левой боковой панели по умолчанию располагается здесь...

<?php endif; ?>;

<?php if (!dynamic_sidebar("right-sidebar") ) : ?>;

Код для правой боковой панели по умолчанию располагается здесь...

<?php endif; ?>

Код между тегами PHP будет выводиться, если не используется никаких виджетов в соответствующей области. Например, если никаких виджетов не подключено к левой боковой панели, то будет выведено "Код для левой боковой панели по умолчанию располагается здесь".

Возможности «Wordpress».

«Wordpress» -- это полностью бесплатная, свободно распространяемая система программ, написанных на скриптовом языке РНР. В ней применяются и CSS-стили, позволяющие мгновенно менять внешний вид сайта, доступно множество готовых тем -- наборов стилей для оформления текста и страницы в целом, плюс необходимые графические элементы дизайна. Наборы скриптов и специальных дополнений -- виджетов, помогающих создать на сайте меню, удобную систему рубрик, архивы записей, поиск по сайту и прочие дополнительные удобства. Темы весьма разнообразные, выглядят солидно и профессионально. Каждая тема состоит из нескольких файлов-шаблонов, которые разрешается редактировать для изменения оформления сайта или создания своих собственных тем. Кроме стандартного набора возможностей, прописанных в той или иной теме, WordPress позволяет усложнять оформление и функциональные возможности за счет тех или иных дополнений -- плагинов. Плагины пишутся уже не столько разработчиками «Wordpress», сколько сторонними программистами.

Итак, система «Wordpress» имеет следующий ряд возможностей:

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

- Создание чистого HTML_кода при помощи графического редактора текста;

- Возможность подключать плагины, с уникально простой системой их взаимодействия с основным кодом;

-Возможность в реальном времени осуществлять мониторинг уязвимостей и изменений в потенциально-опасных файлах;

- Возможность встроенными средствами защитить определенные папки веб-сервера, от посещения пользователями, путем полного запрета доступа конкретным подсетям или установки режима авторизации;

- Возможность ограничения доступа к интерфейсу администратора по спискам разрешенных IP_адресов;

- Возможность редактирования непосредственно самого PHP кода;

- Встроенный редактор ЧПУ, делающий ссылки на записи сайта более привлекательными для роботов поисковых систем;

- Возможность создания современного динамического многофункционального сайта с ярким внешним видом на совершенно любую тематику.

2. Проектная часть

2.1 Создание сайта на «Wordpress»

Разобравшись более подробно в преимуществах и возможностях системы «WordPress», я перешел непосредственно к созданию сайта. Целью сайта должен был являться рассказ о НБУ «Юг Сервис» и информация о последних новостях. Вместе с этим была поставлена цель сделать сайт ярким и запоминающимся.

Реализация поставленных целей заняла несколько этапов:

а) Установка Denwer;

б) Установка «WordPress»;

в) Настройка «WordPress»;

1) выбор и настройки шаблона;

2) установка плагинов;

3) установка виджетов;

г) Наполнение сайта;

1) создание страниц и меню сайта;

2) создание формы подписки;

3) добавление записей и рубрик сайта;

4) добавление информации на сайт;

Далее более подробно о каждом из этапов работы.

2.2 Установка CMS с помощью Denwer

Денвер - набор дистрибутивов и программная оболочка, предназначенный для создания и отладки сайтов на локальной Windows-машине, без подключения к сети Интернет.

Выражаясь более понятным языком это программа создает на вашем компьютере сервер, на который Вы можете загружать cms-системы без подключения к сети Интернет.

Установка денвера.

Для того чтобы установить денвер, необходимо проделать 2 простых шага:

1. Скачать денвер бесплатно на сайте разработчика.

2. Запустить скаченный файл и следовать инструкциям установки, подтверждая действия нажатием Enter, и вписывая необходимые символы( y или n, 1 или 2). Рекомендую на последних шагах выбрать цифру 1, чтобы создать отдельный виртуальный диск (допустим диск Z).

После установки Denwer создаст папку, которую вы указали. Если не указывали, то папка будет находиться здесь: C:\WebServers. Также, если было выбрано создание отдельного виртуального диска, при запуске в Мой компьютер появится новый диск. С ним и будет производиться работа.

Каждый ярлык выполняет свою функцию: Denwer - запускает все компоненты Денвер и подключает виртуальный диск. Denwer - останавливает работу всех серверов комплекса Denwer - перезапускает все сервера.

Установка CMS.

CMS и скрипты, написанные на языках программирования (таких, как PHP), которые выполняются на стороне сервера (а не в браузере, как, например, javaScript) требуют для своей работы специальное программное обеспечение (далее ПО), установленное на сервере. Именно поэтому для установки CMS необходим хостинг, который включает в себя это ПО.

Для запуска CMS и PHP скриптов необходимы такие программы, как: Веб-сервер Apache, PHP4 или PHP5 - для работы с PHP, MySQL-сервер - сервер для работы с базами данных и другие модули.

2.3 Установка Wordpress на Denwer

Чтобы установить Wordpress на денвер, необходимо проделать следующие шаги:

1. Скачать архив с русским Wordpress.

2. Создать виртуальный хост. Для этого зайдити в C:\WebServers\home или в Z:\home (все зависит от того, какие папку и букву диска выбрать в процессе установки) и создать в ней папку. Имя папки задается любое по желанию, но латинскими буквами, например, cms1.

В созданной папке создать папку www.

- Скопировать все файлы из папки wordpress, которая находилась в архиве, и вставьте их в папку Z:\home\cms1\www

- Перезапустить Denwer.

- Открыть браузер и ввести localhost.

Если появилась страница с надписью «Ура, заработало!», значит, все сделано правильно, и денвер работает (рисунок 2.1)

Рисунок 2.1. Установка Wordpress на Denwer

Теперь необходимо создать базу данных (далее БД) для WordPress. Для работы с БД используется phpMyAdmin, которая уже установлена в денвере.- это бесплатная утилита для управления базами данных MySQL. Под управлением понимается создание, редактирование и удаления БД через интерфейс браузера.

Чтобы войти в phpMyAdmin, необходимо перейти по ссылке:://localhost/Tools/phpMyAdmin Проверка MySQL и phpMyAdmin.

Чтобы работать с базами данных, нужно создать пользователя MySQL с паролем. По умолчанию в phpMyAdmin в денвере создан пользователь root без пароля. Некоторые CMS требуют чтобы у пользователя MySQL был пароль. Поэтому можно отредактировать уже созданного пользователя либо создать нового. Пользователь создается один раз и потом его можно использовать для установки других скриптов или CMS, которые работают с MySQL (рисунок 2.2)

Рисунок 2.2. База данных

Настройка «WordPress».

Выбор и настройки шаблона.

При настройке «WordPress» в первую очередь выбирается шаблон будущего сайта. Страницы «WordPress» сайта собираются подобно пазлу из файлов-шаблонов. Некоторые шаблоны (например header.php и footer.php) задействованы на всех страницах, другие используются только при определенных условиях.

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

Сперва «WordPress» находит каждую Строку Запроса по типам запросов -- т.е. определяет какой тип страницы (страница поиска, страница категорий, главная страница и др.) был запрошен.

После этого шаблоны выбираются и содержимое страницы генерируется в порядке, предложенном иерархией шаблонов, в зависимости от доступности шаблонов конкретной темы «WordPress».

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

За исключением основного шаблона index.php, разработчики тем могут использовать или не использовать файлы шаблонов по желанию. Если WordPress не находит шаблон с указанным именем, он переходит к следущему по иерархии шаблону. Если не один из искомых шаблонов не подходит, WordPress использует index.php (шаблон главной страницы Темы).

В выбранную тему мной были загружены, обработанные изначально в графическом редакторе, изображения для фона и заголовка сайта. Изображения подчеркивают, выбранную тематику сайта и придают ему красочность и яркость (рисунок 2.3).

Рисунок 2.3. Заголовок сайта

Установка плагинов.

Следующим этапом создания сайта является установка плагинов. Что такое плагины мы уже разобрали. Мной были использованы только самые основные плагины:

1 Плагин «Akismet» является самым известным и используемым плагином в «WordPress». Он довольно прост в установке и использовании. Использует общую базу спам-комментариев, поэтому является с самого начала хорошо обученным специалистом в борьбе со спамом. Единственный упрек в его адрес - это то, что иногда в спам попадают и нормальные комментарии, но это не часто. Поэтому Akismet - отличный плагин для защиты от спама.

2. Плагин «Mp3 Player». Назначение этого плагина не нуждается в объяснении. Множество различных видов mp3-плееров для воспроизведения аудио-файлов прямо с сайта.

3 Плагин «RusToLat» -- oдин из плагинов, которые входят в список обязательных для любого блогера, ведущего блог на русском языке. Вместо множества различных символов, составляющих ссылку страницы сайта, мы будем видеть название страницы на латинице. Плагин будет тихо и незаметно работать, правильно переводя в латиницу в момент сохранения ссылки записей, страниц, рубрик и даже меток.

4 Плагин «Viper's Video Quicktags» - очень полезный, и пожалуй лучший плагин, который позволяет с легкостью добавить на создающийся сайт, в записи и страницы видео в форматах .flv , .avi , .mov. Также позволяет добавить видео с таких сайтов как: YouTube, Google Video, VimeoVeoh, Viddler, Metacafe, Blip, MySpaceTV. Плагин имеет очень много различных настроек, изменение размера и графической оболочки плеера индивидуально для каждого типа видео.

5 Плагин «Social Share Buttons». Этот плагин добавляет иконки соцсетей в конце статей. С помощью этих иконок, можно поделиться информацией с сайта практически в любой из соц. сетей: Facebook, Google Buzz, Google Plus, LiveJournal, Mail.ru, Одноклассники, Twitter, Вконтакте, Яндекс.

6 Comment Form Quicktags - добавляет кнопки форматирования комментария к форме добавления комментария. Также можно указать пользовательские тэги (рисунок 2.4).

Стоит отметить, что каждый из плагинов после установки настраивается отдельно вручную.



Рисунок 2.4. Комментарии

Установка виджетов.

Для увеличения функциональности сайта и удобства были установлены виджеты.

Виджет «Поиск» будет позволять подписчикам быстро и удобно найти любую информацию на сайте. Графа с поиском располагается на сайте в верхнем правом боку, что добавляет удобства в ее использовании (рисунок 2.5).

Рисунок 2.5. Виджет «Поиск»

Рядом были добавлены виджет «Новости», в которых будут отображаться последняя загруженная информация на сайт, и «Категории». Здесь можно будет найти любую информацию по категориям.

Еще одним немаловажным виджетом, добавленным на сайт стал «Текст». Сюда можно вводить совершенно любой html-код, для создания различных усовершенствований сайта. Так была создана форма подписки сайта.

2.4 Наполнение сайта

Создание страниц и меню сайта. Добавление записей и рубрик сайта. Наполнение их информацией.

Создание страниц является одной из самых важных и неотъемлемых частей работы по созданию сайта. В «WordPress» создана отдельная вкладка консоля для создания страниц. В этой вкладке выбирается название создаваемой страницы, ее параметры и содержание. Редактировать страницу и ее содержимое можно в окне обычного текстового редактора, встроенного в систему, или в окне редактирования html-кода. Это позволяет людям, которые не особо хорошо разбираются в html создавать простенькие страницы, а остальным - увеличить их функциональность и возможности при редактировании кода вручную.

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

Используя функцию «Меню» и публикации страниц, на сайте были созданы каталоги. Страницы были заполнены всевозможной информацией и файлами. Были добавлены фото, аудио- и видеофайлы (рисунок 2.6).



Рисунок 2.6. Фотографии

После создания страниц и меню сайта необходимо было прибегнуть к использованию виджетов. С их помощью были установлены блоки «Новости», в котором показываются последние новости, загруженные на сайт, и «Категории». При дальнейшей загрузке новостей на сайт, стало возможным выбирать в каких рубриках отражать ту или иную новость. Это дает возможность подписчикам быстро и удобно находить, интересующую их информацию.

Рассмотрим базу данных и работу с ней (рисунок 2.7).

Рисунок 2.7. Вид окна базы данных

Рассмотрим работу существующих форм. Форма запроса приведена на рисунке 2.8. При заполнении полей формы и нажатии на кнопку поиска, происходит запрос из базы данных.



Рисунок 2.8. Форма запроса

После нажатия на кнопку поиска, в окне появляется результат запроса, если он оказался удачным (рисунок 2.9). Если же по вашему запросу ничего в базе данных не обнаружено, поле остается пустым.

Рисунок 2.9. Результат запроса

После нажатия кнопки поиска форма очищается для нового ввода данных.

Форма отправки сообщения со страницы контактов заполняется полностью вручную без выпадающих списков. После нажатия кнопки отправки сообщения на экране выводится сообщение об удачной отправке. Данные после отправки сообщения отсылаются на С:\WebServers\tmp\!sendmail и представляются в виде файла с датой создания и расширением .eml. Содержимое файл приведены на рисунках 2.10 и 2.11.



Рисунок 2.10. Форма отправки сообщения

Рисунок 2.11. Сообщение об отправке

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

Рисунок 2.12. Главная страница сайта

Как и планировалось на этапе постановки задачи, сайт содержит все необходимые структурные и навигационные элементы: форму поиска, гостевую книгу, основное навигационное меню, дополнительное меню на боковой панели (рисунок 2.13).



Рисунок 2.13. Меню сайта

Логотип - оригинальное начертание полного или сокращённого наименования организации. Логотип - важнейший элемент имиджа компании. Он служит, в первую очередь, для идентификации компании на рынке. Логотипы появились для того, чтобы отличать продукцию различных фирм в рамках одной отрасли. Зарегистрированная торговая марка ащищает компанию от недобросовестной конкуренции и позволяет защитить её права в суде. В восприятии потребителя наличие логотипа или товарного знака фирмы, имеющей устоявшуюся репутацию, является гарантией качества товара. Товары, не имеющие известного логотипа, называют noname.

Для данного сайта был разработан следующий логотип (рисунок 2.14):

Рисунок 2.14. Логотип сайта

Создание анимированного баннера для сайта. Для создания баннера была выбрана программа AdobePhotoshopCS5, т.к. на мой взгляд, это оптимальный вариант для реализации данного элемента.

Последовательность создания баннера:

- Создали новый документ размером 468х60 px, в соответствии со стандартами в области создания web-элементов.

- Чтобы не повторяться оговорим сразу тот момент, что каждый элемент будет создаваться на отдельном слое.

- Установили фон, на котором будут отображаться необходимые нам надписи.

- С помощью инструмента «Текст» пишем необходимые надписи (опять же каждую на своем слое). Для отчетливости используем эффект «Тень» (рисунок 2.15).

Рисунок 2.15. Слои текста

- Далее необходимо создать закрывающиеся ставни в стиле дизайна нашего сайта. В начале создаем ставни, состоящие из двух частей, как показано на рисунке 2.15. Обе части поместим в группу для более удобного дальнейшего использования. Создадим несколько копий группы слоев. В каждой последующей группе ставни отодвигаем на 4 рх (каждую часть вверх и вниз соответственно) (рисунок 2.16).



Рисунок 2.16. Группы слоев

2.5 Размещение на хостинге

Когда создан сайт, встаёт проблема: как разместить его в Интернете, чтобы он стал доступен всему миру.

Регистрация сайта в Интернете - процесс, пугающий многих людей, однако, на самом деле всё очень и очень просто, и, ознакомившись с материалами в этой части сайта.

Для начала нужно определиться, какой хостинг будет использоваться: платный или бесплатный.

После приобретения хостинга, необходимо сайт с компьютера отправить на этот хостинг.

Хостинговая компания Hostinger предоставляет своим клиентам возможность создания сайтов на бесплатном тарифе, причем возможно сознание сайтов как с помощью Конструктора сайтов, так и на основе различных CMS (всего имеется 50 предустановленных CMS).

Рассмотрим процесс создания сайта на основе популярнейшей системы управления контентом (CMS) WordPress, которой пользуются миллионы вебмастеров во всем мире.

Для того, что создать бесплатный сайт на хостинге Hostinger.ru, прежде всего надо в нем зарегистрироваться.

После регистрации нам необходимо проделать ряд операций:

1. Создание нового аккаунта.

2. Удаление файла default.php с помощью Файлового менеджера.

3. Установка CMS WordPress на сайт.

Создание нового аккаунта.

После получения от хостинга писем о регистрации и совершения всех необходимых действий входите в свой аккаунт, для чего надо в форме входа на главной странице указать свой е-mail и пароль (справа вверху). Вы попадаете на страницу «Мой профайл», но нам сейчас нужна другая - «Панель». Нажимаете соответствующую вкладку и у вас будет примерно такая картина (рисунок 2.17).

Рисунок 2.17. Создание нового аккаунта

При необходимости, установите русский язык (верхняя стрелка). И еще у вас не будет перечня сайтов в средней части страницы, зато будет кнопка «Создать новый аккаунт». Смело нажимаем на нее и приступаем к изучению страницы с тарифами (рисунок 2.18).

Рисунок 2.18. Тарифы

Нас пока вполне устроит тариф «Бесплатный» - сайт поначалу будет маленький и посещаемость крошечная. Вполне возможно, что впоследствии придется переходить на платный тариф «Премиум», который, наряду с невысокой ценой, имеет целый ряд преимуществ.

А пока в столбце «Бесплатный» нажимаем кнопку «Заказать!», расположенную в самом низу столбца. Откроется страница создания нового аккаунта (рисунок 2.19).

Рисунок 2.19. Регистрация

Прежде всего, оставляем субдомен (он бесплатный, а за домен надо платить). Выбираем доменное имя 2-го уровня, нажав на кнопку выпадающего списка (стрелка). Я выбрал pusku.com, вы можете выбрать какое-то другое.

Далее, выбираем себе доменное имя 3-го уровня. На скриншоте показано, что я для примера указал esy и теперь полное имя моего домена (т.е. сайта) будет писаться так: serv73.esy.es.

Теперь придумываем пароль, записываем его в, заполняем капчу (кривые-косые буквы и цифры) и нажимаем кнопку «Создать». Система нас перебросит на страницу «Панель», но теперь она выглядит по-другому (рисунок 2.20).

Рисунок 2.20. Набор пароли

Нам сообщают, что наш аккаунт станет активным примерно через 12 часов (верхняя стрела), внизу показан процесс создания аккаунта, но для нас самое главное сообщение, что аккаунт обрабатывается (средняя стрелка). После того, как в правом нижнем углу в окне создания аккаунта появится сообщение, что аккаунт создан, нажимаем там же на плохо видимая строчка «Посмотреть результат» (в самом низу окна). Кликните по ней и увидите, что аккаунт действительно создан и он уже активный (рисунок 2.21).

Рисунок 2.21. Активация аккаунта

Если мы теперь кликнем по названию нашего домена ( стрелка), то увидим наш сайт (рисунок 2.22).

Рисунок 2.22. Панель регистрации сайта

Посмотрите в адресную строку браузера и вы убедитесь, что это именно наш сайт. Но нам с ним предстоит еще много работы: убрать файл, загрузить наш WordPress, настроить его и наполнить сайт контентом.

Удаление файла default.php с помощью Файлового менеджера.

Прежде всего, надо удалить файл default.php. Для этого мы будем использовать файловый менеджер хостинга. Их там несколько, но работают они одинаково, только немного отличаются по интерфейсу.

Для этого во вкладке «Панель» кликаем по кнопке «Выбрать». Открывается панель управления сайтом, так называемая cPanel, используемая на очень многих хостингах (рисунок 2.23).

Рисунок 2.23. Панель управления сайтом

Нажимаем ссылку «Детали», открывается новая страница с информацией (рисунок 2.24).

Рисунок 2.24. Открытие новой страницы

В левом меню ищем раздел «Файлы», а в нем ссылку «Файловый менеджер 3. Кликнем по этой ссылке и у нас появится всплывающее окно (рисунок 2.25)ю

Рисунок 2.25. Всплывающее окно

Здесь надо указать пароль своего аккаунта, который вы придумали для входа на сайт, и нажать «Войти». У вас опять откроется страница управления сайтом (рисунок 2.26).



Рисунок 2.26. Набор пароля

Нам опять надо войти во вкладку «Детали» и еще раз найти ссылку в левом меню «Файловый менеджер 3» (именно 3, потому что первый и второй почему-то не хочет удалять этот файл). Такая вот немного хитроумная система. Кликаем по этой ссылке, открывается файловый менеджер со списком файлов (рисунок 2.27).

Рисунок 2.27. Файловый менеджер

Кликаем двойным кликом по папке publis_html, раскрывается ее содержание (рисунок 2.28).

Рисунок 2.28. Содержание папки

Ставим галочку в строке с файлом default.php и нажимает кнопку Delete (Удалить). В открывшейся странице нажимаем на зеленую галочку, файл удаляется. Это можно проверить, если кликнуть по синей стрелке Back (Назад, т.е. на предыдущую страницу) (рисунок 2.29).



Рисунок 2.29. Удаление файла

Установка CMS WordPress на сайт.

Возвращаемся во вкладку «Панель», кликаем по «Детали». Но на этот раз в левом меню ищем раздел «Веб-сайт» и в нем ссылку «Авто-Установщик». Кликаем по ней, открывается перечень предустановленных CMS. В верхнем ряду расположена картинка с логотипом WordPress, щелкнем курсором по ней (рисунок 2.30).

Рисунок 2.30. Установка CMS

Указываем папку имя администратора, пароль для входа в админку. Нажимаем «Установить WordPress 3.3.1». В первой графе («Установить в») ничего вписывать не надо - это понадобится при создании субдоменов. Появляется окно с вопросом: «Содержание папки будет перезаписано. Желаете ли Вы продолжить?». Нажимаем ОК.

На странице появится информация (на синем фоне) об установленном WordPress. Скопируйте ее куда-нибудь, в будущем может сильно пригодиться. Потом обновите страницу в браузере (F5). На странице автоустановщика показано какая CMS и на какой сайт установлена (рисунок 2.31).

Рисунок 2.31 Выбор CMS

2.6 Руководство пользователя

Добро пожаловать на главную страницу моего web-сайта

На главной странице данного web-сайта можно узнать краткую информацию об организации (рисунок 2.32).

Рисунок 2.32. Информация о сайте

На сайте представлен раздел «Работа с клиентами» (рисунок 2.33).



Рисунок 2.33. Работа с клиентами

Во вкладке «Новости» предусмотрена возможность добавления комментария (рисунок 2.34).

Рисунок 2.34. Вкладка контакты

Во вкладке «Фотографии» можно посмотреть фотодокументы (рисунок 2.35).

Рисунок 2.35. Вкладка «Фотографии»

Во вкладке «Организации п.г.т. Новоспасское» приведен перечень организаций с которыми сотрудничает данная организация (рисунок 2.36).

Рисунок 2.36. Вкладка график приема

Во вкладке «О сайте» приведены контактные данные разработчика сайта (рисунок 2.37).

Рисунок 2.37. Вкладка «Вакансии»

3. Охрана труда

3.1 Типовая инструкция по охране труда для операторов и пользователей персональных электронно-вычислительных машин

Настоящая типовая инструкция разработана для работников, занятых эксплуатацией персональных электронно-вычислительных машин (далее ПЭВМ): оператор ПЭВМ, работа которого связана с приемом и вводом информации, наблюдением и корректировкой решаемых задач по готовым программам; программистов, занятых на ПЭВМ разработкой. Проверкой, отладкой программ; инженеров и техников ЭВМ и ПЭВМ, выполняющих профилактические и ремонтные работы, устанавливающих причины сбоев, работающих со схемами и другой техдокументацией; пользователь ПЭВМ, совмещающий работу оператора с основной работой и занятым работой с ПЭВМ менее половины своего рабочего времени.

Работа оператора ПЭВМ относится к категории работ связанных с опасными и вредными условиями труда. В процессе труда на оператора ПЭВМ оказывают действие следующие опасные и вредные производственные факторы:

- физические;

- повышенные уровни электромагнитного излучения;

- повышенные уровни рентгеновского излучения;

- повышенные уровни ультрафиолетового излучения;

- повышенный уровень инфракрасного излучения;

- повышенный уровень статического электричества;

- повышенные уровни запыленности воздуха рабочей зоны;

- повышенное содержание положительных аэроионов в воздухе;

- пониженное содержание отрицательных аэроионов в воздухе рабочей зоны;

- пониженная или повышенная влажность воздуха рабочей зоны;

- пониженная или повышенная подвижность воздуха рабочей зоны;

- повышенный уровень шума; повышенный или пониженный уровень освещенности;

- повышенный уровень прямой блесткости;

- повышенный уровень отраженной блесткости,

- повышенный уровень ослепленности;

- неравномерность распределения яркости в поле зрения;

- повышенная яркость светового изображения;

- повышенный уровень пульсации светового потока;

- повышенное значение напряжения в электрической цепи, замыкание которой может пройти через тело человека;

- химические:

- повышенное содержание в воздухе рабочей зоны двуокиси углерода, озона, аммиака, фенола, формальдегида и полихлорированных дифенилов;

- психофизиологические:

- напряжение зрения;

- напряжение внимания;

- интеллектуальные нагрузки;

- эмоциональные нагрузки;

- длительные статические нагрузки;

- монотонность труда;

- большой объем информации, обрабатываемой в единицу времени;

- нерациональная организация рабочего места;

- биологические;

- повышенное содержание в воздухе рабочей зоны микроорганизмов.

К работам оператором, программистом, инженером и техником ПЭВМ, пользователем ПЭВМ допускаются:

- лица не моложе 18 лет, прошедшие обязательный при приеме на работу и ежегодные медицинские освидетельствования на предмет пригодности для работы на ЭВМ ПЭВМ в соответствии с требованиями приказа Минздрава Российской Федерации № 90 и совместно с Госкомсанэпиднадзором Российской Федерации № 280/88;

- прошедшие вводный инструктаж по охране труда;

- прошедшие обучение безопасным приемам и методам труда по программе, утвержденной руководителем предприятия (работодателем), разработанной на основе типовой программы, и прошедшие проверку знаний, в том числе по электробезопасности с присвоением 1-й квалификационной группы по электробезопасности;

- прошедшие курс обучения принципам работы с вычислительной техникой, специальное обучение по работе на персональном компьютере с использованием конкретного программного обеспечения;

- инструктаж по охране труда на конкретном рабочем месте по данной инструкции.

На основании требований П.13.2 Санитарных правил и норм «Гигиенические требования к персональным электронно-вычислительным машинам и организация работы» СанПиН 2.2.2/2.4.1340-03, утвержденных Главным государственным санитарным врачом РФ 3 мая 2003 г.

Женщины со времени установления беременности переводятся на работы, не связанные с использованием ПЭВМ, или для них ограничивается время работы с ПЭВМ (не более 3-х часов за рабочую смену) при условии соблюдения гигиенических требований, установленных настоящими санитарными правилами. Трудоустройство беременных женщин следует осуществлять в соответствии с законодательством Российской Федерации».

...