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

  • Вид работы:
    Дипломная (ВКР)
  • Предмет:
    Информационное обеспечение, программирование
  • Язык:
    Русский
    ,
    Формат файла:
    MS Word
    1,11 Мб
  • Опубликовано:
    2014-05-11
Вы можете узнать стоимость помощи в написании студенческой работы.
Помощь в написании работы, которую точно примут!

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

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

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

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

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

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

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

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

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

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




Гомель

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

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

Блог - веб-сайт <#"724705.files/image001.gif">

Рисунок 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 - система управления содержимым сайта с открытым исходным кодом <#"724705.files/image002.jpg"> <#"724705.files/image003.jpg">

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

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

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

 

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


Логотип - оригинальное начертание полного или сокращённого наименования организации <#"724705.files/image004.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 - Параметры градиента


Далее тянем градиент слева направо, по слою “Заливка”. Лишнее удаляем инструментом  “Ластик” (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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

<head profile="http://gmpg.org/xfn/11">

<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>

<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>

<?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 минут» сводится к тому, что после скачивания пакет нужно разархивировать и поместить в нужную директорию на сервер. Потом обратиться к этой директории из браузера и ответить на несколько вопросов. Подробнее этот процесс описан в Кодексе <http://codex.wordpress.org/%D0%A3%D1%81%D1%82%D0%B0%D0%BD%D0%BE%D0%B2%D0%BA%D0%B0_WordPress>.хорошо известен своей легкой установкой. В большинстве ситуаций установка WordPress - очень простой процесс и занимает менее чем пять минут от начала до конца. Следующее руководство поможет Вам, нужна ли Вам Знаменитая установка за 5 минут более подробная информации об этом процессе.

Необходимые вещи

Перед началом установки Вам потребуется узнать несколько вещей.

Вам нужен доступ к вашему сайту, его директориям и программное обеспечение для процесса установки. Это:

·              Доступ к Вашему сайту (shell или FTP)

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

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

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

1.      Проверки Вашего сервера на соответствие минимальным требованиям WordPress <http://wordpress.org/about/requirements/>.

2.            Получения <http://ru.wordpress.org/> последней версии WordPress.

.        Распаковки полученного файла в папку на вашем компьютере.

.        Распечатки этой страницы, чтобы иметь ее под рукой во время установки.

Ниже представлены краткие инструкций, для тех, кто уже знаком с процессом установки различных веб-приложений. Более подробные инструкции <http://codex.wordpress.org/%D0%A3%D1%81%D1%82%D0%B0%D0%BD%D0%BE%D0%B2%D0%BA%D0%B0_WordPress> далее.

1.      Скачайте и распакуйте дистрибутив WordPress, если вы этого еще не сделали.

2.      Создайте базу данных для WordPress на вашем веб-сервере, чтобы ваш пользователь MySQL <http://codex.wordpress.org/Glossary> имел все права для доступа и внесения изменений в нее.

.        Переименуйте файл wp-config-sample.php файл в wp-config.php.

.        Откройте wp-config.php в вашем любимом текстовом редакторе <http://codex.wordpress.org/Glossary> и впишите в него настройки подключения к базе данных <http://codex.wordpress.org/%D0%A3%D1%81%D1%82%D0%B0%D0%BD%D0%BE%D0%B2%D0%BA%D0%B0_WordPress>.

.        Разместите файлы WordPress на вашем веб-сервере:

o     Если вы хотите установить WordPress в корень вашего сайта (например, http://example.com/), перенесите все содержимое предварительно распакованного дистрибутива WordPress в корневую папку веб-сервера.

o     Если вы хотите установить WordPress в отдельную папку на вашем веб-сервере (например, http://example.com/blog/), переименуйте папку wordpress придав ей название папки, в которую вы хотите установить систему и перенесите её на веб-сервер. Например, если вы хотите установить WordPress в папку "blog" на веб-сервере, тогда вам необходимо переименовать папку "wordpress" в "blog" и перенести ее в корень веб-сервера. Совет: Если скорость вашего соединения с интернетом по протоколу FTP мала, советуем вам прочитать статью о том, как правильно выгрузить файлы на сервер в данном случае: Шаг 1: Загрузка и распаковка <http://codex.wordpress.org/%D0%A3%D1%81%D1%82%D0%B0%D0%BD%D0%BE%D0%B2%D0%BA%D0%B0_WordPress>.

Перейдите по ссылке wp-admin/install.php используя ваш любимый веб-браузер.

o     Если вы установили WordPress в корень веб-сервера, перейдите по ссылке: http://example.com/wp-admin/install.php

o     Если вы установили WordPress в собственно созданную вами папку на веб-сервере, например, blog, тогда перейдите по ссылке: http://example.com/blog/wp-admin/install.php

Вот и все! Если вы сделали все правильно - установка WordPress должна была увенчаться успехом.

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

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

Загрузите и распакуйте дистрибутив WordPress, перейдя по ссылке <http://ru.wordpress.org/releases/>.

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

·              Если у вас есть shell <http://codex.wordpress.org/Glossary> доступ к веб-серверу и опыт работы с консольными приложениями, вы можете загрузить WordPress напрямую на веб-сервер <http://codex.wordpress.org/Glossary> используя wget (lynx или иное программное обеспечение, работающее в консольном режиме) для избежания неполной загрузки информации при малой скорости соединения с интернетом FTPing <http://codex.wordpress.org/Glossary>:

-             wget http://wordpress.org/latest.tar.gz

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

-             Если у вас нет доступа shell <http://codex.wordpress.org/Glossary> к веб-серверу или же опыта работы с консольными приложениями, вы можете загрузить WordPress напрямую на веб-сервер <http://codex.wordpress.org/Glossary> используяZipDeploy <http://ftp-unzip.com/ZipDeploy/>.

Шаг 2: Создание базы данных и пользователя

Если вы пользуетесь услугами хостинг-провайдера <http://codex.wordpress.org/Glossary>, возможно у вас уже есть предустановленная база данных для WordPress или же хостинг-провайдер предоставляет ее создание в автоматическом режиме. Обратитесь в службу тех. поддержки к хостинг-провайдеру или воспользуйтесь панелью управления хостинга cPanel <http://codex.wordpress.org/Using_cPanel> для выяснения всех нюансов по созданию базы данных и заведению пользователей.

Если вам все же необходимо создать базу данных и пользователя самому, воспользуйтесь ниже представленными инструкциями: Доступ к phpMyAdmin на различных серверах <http://codex.wordpress.org/WordPress_Backups>, инструкцией Работа с cPanel <http://codex.wordpress.org/%D0%A3%D1%81%D1%82%D0%B0%D0%BD%D0%BE%D0%B2%D0%BA%D0%B0_WordPress> или Работа с phpMyAdmin <http://codex.wordpress.org/%D0%A3%D1%81%D1%82%D0%B0%D0%BD%D0%BE%D0%B2%D0%BA%D0%B0_WordPress>.

Если вы производите установку WordPress на вашем собственном веб-сервере, обратитесь к инструкциям Работа с phpMyAdmin <http://codex.wordpress.org/%D0%A3%D1%81%D1%82%D0%B0%D0%BD%D0%BE%D0%B2%D0%BA%D0%B0_WordPress> или Работа с MySQL Клиентом <http://codex.wordpress.org/%D0%A3%D1%81%D1%82%D0%B0%D0%BD%D0%BE%D0%B2%D0%BA%D0%B0_WordPress> для того, чтобы создать базу данных и пользователя для установки WordPress.

Работа с cPanel

Если ваш хостинг-провайдер использует cPanel <http://codex.wordpress.org/Glossary>, вы можете воспользоваться ниже представленными инструкциями, для создания базы данных и пользователя, чтобы в последующем установить WordPress.

.        Войдите в cPanel <http://codex.wordpress.org/Glossary>.

.        Нажмите на ссылку MySQLDatabases.

.        Если у вас нет пользователя для WordPress среди списка Users, создайте его:

1.      Выберите пользователя для WordPress (например, 'wordpress') и введите его название в поле UserName.

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

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

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

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

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

6.      Когда вы возвратитесь к основному окну Свойства MySQL Аккаунта, cPanel <http://codex.wordpress.org/Glossary> отобразит информацию о только что созданной вами базе данных. Вы должны увидеть имя пользователя, которого вы только что прикрепили к базе данных (с отмеченным пунктом ALL PRIVILEGES), и дополнительную информацию Настройки Соединения для использования Perl <http://codex.wordpress.org/Glossary> или PHP <http://codex.wordpress.org/Glossary> скриптов для соединения с базой данных. Код PHP будет иметь следующий вид:

$dbh = mysql_connect("hostname", "username", "<PASSWORD HERE>") or die ("message");_select_db("databasename");

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

Работа с phpMyAdmin

Если на вашем веб-сервере установлен phpMyAdmin <http://codex.wordpress.org/Glossary>, следуйте ниже представленным инструкциям, чтобы создать базу данных и пользователя для последующей установки WordPress.

Внимание: Данные инструкции приведены для phpMyAdmin версии 2.6.0; поэтому внешний вид phpMyAdmin может отличаться от внешнего вида phpMyAdmin, установленного на вашем веб-сервере.

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 <http://codex.wordpress.org/Glossary> доступ к веб-серверу, вам удобно пользоваться командной строкой, а ваш MySQL пользователь имеет права <http://codex.wordpress.org/Glossary> для создания других MySQL пользователей и баз данных, тогда вы можете воспользоваться нижеприведенными инструкциями для создания пользователя и базы данных для WordPress. , в листинге 1

Шрифт курьер, 12,

$ 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 с помощью вашего любимого текстового редактора <http://codex.wordpress.org/Glossary> и внесите изменения в соответствии с примером кода, приведенным выше:

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

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

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

Имя хоста, который вы выяснили в Шаге 2 (чаще всего имеет значение localhost, но не всегда. Смотрите возможные значения DB_HOST <http://codex.wordpress.org/Editing_wp-config.php>)._CHARSET

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

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

3.      Сохраните файл.

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

Похожие работы на - Создание Web-сайта 'Сайт лиги по игре в покер'

 

Не нашел материал для своей работы?
Поможем написать качественную работу
Без плагиата!