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

 

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

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

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

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

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

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

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

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

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

Гомель

Перечень условных обозначений и сокращений

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

Блог - веб-сайт <#"justify">Реферат

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

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

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

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

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

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

СОДЕРЖАНИЕ

ВВЕДЕНИЕ

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

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

.2 Обзор CMS

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

.4 Обоснование выбора

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

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

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

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

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

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

Заключение

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

ВВЕДЕНИЕ

Актуальность темы. Начало третьего тысячелетия подняло покер на новую ступень развития. Игра смогла завоевать позиции интеллектуального вида спорта. Также большая популярность в наше время, была достигнута благодаря стремительному развитию всемирной сети. Теперь любой человек, имеющий доступ в интернет, может сесть за виртуальный игорный стол. О популярности покера в наше время говорит и тот факт, что в одном из самых известных покеррумов Америки, за один вечер может собраться до ста тысяч игроков. Считайте сами, это только один сайт. А ведь на данный момент их собралось довольно много. Сейчас насчитываются десятки самых известных порталов, но им уже могут составить достойную конкуренцию другие, быстро развивающиеся сайты, количество которых растет. Пожалуй, по количеству "спортсменов" покер уже давно опередил футбол и хоккей. Так почему покер онлайн <#"justify">Общее назначение сайта - предоставление подробной, исчерпывающей информации пользователю.

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

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

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

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

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

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

Оценка современного состояния решаемой проблемы. В настоящее время существует множество средств разработки сайта. Для создания современных сайтов используются: 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.2 Обзор CMS

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

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

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

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

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

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

-полностью основана на базах данных с использованием 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 и выше.может использоваться совместно c наиболее известными браузерами, такими как Internet Explorer (версия 5.5+), Netscape и Mozilla Firefox. С данными браузерами секция администрирования наиболее совместима.

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

WordPress - система управления содержимым сайта с открытым исходным кодом <#"justify">-возможность публикации с помощью сторонних программ и сервисов;

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

-поддержка RSS <#"justify">Требования к ПО

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

·PHP <#"justify">До версии 3.2

·PHP <#"justify">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С-Битрикс: Управление сайтом» позволяет:

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

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

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

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

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

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

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

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

-создавать форумы, блоги и многое другое <#"justify">К преимуществам данной 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.

-На данный момент на сайте <#"276" src="doc_zip2.jpg" /> <#"justify">Рисунок 2 - Рейтинг CMS, используемых в web-пространстве

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Рисование:

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

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

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

Функции:

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

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

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

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

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

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

ОpenCanvas. В программе имеется палитра инструментов, основные фильтры, редактор кистей, в котором можно менять форму, чувствительность, твердость кисти, удобная палитра цветов и т.д. Т.к. программа была разработана японской компанией она, в основном, является инструментом мангаков и анимешников, возможности программы практически не ограничены. Изначально программа планировалась для быстрой закраски скетчей.ImageManipulationProgram или 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. Для работы над логотипом использовались следующие инструменты: кисть, слои, текст и заливка.

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

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

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

Инструмент «Слои»дает возможность работы со слоями: фрагментами 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 <#"justify">Хотя у wordpress много конкурентов, но ни один не имеет такого уровня разработок в виде плагинов, шаблонов и т.д. Wordpress намного больше, чем просто блог-платформа. Это непревзойденная система управления контентом.

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

Таким образом, WordPress представляется оптимальным решением для создания необходимого для нас сайта.и скрипты, написанные на языках программирования (таких, как 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, которая уже установлена в денвере.- это бесплатная утилита для управления базами данных MySQL. Под управлением понимается создание, редактирование и удаления базы данных через интерфейс браузера.

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

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

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

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

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

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

Чтобы создать базу вернитесь на главную страницу phpMyAdmin (#"justify">Имя можно выбрать любое. Я ввел имя wp.

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

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

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

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

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

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

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

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

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

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

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

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

Логотип - оригинальное начертание полного или сокращённого наименования организации <#"225" src="doc_zip4.jpg" />

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

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

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

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

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

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

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

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

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

)Пишем надпись 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 - Применение непрозрачности к градиенту

Далее инструментом Горизонтальный текст пишем необходимый текст. Для написания выбираем следующие параметры: Шрифт - Tahoma, размер - 14пт, Цвет - #ffffff. Для слова Адреналина цвет - ffff33.

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

Рисунок 30 - Параметр наложения Тень для текста

В итоге получится следующим образом:

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

Далее создаем группы слоев 2 выдвиг. часть и 3 выдвиг. часть. Выполняем все тоже самое, что и в группе слоев 1 выдвиг. часть. За исключением текста на выдвигающихся частях. После всех действий в группе слоев 2 выдвиг. часть должно получиться следующее:

Рисунок 32 - Результат группы слоев 2 выдвиг. часть

А в группе слоев 3 выдвиг. часть должно получиться следующее:

Рисунок 33 - Результат группы слоев 3 выдвиг. часть

Текст в группе слоев 3 выдвиг. часть будет иметь размер 12пт.

На этом с графической частью всё, переходим к созданию анимации.

В меню «Окна» выбираем пункт «Анимация» и в нижней части окна видим панель «Анимация (покадровая)». У нас уже есть первый кадр. На нем оставляем видимым только группу слоев Фишка и на краю фишки оставляем видимым одну пику. Скорость задержки ставим 0,1 сек.

Рисунок 34 - Первый кадр анимации

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

Рисунок 35 - Второй кадр анимации

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

Рисунок 36 - Третий кадр анимации

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

Рисунок 37 - Параметры Создание промежуточных кадров

У нас получилось 10 кадров. Далее повторяем действие как на 2 и 3 кадрах: на 11 кадре группу слоев 2 выдвиг. часть перетаскиваем в начальное положение, а на 12 в конечное. Применяем Создание промежуточных кадров с теми же параметрами. Получилось 19 кадров. На 20 кадре группу слоев 3 выдвиг. часть перетаскиваем в начальное положение, а на 21 в конечное. Применяем Создание промежуточных кадров. В итоге получилось 28 кадров. На 10, 19 и 28 кадрах добавляем 2,3 и 4 пику, соответственно. Также на 10 и 19 кадрах ставим задержку 1 сек., на 28 кадре 5 сек. Эти задержки необходимы для того, чтобы пользователь смог полностью прочитать информацию на баннере. Анимация готова, осталось её сохранить. Для этого нажимаем «Файл/Сохранить для Web и устройств (100%)» или сочетание клавиш Alt+Shift+Ctrl+S. Увидим следующее окно:

Рисунок 38 - Окно сохранения web элемента

Выбираем формат GIF и нажимаем кнопку «Сохранить». Далее как обычно указываем путь и имя для сохранения в открывшемся окне и опять жмем «Сохранить».

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

Для создания шаблона сайта была использована программа Artisteer версии 2.3.1.

Рисунок 38 - Интерфейс Artisteer 2.3.1

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

На Рисунке 3.6 представлен интерфейс программы Artisteer и итог создания дизайна сайта.

Коды основных файлов шаблона сайта:

Header.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "#"justify"><html xmlns="#"justify"><head profile="#"justify"><meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

<title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); echo ' - ' ; bloginfo('name'); }(is_single() ) { single_post_title(); }(is_page() ) { bloginfo('name'); echo ': '; single_post_title(); }{ wp_title('',true); } ?></title>

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

<!--[if IE 6]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie6.css" type="text/css" media="screen" /><![endif]-->

<!--[if IE 7]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie7.css" type="text/css" media="screen" /><![endif]-->

<link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />

<link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" />

<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<?php wp_head(); ?>

</head>

<body>

<div id="art-page-background-gradient"></div>

<div id="art-main">

<div>

<div>

<div>

<div>

<div>

<div>

<div>

<div>

<div>

<div>

<div>

<div>

<div>

<div>

</div>

<div>

<div>

<div>

<ul>

<?php art_menu_items(); ?>

</ul>

</div>.php

<?php get_header(); ?>

<div>

<div>

<?php if (have_posts()) : ?>

<?php while (have_posts()) : the_post(); ?>

<div>

<div>

<div>

<div>

<div>

<div>

<div>

<div>

<div>

<div>

<div>

<div>

