Файл: Разработка сайта салона красоты «Изумруд».pdf

Хостинг – это техническая площадка для размещения сайтов, предоставляемая специализированными Хостинг компаниями. По-простому – это место, где лежат сайты.

Хостинг бывает платный и бесплатный. Чтобы разместить сайт салона красоты «Изумруд», необходимо выбрать бесплатный хостинг от компании «Beget» (см. рисунок 2.9).

Рисунок 2.10 – Главная страница хостера «Beget»

Для заказа бесплатного хостинга необходимо в подвале сайта перейти в раздел «бесплатный хостинг». Далее для регистрации бесплатного хостинга потребуется:

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

В течении минуты на телефон придёт смс-сообщение с кодом регистрации (см. рисунок 2.11), который необходимо ввести к окне подтверждения регистрации.

Рисунок 2.11 – Код подтверждения регистрации

Рисунок 2.12 – Окно подтверждения регистрации

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

адрес панели управления;
логин для входа;
пароль для входа.

Разработка дизайна Web – страниц сайта.

При разработке дизайна Web – страницы фиксированного размера, вероятно, придется выбирать для нее размер экрана. Здравый смысл подсказывает, что страница должна быть доступна (и правильно отображаться) для максимально возможного числа пользователей. Идея проста: необходимо определить наиболее часто используемое разрешение дисплея и разработать страницу таким образом, чтобы страница гарантированно заполняла все рабочее пространство.

Большинство дизайнеров рекомендуют разрабатывать страницы в формате 10240x768, чтобы при просмотре пользователям не пришлось применять горизонтальную прокрутку. Горизонтальная прокрутка всегда затрудняет восприятие, поэтому дизайнеры традиционно ее отвергают.

Вывод

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

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

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

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

ЗАКЛЮЧЕНИЕ

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

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

Web − сайт может достойно представлять коммерческую организацию в сети Интернет. Но только в том случае, если по нему постоянно ведется кропотливая и вдумчивая работа.

В данном дипломном проекте рассмотрены актуальные вопросы разработки и создания современного web − сайта.

При этом были решены следующие частные задачи:

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

В результате проведенных работ на базе выбранных технологий был создан современный web − сайт.

Разумеется, сайт требует небольшой доработки, преимуществами сайта являются:

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

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

ГОСТ Р 50948-96. Средства отображения информации индивидуального пользования. Общие эргономические требования и требования безопасности – Введ. 2012-01-01. – М. : Госстандарт России : Изд-во стандартов, 2001. – IV, 27 с. : ил.
ГОСТ Р 50949-96. "Средства отображения информации индивидуального пользования. Методы измерений и оценки эргономических параметров и параметров безопасности. – Введ. 2012-01-01. – М. : Госстандарт России : Изд-во стандартов, 2001. – IV, 27 с. : ил.
Стандарт ЧЭМК. – Введ. 2010-02-02. – Ч. : Госстандарт ЧЭМК : 2015.
Брежнева, В.В. Информационное обслуживание: продукты и услуги, предоставляемые библиотеками и службами информации предприятий [Текст]: учебник / В.В. Брежнева, В.А. Минкина – СПбГУКИ. – 2-е изд., перераб. – СПб.: Профессия, 2011. – 304 с.
Воройский, Ф.С. Информатика. Энциклопедический словарь-справочник [Текст]: учебник / Ф.С. Воройский. – 4-е изд. – М.: Физматлит, 2012. – 965 с.
Гендина, Н.И. Использование формализованных методов при подготовке текста для веб-сайтов учреждений культуры [Текст]: учебник / Н.И. Гендина, Н.И. Колкова, О.И. Алдохина // Научные и технические библиотеки. – 2008. – №3. – 29 с.
Демирчоглян, Г.Г. Компьютер и здоровье [Текст]: учебник / Г.Г. Демирчоглян – М.: Издательство Лукоморье, Темп МБ, Новый Центр, 2013. - 256 с.
Документы ЮНЕСКО о построении информационного общества [Текст]: Декларация принципов // Библиотечное дело XXI век. – 2011. - №1. – 4 с.
Евдокимов, Н.В. Основы контентной оптимизации [Текст]: учеб. для вузов/ Н. В. Евдокимов / - М.: Вильямс, 2012. - 30с.
Жураковская, А.Л. Влияние компьютерных технологий на здоровье пользователя [Текст]: / А.Л. Жураковская // Вестник Оренбургского государственного университета / – Оренбург, Оренбургский государственный ун-т – Оренбург, 2012 – С.169-173.
Земсков, А.И. Некоторые особенности работы с электронными документами [Текст] / А.И. Земсков // Научные и технические библиотеки. – 2011. – №2. – С. 112-125
Круг, Стив Веб - дизайн. Не заставляйте меня думать [Текст]: учебник / Стив Круг / - С.Пб.: ИМВО, 2013. - 52с.
Ляпин Д.А. PHP - это просто [Текст]: учебник / Д. А. Ляпин, - СПб.: БХВ-Петербург . 2012 г.
Морозов, А.А. Экология человека, компьютерные технологии и безопасность оператора [Текст]: учебник / А.А. Морозов // Вестник экологического образования в России / – Москва, 2013, № 1. – С. 13-17.
Петюшкин, А. В. HTML Экспресс - курс [Текст]: учебник / А.В. Петюшкин - СПБ.: БХВ-Петербург, 2013.
Тлеукеева, Р. Традиционные и электронные ресурсы: состояние, проблемы. эффективность использования [Текст]: учебник / Роза Тлеукеева / Библиотека. – 2011. – №1. – С. 15-19
Справочник Html и CSS [Электронный ресурс]: - Режим доступа: http://htmlbook.ru/ – 21.05.2015
Структурирование контента на сайте [Электронный ресурс]: – Режим доступа: http://webtrafff.ru/strukturirovanie-kontenta-na-sajte.html – 5.04.16
Wordpress для начинающих [Электронный ресурс]: - Режим доступа: http://wp-starter.ru – 13.04.16
Этапы создания сайта [Электронный ресурс]: - Режим доступа: http://www.yanajy.com/sdelay-sam/etapy-sozdaniya-sajta.html – 13.04.16

