(группа 751) Инструкционно-технологическая карта УП.09, 19.03.2020

Дата 19/03/2020 Группа 751

Инструкционно-технологическая карта

Практическая работа

Учебная практика

Тема: Наполнение сайта контентом.

Цель работы (для студентов): научиться правильному наполнению сайта контентом

Приобретаемый практический опыт: Проектирование и разработка веб-приложений

Техника безопасности: инструкция № 3

Время работы: 6 часов

Оснащение рабочего места: АРМ, браузер, пакет заданий

Средства обучения: рекомендации по выполнению практической работы, индивидуальная консультация.

Литература:

1. Тузовский А. Ф. Проектирование и разработка web-приложений: учебное пособие для СПО / А. Ф. Тузовский. — М.: Издательство Юрайт, 2018. — 218 с. — (Серия: Профессиональное образование).

2. Сысолетин, Е. Г. Разработка интернет-приложений: учеб. пособие для СПО / Е. Г. Сысолетин, С. Д. Ростунцев. — М.: Издательство Юрайт, 2018. — 90 с. — (Серия: Профессиональное образование).

3. Нестеров, С. А. Информационная безопасность: учебник и практикум для СПО / С. А. Нестеров. — М.: Издательство Юрайт, 2018. — 321 с. — (Серия: Профессиональное образование).

Порядок выполнения работы

1. Прочитать теоретическую справку

2. Приступить к наполнению контентом в соответствии с тематикой сайта

Теоретическая справка

Планирование контента сайта начинается с разработки сайта. Составляем список разделов, страниц, которые сайт содержит. Детализируем. Страница о Дополнительном оборудование – какое оборудование? По пунктам перечислить. Везде ставим иллюстрации, дополнительный материал в виде технической документации. Каждая страница говорит в пользу компании, работает на авторитет и маркетинг.

Постраничный план:

• какие разделы содержит текст;

• потребность в иллюстрациях: что, как, где взять;

• что делаем самостоятельно, а что с привлечением сторонних людей;

• перечень специалистов, которые необходимы.

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

Правило ТЗ:

• чем меньше букв, тем больше вероятности, что его прочтут;

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

• все что можно понять неправильно, будет понятно ошибочно.

Правило контента:

• Меньше букв, больше смысла.

• Одна картинка заменяет 1000 слов.

• Одно видео – 10 картинок.

Пример планирования

Страница Дополнительное оборудование.

Текст содержит:

• производители доп. оборудования;

• щит управления;

• форсуночное увлажнение;

• ультразвуковое увлажнение;

• изготовление напорных стен;

• наружные вентиляционные решетки;

• и т. д. перечисляем разделы текста, которые должны присутствовать.

Иллюстрации:

• логотипы производителей оборудования;

• фотография щита управления;

• иллюстрации форсуночного увлажнения;

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

Пример оформления сайта рассмотрен на следующей странице документа

Оформление страниц, общие правила

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

Правила простые:

• Меньше букв, больше смысла.

• Одна картинка заменяет 1000 слов.

• Одно видео – 10 картинок.

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

Пример оформления

Пример старой страницы

Пример новой страницы

Для сайта были выполнены следующие изменения:

1. переделали логотип

1. сделали новые слайды

1. изменены иконки Услуг для Главной страницы

1. иконки для раздела Услуги

1. Тексты сократили, почистили от лишних слов с сохранением смысла.

Наполнить свой сайт контентом в соответствии с вашей тематикой.

Ссылки на сайты с выполненной работой присылать на электронную почту [email protected]. В теме письма написать УП.09 и указать Фамилию, № группы и