Создание сайта на тему "Экстремальные виды спорта"

<div class="art-Sheet">

<div class="art-Sheet-tl"></div>

<div class="art-Sheet-tr"></div>

<div class="art-Sheet-bl"></div>

<div class="art-Sheet-br"></div>

<div class="art-Sheet-tc"></div>

<div class="art-Sheet-bc"></div>

<div class="art-Sheet-cl"></div>

<div class="art-Sheet-cr"></div>

<div class="art-Sheet-cc"></div>

<div class="art-Sheet-body">

<div class="art-Header">

<div class="art-Header-jpeg"></div>

<div class="art-Logo">

</div>

</div>

<div class="art-nav">

<div class="l"></div>

<div class="r"></div>

<ul class="art-menu">

<?php art_menu_items(); ?>

</ul>

</div>

Index.php

<?php get_header(); ?>

<div class="art-contentLayout">

<div class="art-content">

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

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

<div class="art-Post">

<div class="art-Post-body">

<div class="art-Post-inner art-article">

<h2 class="art-PostHeader">

<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 ob_start(); ?>

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

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

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

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

<?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 class="art-PostHeaderIcons art-metadata-icons">

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

</div>

<?php endif; ?>

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

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

<div class="art-PostMetadataHeader">

<?php echo $metadataContent; ?>

</div>

<?php endif; ?>

<div class="art-PostContent">

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

<div class="cleared"></div>

<?php ob_start(); ?>

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

<?php if (!is_page()): ?><?php ob_start(); ?><img src="<?php bloginfo('template_url'); ?>/images/PostCategoryIcon.png" width="18" height="18" 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="18" height="18" 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 class="art-PostFooterIcons art-metadata-icons">

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

</div>

<?php endif; ?>

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

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

<div class="art-PostMetadataFooter">

<?php echo $metadataContent; ?>

</div>

<?php endif; ?>

</div>

<div class="cleared"></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 class="art-Post">

<div class="art-Post-body">

<div class="art-Post-inner art-article">

<div class="art-PostContent">

<div class="navigation">

<div class="alignleft"><?php echo $next_link; ?></div>

<div class="alignright"><?php echo $prev_link; ?></div>

</div>

</div>

<div class="cleared"></div>

</div>

<div class="cleared"></div>

</div>

</div>

<?php endif; ?>

<?php else : ?>

<h2 class="center"><?php _e('Not Found', 'kubrick'); ?></h2>

<p class="center"><?php _e('Sorry, but you are looking for something that isn&#8217;t here.', 'kubrick'); ?></p>

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

<?php endif; ?>

</div>

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

</div>

<div class="cleared"></div>

<?php get_footer(); ?>

Footer.php

<div class="art-Footer">

<div class="art-Footer-inner">

<div class="art-Footer-text">

<p>

<?php

global $default_footer_content;

$footer_content = get_option('art_footer_content');

if ($footer_content === false) $footer_content = $default_footer_content;

echo $footer_content;

?>

</p>

</div>

</div>

<div class="art-Footer-background">

</div>

</div>

<div class="cleared"></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 минут» сводится к тому, что после скачивания пакет нужно разархивировать и поместить в нужную директорию на сервер. Потом обратиться к этой директории из браузера и ответить на несколько вопросов. Подробнее этот процесс описан в Кодексе.

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

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

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

Это нужно знать

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

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

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

· FTP-клиент (если Вы устанавливаете WordPress на удаленный сервер)

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

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

1. Проверки Вашего сервера на соответствие минимальным требованиям WordPress.

2. Получения последней версии WordPress.

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

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

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

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

2. Создайте базу данных для WordPress на вашем веб-сервере, чтобы ваш пользователь MySQL имел все права для доступа и внесения изменений в нее.

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

4. Откройте wp-config.php в вашем любимом текстовом редакторе и впишите в него настройки подключения к базе данных.

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

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