ПРИЛОЖЕНИЕ А

Дизайн макеты

Рисунок А.1 – Макет страницы контактов

Рисунок А.2 – Макет страницы с отзывами

Рисунок А.3 – Макет страницы с услугами

ПРИЛОЖЕНИЕ Б

Листинг − программы

Верхняя часть сайта header.php

Таблица стилей (style.css)

Верхняя часть сайта header.php

<!DOCTYPE html>

<head>

<?php wp_head(); ?>

</head>

<?php do_action( 'body_top' ); ?><a class="skip-content" href="#main"><?php _e( 'Skip to content', 'chosen' ); ?></a>

<?php do_action( 'before_header' ); ?><header class="site-header" id="site-header" role="banner"><div id="menu-primary-container" class="menu-primary-container"><?php get_template_part( 'menu', 'primary' ); ?>

<?php get_template_part( 'content/search-bar' ); ?><?php ct_chosen_social_icons_output(); ?></div><button id="toggle-navigation" class="toggle-navigation" name="toggle-navigation" aria-expanded="false"><span class="screen-reader-text"><?php _e( 'open menu', 'chosen' );?></span>

<?php echo ct_chosen_svg_output( 'toggle-navigation' ); ?></button><div id="title-container" class="title-container"><?php get_template_part( 'logo' ) ?><?php if ( get_bloginfo( 'description' ) ) {

echo '<p class="tagline">' . get_bloginfo( 'description' ) . '</p>';} ?></div></header><?php do_action( 'after_header' ); ?><section id="main" class="main" role="main"><?php do_action( 'main_top');

if ( function_exists( 'yoast_breadcrumb' ) ) {yoast_breadcrumb( '<p id="breadcrumbs">', '</p>' );}

Основной шаблон (index.php)

<?php get_header();get_template_part( 'content/archive-header' ); ?><div id="loop-container" class="loop-container"><?phpif ( have_posts() ) :while ( have_posts() ) :the_post();ct_chosen_get_content_template();endwhile;

endif;?></div><?php the_posts_pagination(); ?><?php get_footer(); ?>

Подвал (footer.php)

<?php do_action( 'main_bottom' ); ?></section> <?php do_action( 'after_main' ); ?><footer id="site-footer" class="site-footer" role="contentinfo">

<?php do_action( 'footer_top' ); ?><div class="design-credit"><span><?php

$footer_text = sprintf( __( '<a href="/">Студенческая </a> интернет-газета.', 'chosen' ), 'http://studgazeta.tk/' );

$footer_text = apply_filters( 'ct_chosen_footer_text', $footer_text );

echo wp_kses_post( $footer_text ); ?></span></div></footer></div></div><?php do_action( 'body_bottom' ); ?><?php wp_footer(); ?></body></html>

Таблица стилей (style.css)

.site-title {

font-size: 2.375em;

/* 38px / 16px */

line-height: 1.342;

/* 51px */

}

h1 {

font-size: 1.75em;

/* 28px / 16px */

line-height: 1.357;

/* 38px */