<?php ob_start(); ?>

<h2>

<img src="<?php bloginfo('template_url'); ?>/images/PostHeaderIcon.png" width="23" height="25" alt="" />

<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>">

<?php the_title(); ?>

</a>

</h2>

<?php $metadataContent = ob_get_clean(); ?>

<?php if (trim($metadataContent) != ''): ?>

<div>

<?php echo $metadataContent; ?>

</div>

<?php endif; ?>

<?php $icons = array(); ?>

<?php if (!is_page()): ?><?php ob_start(); ?><img src="<?php bloginfo('template_url'); ?>/images/PostDateIcon.png" width="13" height="15" alt="" />

<?php the_time(__('F jS, Y', 'kubrick')) ?>

<?php $icons[] = ob_get_clean(); ?><?php endif; ?><?php if (!is_page()): ?><?php ob_start(); ?><?php _e('Author', 'kubrick'); ?>: <?php the_author_posts_link() ?>

<?php $icons[] = ob_get_clean(); ?><?php endif; ?><?php if (current_user_can('edit_post', $post->ID)): ?><?php ob_start(); ?><img src="<?php bloginfo('template_url'); ?>/images/PostEditIcon.png" width="14" height="14" alt="" />

<?php edit_post_link(__('Edit', 'kubrick'), ''); ?>

<?php $icons[] = ob_get_clean(); ?><?php endif; ?><?php if (0 != count($icons)): ?>

<div>

<?php echo implode(' | ', $icons); ?>

</div>

<?php endif; ?>

<div>

<?php if (is_search()) the_excerpt(); else the_content(__('Read the rest of this entry &raquo;', 'kubrick')); ?>

<?php if (is_page() or is_single()) wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>

<div>

<?php $icons = array(); ?>

<?php if (!is_page()): ?><?php ob_start(); ?><img src="<?php bloginfo('template_url'); ?>/images/PostCategoryIcon.png" width="10" height="8" alt="" />

<?php printf(__('Posted in %s', 'kubrick'), get_the_category_list(', ')); ?>

<?php $icons[] = ob_get_clean(); ?><?php endif; ?><?php if (!is_page() && get_the_tags()): ?><?php ob_start(); ?><img src="<?php bloginfo('template_url'); ?>/images/PostTagIcon.png" width="18" height="18" alt="" />

<?php the_tags(__('Tags:', 'kubrick') . ' ', ', ', ' '); ?>

<?php $icons[] = ob_get_clean(); ?><?php endif; ?><?php if (!is_page() && !is_single()): ?><?php ob_start(); ?><img src="<?php bloginfo('template_url'); ?>/images/PostCommentsIcon.png" width="11" height="9" alt="" />

<?php comments_popup_link(__('No Comments &#187;', 'kubrick'), __('1 Comment &#187;', 'kubrick'), __('% Comments &#187;', 'kubrick'), '', __('Comments Closed', 'kubrick') ); ?>

<?php $icons[] = ob_get_clean(); ?><?php endif; ?><?php if (0 != count($icons)): ?>

<div>

<?php echo implode(' | ', $icons); ?>

</div>

<?php endif; ?>

</div>

<div>

</div>

</div>

<?php endwhile; ?>

<?php

$prev_link = get_previous_posts_link(__('Newer Entries &raquo;', 'kubrick'));

$next_link = get_next_posts_link(__('&laquo; Older Entries', 'kubrick'));

?>

<?php if ($prev_link || $next_link): ?>

<div>

<div>

<div>

<div>

<div>

<div>

<div>

<div>

<div>

<div>

<div>

<div>

<div>

<div>

<div>

<div>

</div>

</div>

<div>

</div>

<div>

</div>

</div>

<?php endif; ?>

<?php else : ?>

<h2>

<p>

<?php if(function_exists('get_search_form')) get_search_form(); ?>

<?php endif; ?>

</div>

<?php include (TEMPLATEPATH . '/sidebar1.php'); ?>

</div>

<div>

<?php get_footer(); ?>.php

<div>

<div>

<a href="<?php bloginfo('rss2_url'); ?>">

<div>

<p>

<?php$default_footer_content;

$footer_content = get_option('art_footer_content');($footer_content === false) $footer_content = $default_footer_content;$footer_content;

?>

</p>

</div>

</div>

<div>

</div>

</div>

<div>

</div>

</div>

<!-- <?php printf(__('%d queries. %s seconds.', 'kubrick'), get_num_queries(), timer_stop(0, 3)); ?> -->

<div><?php wp_footer(); ?></div>

</body>

</html>

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

Установка

Знаменитая «установка за 5 минут» сводится к тому, что после скачивания пакет нужно разархивировать и поместить в нужную директорию на сервер. Потом обратиться к этой директории из браузера и ответить на несколько вопросов. Подробнее этот процесс описан в Кодексе <#"justify">·Доступ к Вашему сайту (shell или FTP)

·Текстовый редактор

·FTP-клиент

·Браузер, которым Вы пользуетесь.

Перед началом установки необходимо:

1.Проверки Вашего сервера на соответствие минимальным требованиям WordPress <#"justify">1.Скачайте и распакуйте дистрибутив WordPress, если вы этого еще не сделали.

2.Создайте базу данных для WordPress на вашем веб-сервере, чтобы ваш пользователь MySQL <#"justify">oЕсли вы хотите установить WordPress в корень вашего сайта (например, #"justify">Перейдите по ссылке wp-admin/install.php используя ваш любимый веб-браузер.

oЕсли вы установили WordPress в корень веб-сервера, перейдите по ссылке: #"justify">oЕсли вы установили WordPress в собственно созданную вами папку на веб-сервере, например, blog, тогда перейдите по ссылке: #"justify">Вот и все! Если вы сделали все правильно - установка WordPress должна была увенчаться успехом.

Установка в деталях

Шаг 1: Загрузка и распаковка

Загрузите и распакуйте дистрибутив WordPress, перейдя по ссылке <#"justify">·Если вы будете устанавливать WordPress на удаленный веб-сервер, загрузите и распакуйте дистрибутив WordPress на ваш компьютер, используя любимый веб-браузер.

·Если у вас есть shell <#"justify">-wget #"justify">-Распакуйте дистрибутив используя: tar -xzvf latest.tar.gz Дистрибутив WordPress будет распакован в папку под названием wordpress в той же самой папке (директории), в которую вы загрузили архив latest.tar.gz.

-Если у вас нет доступа shell <#"justify">Шаг 2: Создание базы данных и пользователя

Если вы пользуетесь услугами хостинг-провайдера <#"justify">Работа с cPanel

Если ваш хостинг-провайдер использует cPanel <#"justify">1.Выберите пользователя для WordPress (например, 'wordpress') и введите его название в поле UserName.

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

.Выберите имя пользователя и пароль, которые вы только что создали. Нажмите AddUser.

.Если у вас нет базы данных для WordPress в списке Databases, заведите ее:

.Выберите имя для базы данных WordPress (например, 'wordpress' или 'blog') и введите его в поле Db, нажмите AddDb.

.В поле Databases, выберите имя пользователя для Базы данных WordPress используя раскрывающийся список User, после чего в раскрывающемся списке Db выберите базу данных. Проверьте наличие всех галочек в поле Privileges, после чего нажмите AddUsertoDb.

6.Когда вы возвратитесь к основному окну Свойства MySQL Аккаунта, cPanel <#"justify">$dbh = mysql_connect("hostname", "username", "<PASSWORD HERE>") or die ("message");_select_db("databasename");

Измените значения hostname, username, databasename, а также пароль, который вы выбрали. (Внимание поле hostname в большинстве случаев должно иметь значение localhost.)

Работа с phpMyAdmin

Если на вашем веб-сервере установлен phpMyAdmin <#"justify">1.Если база данных, предназначенная для установки WordPress, еще не создана в раскрывающимся слева меню Database, тогда создайте ее:

.Выберите имя базы данных для WordPress (например, 'wordpress' или 'blog'), введите его в поле Createnewdatabase и нажмите Create.

.Нажмите на иконку Home, расположенную в левом верхнем углу окна, для того, чтобы вернуться к основной странице программы, затем нажмите Privileges. Если пользователь еще не создан для установки WordPress, создайте его:

.НажмитеAdd a new User.

2.Выберите имя пользователя для WordPress (например, 'wordpress') и введите его в поле Username. (Убедитесь, что поле Usetextfield: выбрано в раскрывающемся списке.)

.Выберите пароль (желательно, если он будет включать в себя символы, представленные в верхнем и нижнем регистре, спец. символы, цифры и буквы), и введите его в поле Password. (Убедитесь, что поле Usetextfield: выбрано в раскрывающемся списке.) Введите пароль заново в поле Re-type.

.Запишите имя пользователя и пароль, которые вы только что создали.

.Оставьте без изменений все опции списка Globalprivileges.

.Нажмите Go.

.Вернитесь к списку Privileges и нажмите на иконку Checkprivileges, относящуюся к вашему пользователю для WordPress. В секции Database-specificprivileges выберите только что созданную вами базу данных для WordPress и в раскрывающимся списке укажите Addprivilegestothefollowingdatabase. Страница автоматически перегрузится и внесет изменения в привилегии пользователя автоматически для выбранной базы данных. Нажмите CheckAll, чтобы еще раз проверить все привилегии пользователя и нажмите Go.

.На странице отчета обратите внимание на имя сервера, которое идет после записи Server: вверху страницы. (Чаще всего он носит значение localhost.)

Работа с MySQL клиентом

Если у вас есть shell <#"justify">$ mysql -u adminusername -ppassword:to the MySQL monitor. Commands end with ; or \g.MySQL connection id is 5340 to server version: 3.23.54'help;' or '\h' for help.Type '\c' to clear the buffer.> CREATE DATABASE databasename;OK, 1 row affected (0.00 sec)> GRANT ALL PRIVILEGES ON databasename.* TO "wordpressusername"@"hostname"

> IDENTIFIED BY "password";OK, 0 rows affected (0.00 sec)> FLUSH PRIVILEGES;OK, 0 rows affected (0.01 sec)

mysql> EXIT

$

Пояснения:

·adminusername чаще всего имеет значение root, в том случае, если у вас нет иного аккаунта с более высокими привилегиями.

·wordpress или blog - подходящие названия для вашей базы данных databasename.

·Wordpress подходящее название для имени пользователя wordpressusername.

·hostname чаще всего имеет значение localhost. Если вы не знаете значения данной переменной, советуем вам узнать ее у вашего системного администратора.

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

Впишите значения, которые вы используете для переменных databasename, wordpressusername, hostname, и password.

Работа с системой Plesk

Шаг 3: Настройка файла wp-config.php

В данной части, все изменения вносятся в следующую часть кода:

// ** MySQL settings ** //('DB_NAME', 'putyourdbnamehere'); // Имя базыданных('DB_USER', 'usernamehere'); // Имя пользователя MySQL('DB_PASSWORD', 'yourpasswordhere'); // ...пароль('DB_HOST', 'localhost'); // 99% что вам не следует вносить изменения в данную строчку кода('DB_CHARSET', 'utf8');('DB_COLLATE', '');

1.Возвращаясь к Шагу 1, в котором вы распаковывали дистрибутив сWordPress, переименуйте файл wp-config-sample.php в файл wp-config.php.

2.Откройте переименованный файл wp-config.php с помощью вашего любимого текстового редактора <#"justify">DB_NAME

Имя базы данных, созданной для WordPress в Шаге 2 ._USER

Имя пользователя для WordPress в Шаге 2._PASSWORD

Пароль, который вы выбрали для пользователя в WordPress в Шаге 2._HOST

Имя хоста, который вы выяснили в Шаге 2 (чаще всего имеет значение localhost, но не всегда. Смотрите возможные значения DB_HOST <#"justify">3.Сохраните файл.

Для получения более детальной информации и пошаговых инструкций, используемых при создании файла конфигурации следуйте по ссылке Editingwp-config.php <http://codex.wordpress.org/Editing_wp-config.php>. Шаг 4:

МИНИСТЕРСТВО ОБРАЗОВАНИЯ РЕСПУБЛИКИ БЕЛАРУСЬ «Гомельский государственный технический университет имени П.О. Сухого» Институт повышения квалифика

Больше работ по теме: