Создание Web-сайта "Сайт лиги по игре в покер"

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

МИНИСТЕРСТВО ОБРАЗОВАНИЯ РЕСПУБЛИКИ БЕЛАРУСЬ

«Гомельский государственный технический университет имени П.О. Сухого»

Институт повышения квалификации и переподготовки кадров

Кафедра «Информатика»

ПОЯСНИТЕЛЬНАЯ ЗАПИСКА

к дипломной работе

на тему: Web-сайт «Сайт лиги по игре в покер»

Разработал Гапоненко П.Н.

Руководитель работы доцент, к.т.н Родионов А.А.

Гомель



???????? ???????? ??????????? ? ??????????

CMS - это система управления контентом/содержимым сайта. Под контентом и содержимым сайта понимают: текст, картинки, видео - данные и файлы.

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

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

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



???????

Объектом исследования является разработка и проектирование web-сайта «Сайт лиги по игре в покер».

web-сайт, CMS, web-дизайн, шаблон, карта сайта, Динамика сайта, КОМПЬЮТЕРНАЯ ГРАФИКА, БЛОГ.

При создании сайта были рассмотрены программные пакеты по созданию Web-сайтов (Gimp, Photoshop, Illustrator, MacromediaDreamweaverMX).

Были изучены различные системы управления содержимым (CMS), обеспечивающие доступ к информации в сети Internet и удобное редактирование сайта. Из многообразия существующих в настоящее время CMS была выбрана наиболее оптимальная для работы с Web-приложениями - CMS WordPress, отвечающая всем требованиям разработчика.

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

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



СОДЕРЖАНИЕ

ВВЕДЕНИЕ

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

1.1 Характеристика сайта

1.2 Обзор CMS

1.3 Обзор графического ПО

1.4 Обоснование выбора

2. Информационно-логическая модель

3. Разработка сайта

3.1 Разработка логотипа сайта «Pokerleague»

3.2 Создание анимированного баннера для сайта

3.3 Создание шаблона сайта для WordPress

3.4 Установка и настройка WordPress

Заключение

Список использованных источников



ВВЕДЕНИЕ

Актуальность темы. Начало третьего тысячелетия подняло покер на новую ступень развития. Игра смогла завоевать позиции интеллектуального вида спорта. Также большая популярность в наше время, была достигнута благодаря стремительному развитию всемирной сети. Теперь любой человек, имеющий доступ в интернет, может сесть за виртуальный игорный стол. О популярности покера в наше время говорит и тот факт, что в одном из самых известных покеррумов Америки, за один вечер может собраться до ста тысяч игроков. Считайте сами, это только один сайт. А ведь на данный момент их собралось довольно много. Сейчас насчитываются десятки самых известных порталов, но им уже могут составить достойную конкуренцию другие, быстро развивающиеся сайты, количество которых растет. Пожалуй, по количеству "спортсменов" покер уже давно опередил футбол и хоккей. Так почему покер онлайн так стремительно завоевал сердца такого количества людей? Прежде всего, конечно, это замечательное и, главное, интересное развлечение. Покер развивает интеллектуальные способности, умение прогнозировать и анализировать процесс игры. Каждый игрок может разработать свою собственную стратегию. А если к этому добавляется еще и возможность денежного вознаграждения, это еще один повод попробовать свои силы в качестве игрока. В сфере такой игры, как покер, сосредоточены большие, даже огромные финансовые ресурсы. Ни в одном виде спорта нет гарантий, что новичок тут же может стать победителем, а в покере такая вероятность существует. Это еще один плюс. Люди, познавшие все секреты покера, придерживаются в основном двух линий поведения: продолжают просто играть для удовольствия или делают покер своей профессией и основным видом заработка. Второй линии придерживаются профи в этом деле, настоящие мастера, которыми могут оказаться люди самых разных профессий. Каждый решает за себя, но как показывает время, в основном игроки отдают предпочтение второму пути.

Информационный сайт - это сайт, который содержит исчерпывающую информацию по некоторой предметной области.

Общее назначение сайта - предоставление подробной, исчерпывающей информации пользователю.

Преимущества создания сайта:

· Веб сайт - бесплатный круглосуточный канал предоставления актуальной информации посетителям сайта в неограниченном объеме и формате.

· Сокращение расходов на другие виды рекламоносителей.

· Неограниченные возможности демонстрации.

· Бесплатная и высоко-информативная обратная связь.

· Возможность уточнения интересов потенциальных и постоянных клиентов.

Оценка современного состояния решаемой проблемы. В настоящее время существует множество средств разработки сайта. Для создания современных сайтов используются: HTML, CSS, JavaScript, FLASH, PHP (или Perl) и реляционная база данных MySQL. Для управления содержимым сайта могут быть использованы различные CMS, например, Joomla, Drupal, Wordpress и др. Цель данной дипломной работы заключается в изучении современных систем управления содержимым сайта, понятия рукоделия, и непосредственно, разработка сайта.

Основные и исходные данные для разработки темы. Информационные средства разработки: Adobe Photoshop CS5, Corel Draw Graphics Suite X5, Joomla 2.5, Xampp. Используется HTML, CSS, JavaScript, PHP, база данных MySQL. Информация о содержании сайта, о цвете и цветовом восприятии.

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



1. АНАЛИТИЧЕСКАЯ ЧАСТЬ

1.1 Характеристика сайта

Сайт в первую очередь должен осуществлять следующий функционал:

- Реклама (популяризация турниров о покере).

- Новости покера со всего Мира, интервью с игроками в покер.

- Статьи о покере

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

Рисунок 1 - Дерево сайта



Имеющаяся информация была представлена в виде статей и мультимедийного материала.

1.2 Обзор CMS

CMS - это система, которая позволяет в удобном виде создавать и управлять (редактировать, удалять) текстовыми материалами и мультимедиа документами (содержимое или контент) на сайте. Аббревиатура «CMS» появилась от английской фразы Content Management System, что и переводится как система управления контентом. CMS были созданы для экономии времени, которое необходимо на создание или редактирование статьи.

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

Все системы управления контентом разделяются на платные и бесплатные.

К бесплатным CMS относятся: Joomla, Drupal, Wordpress, 2z-project и другие.

Из платных CMS широкое распространение получили DLE (DataLifeEngine), которая больше подходит для развлекательных сайтов, UMI.CMS, NetCat.

Рассмотрим более подробно каждую CMS.

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

Joomla обладает следующими характеристиками:

- полностью основана на базах данных с использованием PHP/MySQL;

- модуль безопасности для многоуровневой аутентификации пользователей/администраторов;

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

- разделы тем могут быть добавлены авторами;

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

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

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

- работа под Linux, FreeBSD, MacOSX, Solaris, AIX, SCO, WinNT, Win2K.

Возможности администрирования:

- возможность создавать неограниченное количество страниц;

- четкая организация структуры сайта;

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

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

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

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

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

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

- возможность создания не одной, а нескольких форм обратной связи для каждого контакта;

- изменение порядка объектов, включая новости, вопросы, статьи;

- генератор показа случайной новости;

- модуль приёма от удалённых авторов новостей, статей и ссылок;

- иерархия объектов - количество секций, разделов, подразделов и страниц, зависит от поставленных задач;

- библиотека изображений позволяет хранить все GIF и JPEG файлы «под рукой» для лёгкого доступа;

- менеджер рассылки новостей. Возможность выбирать из более чем 360 служб рассылки новостей по всему миру;

- менеджер архива (перемещение старых статей в архив);

- возможность распечатать или отправить на e-mail любую статью с сайта;

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

- предварительный просмотр перед окончательным размещением;

- возможность легкой смены дизайна;

- экономное использование места на сервере за счет использование базы данных MYSQL;

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

В настоящее время можно найти более 3000 модулей и компонентов, которые удовлетворят любые требования сайта. Система подходит как для небольшого, так и для крупного корпоративного сайта или информационного проекта. Таким образом, установив эту систему на свой веб-сайт, разработчик получает полный контроль над обновлением информации и развитием веб-сайта. В качестве Web-сервера может использоваться так же MS IIS (InternetInformationServer) версии 5.0 и выше.

Joomla может использоваться совместно c наиболее известными браузерами, такими как Internet Explorer (версия 5.5+), Netscape и Mozilla Firefox. С данными браузерами секция администрирования наиболее совместима.

Перейдём к изучению CMS WordPress.

WordPress -- система управления содержимым сайта с открытым исходным кодом, распространяемая под GNU GPL. Данная CMSнаписана на языке программирования PHP, в качестве базы данных использует MySQL. Сфера применения достаточно широка - от блогов до достаточно сложных новостных ресурсов и даже интернет-магазинов. Встроенная система «тем» и «плагинов» вместе с удачной архитектурой позволяет конструировать практически любые проекты. WordPress выпущен под лицензией GPL версии 2.

На 2007 год WordPress была самой популярной системой для ведения автономных блогов:

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

- простота установки, настройки;

- поддержка RSS, Atom, trackback, pingback;

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

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

- «темы» реализованы как наборы файлов-шаблонов на языке программирования PHP, что положительно сказывается на скорости и гибкости;

- большие библиотеки «тем» и «плагинов»;

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

- наличие URL;

- наличие русских переводов.

Требования к ПО

Начиная с версии 3.2

· PHP версии 5.2.4 или выше

· MySQL версии 5.0 или выше

· (Необязательно (требуется для режима Multisite)) Модуль Apachemod_rewrite (для красивых адресов, называемых постоянными ссылками)

До версии 3.2

· PHP версии 4.3 или выше

· MySQL версии 4.1.2 или выше

DataLifeEngine это многопользовательская система, предназначенная для организации блогов и СМИ в сети интернет. Благодаря мощной системе публикации, настройки и редактирования новостей, данная CMS превосходит конкурентов. А благодаря точной и продуманной структуре ядра, сводящей к минимуму требования к ресурсам сервера, DLE способен быстро работать с высоко посещаемыми проектами, не создавая при этом нагрузок на сервер. Гибкость и легкость в настройке и интеграции дизайна позволяет расширить сайт в короткие сроки без дополнительных материальных затрат. Использование технологии AJAX сократит как трафик сервера, так и трафик посетителей. Благодаря повышенному вниманию к безопасности скрипта, к удобству работы с ним, а также динамическому развитию, в пользу использования DataLifeEngine уже высказались более 70 000 порталов, успешно использующие его в работе. CMS оптимизирована под поисковые системы, что позволяет привлечь дополнительных клиентов.

Краткий перечень возможностей DataLifeEngine:

- Использует для хранения данных MySQL

- Поддержка расширения MySQLi

- Мощная система безопасности

- Минимальная нагрузка на базу данных (от 0 до 5 запросов)

- Использование продвинутой технологии AJAX, позволяющей существенно сократить нагрузку на сервер и траффик пользователей

- Абсолютно независимое создание дизайна сайта, скрипт не накладывает никаких ограничений на фантазию вебмастера

- Мощная, но в тоже время простая в освоении система шаблонов, которая позволит создать сайт любой сложности (нет никаких ограничений на колонки и прочее)

- Упрощенная система управления шаблонами

- Продвинутая система управления баннерами (или любой рекламной информации)

- Возможность создания не только динамического контента, но и статического

- Автоматическая и ручная генерация метатегов

- Система почтовых шаблонов, на основе которых осуществляется генерация и отправка сообщений с сайта

- Возможность временной блокировки доступа на сайт

- Вывод новостей и статей, да и вообще всего что угодно

- Поддержка ЧПУ (человеко-понятный URL) позволяет использовать тему статьи или любой другой текст в URL броузера, благодаря этому индексация сайта в поисковых системах будет более качественной (необходим modrewrite)

- Возможность отключение ЧПУ

- Общая статистика сайта

- Поддержка дополнительных полей

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

- Возможность автоматического поиска и показа на сайте сходных по тематике новостей.

- Возможность использования вложенных категорий

- Флуд контроль и многочисленные механизмы защиты от спама

- Автоматический фильтр слов в комментариях

- Поддержка неограниченного количества категорий, а также подкатегорий.

- Автоматический перенос длинных слов в комментариях

- Рейтинг новостей

- Календарь

- Поиск по статьям включая дополнительные поля (подсветка найденного текста)

- Обзор непрочитанных новостей с момента последнего посещения сайта

- Возможность просмотра сколько раз была прочитана новость

- Возможность добавления статей в раздел "Избранное"

- Отсылка писем пользователям через форму на сайте

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

- Поддержка персональных сообщений между пользователями

- Поддержка нескольких языков

- Вывод популярных статей в отдельном блоке

- Создание голосований на сайте

- Возможность создания статических страниц непосредственно через админпанель

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

- Поддержка неограниченного количества групп пользователей

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

- Возможность загрузки и прикрепления файлов к новостям

- Встроенные средства защиты от несанкционированного скачивания файлов (antileech)

- RSS Импорт новостей

- RSS Экcпорт новостей

- RSS Информеры

- Мультиязычная поддержка новостей на сайте

- Поддержка Облака Тегов

- Поддержка единой регистрации на нескольких различных сайтах под управлением DLE.

- Автоматическая поддержка смартфонов

Возможности для посетителей сайта:

- Регистрация на сайте

- Добавление комментариев

- Выставление рейтинга новостям

- Изменение и удаление пользователями своих собственных комментариев

- Возможность добавления новостей со стороны посетителей

- Модерирование новостей

- Статистика по конкретному пользователю (включая рейтинг и профиль)

- Вывод различной информации для зарегистрированных посетителей и нет

- Возможность загрузки фотографии в профиле пользователя Возможность восстановления забытого пароля

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

- Массовая загрузка картинок на сервер

- Просмотр и добавление видео на сайт

- Персонализация вывода рекламы для определенных групп

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

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

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

- Добавление, редактирование и удаление новостей

- Автоматическая типографская подготовка текста новостей к публикации в Web

- Возможность распределения доступа для конкретной новости.

- Для создания новостей возможно использование WYSIWYG редактора или BBCODES

- Антивирус проверяющий состояние файлов на предмет возможного взлома

- Редактирование пользователей

- Имеется возможность использовать смайлы и HTML код

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

- Возможность выставления бана для посетителей

- Средства для создания и редактирования шаблонов непосредственно в админцентре

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

- Автоматическая публикация статьи при наступлении установленного времени

- Возможность отключения календаря и архивов (для экономии ресурсов)

- Возможность фиксации новостей (будут всегда наверху, независимо от даты)

- Отключение регистрации посетителей

- Автоматическая временная приостановка регистрации при достижении максимального количества зарегистрированных пользователей

- Автоматическое урезание загруженных картинок с сохранением пропорций до указанных размеров

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

- Наложение водяных знаков на картинки

- Возможность загрузки картинок для каждой конкретной новости (при удалении новости, картинки тоже будут удаляться)

- Удобный менеджер загруженных картинок

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

- Поиск пользователей по IP адресам

- Быстрый поиск и замена в базе данных

- Публикация "правил" на сайте

- Создание карты сайта для Google

- Создание фильтров для автоподстановки слов и значений

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

- корпоративных сайтов;

- интернет-магазинов;

- информационных порталов;

- сайтов сообществ;

- социальных сетей и других.

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

«1С-Битрикс: Управление сайтом» может быть использован как платформа (FrameWork) для создания собственного веб-решения.

Особенности «1С-Битрикс: Управление сайтом»:

- Комплексное решение бизнес-задач

- Удобный и понятный интерфейс

- Многосайтовость

- Безопасность

- Полная интеграция с «1С:Предприятие»

- Мастера создания сайта

- Упрощенная интеграция с дизайном и шаблоны

- Подробная документация

- Технология обновлений SiteUpdate

- Среда для разработки индивидуальных решений (FrameWork)

«1С-Битрикс: Управление сайтом» позволяет:

- управлять структурой и меню сайта через веб-интерфейс;

- редактировать внутреннюю область страниц в визуальном режиме;

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

- управлять показом рекламы на сайте;

- отправлять рассылки группам подписчиков;

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

- вести учет статистики посещений;

- анализировать эффективность рекламных кампаний;

- создавать форумы, блоги и многое другое.

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

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

Безопасность PositiveTechnologies, лидирующая компания на рынке информационной безопасности, провела аудит безопасности программного продукта «1С-Битрикс: Управление сайтом». Тестирование подтвердило неуязвимость продукта ко всем видам известных атак на веб-приложения. По результатам проверки программному продукту «1С-Битрикс: Управление сайтом» присвоен статус «Безопасного веб-приложения» и выдан сертификат соответствия.

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

При увеличении нагрузки на сервер необходимо обеспечить бесперебойную работу сайта, а для этого требуется надежная база данных. Пользователи MySQL-версии «1С-Битрикс: Управление сайтом» могут быстро перейти на Oracle или MSSQL-версию продукта. Комплект документации по продукту включает: руководство по интеграции, руководство пользователя, руководство для технических специалистов и системных администраторов по конфигурированию веб-систем для оптимальной работы с продуктом, онлайновую систему помощи, API для разработчиков, WindowsHelp, контекстную помощь.

Технология обновлений SiteUpdate, разработанная компанией «Битрикс», позволяет скачивать обновления и новые модули продукта для поддержки постоянной актуальности системы.

Продукт «1С-Битрикс: Управление сайтом» разработан на языке программирования PHP и может эффективно работать на любой UNIX или Windows платформе. В качестве базы данных используется MySQL, Oracle/OracleXEилиMSSQL/MSSQL Express.

Минимальные технические требования:

- PHP 5.0 и выше;

- Apache 1.3 и выше или MS IIS 5.0* и выше или Eserv 3.0 и выше;

- MySQL 4.1 и выше, Oracle 9 и выше или MSSQL 2000 и выше.

- И если раньше было распространено мнение «Wordpress - это система только для блогов», то сейчас мы видим всё больше и больше сайтов с совершенно иным функционалом выполненные именно на WP.

- На данный момент на сайте http://wordpress.com/ зарегистрировано более 25 миллионов блогов, дистрибутив CMS WordPress 3.0 и выше был скачан более 32,5 миллионов раз.



Рисунок 2 - Рейтинг CMS, используемых в web-пространстве

1.3 Обзор графического ПО

Как известно, web-графика бывает растровой и векторной.

Растровое изображение -- представляющее собой сетку пикселей или цветных точек (обычно прямоугольную) на компьютерном мониторе, бумаге и других отображающих устройствах и материалах [2].

Важными характеристиками изображения являются:

- количество пикселей -- количество цветов. Может указываться отдельно количество пикселей по ширине и высоте (1024Ч768, 640Ч480, …);

- количество используемых цветов или глубина цвета;

- цветовое пространство (цветовая модель) RGB, CMYK, XYZ, YCbCr и др.

- разрешение -- справочная величина, говорящая о рекомендуемом размере пикселя изображения.

Достоинства растровой графики:

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

- Распространённость -- растровая графика используется сейчас практически везде: от маленьких значков до плакатов.

- Высокая скорость обработки сложных изображений, если не нужно масштабирование.

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

Недостатки растровой графики:

- Большой размер файлов с простыми изображениями.

- Невозможность идеального масштабирования.

- Невозможность вывода на печать на плоттер.

Векторная графика -- способ представления объектов и изображений в компьютерной графике, основанный на использовании элементарных геометрических объектов, таких как точки, линии, сплайны и многоугольники [3].

Преимущества векторного способа описания графики над растровой графикой:

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

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

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

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

Фундаментальные недостатки векторной графики:

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

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

- Преимущество векторной картинки -- масштабируемость -- пропадает, когда начинаем иметь дело с особо малыми разрешениями графики (например, иконки 32Ч32 или 16Ч16). Чтобы не было «грязи», картинку под такие разрешения приходится подгонять вручную.

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

Для работы с растровой графикой существуют несколько программ.

SAI или PaintTool SAI, предназначена для цифрового рисования и разработанную японской компанией SYSTEMAX.

Особенности программы:

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

- Полная поддержка графического планшета;

- Почти все горячие клавиши взяты из AdobePhotoshop плюс свои сочетания;

- Сглаживание пера и высокая интерполяция штриха;

- Поворот холста;

- Высокое качество рендеринга картинки;

Рисование:

Существует 8 инструментов: выделение лассо, выделение «волшебной палочкой», прямоугольное выделение, пипетка, масштабирование, поворот холста, перемещение холста и перемещения слоя.

Есть два режима слоя: растровый и векторный. В растровом доступны подинструменты, такие как маркер, аэрограф, вода, акрил, ручка, ластик и разные вариации к ним. В векторном доступны ручка, линия, кривая, правка, цвет линии, нажим линии, выделение и удаления выделения.

Поддержка сторонних текстур кистей и текстур холста, которые можно делать собственноручно.

CorelPainter.

Функции:

- Имитация традиционных средств живописи (карандаш, пастель, масляные краски, акварель, аэрограф; в сумме около 200 инструментов и их вариаций).

- Цифровые средства живописи (около 200 разнообразных кистей и эффектов), система работы со слоями и их наложением, маски, каналы цвета.

- Вспомогательные инструменты (ластик, мастихин, осветлитель, затемнитель и т. п.).

- Виртуальная палитра смешивания цветов.

- Виртуальный холст с выбором типа бумаги (например, ретро) и т.д.

- Также есть возможность настраивать текущие инструменты/средства или создавать свои собственные.

ОpenCanvas. В программе имеется палитра инструментов, основные фильтры, редактор кистей, в котором можно менять форму, чувствительность, твердость кисти, удобная палитра цветов и т.д. Т.к. программа была разработана японской компанией она, в основном, является инструментом мангаков и анимешников, возможности программы практически не ограничены. Изначально программа планировалась для быстрой закраски скетчей.

GNU ImageManipulationProgram или GIMP - растровый графический редактор, программа для создания и обработки растровой графики. Частично поддерживается векторная графика.

Краткий обзор возможностей:

GIMP может использоваться как редактор для рисования (благодаря поддержке графических планшетов) и как инструмент для обработки фотографий (в том числе пакетной).

