СОДЕРЖАНИЕ
1.1 Цели и концепция Web-ресурса
1.1.2. Обоснование необходимости создания нового Web-ресурса.
1.1.3. Описание свойств Web-ресурса, требуемых для решения выбранной задачи.
1.1.4. Характеристика целевой аудитории.
1.1.5. Характеристика и анализ Web-ресурсов по аналогичной тематике.
1.2. Параметры и внешний вид Web-ресурса.
1.2.1. Обоснование выбора имени и названия Web-ресурса.
1.2.2. Обоснование лингвистического обеспечения Web-ресурса
1.2.3. Обоснование выбора графического режима Web-ресурса.
1.2.4. Обоснование принятых решений по цветовой схеме Web-ресурса.
1.2.5. Обоснование принятых решений по размеру и виду шрифта.
1.2.6. Обоснование принятых решений по формированию фирменного стиля.
1.3. Обоснование выбора инструментария для создания Web-ресурса.
1.3.1. Обоснование технологии получения и размещения информационного наполнения Web-ресурса.
1.3.3. Обоснование выбора программного обеспечения для создания Web-ресурса.
1.3.3.1. Обоснование выбора программных продуктов для создания графики.
1.3.3.2. Обоснование выбора программных продуктов для создания анимации.
1.3.3.3. Обоснование выбора СУБД.
1.3.3.4. Обоснование выбора программных продуктов для создания программного кода.
1.4. Обоснование выбора способа размещения Web-ресурса в Интернет.
2.1. Структура и содержание сайта.
2.1.1.Разделы сайта и система навигации.
2.1.2.Функциональные и технические требования.
2.1.4. Описание программных модулей.
2.1.5. Описание процедуры тестирования созданного Web-ресурса.
2.2. Разработка рекламной кампании по продвижению Web-ресурса в Интернет.
2.2.1. Формирование массива ключевых слов для поиска Web-ресурса в поисковых системах.
2.2.2. Описание технологии продвижения созданного Web-ресурса в среде Интернет.
Психологически для большинства людей поход в кинотеатр не является обыденным делом, поэтому выбранные яркие цвета должны подчеркнуть динамичность, добавить ощущение праздника.
Шрифт – это самый сложный и интересный из всех выразительных средств в распоряжении Web-дизайнера. Ни одна работа не обходится без шрифтовых заголовков, надписей, логотипов. Поэтому выбор шрифтов и текстовых стилей можно назвать одной из самых ответственных фаз работы над сайтом.
Основную массу шрифтов можно разделить на две большие группы: шрифты с засечками и без засечек (рубленые) В отдельный класс выделяют моноширинные шрифты. У них одинакова ширина всех букв и знаков, так как по начертанию эти шрифты обычно имитируют буквы пишущих машинок.
К остальным шрифтам более всего подходит термин «декоративные». К ним относятся рукописные шрифты (каллиграфические или, наоборот, очень небрежные), различные стилизации (готический, древнерусский), шрифты с наложением всевозможных эффектов (с тенями, трехмерные, различным способом раскрашенные). Кроме того, существуют шрифты, которые содержат вместо букв специальные символы (например математические), пиктограммы и декоративные элементы.
Из начертаний внутри определенной гарнитуры чаще всего используется прямое или курсивное. Курсивное начертание имитирует наклоненный вправо, более округлый и беглый рукописный почерк, однако сохраняющий графические особенности прямого начертания и хорошо сочетающийся с ним. Курсивная разновидность есть у всех текстовых шрифтов с засечками. У большинства рубленых шрифтов создать близкий по стилю курсивный вариант значительно труднее, и некоторые из рубленых и моноширинных шрифтов употребляют вместо курсива просто слегка перекошенное вправо основное начертание. Большинство декоративных шрифтов не имеет курсива вообще.
Для текстов сайта кинокомплекса «Родина» были выбраны рубленные шрифты, в частности гарнитуры Arial и Verdana. Шрифты с засечками для этого сайта выглядят слишком официально или старомодно, а декоративные шрифты в большинстве своем уступают в удобстве для чтения и подходят скорее для заголовков.
Стилистическое исполнение сайта соответствует общей стилистике кинокомплекса «Родина». Как уже было упомянуто, цветовые ассоциации и особенности стиля кинотеатра сформировались исторически, хотя и не были закреплены официально в каком-либо документе или бренд-буке. По согласованию с руководством кинокомплекса было решено создавать сайт стилистически близкий уже существующему образу кинотеатра, но при этом придать ему более актуальный, яркий и «киношный» вид.
При оформлении сайта была предпринята попытка сделать дизайн более легким, сместить акценты с тяжелых рубленных шрифтов и фигур в сторону более современных, изящных линий, сохранив тяжелый логотип кинотеатра в качестве одного из центров композиции.
Созданный сайт обладает собственным стилем и является возможным, хотя и не обязательным вектором для развития стиля кинотеатра в целом.
Источниками информации для сайта являются:
Основными технологиями, используемыми для верстки сайтов в настоящее время можно назвать язык гипертекстовой разметки HTML (Hypertext Markup Language), язык декларации стилей CSS (Cascading Style Sheet), язык программирования JavaScript, который используется в большинстве браузеров для создания динамических элементов страницы с помощью манипуляции объектами документа и браузера (Document Object Model). Все эти технологии и будут применяться при верстке сайта кинотеатра «Родина».
Самые популярные на текущий момент браузеры, такие как Google Chrome, Mozilla Firefox, Microsoft Edge поддерживают данные технологии полностью, в частности ими поддерживаются следующие стандарты и технологии:
Поскольку на рабочих компьютерах во многих организациях до сих пор используется Windows XP с установленным по-умолчанию браузером Internet Explorer, требуется учитывать необходимость правильного отображения сайта этим браузером. В связи с этим при верстке сайта будет использоваться комбинированная технология, сочетающая проверенный табличный подход и применение каскадных стилей в минимально необходимом объеме.
При верстке сайтов необходимо учитывать, что разработчики многих браузеров объявили о прекращении поддержки технологии Adobe Flash в ближайшем будущем, следовательно сложные динамические элементы страниц должны изготавливаться с помощью HTML5, WebGL и других актуальных технологий. На сайте кинотеатра модули Adobe Flash использоваться не будут, для баннеров и динамических блоков в дальнейшем будет использоваться верстка HTML5.
Таким образом, сайт кинокомплекса «Родина» должен будет корректно отображаться подавляющим большинством используемых в настоящее время браузеров.
Для создания графического оформления сайта существует множество программ. Исторически эти программы делят на растровые редакторы, позволяющие изменять пиксельную матрицу изображения, и векторные редакторы, описывающие графические примитивы с помощью координат и математических формул, однако сейчас разница уже несколько размыта, поскольку многие растровые графические редакторы позволяют работать с векторными объектами, а векторные редакторы предлагают инструменты для обработки растровых изображений.
Перечислим и опишем самые популярные графические редакторы, которые используют дизайнеры для создания макетов сайтов:
В работе над дизайном сайта использовались два инструмента: программы Sketch и Krita. Возможности больших пакетов, таких как Adobe Photoshop и Adobe Illustrator в данном конкретном случае были явно избыточными - требовалось сделать небольшой эскиз в векторном формате и доработать его в растровом редакторе. По стечению обстоятельств, на момент начала работы редактор Sketch уже был приобретен, а для финишной и художественной обработки был выбран Krita, как бесплатный и эффективный для этих целей инструмент.
Поскольку анимационные и динамические элементы в начальном проекте сайта отсутствуют и будут добавляться позднее, какой-либо программы для создания анимации при разработке сайта не использовалось.
В дальнейшем предполагается рассмотреть использование программных пакетов Adobe Animate и Hype, которые могут создавать интерактивные и анимированные блоки и приложения на основе языка разметки HTML5.
Для хранения и обработки информации web-сайтов и web-приложений чаще всего применяются базы данных использующие язык запросов SQL. В настоящее время практически все современные системы совместимы со стандартом языка SQL-92 и поддерживают кодировку UTF-8, что позволяет выбирать нужную систему на основе архитектурных особенностей и дополнительных возможностей. Приведем характеристики наиболее популярных среди web-разработчиков СУБД:
MySQL - это самая распространенная полноценная серверная СУБД. MySQL очень функциональная, свободно распространяемая СУБД, которая успешно работает с различными сайтами и веб приложениями. Хорошо документирована.
Стоит заметить, что благодаря популярности этой СУБД, существует огромное количество различных плагинов и расширений, облегчающих работу с системой. Несмотря на то, что в ней не реализован весь SQL функционал, MySQL предлагает довольно много инструментов для разработки приложений.
Преимущества MySQL: