Преподаватель который помогает студентам и школьникам в учёбе.

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

Содержание:

ВВЕДЕНИЕ

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

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

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

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

В данной работе будет описана технология разработки сайта для проведения мероприятия «Фестиваль современного искусства».

Благодаря данной разработке пользователям можно будет ознакомиться с планом проведения мероприятия «Фестиваль современного искусства» и найти интересующую информацию.

ГЛАВА 1. Теоретическая часть

1.1. Обзор технологий создания, оформления и управления

Наиболее распространенным языком разработки сайта является Язык разметки гипертекстовых страниц (HTML - Hypertext Markup Language) представляет собой язык, разработанный специально для создания Web-документов. Он определяет синтаксис и размещение специальных инструкций (тегов), которые не выводятся на экран, но указывают браузеру, как отображать содержимое документа. Он также используется для создания ссылок на другие документы, локальные или сетевые, например, находящиеся в сети Интернет.

Стандарт HTML и другие стандарты для Web разработаны под руководством консорциума W3C (World Wide Web Consortium). Стандарты, спецификации и проекты новых предложений можно найти на сайте http://www.3w.org/. В настоящее время действует спецификация HTML 4.0, поддержка которой со стороны основных браузеров постоянно растет.

На практике на стандарт HTML большое влияние оказывает наличие тегов, предложенных и поддерживаемых наиболее известными браузерами, такими как Microsoft Internet Explorer и Netscape Navigator. Эти теги в данный момент могут, как входить, так и не входить в состав действующей спецификации HTML.

Нередко конкретные типы редакторов позволяют поочередно работать в двух режимах: писать программы традиционным способом (программировать на языке HTML) и проектировать страницы с помощью средств визуального программирования. В последнем случае документы создаются по технологии Drag and Drop («перетащи и оставь»).

Язык PHP, что расшифровывается как «Препроцессор Гипертекста», является распространённым интерпретируемым языком общего назначения с открытым исходным кодом. PHP создавался специально для ведения Web-разработок и код на нём может внедряться непосредственно в HTML-код. Основной целью PHP является предоставление web-разработчикам возможности быстрого создания динамически генерируемых web-страниц, однако область применения PHP не ограничивается только этим.

Рисунки могут быть созданы двух видов: растровые и векторные. У каждого из этих способов представления графики есть свои достоинства и недостатки. Растровые рисунки позволяют получить фотографическую точность изображаемого объекта.

Графические редакторы делятся на две группы: растровые и векторные.

К растровым графическим редакторам относятся Corel PHOTOPAINT, Adobe Photoshop, GIMP.

Среди векторных графических редакторов следует выделить: Corel DRAW, Adobe Illustrator, Photo Impact.

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

Программа Adobe Flash является стандартом в качестве инструментального средства создания векторных изображений для сети. Наибольшее достоинство программы - это возможность создания анимированных векторных изображений (фильмов).

Adobe Flash -- так же среда для создания приложений под Flash платформу (Flash Platform. Flash-приложения создаются с помощью ActionScript 3.0 (языка программирования). Среда Adobe Flash ориентирована в большей мере на дизайнеров, аниматоров. Flash одновременно употребляется и как название формата (флеш-фильмы, флеш-ролики) (полное название -- Flash Movie). При создании продукта можно использовать медиа, звуковые и графические файлы, можно создавать интерактивные интерфейсы и полноценные веб-приложения с использованием PHP и XML.

Вероятно, в будущем Flash-фильмы придут на смену анимации, создаваемой в настоящее время в формате GIF.

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

· Adobe Photoshop (рисование и обработка многослойных растровых изображений);

· Adobe Image Ready (создание анимации, карт изображений, "Живая графика");

· Векторный редактор Corel Draw (создание и обработка векторных изображений, векторизация растровых изображений, фигурный текст и др.);

· Adobe Flash (создание анимаций).

1. Общие требования к сайту

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

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

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

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

В Интернете большинство информации написано без уделения внимания орфографии и пунктуации. Однако, правильное расставление абзацев, оправданное употребление списков, применение правил типографики значительно упрощает восприятие текста.

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

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

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

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

ГЛАВА 2. Анализ исходных данных для создания сайта

2.1. О мероприятии

Мероприятий подобного формата и направленности в Москве ещё не было. Современное Искусство — это искусство, Современное во всех отношениях, авторов не ограничивает шаблонное восприятие мира, страхи, ложный стыд, они свободны в своём творчестве.

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

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

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

Фестиваль современного искусства организован Московским Коммьюнити Центром при поддержке Шведского Института и международной правозощитной организации CIVIL RIGHTS DEFENDERS

Московский Коммьюнити Центр создан в декабре 2015 года, это ресурс для ЛГБТ+ инициатив. МКЦ является площадкой для реализации разнообразных проектов, направленных на просвещение, образование, творчество и поддержку ЛГБТ сообщества Московского региона. МКЦ, как некоммерческая организация, объединяет активистов региона, предлагает решения и участвует в достижении целей ЛГБТ сообщества.

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

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

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

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

Достойный уважения 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>

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

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

</div>

</div>

<p><span style="text-decoration: underline;"><span style="font-size: 10pt;"><a href="http://www.facebook.com/sergievskaya.info" target="_blank" rel="noopener">www.facebook.com/sergievskaya.info</a></span></span></p>

<p><span style="text-decoration: underline;"><span style="font-size: 10pt;"><a href="http://sergievskaya.info/" target="_blank" rel="noopener">www.sergievskaya.info</a></span></span></p>

</div>

</div>

<!—Вёрстка галереи (одна из выставочных работ).-->

<h1>Вы можете написать нам письмо или задать вопрос, мы обязательно Вам ответим! </h1>

</div>

</div>

<p><label> Сообщение<br>

</div>

</div>

<!—Форма обратной связи.-->

ЗАКЛЮЧЕНИЕ

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

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

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

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

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

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

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

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

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

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

Список литературы

Алексеев А.П. Введение в Web-дизайн: учебное пособие. - М.: СОЛОН-ПРЕСС, 2008
А. Хоумер. Dynamic HTML. Справочник. СПб, Изд. «Питер-пресс», 2002.
Печников В.Н. Создание Web-сайтов без посторонней помощи. - М.: Триумф, 2006
Панфилов К. По ту сторону веб-страницы. - СПб.: ДМК Пресс, 2008
Д. Кирсанов. Web‑дизайн. СПб, Изд. «Питер», 2005.
Сергеев А. П., Кущенко компьютерной графики. Adobe Photoshop и CorelDraw – два в одном. Изд. «Вильямс», 2005.
HTML 4.0 Новый уровень создания HTML документов". Санкт-Петербург, 2003 г. -672 с.

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

ВВЕДЕНИЕ

ГЛАВА 1. Теоретическая часть

1.1. Обзор технологий создания, оформления и управления

Общие требования к сайту

ГЛАВА 2. Анализ исходных данных для создания сайта

2.1. О мероприятии

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

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

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

ЗАКЛЮЧЕНИЕ

Список литературы