- Если вы хотите установить WordPress в отдельную папку на вашем веб-сервере (например, http://example.com/blog/), переименуйте папку wordpress придав ей название папки, в которую вы хотите установить систему и перенесите её на веб-сервер. Например, если вы хотите установить WordPress в папку "blog" на веб-сервере, тогда вам необходимо переименовать папку "wordpress" в "blog" и перенести ее в корень веб-сервера. Совет: Если скорость вашего соединения с интернетом по протоколу FTP мала, советуем вам прочитать статью о том, как правильно выгрузить файлы на сервер в данном случае: Шаг 1: Загрузка и распаковка.

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

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

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

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

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

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

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

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

- Если у вас есть shell доступ к веб-серверу и опыт работы с консольными приложениями, вы можете загрузить WordPress напрямую на веб-сервер используя wget (lynx или иное программное обеспечение, работающее в консольном режиме) для избежания неполной загрузки информации при малой скорости соединения с интернетом FTPing:

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

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

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

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

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

Если вам все же необходимо создать базу данных и пользователя самому, воспользуйтесь ниже представленными инструкциями: Доступ к phpMyAdmin на различных серверах, инструкцией Работа с cPanel или Работа с phpMyAdmin.

Если вы производите установку WordPress на вашем собственном веб-сервере, обратитесь к инструкциям Работа с phpMyAdmin или Работа с MySQL Клиентом для того, чтобы создать базу данных и пользователя для установки WordPress.

Работа с cPanel

Оригинал статьи: UsingcPanel

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

1. Войдите в cPanel.

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

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

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

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

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

4. Нажмите AddUser.

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

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

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

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

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

mysql_select_db ("databasename");

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

Работа с phpMyAdmin

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

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

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

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

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

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

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

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

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

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

6. Нажмите Go.

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

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

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

Если у вас есть shell доступ к веб-серверу, вам удобно пользоваться командной строкой, а ваш MySQL пользователь имеет права для создания других MySQL пользователей и баз данных, тогда вы можете воспользоваться нижеприведенными инструкциями для создания пользователя и базы данных для WordPress. , в листинге 1

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

$ mysql -u adminusername -p

Enter password:

Welcome to the MySQL monitor. Commands end with ; or \g.

Your MySQL connection id is 5340 to server version: 3.23.54

Type 'help;' or '\h' for help.Type '\c' to clear the buffer.

mysql> CREATE DATABASE databasename;

Query OK, 1 row affected (0.00 sec)

mysql> GRANT ALL PRIVILEGES ON databasename.* TO "wordpressusername"@"hostname"

-> IDENTIFIED BY "password";

Query OK, 0 rows affected (0.00 sec)

mysql> FLUSH PRIVILEGES;

Query OK, 0 rows affected (0.01 sec)

mysql> EXIT

Bye

$

Пояснения:

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

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

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

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

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

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

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

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

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

// ** MySQL settings ** //

define('DB_NAME', 'putyourdbnamehere'); // Имя базы данных

define('DB_USER', 'usernamehere'); // Имя пользователя MySQL

define('DB_PASSWORD', 'yourpasswordhere'); // ...пароль

define('DB_HOST', 'localhost'); // 99% что вам не следует вносить изменения в данную строчку кода

define('DB_CHARSET', 'utf8');

define('DB_COLLATE', '');

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

2. Откройте переименованный файл wp-config.php с помощью вашего любимого текстового редактора и внесите изменения в соответствии с примером кода, приведенным выше:

DB_NAME

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

DB_USER

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

DB_PASSWORD

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

DB_HOST

Имя хоста, который вы выяснили в Шаге 2 (чаще всего имеет значение localhost, но не всегда. Смотрите возможные значения DB_HOST).

DB_CHARSET

Кодировка базы данных, в большинстве случаев не требует изменений. Смотри Editingwp-config.php для более подробной информации.

DB_COLLATE

Проверка базы данных, чаще всего значение не требует изменений и остается пустым. СмEditingwp-config.php для более подробной информации.

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

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

Шаг 4: Размещение файлов

Теперь вам необходимо решить в каком именно месте вашего веб-сайта будет располагаться блог WordPress:

- В корневом каталоге вашего веб-сайта. (Например, http://example.com/)

- В поддиректории (подкаталоге) на вашем веб-сайте. (Например, http://example.com/blog/)

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

Размещение файлов в корневом каталоге

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

- Если файлы уже располагаются на веб-сервере и вы используете shell доступ для установки WordPress, перенесите все содержимое папки wordpress (но не саму папку) в корневой каталог веб-сервера.

Размещение файлов в подкаталоге

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

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

Шаг 5: Запуск установки

Запустите ваш любимый веб-браузер для начала установки.

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

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

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



ЗАКЛЮЧЕНИЕ

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

При разработке web-сайта были проанализированы современные web-технологии, позволяющие создавать интерактивные web-страницы. Наиболее подходящими для выполнения поставленной задачи оказались AdobePhotoshopCS5 и WordPress 3.2.

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

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



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

1. К. С. Курочка, Е. Г. Стародубцев, Т. А. Трохова. «Методические указания для студентов специальности 1-40 01 02 «Информационные системы и технологии (по направлениям)» дневной и заочной форм обучения» - Гомель, 2010;

2. ГОСТ 19.701-90 - Схемы алгоритмов, программ, данных и систем. - Москва: Государственный комитет СССР по управлению качеством продукции и стандартам, 1992;

3. «Учебник по интернет-программированию» [Электронный ресурс]-режим доступа: http://www.des4web.ru/InternetDevelopment/soder.html - дата доступа: 19.02.2012;

4. В.Н. Бугорский, Р.В. Соколов Экономика и проектирование информационных систем. - СПб.: Питер2007 - 320 стр;

5. Internet-энциклопедия «Википедия»[Электронный ресурс] - режим доступа;http://ru.wikipedia.org/CMS - дата доступа: 24.02.2012;

6. \Joomla! CMS по-русски. [Электронный ресурс] - режим доступа: http://joomlaportal.ru/content/view/32/48/ - дата доступа: 24.02.2012;

7. «Webmascon -актуальные материалы о веб-дизайне и веб-разработках»[Электронный ресурс]- режим доступа:http://www.webmascon.com/topics/designdetails/30a.asp;- дата доступа: 24.02.2012;

8. Интернет-сайт Joomla-инструменты. [Электронный ресурс]- режим доступа: http://docs.joom.ru/!;C651=0O:Categories;- дата доступа: 24.02.2012;

9. Люк Веллинг, Лора Томсон. Разработка веб-приложений с помощью PHP и MySQL. - СПб.: Вильямс, 2009 - 848стр.

10. С. Дженкинс. «Веб-дизайн».-М.: Эксмо, 2008.- 480с.

Размещено на Allbest.ru