Файл: Фестиваль современного искусства.pdf

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

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

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

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

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

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

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

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

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

- Логотип

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

- Слоган

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

- Заголовки

- Навигация

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

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

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

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

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

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

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

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

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

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

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

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

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

2.4 Описание карты сайта.

Сайт состоит из 5 страниц, включая главную страницу. Есть ссылки на последующие страницы. На главной странице расположено приветствие и некоторые данные. Есть видео-баннер, в которой содержаться работы различных художников. Так же имеются и ссылки на другие страницы, такие как: Пост-релиз, Галерею, Контакты.

Рисунок 3.1 Панель навигации сайта.

Рисунок 1.3 Карта сайта.

При входе на сайт открывается главная страница, где имеется логотип мероприятия, краткая информация и ссылки на другие страницы.

Рисунок 1.4 Главная страница сайта "Фестиваль современного искусства".

На странице "Фотогалерея" можно просмотреть фотоальбомы и оставить комментарии.

Рисунок 1.6 Фотоальбомы

В нижней части сайта находится контактная информация.

Рисунок 1.7 "Подвал" сайта

На странице "Контакты" можно отправить по Email заполненную форму с вопросом.

Рисунок 1.5 Форма для заполнения и отправки сообщения

ГЛАВА 3. HTML код

<!DOCTYPE html>

</div>

</div>

</li>

<li id="menu-item-943" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-953"><a href="ART2018.html">Главная</a></li>

<li id="menu-item-943" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-943"><a href="ART2018.html">ФЕСТИВАЛЬ 2018</a></li>

<li id="menu-item-963" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-963"><a href="ARTrelease.html">Пост-релиз</a></li>

<li id="menu-item-80" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-51 current_page_item menu-item-80"><a href="ARTcontacts.html">КОНТАКТЫ</a></li>

</ul></div> <div class="btn-close-menu">×</div>

</nav>

</header>

<!—Header сайта.-->

height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

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

</div>

</div>

</li>

<li id="menu-item-943" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-953"><a href="ART2018.html">Главная</a></li>

<li id="menu-item-943" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-943"><a href="ART2018.html">ФЕСТИВАЛЬ 2018</a></li>

<li id="menu-item-963" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-963"><a href="ARTrelease.html">Пост-релиз</a></li>

</ul></div> <div class="btn-close-menu">×</div>

</nav>

</header>

<!—Навигация сайта.-->

<div id="wp-custom-header" class="wp-custom-header"><div class="fluid-width-video-wrapper" style="padding-top: 56.25%;"><iframe id="wp-custom-header-video" frameborder="0" allowfullscreen="1" allow="autoplay; encrypted-media" title="YouTube video player" src="./ART/dEb7jl3AWOE.html"></iframe></div><button type="button" id="wp-custom-header-video-button" class="wp-custom-header-video-button wp-custom-header-video-play">Пауза</button></div> <div class="header-text clearfix">

<p></p>

</div>

</header>

<h2 style="text-align: left;">Фестиваль современного искусства</h2>

<p style="text-align: left;">Пусть ваше искусство поможет увидеть мир другим!</p>

<p style="text-align: left;">Мы рады и всем открытым людям, и тем, кто только идёт к открытости — всем, кто желает раскрыть себя через творчество. В рамках фестиваля будет проведена фотовыставка, выставка живописи и графики, перформансы, инсталляции, выступления лекторов и мастер классы. Кроме этого будет представлен уникальный проект — комиксы на основе ваших реальных историй об открытости и страхе, о принятии и нетерпимости, о радости и переживаниях.</p>

</div>

</div>

<!—Тело сайта с информацией.-->

<p style="text-align: center;"><span style="font-size: 10pt;">Данный сайт может содержать материалы 18+ <br>

This website may contain content not suitable for viewers under the age of 18

</span></p><br>

Design by <a href="#" target="_blank">suralex</a></span>

<script type="text/javascript"> (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter47378155 = new Ya.Metrika2({ id:47378155, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true, trackHash:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/tag.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks2"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/47378155" style="position:absolute; left:-9999px;" alt="" /></div></noscript>

</p></footer>

<!—Footer сайта.-->

<h2>Ася Сергиевская</h2>

</div>

<p style="text-align: justify;">В своих живописных работах Ася Сергиевская исследует сексуальность женского тела, его привлекательность через призму лесбийского взгляда. Художница на своих полотнах изображает женское тело в классическом для живописи или ню-фотографии ракурсе, но использует яркие, насыщенные цвета, упругие мазки и нарочито явную игру свето-тени, показывая тем самым и разницу, и схожесть во взглядах на красоту тела, присущую гетеро и гомо отношениям.</p>

Смотрите также файлы

азработка и реализация конфигурации «Книжный магазин.pdf

Анализ структуры собственного капитала.pdf

«Виды и состав угроз информационной безопасности»().pdf

Проектирование реализации операций бизнес-процесса ( Планирование закупок и размещение заказов поставщикам ).pdf

Анализ поисковых систем в сети Интернет (Понятие и сущность поисковых систем).pdf

Файл: Фестиваль современного искусства.pdf

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

2.4 Описание карты сайта.

Смотрите также файлы

Информация

Списки файлов

Дополнительно