Таблица 1 - Способы реализации операций в GIMP

Вид операций	Реализация в GIMP
Расширяемость	Присутствует. Дистрибутив GIMP включает в себя более 200 расширений. Кроме того, можно подключать внешние модули, которых в Сети насчитывается более 100.
Рисование	Кисть, карандаш, аэрограф, штамп. Все инструменты рисования гибко настраиваются (толщина линий, форма, прозрачность и др.).
Слои	Присутствуют. Кроме того, допускается редактирование отдельных каналов. Есть поддержка альфа-канала.
Текст	Вы можете работать с текстом с помощью стандартного инструмента, а также рисовать художественные эмблемы с помощью специальных сценариев.
Анимация	Присутствует. Вы можете работать с кадрами анимации как с отдельными слоями изображения.
Выделение	Прямоугольник, эллипс, свободное, рассеянное и "разумное" выделение, кривые Безье.
Преобразование	Вращение, масштабирование, наклон и отражение.
Работа с экспозицией	Кривые, гистограмма и традиционные регуляторы. Присутствуют автоматические режимы, позволяющие "улучшать" изображения одним щелчком кнопки мыши.
Откат	Неограниченное количество раз.
Конвертирование RAW	Реализуется с помощью расширений.
Работа со сканером и планшетом	Через драйвера. Стандартно.
Фильтры	Присутствуют. Кроме того, GIMP поддерживает язык Script-Fu, позволяющий создавать новые инструменты на основе группы фильтров. В дистрибутив включено немало готовых сценариев.
Пакетная обработка	Присутствует. Реализуется через пользовательские сценарии.

Разумеется, встает резонный вопрос: а чем же лучше AdobePhotoshop? Рассмотрим основные преимущества платного продукта в таблице 2.

Таблица 2 - Сравнительная характеристика AdobePhotoshop и GIMP

Функция, присутствующая в AdobePhotoshop	Ситуация в GIMP
Поддержка цветовых профилей	Появится в следующей стабильной ветке 2.4. Нестабильные версии 2.3.x уже имеют поддержку цветовых профилей
Цветовое пространство CMYK	Реализуется с помощью расширения Separate
Инструмент, устраняющий эффект красных глаз	Отсутствует. Необходимо исправлять вручную, выделяя овальную область и понижая в ней яркость красного канала. Впрочем, есть специальное расширение, работающее, однако, крайне примитивно.
Инструмент "Магнитное Лассо", позволяющего производить интеллектуальное выделение БЕЗ нажатия клавиш мыши.	Аналог отсутствует. Можно пользоваться инструментом "Выделение форм", расставляя точки, между которыми программа находит оптимальный путь для выделения.
Инструмент "Восстанавливающая кисть" для удаления мелких дефектов (например, прыщи на лице)	Аналог отсутствует. Приходится довольствоваться инструментом "Штамп".
Мощные плагины, разработанные известными фото-брендами (Kodak, PhaseOne и др.)	Мощность - "субъективный" параметр, но стоит заметить, что разработкой расширений для GIMP крупные компании не занимаются.

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

Приведём краткое описание данных инструментов.

Инструмент «Перемещение»

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

Инструмент «Слои»

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

Инструмент «Кисть»

Создает мягкие или четкие цветные штрихи. Так же можно загружать наборы кистей (формат ABR) в программу и создавать свои собственные.

Инструмент «Ластик»

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

Инструмент «Заливка»

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

Инструмент «Масштаб»

Инструмент «Масштаб» увеличивает или уменьшает изображение.

Инструмент «TypeTool»

Это инструмент, представляющий собой набор векторных объектов и математических фигур для определения символов шрифта.



1.4 Обоснование выбора

информационный анимированный баннер программный

Сейчас на рынке существует множество программ, предназначенных для обработки растровой графики. Но когда дело касается профессиональной обработки изображений, Photoshop оказывается лидером единственной по функциональности, удобству управления, заложенному потенциалу профессиональной программой, для любых работ по созданию и обработке растровой графики. Повсеместное развитие Интернета вызвало рост числа документов, предназначенных для электронного распространения. В Photoshop есть все профессиональные средства по подготовке графики для подобных публикаций. Так же в программе есть все инструменты для создания привлекательной и современной графики для Web-сайта.

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

Выпуская новые версии, Adobe старается дать некоторое число интересных новинок, чтобы убедить пользователя перейти на новую версию, но все новинки внедряются плавно, практически не меняется интерфейс, основные инструменты и палитры для работы с изображениями. Зная шестую версию программы, вы легко освоите десятую. А формат PSD, внутренний формат программы, открывается во всех версиях программы.

