Информационная структура web-сайта

Как же выглядит информационная иерархия на web-странице? Один из вариантов может быть таким:

Логотип

Название сайта

Слоган

Название страницы

Заголовки

Навигация

Выделенный текст

Простой текст

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

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

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

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

Название страницы предназначено для определения текущего местоположения посетителя на сайте.

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

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

Выделенный текст предназначен для акцентирования внимания посетителей на нем.

Простой текст служит в качестве носителя информации.

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

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

Требования к web-сайту.

Теперь рассмотрим требования, предъявляемые к веб-сайту:

Совместимость с основными версиями браузеров.

Минимальный объем HTML-кода.

Модификация сайта при минимуме человекочасов.

Портабельность сайта.

Безусловно, самым важным является совместимость HTML-кода страниц сайта с основными браузерами. На сегодняшний день основными являются: Internet Explorer, Netscape Navigator, Opera, Coogle также рекомендую просматривать ваши страницы в-третьих версиях браузеров.

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

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

Вторая причина связана с совместимостью с основными версиями браузеров и дальнейшим сопровождением сайта.

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

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

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

Сайт имел структуру, пример предлагаемой структуры сайта см. выше.

Исходный HTML-код должен быть читабельным.

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

Функции JavaScript, используемые в нескольких документах находились в отдельном файле.

Гиперссылки имели правильные пути - абсолютные и относительные.

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

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

При соблюдении вышеуказанных требований модификация сайта и портабельность сайта будут осуществляться с минимальными затратами.

1.5 Разработка структуры сайта

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

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

Достойный уважения Web-дизайн включает разработку страниц, доступных для пользователей с ограниченными возможностями, в частности по зрению и слуху. Консорциум World Wide Web объявил об инициативе Web Accessibility Initiative (WAI), которая ставит целью сделать Web более доступным для всех пользователей. Однако успех данной инициативы зависит от участия в ней рядовых разработчиков, которые могут (или не могут) создать Web-сайты в соответствии с поставленными задачами.

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

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

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

Рисунок 1. Шаблон дизайна сайта.

Информационная структура web-сайта - student2.ru

На основании созданного шаблона разрабатывается дизайн сайта

Рисунок 1.2 Дизайн сайта.

Структура сайта «Book One»:

Главная страница.

Информационная структура web-сайта - student2.ru

Информационная структура web-сайта - student2.ru

Информационная структура web-сайта - student2.ru

ПРОЕКТНАЯ ЧАСТЬ

Постановка задачи

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

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

Данный этап можно так же назвать "А зачем и для чего нужен сайт?". Обычно для того чтобы постановка задачи была наиболее полной, заказчику необходимо понять и ответить на следующие вопросы:

Цель создания сайта:

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

Целевая аудитория:

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

Необходимые ресурсы:

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

Определение сроков:

Сайт создается в течении 30 рабочих дней.

2.1 Техническое задание

1. Основание для разработки

1.1 Основанием для данной работы служит договор № 105 от 10 октября 2016 г.

1.2 Наименование работы:

Новостной-блог для читателей книг.

1.3 Исполнители: Юмтарова Т.А.

2. Назначение работ

Создание web-сайта для прочтения книг в любое время и месте где есть подключение к интернету.

3. Техническое требование

3.1 Требования к функциональным характеристикам.

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

3.1.1. Выдавать новости и комментарии по выбранной книге.

3.1.2. Осуществлять поиск книги архивов.

3.1.3 Простое добавление новых записей.

3.1.4 Интересный и удобный дизайн.

3.1.5 Поддержка web-сайта и его функционала на большинстве браузеров.

2.2 Требования к надежности

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

а) организацией бесперебойного питания технических средств;

б) использованием лицензионного программного обеспечения;

2.3. Грамотность и содержимое сайта

2.3.1 Грамотно и имеющие смысл издания и записи.

2.3.2 Отсутствие нецензурных слов и изображений.

2.3.3 Соответствие новости с реальными фактами.

2.4 БРИФ

Название компании: Wordpress.com
Название сайта: Book One
URL для размещения сайта: https://tuianablog.wordpress.com/
Задачи разработчика: 1. Разработка фирменного стиля. 2. Разработка дизайна главной и второстепенной страниц сайта. 3. Верстка главной и второстепенной страницы. 4. Интеграция дизайна главной и второстепенной страниц сайта в CMS
Цель создания сайта: Курсовой проект
Сфера деятельности компании:
Целевая аудитория: Пользователи интернета
На какие географические регионы должен быть ориентирован сайт: Россия
Языковые версии сайта: Русский
Сайты конкурентов: -
Материалы, предоставленные заказчиком: -
Структура сайта: 1. Главная страница 2. О нас 3. Жанры 4. Контакты 5. Блог
Компоненты сайта (новости, анкетирование, интернет-магазин, баннерная реклама, счетчики посещений, др.): -
Цветовая гамма сайта: Зеленый, белый.
Что в результате посещения сайта пользователь должен увидеть: Обложки книг с описанием.
сделать:   Прочесть информацию в блоге, заполнить контактную форму и выбрать книгу на свой вкус.
почувствовать:   Радость от новых ощущений.
Вид верстки (фиксированный/резиновый): Резиновая верстка
Ширина веб-страницы: -
Браузеры, в которых будет просматриваться сайт, и их минимальная версия: Google.
График работ: 1. Фирменный стиль: 10.10.2016 2. Лейаут страниц: 18.10.2016 3. Эскизы web-страниц: 25.11.2016 4. Верстка страниц: 8.12.2016 5. Интеграция в CMS: 21.12.2016 6. Передача готового проекта: 28.12.2016
Бюджет заказа: -
Передача разработки: Эскизы web-страниц в формате DESIGN и JPG. HTML-файлы, CSS-файлы.
Заказчик: Гороховская Н.А. преподаватель кафедры «Системное программирование» Исполнитель проекта: Юмтарова Т.А студент гр. ПОВТ-241

2.5 Описание разработки сайта

Главная страница.

Информационная структура web-сайта - student2.ru

Информационная структура web-сайта - student2.ru

Информационная структура web-сайта - student2.ru

Код:

<!DOCTYPE html>

<html lang="ru-RU">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="profile" href="http://gmpg.org/xfn/11">

<link rel="pingback" href="https://tuianablog.wordpress.com/xmlrpc.php">

<title>Book one :) &#8212; Здесь вы найдете все, что искали&#8230;</title>

<script type="text/javascript">

Страница о нас.

Информационная структура web-сайта - student2.ru

Код:

<!DOCTYPE html>

<html lang="ru-RU">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="profile" href="http://gmpg.org/xfn/11">

<link rel="pingback" href="https://tuianablog.wordpress.com/xmlrpc.php">

<title>О нас &#8212; Book one :)</title>

<script type="text/javascript">

Страница жанры.

Информационная структура web-сайта - student2.ru

Информационная структура web-сайта - student2.ru

Информационная структура web-сайта - student2.ru

Код:

<!DOCTYPE html>

<html lang="ru-RU">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="profile" href="http://gmpg.org/xfn/11">

<link rel="pingback" href="https://tuianablog.wordpress.com/xmlrpc.php">

<title>Жанры &#8212; Book one :)</title>

<script type="text/javascript">

Страница контакты.

Информационная структура web-сайта - student2.ru

Информационная структура web-сайта - student2.ru

Код:

<!DOCTYPE html>

<html lang="ru-RU">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="profile" href="http://gmpg.org/xfn/11">

<link rel="pingback" href="https://tuianablog.wordpress.com/xmlrpc.php">

<title>Контакты &#8212; Book one :)</title>

<script type="text/javascript">

Страница блог.

Информационная структура web-сайта - student2.ru

Код:

<!DOCTYPE html>

<html lang="ru-RU">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="profile" href="http://gmpg.org/xfn/11">

<link rel="pingback" href="https://tuianablog.wordpress.com/xmlrpc.php">

<title>Блог &#8212; Book one :)</title>

<script type="text/javascript">

Перейдя по ссылке:

· «О нас» можно увидеть информацию кто создал его и для чего.

· «Жанры» можно увидеть поисковую систему, обложки книг с описанием и жанры.

· «Контакты» можно увидеть основную контактную информацию и контактную форму для заполнения.

· «Блог» можно увидеть недавние записи, архивы и комментарии.

ЗАКЛЮЧЕНИЕ

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

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

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

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

ознакомление с методами и способами представления на Web-страницах различных видов информации (текстов и изображений);

ознакомление с основными правилами и рекомендациями по разработке и созданию Web-сайтов и неукоснительное следование им в своей практике;

определение структуры Web-страниц;

предоставление пошаговой стратегии разработки web-сайта;

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

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

СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ

1. Дронов В.А. Программирование. - СПб.: БХВ-Петербург, 2006

2. Алексеев А.П. Введение в Web-дизайн: учебное пособие. - М.: СОЛОН-ПРЕСС, 2008

3. Барысов Р. Постройте профессиональный сайт сами. - СПб., 2009

4. Печников В.Н. Сомоучитель Web-страниц и Wrb-сайтов. - М.: Триумф, 2006

5. Печников В.Н. Создание Web-сайтов без посторонней помощи. - М.: Триумф, 2006

6. Панфилов К. По ту сторону веб-страницы. - СПб.: ДМК Пресс, 2008

7. Кроудер Д. Создание web-сайта для чайников: 3-е издание. - М.: Диалектика, 2009

8. Вильямсон Х. Универсальная библиотека программиста - СПб.: ПИТЕР, 2001

9. Дуванов А. А. Web-конструирование. – Петербург: 2009. - 384 с.

10. Едомский Ю. Е. Техника Web-дизайна для студента. – Петербург: 2010. - 491 с.

11. Крамер Э. HTML: наглядный курс Web-дизайна. - Киев: 2009. - 304 с.

12. Леонтьев Б. Web-дизайн. Руководство пользователя. - Киев: 2011. - 384 с.

13. Печников В. Н. Создание Web-страниц и Web-сайтов. - М.: Триумф: 2010. - 370 с.

14. Роббинс Д. Web-дизайн. Справочник. - "КУДИЦ-ПРЕСС": 2009. - 816 с.

15. Смирнова И. Е. Начала web-дизайна. –Петербург: 2010. - 491 с.

Интернет-ресурсы:

1. Википедия. https://ru.wordpress.org/

2. HTML и Web дизайн для начинающих: http://sovet.h1.ru

3. Основы CSS и HTML: http://www.web-lesson.ru

4. Создание сайтов: http://www.codeharmony.ru

ПРИЛОЖЕНИЕ

ЛИСТИНГ ГЛАВНОЙ СТРАНИЦЫ:

<!DOCTYPE html>

<html lang="ru-RU">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="profile" href="http://gmpg.org/xfn/11">

<link rel="pingback" href="https://tuianablog.wordpress.com/xmlrpc.php">

<title>Book one :) &#8212; Здесь вы найдете все,что искали&#8230;</title>

<script type="text/javascript">

WebFontConfig = {"google":{"families":["Cherry+Swash:r:latin,latin-ext,cyrillic,cyrillic-ext","Alegreya:r,i,b,bi:latin,latin-ext,cyrillic,cyrillic-ext"]}};

(function() {

var wf = document.createElement('script');

wf.src = 'https://s1.wp.com/wp-content/plugins/custom-fonts/js/webfont.js';

wf.type = 'text/javascript';

wf.async = 'true';

var s = document.getElementsByTagName('script')[0];

s.parentNode.insertBefore(wf, s);

})();

