Информационная структура 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

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

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

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

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

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

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

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

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

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

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

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

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

Сайт создается в течении 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

Код:

<!DOCTYPE html>

<head>

<title>Book one :) — Здесь вы найдете все, что искали…</title>

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

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

Код:

<!DOCTYPE html>

<head>

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

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

Код:

<!DOCTYPE html>

<head>

<title>Жанры — Book one :)</title>

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

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

Код:

<!DOCTYPE html>

<head>

<title>Контакты — Book one :)</title>

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

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

Код:

<!DOCTYPE html>

<head>

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

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

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

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

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

ЗАКЛЮЧЕНИЕ

В данной курсовой работе рассмотрены актуальные вопросы разработки и создания современного 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>

<head>

<title>Book one :) — Здесь вы найдете все,что искали…</title>

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>

/* <![CDATA[ */

function addLoadEvent(func) {

var oldonload = window.onload;

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

window.onload = func;

} else {

window.onload = function () {

oldonload();

func();

}

/* ]]> */

</script>

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"}};

</script>

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>

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

</style>

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

</style>

</head>

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

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

</div>

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

</ul></div> </nav>

</header>

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

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

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

</div> </article>

</div>

</div>

</div>

</figure>

</div>

</div>

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

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

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

</div>

<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&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&q=ул.+Калашникова,+11,+Улан-Удэ,+Респ.+Бурятия,+670042" target="_blank">ул. Калашникова, 11, Улан-Удэ, Респ. Бурятия, 670042</a></div><div class="confit-phone">8 (301) 244-44-74</div></aside> </div>

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

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

</div>

</aside> </div>

</div>

</div>

</div>

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

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

</div>

</footer>

</div>

/* <![CDATA[ */

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

/* ]]> */

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

/* <![CDATA[ */

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

/* ]]> */

</script>

/* <![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>

// <![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>

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><script src="//stats.wp.com/w.js?55" type="text/javascript" async defer></script>

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

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-сайта возможен с любого компьютера.

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

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

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

Разработка дизайна макета сайта. Макет разрабатываемого сайта будет состоять из 3 блоков (Рисунке

Структура сайта

Оптимизация сайта. Теги для описания ключевых слов. Оптимизация сайта – приведение сайта в понятный для поисковых систем вид

Логическая и физическая структура сайта

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

Структура подкатегорий левого меню сайта

Структура сайта в ECM-системах.

Информационная безопасность сайта

← Предыдущая страница | Следующая страница →