Итак, идеальной платформой для создания блога (подача материалов в виде информационной ленты в хронологическом порядке, возможность комментирования статей посетителями) является CMS Wordpress. Однако его также можно использовать и для создания обычного сайта. WordPress имеет открытый исходный код, установлен на миллионы блогов и веб-сайтов по всему миру.

Работать с картинками в WordPress - одно удовольствие; для тех, кому стандартных функций недостаточно, существует плагин NextGenGallery.

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

Факторы, повлияющие на выбор CMS WordPress.

- Простая установка. Множество хостингов позволяют установить WordPress за один клик (с помощью таких инструментов, как Fantastico), и даже если нет автоматического процесса, то установка по-прежнему является простым процессом. В самом деле, WordPress устанавливается всего за «знаменитые 5 минут».

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

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

- Плагины. Открытый исходный код WordPress означает, что бесчисленные разработчики сделали для нее плагины, которые добавляют новую функциональность. Плагины, такие как PlatinumSeoPack, WordPressRelatedPosts, Google XML Sitemaps, Akismet и тысячи других облегчают работу и управление wordpress. И если вы считаете, что нужно добавить какой-либо функционал, то нужный плагин скорее всего существует! Это результат многолетней работы разработчиков по всему миру и ставит WordPress впереди всех систем управления контентом.

- Шаблоны (темы). Как и с плагинами, большое количество шаблонов (как бесплатных, так и платных) доступно для скачивания на сотнях сайтов. Шаблоны устанавливаются и активируются очень просто и поэтому для тех, кто не занимается разработкой шаблонов, это простой и быстрый способ сделать свой блог уникальным.

Хотя у wordpress много конкурентов, но ни один не имеет такого уровня разработок в виде плагинов, шаблонов и т.д. Wordpress намного больше, чем просто блог-платформа. Это непревзойденная система управления контентом.

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

Таким образом, WordPress представляется оптимальным решением для создания необходимого для нас сайта.

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

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

Рассмотрим установку Wordpress на Denwer в тестовом режиме.

Чтобы установить Wordpress на денвер, необходимо:

- Скачать архив с Wordpress;

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

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

- Перезапускаем Denwer, кликнув по ярлыку RestartDenwer;

- Открываем браузер и вводим localhost. Открылась страница с надписью “Ура, заработало!”, значит денвер работает;

- Необходимо создать базу данных для WordPress. Для работы с БД используется phpMyAdmin, которая уже установлена в денвере.

phpMyAdmin - это бесплатная утилита для управления базами данных MySQL. Под управлением понимается создание, редактирование и удаления базы данных через интерфейс браузера.

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

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

Чтобы создать пользователя кликните ссылку Привилегии.

Затем ссылку Добавить нового пользователя.

Затем появится окно создания нового пользователя.

Введите Имя пользователя, пароль (в 2-ух полях) и отметьте все привилегии (ссылка «Отметить все»), нажмите кнопку «Пошел». Запомните пароль и имя, они всегда пригодятся.

Пользователь создан и теперь нужно создать базу данных MySQL для WordPress.

Чтобы создать базу вернитесь на главную страницу phpMyAdmin (http://localhost/Tools/phpMyAdmin/) и там, где «Создать новую БД» введите латинскими буквами имя вашей базы данных и нажмите кнопку «Создать» .

Имя можно выбрать любое. Я ввел имя wp.

БД wp была создана.

- Виртуальный хост с файлами Wordpress и база данных готовы. Теперь приступаем к установке CMS.

Введите в строке браузера имя вашего виртуального хоста, т.е. название вашей папки. У меня это cms1.

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

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

Затем жмите кнопку “Запуск инсталляции”. В следующем окне вводите название блога и e-mail. Затем система выдаст вам логин admin и пароль. Запишите пароль. Он нужен для входа в админ панель Wordpress.



2. ?????????????-?????????? ??????

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

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

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



3. ?????????? ?????

3.1 Разработка логотипа сайта «ExtremeZone»

Логотип -- оригинальное начертание полного или сокращённого наименования организации или товара. Логотип является словесной частью товарного знака.

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

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

Рисунок 4 - Логотип сайта

Логотип выполнен в темных тонах, в стиле заголовка сайта на «шапке». В основе логотипа часть покерной фишки и название сайта Pokerleague.by. Логотип разработан в программе Adobe Photoshop CS5.

Порядок создания логотипа:

1) Необходимо скачать любую покерную фишку и шрифт Trashed.