</script><style id="jetpack-custom-fonts-css">.wf-active body, .wf-active button, .wf-active input, .wf-active select, .wf-active textarea{font-family:"Alegreya",serif}.wf-active .menu-toggle{font-family:"Alegreya",serif}.wf-active .comment-navigation a, .wf-active .paging-navigation a, .wf-active .post-navigation a{font-family:"Alegreya",serif}.wf-active .site-description{font-family:"Alegreya",serif}.wf-active .archive .page-title, .wf-active .search .page-title{font-family:"Alegreya",serif}.wf-active .entry-meta{font-family:"Alegreya",serif}.wf-active .format-quote blockquote:before{font-family:"Alegreya",serif}.wf-active .format-quote blockquote{font-family:"Alegreya",serif}.wf-active blockquote cite{font-family:"Alegreya",serif}.wf-active .jetpack-testimonial .entry-title{font-family:"Alegreya",serif}.wf-active .wp-caption-dd, .wf-active .wp-caption-text{font-family:"Alegreya",serif}.wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4{font-family:"Cherry Swash",sans-serif;font-weight:400;font-style:normal}.wf-active h1{font-style:normal;font-weight:400}.wf-active h2{font-style:normal;font-weight:400}.wf-active h3{font-style:normal;font-weight:400}.wf-active h4{font-style:normal;font-weight:400}.wf-active h5, .wf-active h6{font-weight:400;font-style:normal}.wf-active .widget-title{font-family:"Cherry Swash",sans-serif;font-weight:400;font-style:normal}.wf-active .site-title{font-style:normal;font-weight:400}.wf-active .site-description{font-style:normal;font-weight:400}.wf-active .comments-title{font-style:normal;font-weight:400}.wf-active .front-widget-area .widget-title{font-family:"Cherry Swash",sans-serif;font-weight:400;font-style:normal}</style>

<link rel='dns-prefetch' href='//s2.wp.com' />

<link rel='dns-prefetch' href='//s0.wp.com' />

<link rel='dns-prefetch' href='//s1.wp.com' />

<link rel='dns-prefetch' href='//fonts.googleapis.com' />

<link rel="alternate" type="application/rss+xml" title="Book one :) &raquo; Лента" href="https://tuianablog.wordpress.com/feed/" />

<link rel="alternate" type="application/rss+xml" title="Book one :) &raquo; Лента комментариев" href="https://tuianablog.wordpress.com/comments/feed/" />

<script type="text/javascript">

/* <![CDATA[ */

function addLoadEvent(func) {

var oldonload = window.onload;

if (typeof window.onload != 'function') {

window.onload = func;

} else {

window.onload = function () {

oldonload();

func();

}

}

}

/* ]]> */

</script>

<script type="text/javascript">

window._wpemojiSettings = {"baseUrl":"https:\/\/s0.wp.com\/wp-content\/mu-plugins\/wpcom-smileys\/twemoji\/2\/72x72\/","ext":".png","svgUrl":"https:\/\/s0.wp.com\/wp-content\/mu-plugins\/wpcom-smileys\/twemoji\/2\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/s1.wp.com\/wp-includes\/js\/wp-emoji-release.min.js?m=1473172720h&ver=4.6.1-RC1-38499"}};

!function(a,b,c){function d(a){var c,d,e,f,g,h=b.createElement("canvas"),i=h.getContext&&h.getContext("2d"),j=String.fromCharCode;if(!i||!i.fillText)return!1;switch(i.textBaseline="top",i.font="600 32px Arial",a){case"flag":return i.fillText(j(55356,56806,55356,56826),0,0),!(h.toDataURL().length<3e3)&&(i.clearRect(0,0,h.width,h.height),i.fillText(j(55356,57331,65039,8205,55356,57096),0,0),c=h.toDataURL(),i.clearRect(0,0,h.width,h.height),i.fillText(j(55356,57331,55356,57096),0,0),d=h.toDataURL(),c!==d);case"diversity":return i.fillText(j(55356,57221),0,0),e=i.getImageData(16,16,1,1).data,f=e[0]+","+e[1]+","+e[2]+","+e[3],i.fillText(j(55356,57221,55356,57343),0,0),e=i.getImageData(16,16,1,1).data,g=e[0]+","+e[1]+","+e[2]+","+e[3],f!==g;case"simple":return i.fillText(j(55357,56835),0,0),0!==i.getImageData(16,16,1,1).data[0];case"unicode8":return i.fillText(j(55356,57135),0,0),0!==i.getImageData(16,16,1,1).data[0];case"unicode9":return i.fillText(j(55358,56631),0,0),0!==i.getImageData(16,16,1,1).data[0]}return!1}function e(a){var c=b.createElement("script");c.src=a,c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var f,g,h,i;for(i=Array("simple","flag","unicode8","diversity","unicode9"),c.supports={everything:!0,everythingExceptFlag:!0},h=0;h<i.length;h++)c.supports[i[h]]=d(i[h]),c.supports.everything=c.supports.everything&&c.supports[i[h]],"flag"!==i[h]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[i[h]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(g=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",g,!1),a.addEventListener("load",g,!1)):(a.attachEvent("onload",g),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings);

</script>

<style type="text/css">

img.wp-smiley,

img.emoji {

display: inline !important;

border: none !important;

box-shadow: none !important;

height: 1em !important;

width: 1em !important;

margin: 0 .07em !important;

vertical-align: -0.1em !important;

background: none !important;

padding: 0 !important;

}

</style>

<link rel='stylesheet' id='all-css-0-1' href='https://s1.wp.com/_static/??-eJyFj90KwjAMhV/IGqZT3IX4LFsNrlvThqVl+PamDgVF5k3Iz/k4JzCzsTEkDAkoG/b55oLAzDaSEXIe71/T1ops4Dfm3YgCAyZu7Wie05rcxgl1T9ymoiC8uhY9ksrWMOLjiyptr16rNkv8ruMJRYxWcplM6tXoTzwqUZY/QIWfmwV1EGJySsu7KYcLnav60OzqqtmfhgcvXIXW' type='text/css' media='all' />

<link rel='stylesheet' id='sela-fonts-css' href='https://fonts.googleapis.com/css?family=Source+Sans+Pro%3A300%2C300italic%2C400%2C400italic%2C600%7CDroid+Serif%3A400%2C400italic%7COswald%3A300%2C400&#038;subset=latin%2Clatin-ext' type='text/css' media='all' />

<link rel='stylesheet' id='all-css-2-1' href='https://s2.wp.com/_static/??-eJyFjtsKwjAQRH/IuErr5UX8ljRsY2SzG7IJpX9vpC8tor7NMOfAwJSMEy7IBWI1iaoPrOCRMYc2fIl7p7qDlVseGFEh1QEUyYKWmfAvFdgtpJmSk/jBbx6JIXG2BOFNMSPZkH+pGQcS36KHRq3qW7rH27G/Hvru3F1Ozxe5aWUV' type='text/css' media='all' />

<style id='sela-style-inline-css' type='text/css'>

.site-branding { background-image: url(https://defaultcustomheadersdata.files.wordpress.com/2016/07/design2.jpg?resize=1180,160); }

</style>

<link rel='stylesheet' id='print-css-3-1' href='https://s0.wp.com/wp-content/mu-plugins/global-print/global-print.css?m=1465851035h' type='text/css' media='print' />

<link rel='stylesheet' id='all-css-4-1' href='https://s0.wp.com/_static/??-eJx9i0EKQjEMBS9kDUpRuxDPkl9qG0mT0uTj9cWFiCiu3jyYgfsIWcWLOPQ1DF4riQFmJ5UF55u22WwDv/Wh5uHKSBOs4SSpr/1XmWZCDqxVP89X5K30YtAiVNYF+Slc+nkXjynt0ykebg/FyknH' type='text/css' media='all' />

<script type='text/javascript' src='https://s0.wp.com/_static/??-eJyFzt0KwjAMBeAXsiv+Tb0Qn6WrcaQuaW1Shz69HeiFMBQCgZyPQ+yYDLIfyhnEhjq3AvnxXk2Qhf0FDGGfnUJDyB/sIyuwTpZihwOYIpBdX2+16BJnXIqiBCIVzaTfLyHfEca/LIAm568mg+Bzaj3Rcblp2+1qfdjtwws0V1vd'></script>

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://tuianablog.wordpress.com/xmlrpc.php?rsd" />

<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://s1.wp.com/wp-includes/wlwmanifest.xml" />

<meta name="generator" content="WordPress.com" />

<link rel="canonical" href="https://tuianablog.wordpress.com/" />

<link rel='shortlink' href='http://wp.me/P8eF4l-2' />

<link rel="alternate" type="application/json+oembed" href="https://public-api.wordpress.com/oembed/1.0/?format=json&amp;url=https%3A%2F%2Ftuianablog.wordpress.com%2F&amp;for=wpcom-auto-discovery" /><link rel="alternate" type="application/xml+oembed" href="https://public-api.wordpress.com/oembed/1.0/?format=xml&amp;url=https%3A%2F%2Ftuianablog.wordpress.com%2F&amp;for=wpcom-auto-discovery" />

<!-- Jetpack Open Graph Tags -->

<meta property="og:type" content="website" />

<meta property="og:title" content="Book one :)" />

<meta property="og:description" content="Здесь вы найдете все,что искали..." />

<meta property="og:url" content="https://tuianablog.wordpress.com/" />

<meta property="og:site_name" content="Book one :)" />

<meta property="og:image" content="https://tuianablog.files.wordpress.com/2016/12/desktop5.jpg?w=1200" />

<meta property="og:image:width" content="1200" />

<meta property="og:image:height" content="805" />

<meta property="og:locale" content="ru_RU" />

<meta name="twitter:site" content="@wordpressdotcom" />

<meta name="twitter:image:src" content="https://tuianablog.files.wordpress.com/2016/12/desktop5.jpg?w=640" />

<meta name="twitter:card" content="summary_large_image" />

<meta property="fb:app_id" content="249643311490" />

<meta property="article:publisher" content="https://www.facebook.com/WordPresscom" />

<link rel="shortcut icon" type="image/x-icon" href="https://s2.wp.com/i/favicon.ico" sizes="16x16 24x24 32x32 48x48" />

<link rel="icon" type="image/x-icon" href="https://s2.wp.com/i/favicon.ico" sizes="16x16 24x24 32x32 48x48" />

<link rel="apple-touch-icon-precomposed" href="https://s0.wp.com/i/webclip.png" />

<link rel="search" type="application/opensearchdescription+xml" href="https://tuianablog.wordpress.com/osd.xml" title="Book one :)" />

<link rel="search" type="application/opensearchdescription+xml" href="https://s1.wp.com/opensearch.xml" title="WordPress.com" />

<meta name="theme-color" content="#f0f0f0" />

<meta name="application-name" content="Book one :)" /><meta name="msapplication-window" content="width=device-width;height=device-height" /><meta name="msapplication-tooltip" content="Здесь вы найдете все,что искали..." /><meta name="msapplication-task" content="name=Подписаться;action-uri=https://tuianablog.wordpress.com/feed/;icon-uri=https://s2.wp.com/i/favicon.ico" /><meta name="msapplication-task" content="name=Зарегистрируйтесь и начните вести бесплатный блог;action-uri=http://wordpress.com/signup/;icon-uri=https://s2.wp.com/i/favicon.ico" /><meta name="msapplication-task" content="name=Поддержка WordPress.com;action-uri=http://support.wordpress.com/;icon-uri=https://s2.wp.com/i/favicon.ico" /><meta name="msapplication-task" content="name=Форумы WordPress.com;action-uri=http://forums.wordpress.com/;icon-uri=https://s2.wp.com/i/favicon.ico" /><meta name="title" content="Главная | Book one :) на WordPress.com" />

<meta name="description" content="Это цитата для главной страницы." />

<style type="text/css" id="custom-background-css">

body.custom-background { background-color: #f0f0f0; }

</style>

<style type="text/css" id="syntaxhighlighteranchor"></style>

<style type="text/css" id="custom-colors-css">.nav-menu>li>a:after{color:rgba(0,0,0,.3)}.main-navigation a,.social-links ul a:before{color:#494949}.menu-toggle,.menu-toggle:hover,.menu-toggle:focus{color:#494949}.main-navigation.toggled ul ul,.main-navigation.toggled ul ul a{color:#494949}.site-info a{color:#fff}.main-navigation li.current_page_ancestor>a,.main-navigation li.current-menu-ancestor>a{color:#494949}.main-navigation a:hover,.main-navigation ul>:hover>a,.main-navigation ul>.focus>a{color:#494949}.main-navigation li.current_page_item>a,.main-navigation li.current-menu-item>a{color:#494949}.main-navigation li.current_page_item>a .sub-menu li a,.main-navigation li.current-menu-item>a .sub-menu li a,.main-navigation ul ul li.current_page_item>a,.main-navigation ul ul li.current-menu-item>a{color:#4f4f4f}body{background-color:#f0f0f0}.main-navigation,button{background-color:#98d36d}.main-navigation .nav-menu>li>a:after,.main-navigation .menu>li>a:after{color:#cfebbc}a,.entry-title a:hover,.comment-meta a,.jetpack-testimonial .entry-title{color:#44791f}.widget_flickr #flickr_badge_uber_wrapper td a:last-child,.widget-area .milestone-countdown .difference{color:#44791f}.main-navigation ul ul a:hover,.main-navigation ul ul>li.focus>a{color:#44791f}input[type="button"],input[type="reset"],input[type="submit"],#infinite-handle span{background-color:#44791f}input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="url"]:focus,textarea:focus{border-color:#44791f}.social-links ul a:before,.footer-widget-area button{background-color:#98d36d}.site-info a:hover{color:#98d36d}.footer-widget-area a:hover{color:#44791f}</style>

</head>

<body class="home page page-id-2 page-template page-template-page-templates page-template-front-page page-template-page-templatesfront-page-php custom-background mp6 customizer-styles-applied not-multi-author display-header-text comments-closed highlander-enabled highlander-light">

<div id="page" class="hfeed site">

<header id="masthead" class="site-header" role="banner">

<a class="skip-link screen-reader-text" href="#content" title="Skip to content">Skip to content</a>

<div class="site-branding">

<h1 class="site-title"><a href="https://tuianablog.wordpress.com/" title="Book one :)" rel="home">Book one :)</a></h1>

<h2 class="site-description">Здесь вы найдете все,что искали&#8230;</h2>

</div><!-- .site-branding -->

<nav id="site-navigation" class="main-navigation" role="navigation">

<button class="menu-toggle" aria-controls="menu" aria-expanded="false">Меню</button>

<div class="menu-primary-container"><ul id="menu-primary" class="menu"><li id="menu-item-12" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2 current_page_item menu-item-12"><a href="https://tuianablog.wordpress.com/">Главная</a></li>

<li id="menu-item-13" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13"><a href="https://tuianablog.wordpress.com/%d0%be-%d0%bd%d0%b0%d1%81/">О нас</a></li>

<li id="menu-item-36" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36"><a href="https://tuianablog.wordpress.com/%d0%b6%d0%b0%d0%bd%d1%80%d1%8b/">Жанры</a></li>

<li id="menu-item-14" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14"><a href="https://tuianablog.wordpress.com/%d0%ba%d0%be%d0%bd%d1%82%d0%b0%d0%ba%d1%82%d1%8b/">Контакты</a></li>

<li id="menu-item-15" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15"><a href="https://tuianablog.wordpress.com/%d0%b1%d0%bb%d0%be%d0%b3/">Блог</a></li>

</ul></div> </nav><!-- #site-navigation -->

</header><!-- #masthead -->

<div id="content" class="site-content">

<div id="primary" class="content-area front-page-content-area">

<div class="hero">

<figure class="hero-content">

<img width="1180" height="610" src="https://tuianablog.files.wordpress.com/2016/12/desktop5.jpg?w=1180&amp;h=610&amp;crop=1" class="attachment-sela-hero-thumbnail size-sela-hero-thumbnail wp-post-image" alt="Placeholder Image" srcset="https://tuianablog.files.wordpress.com/2016/12/desktop5.jpg?w=1180&amp;h=610&amp;crop=1 1180w, https://tuianablog.files.wordpress.com/2016/12/desktop5.jpg?w=150&amp;h=78&amp;crop=1 150w, https://tuianablog.files.wordpress.com/2016/12/desktop5.jpg?w=300&amp;h=155&amp;crop=1 300w, https://tuianablog.files.wordpress.com/2016/12/desktop5.jpg?w=768&amp;h=397&amp;crop=1 768w, https://tuianablog.files.wordpress.com/2016/12/desktop5.jpg?w=1024&amp;h=529&amp;crop=1 1024w" sizes="(max-width: 1180px) 100vw, 1180px" data-attachment-id="21" data-permalink="https://tuianablog.wordpress.com/%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%b0%d1%8f/placeholder-image/#main" data-orig-file="https://tuianablog.files.wordpress.com/2016/12/desktop5.jpg" data-orig-size="1600,1073" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;4.5&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;DSLR-A200&quot;,&quot;caption&quot;:&quot;SONY DSC&quot;,&quot;created_timestamp&quot;:&quot;1338642597&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;26&quot;,&quot;iso&quot;:&quot;400&quot;,&quot;shutter_speed&quot;:&quot;0.04&quot;,&quot;title&quot;:&quot;SONY DSC&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="Placeholder Image" data-image-description="&lt;p&gt;SONY DSC&lt;/p&gt;

" data-medium-file="https://tuianablog.files.wordpress.com/2016/12/desktop5.jpg?w=300" data-large-file="https://tuianablog.files.wordpress.com/2016/12/desktop5.jpg?w=620" /> <div class="hero-content-overlayer">

<div class="hero-container-outer">

<div class="hero-container-inner">

<article id="post-2" class="post-2 page type-page status-publish has-post-thumbnail hentry with-featured-image">

<header class="entry-header">

<h1 class="entry-title">Главная</h1> </header><!-- .entry-header -->

<div class="entry-content">

<p>Из всех проявлений человеческого творчества самое удивительное и достойное внимания — это книги. В книгах живут думы прошедших времен; внятно и отчетливо раздаются голоса людей, прах которых давно разлетелся, как сон. Все, что <a class="link" href="http://www.wisdoms.ru/186.html">человечество</a> совершило, передумало, все, чего оно достигло, — все это сохранилось, как бы волшебством, на страницах книг.</p>

<p class="t-right"><a href="http://www.wisdoms.ru/avt/b103.html">Карлейль Т.<span id="ctrlcopy"></p>

<p></span></a></p>

</div><!-- .entry-content --> </article><!-- #post-## -->

</div><!-- .hero-container-inner -->

</div><!-- .hero-container-outer -->

</div><!-- .hero-content-overlayer -->

</figure><!-- .hero-content -->

</div><!-- .hero -->

</div><!-- #primary -->

<div id="secondary" class="widget-area front-widget-area" role="complementary">

<div id="widget-area-5" class="widget-area">

<aside id="text-2" class="widget widget_text"><h3 class="widget-title">Классика</h3> <div class="textwidget"><img src="http://azbooka.ru/files/text/7265/jp" />

Классика — это литературные памятники и произведения искусства, признанные шедеврами мировой культуры. Основной фонд русской литературной классики — творчество Михаила Васильевича Ломоносова, Дениса Ивановича Фонвизина, Николая Михайловича Карамзина и многие другие.

</div>

</aside> </div><!-- widget-area-5 -->

<div id="widget-area-6" class="widget-area">

<aside id="text-3" class="widget widget_text"><h3 class="widget-title">Детская литература</h3> <div class="textwidget"><img src="https://i0.wp.com/www.ourbaby.ru/files/IMG_4584.jpg" />

Детская литература — это литература, специально предназначенная для детей до 14—16 лет и осуществляющая языком художественных образов задачи воспитания и образования детей. Знаменитые сказки А. С. Пушкина, Шарля Перро, Ганса Христиана Андерсена и т.д.

</div>

</aside> </div><!-- widget-area-6 -->

<div id="widget-area-7" class="widget-area">

<aside id="text-4" class="widget widget_text"><h3 class="widget-title">Любовные романы</h3> <div class="textwidget"><img src="https://i1.wp.com/www.rulit.me/data/programs/images/lyubov-na-rasstoyanii-ili-sankt-peterburg-helsinki--si_338201.jpg" />

Любовный роман — литературный жанр. В центре произведений этого жанра находятся отношения и романтическая любовь между двумя людьми, также предполагается «эмоционально удовлетворительный и оптимистичный финал». У любовного романа множество поджанров: фэнтези, исторический роман, научная фантастика, мистика.

</div>

</aside> </div><!-- #widget-area-7 -->

</div><!-- #secondary -->

<div id="tertiary" class="widget-area footer-widget-area" role="complementary">

<div id="widget-area-2" class="widget-area">

<aside id="widget_contact_info-1" class="widget widget_contact_info"><h3 class="widget-title">Свяжитесь с нами.</h3><div class="contact-map-container"><iframe width="600" height="216" frameborder="0" src="https://www.google.com/maps/embed/v1/place?q=%D1%83%D0%BB.+%D0%9A%D0%B0%D0%BB%D0%B0%D1%88%D0%BD%D0%B8%D0%BA%D0%BE%D0%B2%D0%B0%2C+11%2C+%D0%A3%D0%BB%D0%B0%D0%BD-%D0%A3%D0%B4%D1%8D%2C+%D0%A0%D0%B5%D1%81%D0%BF.+%D0%91%D1%83%D1%80%D1%8F%D1%82%D0%B8%D1%8F%2C+670042&#038;key=AIzaSyCq4vWNv6eCGe2uvhPRGWQlv80IQp8dwTE" class="contact-map"></iframe><div class="contact-map-distractor"></div></div><div class="confit-address"><a href="http://maps.google.com/maps?z=16&#038;q=ул.+Калашникова,+11,+Улан-Удэ,+Респ.+Бурятия,+670042" target="_blank">ул. Калашникова, 11, Улан-Удэ, Респ. Бурятия, 670042</a></div><div class="confit-phone">8 (301) 244-44-74</div></aside> </div><!-- #widget-area-2 -->

<div id="widget-area-3" class="widget-area">

<aside id="text-1" class="widget widget_text"><h3 class="widget-title">Актуальность книг</h3> <div class="textwidget"><p>Книга играет огромную роль в развитии человека. Она помогает формировать взгляд на мир, учит отличать добро от зла, помогает развивать чувство прекрасного. В отличие от фильмов, где от зрителя требуется лишь смотреть и наслаждаться красивой картинкой, книга заставляет задуматься, пропустить через себя все то, что автор вложил в свои строки.<br />

Именно поэтому так важно заботиться о качестве книг. Цель книги – приносить пользу, учить доброму и светлому, помогать постичь настоящее искусство и способствовать формированию безупречного вкуса.</p>

</div>

</aside> </div><!-- #widget-area-3 -->

<div id="widget-area-4" class="widget-area">

</div><!-- #widget-area-4 -->

</div><!-- #tertiary -->

</div><!-- #content -->

<footer id="colophon" class="site-footer">

<div class="social-links"><ul id="menu-%d1%81%d0%be%d1%86%d0%b8%d0%b0%d0%bb%d1%8c%d0%bd%d1%8b%d0%b5-%d1%81%d0%b5%d1%82%d0%b8" class="menu"><li id="menu-item-16" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16"><a href="http://facebook.com/"><span class="screen-reader-text">Facebook</span></a></li>

<li id="menu-item-17" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-17"><a href="http://twitter.com/wordpressdotcom"><span class="screen-reader-text">Twitter</span></a></li>

<li id="menu-item-18" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-18"><a href="http://pinterest.com"><span class="screen-reader-text">Pinterest</span></a></li>

<li id="menu-item-19" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-19"><a href="http://flickr.com"><span class="screen-reader-text">Flickr</span></a></li>

<li id="menu-item-20" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-20"><a href="http://instagram.com"><span class="screen-reader-text">Instagram</span></a></li>

</ul></div>

<div class="site-info" role="contentinfo">

<a href="https://wordpress.com/?ref=footer_blog">Блог на WordPress.com.</a>

</div><!-- .site-info -->

</footer><!-- #colophon -->

</div><!-- #page -->

<!-- -->

<script type='text/javascript' src='//0.gravatar.com/js/gprofiles.js?ver=201652y'></script>

<script type='text/javascript'>

/* <![CDATA[ */

var WPGroHo = {"my_hash":""};

/* ]]> */

</script>

<script type='text/javascript' src='https://s1.wp.com/wp-content/mu-plugins/gravatar-hovercards/wpgroho.js?m=1380573781h'></script>

<script>

//initialize and attach hovercards to all gravatars

jQuery( document ).ready( function( $ ) {

if (typeof Gravatar === "undefined"){

return;

}

if ( typeof Gravatar.init !== "function" ) {

return;

}

Gravatar.profile_cb = function( hash, id ) {

WPGroHo.syncProfileData( hash, id );

};

Gravatar.my_hash = WPGroHo.my_hash;

Gravatar.init( 'body', '#wp-admin-bar-my-account' );

});

</script>

<div style="display:none">

</div>

<link rel='stylesheet' id='all-css-0-2' href='https://s2.wp.com/wp-content/mu-plugins/widgets/contact-info/contact-info-map.css?m=1469676049h' type='text/css' media='all' />

<script type='text/javascript'>

/* <![CDATA[ */

var comment_like_text = {"loading":"\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430..."};

/* ]]> */

</script>

<script type='text/javascript'>

/* <![CDATA[ */

var actionbardata = {"siteID":"121705153","siteName":"Book one :)","siteURL":"http:\/\/tuianablog.wordpress.com","icon":"<img alt='' src='https:\/\/s1.wp.com\/i\/void.gif' class='avatar avatar-36' height='36' width='36' \/>","canManageOptions":"","canCustomizeSite":"","isFollowing":"","themeSlug":"pub\/sela","signupURL":"https:\/\/wordpress.com\/start\/","loginURL":"https:\/\/tuianablog.wordpress.com\/wp-login.php?redirect_to=https%3A%2F%2Ftuianablog.wordpress.com%2F","themeURL":"https:\/\/wordpress.com\/themes\/sela\/","xhrURL":"https:\/\/tuianablog.wordpress.com\/wp-admin\/admin-ajax.php","nonce":"72872c166c","isSingular":"1","isFolded":"","isLoggedIn":"","isMobile":"","subscribeNonce":"<input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"850ed1ecfd\" \/>","referer":"https:\/\/tuianablog.wordpress.com\/","canFollow":"1","statusMessage":"","customizeLink":"https:\/\/tuianablog.wordpress.com\/wp-admin\/customize.php?url=https%3A%2F%2Ftuianablog.wordpress.com%2F","postID":"2","shortlink":"http:\/\/wp.me\/P8eF4l-2","canEditPost":"","editLink":"https:\/\/wordpress.com\/page\/tuianablog.wordpress.com\/2","i18n":{"view":"\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0441\u0430\u0439\u0442","follow":"\u041e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u0442\u044c","following":"\u041e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u0435\u043c\u044b\u0435 \u0441\u0430\u0439\u0442\u044b","edit":"\u0418\u0437\u043c\u0435\u043d\u0438\u0442\u044c","login":"\u0412\u043e\u0439\u0442\u0438","signup":"\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f","customize":"\u041d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c","report":"\u0421\u043e\u043e\u0431\u0449\u0438\u0442\u044c \u043e\u0431 \u044d\u0442\u043e\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u043c","themeInfo":"\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0442\u0435\u043c\u0443: Sela","shortlink":"\u041a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0441\u044b\u043b\u043a\u0443","copied":"\u0421\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u043e","followedText":"\u041d\u043e\u0432\u044b\u0435 \u0437\u0430\u043f\u0438\u0441\u0438 \u0441 \u044d\u0442\u043e\u0433\u043e \u0441\u0430\u0439\u0442\u0430 \u043f\u043e\u044f\u0432\u044f\u0442\u0441\u044f \u0432 \u0432\u0430\u0448\u0435\u043c \u0440\u0430\u0437\u0434\u0435\u043b\u0435 <a href=\"https:\/\/wordpress.com\/\">\u0427\u0442\u0438\u0432\u043e<\/a>","foldBar":"\u0421\u0432\u0435\u0440\u043d\u0443\u0442\u044c \u044d\u0442\u0443 \u043f\u0430\u043d\u0435\u043b\u044c","unfoldBar":"\u0420\u0430\u0437\u0432\u0435\u0440\u043d\u0443\u0442\u044c \u044d\u0442\u0443 \u043f\u0430\u043d\u0435\u043b\u044c","editFollows":"\u0423\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u043f\u043e\u0441\u0435\u0449\u0430\u0435\u043c\u044b\u043c\u0438 \u0441\u0430\u0439\u0442\u0430\u043c\u0438","editSubs":"\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0430\u043c\u0438","viewReader":"\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0441\u0430\u0439\u0442 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u00ab\u0427\u0442\u0438\u0432\u043e\u00bb","subscribe":"\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f","enterEmail":"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 \u0430\u0434\u0440\u0435\u0441 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u044b","followers":"","alreadyUser":"\u0423\u0436\u0435 \u0435\u0441\u0442\u044c \u0443\u0447\u0451\u0442\u043d\u0430\u044f \u0437\u0430\u043f\u0438\u0441\u044c WordPress.com? <a href=\"https:\/\/tuianablog.wordpress.com\/wp-login.php?redirect_to=https%3A%2F%2Ftuianablog.wordpress.com%2F\">\u0412\u043e\u0439\u0434\u0438\u0442\u0435 \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0443.<\/a>"}};

/* ]]> */

</script>

<script type='text/javascript' src='https://s0.wp.com/_static/??-eJyVkN1uwyAMRl9oHq06Nb2Z9iwUnMRJMJSfZI9fo0rRsk1Re4Ux53yyUUsA4zkjZzUkZXEmg+H7fUhv6seTKxCm0hEnNdGISd0KFuw12wnjDmy8c9KChzRU+6rSQgFfkTaN32Lu0QkWigTjpCvPeqZOZ/L8BJxGCpLMI7TelAQt/dn+P0vOnRW0dcRw1VE5nTJGqcDPGCNZCVp7ewmmzl8T1mqHXsh2mOtPcRYeiFu/uYDTQfwv93n8aM6n0+XcHIY7yc+96g=='></script>

<script type="text/javascript">

// <![CDATA[

(function() {

try{

if ( window.external &&'msIsSiteMode' in window.external) {

if (window.external.msIsSiteMode()) {

var jl = document.createElement('script');

jl.type='text/javascript';

jl.async=true;

jl.src='/wp-content/plugins/ie-sitemode/custom-jumplist.php';

var s = document.getElementsByTagName('script')[0];

s.parentNode.insertBefore(jl, s);

}

}

}catch(e){}

})();

// ]]>

</script> <script type="text/javascript">

var skimlinks_pub_id = "725X584219"

var skimlinks_sitename = "tuianablog.wordpress.com";

</script>

<script type="text/javascript" src="https://s.skimresources.com/js/725X1342.skimlinks.js"></script> <script>

var _comscore = _comscore || [];

_comscore.push({

c1: "2",

c2: "7518284"

});

(function() {

var s = document.createElement("script"),

el = document.getElementsByTagName("script")[0];

s.async = true;

s.src = (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js";

el.parentNode.insertBefore(s, el);

})();

</script>

<noscript>

<p class="robots-nocontent"><img src="https://sb.scorecardresearch.com/p?c1=2&c2=7518284&c3=&c4=&c5=&c6=&c15=&cv=2.0&cj=1" alt="" style="display:none;" width="1" height="1" /></p>

</noscript><script src="//stats.wp.com/w.js?55" type="text/javascript" async defer></script>

<script type="text/javascript">

_tkq = window._tkq || [];

_stq = window._stq || [];

_tkq.push(['storeContext', {'blog_id':'121705153','blog_tz':'4','user_lang':'ru','blog_lang':'ru','user_id':'0'}]);

_stq.push(['view', {'blog':'121705153','v':'wpcom','tz':'4','user_id':'0','post':'2','subd':'tuianablog'}]);

_stq.push(['extra', {'crypt':'UE40eW5QN0p8M2Y/RE1LVmwrVi5vQS5fVFtfdHBbPyw1VXIrU3hWLHhmbUVsTTB6L1FmX041RXA0NlticjdsRG8majJtU3RleVB8TnktaFtnOCt6SE5TYzdDaEZmSTAtOGN3X1BSbVczZEhJUXY2Ml01R2JJWkdici8lKyVmcWRWREp4W01RdVV5R1BhZy8rbTREMGtaNFUsQmZfbEtsemEzW3RFK1ssaXpfQkUxeFlzRjlbZFQyVldxMEpRSmE/cUFUNTRKWXVOUklnZE5nRGFzKzJndDNFZk0/c2RXdW9SQzIxb3BfalotLml6aVJYaDdUamNnflQ5d3pocmZ2bXBoOGpsQmdvUWRwaENjQWsuUmpEQlluTVdJY1g9S2RH'}]);

_stq.push([ 'clickTrackerInit', '121705153', '2' ]);

</script>

<noscript><img src="https://pixel.wp.com/b.gif?v=noscript" style="height:0px;width:0px;overflow:hidden" alt="" /></noscript>

<script>

if ( 'object' === typeof wpcom_mobile_user_agent_info ) {

wpcom_mobile_user_agent_info.init();

var mobileStatsQueryString = "";

if( false !== wpcom_mobile_user_agent_info.matchedPlatformName )

mobileStatsQueryString += "&x_" + 'mobile_platforms' + '=' + wpcom_mobile_user_agent_info.matchedPlatformName;

if( false !== wpcom_mobile_user_agent_info.matchedUserAgentName )

mobileStatsQueryString += "&x_" + 'mobile_devices' + '=' + wpcom_mobile_user_agent_info.matchedUserAgentName;

if( wpcom_mobile_user_agent_info.isIPad() )

mobileStatsQueryString += "&x_" + 'ipad_views' + '=' + 'views';

if( "" != mobileStatsQueryString ) {

new Image().src = document.location.protocol + '//pixel.wp.com/g.gif?v=wpcom-no-pv' + mobileStatsQueryString + '&baba=' + Math.random();

}

}

</script>

</body>

</html>

РУКОВОДСТВО ПРОГРАММИСТА

Данный web-сайт разрабатывался в учебных целях. Сайт не обладает особыми характеристиками т.к. разрабатывался на сайте wordpress.com с помощью базовых шаблонов. Запуск web-сайта возможен с любого компьютера.

Наши рекомендации