2) Создаем новый документ с разрешением 380х220.

3) Вставляем фишку в левый край документа, делаем ее черно-белой: Изображение - коррекция - черно-белое.

4) Заливаем документ градиентом от черного к прозрачному.

5) Применяем параметры наложения: перекрытие.

6) Пишем надпись POKER шрифтом Trashed и размером 50px.

7) Пишем надпись pokerlegue.by шрифтом Times New Roman, размер 10px, масштаб по горизонтали выбираем 71%

3.2 Создание анимированного баннера для сайта

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

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

Создали новый документ со следующими параметрами:

Рисунок 5 - Создание документа

Для удобства создаем новую группу слоев.



Рисунок 6 - Создание группы слоев

Называем ее: “Фишка”. В группе слоев: “Фишка” создаем новый слой, называем: “край фишки”.

На слое рисуем инструментом “Эллипс” (U) край нашей фишки, предварительно выбрав цвет #333333, следующим образом:

Рисунок 7 - Создание слоя “Край фишки”

Выше создаем новый слой, называем “Середина фишки”

На слое рисуем инструментом “Эллипс” (U) середину нашей фишки, предварительно выбрав цвет #660000, следующим образом:

Рисунок 8 - Создание слоя “Середина фишки”

На середине фишки инструментом “Горизонтальный текст” пишем название будущего сайта. Для написания выбираем следующие параметры: Шрифт - Viner Hand ITC, размер - 22пт, Цвет - #ffffff.

Добавляем стиль слоя для нашей надписи, выбираем параметры наложения:

Рисунок 9 - Добавление параметров наложения



Используем следующие параметры:

Рисунок 10 - Параметр наложения “Тень” для названия сайта

Рисунок 11 - Параметр наложения “Обводка” для названия сайта

Должно получиться следующее:

Рисунок 12 - Результат параметра наложения для названия сайта



Выбираем параметры наложения для слоя “Край фишки”:

Рисунок 13 - Параметр наложения “Теснение” для слоя “Край фишки”

Рисунок 14 - Параметр наложения “Теснение/контур” для слоя “Край фишки”



Рисунок 15 - Параметр наложения “Обводка” для слоя “Край фишки”

В итоге получится следующая картина:

Рисунок 16 - Результат параметра наложения для слоя “Край фишки”

На этом с группой слоев “Фишка” мы закончили.

Создаем новую группу слоев, называем ее “Пики”

На новом слое инструментом “Произвольная фигура” (U) рисуем пику на крае фишки.

Рисунок 17 - Изображение пики на крае фишки

Выбираем параметры наложения для пики:



Рисунок 18 - Параметр наложения “Теснение” для слоя “Пика”

Рисунок 19 - Параметр наложения “Обводка” для слоя “Пика”

Получится следующий эффект:

Рисунок 20 - Результат параметра наложения для слоя “Пика”



Дублируем слой с пикой 3 раза и перетаскиваем пики по краю фишки как показано на рисунке:

Рисунок 21 - Копирование слоя “Пика”

С группой слоев “Пики” на этом все.

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

На новом слое “Заливка” инструментом “Произвольная фигура” (U) рисуем черную стрелку.

Рисунок 22 - Изображение черной стрелки

Дублируем слой “Заливка”, перетаскиваем его ниже исходного слоя. Подвигаем его правее на пару px от слоя “Заливка”. На дубликате используем инструмент “Заливка” (G), выбрав предварительно цвет - #666666.

Применим к дубликату параметры наложения:



Рисунок 23 - Параметр наложения “Теснение” для слоя дубликат “Заливка”

Рисунок 24 - Параметр наложения “Обводка” для слоя дубликат “Заливка”

Выделяем два слоя: “Заливка” и его дубликат и объединяем их, в итоге получилось следующее:

Рисунок 25 - Результат параметр наложения для слоя дубликат “Заливка”



Создаем новый слой “Красные стрелки”. Выбираем инструмент ”Градиент” (G). Основной цвет выбираем - #990000.

Выбираем параметры градиента:

Рисунок 26 - Параметры градиента

Рисунок 27 - Вид градиента

Далее тянем градиент слева направо, по слою “Заливка”. Лишнее удаляем инструментом “Ластик” (E).

Должно получиться следующее:

Рисунок 28 - Применение градиента



Ставим на слое “Красные стрелки” Непрозрачность - 30%. Получим следующее:

Рисунок 29 - Применение непрозрачности к градиенту