Практикум по освоению дисциплины «Управление IT-сервисами и контентом»

Wix Art Market – набор приложений и аппликаций для улучшения дизайна.

Шаблоны Wix закладывают основу для начала конструирования сайта, оставляя простор для воображения. Все шаблоны Wix легко настраиваются, они дают возможность приступить к собственному творчеству и выполнить весь процесс создания сайта “шаг-за-шагом”, начиная от его планирования до публикации on-line.

После выбора шаблона можно приступать к его редактированию и наполнению. Для этого нажимается кнопка Edit (Редактор) и происходит загрузка редактора в новом окне браузера. Редактор Wix представляет собой двухпанельное окно, левая часть которого отображает свойства выбранного элемента, а центральная содержит окно предпросмотра текущей страницы. Все манипуляции со структурой страниц внутри сайта осуществляются через соответствующую иконку «Страницы». В процессе редактирования можно в любой момент увидеть, как будет выглядеть сайт с помощью кнопки Preview (Предпросмотр), а когда все готово, то следует нажать на Save (Сохранить), указать адрес сайта, и он будет опубликован в сети.

РЕДАКТИРОВАНИЕ ШАБЛОНА И УПРАВЛЕНИЕ КОНТЕНТОМ

Как только вы выбрали шаблон и открыли его в Редакторе, вы можете начать изменять его, добавляя свой собственный контент. Вы можете удалить, изменить и добавить любое содержание и элементы на ваш сайт.

Установка фона сайта.

Выберите фон вашего сайта из нашей коллекции, чтобы установить фон вашего сайта. Чтобы установить фон:

1.Слева в Редакторе, нажмите на раздел Дизайна, чтобы открыть его.

2.В разделе Дизайн, нажмите на Фон.

3.В окне, выберите Фон. Ваш фон изменился.

Примечание: для возврата в меню раздела Дизайн, нажмите на кнопку Обратно в Дизайн. Чтобы закрыть раздел, нажмите X в правом верхнем углу.

Изменение цветов сайта.

Вы можете выбрать цветовую палитру вашего сайта в разделе

Дизайн. Чтобы изменить цвета сайта:

1. Слева в Редакторе, нажмите на иконку Дизайна, чтобы открыть раздел Дизайн.

21

2.В разделе Дизайн - выберите Цвета.

3.В окне Цвета, выберите цветовую палитру. Цвета вашего сайта изменились.

Выбор схемы шрифтов.

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

1.Слева в Редакторе - нажмите на иконку Дизайна, чтобы открыть раздел Дизайна.

2.В разделе Дизайн - выберите Шрифты.

3.В окне Шрифты выберите понравившийся стиль шрифта. Ваша схемы шрифтов изменилась.

Добавление элементов.

Вы можете добавить разные элементы на ваш сайт, нажав на иконку

Добавить. Чтобы добавить элемент:

1.В Редакторе слева - нажмите на иконку Добавить.

2.В окне Добавить, выберите категорию и элемент.

3.В окне Настроек, настройте элемент.

4.Нажмите за пределами элемента, чтобы закрыть окно Настроек. Новый элемент добавлен на ваш сайт.

Редактирование элемента.

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

1.Нажмите на элемент.

2.В открывшемся окне Настроек, измените настройки вашего элемента.

3.Нажмите за пределами элемента, чтобы закрыть окно Настроек. Ваш элемент настроен.

Вы можете отменить или вернуть действие с помощью кнопок Вернуть или Отменить в верхнем меню редактора. Нажмите CTRL-Z, чтобы отменить и CTRL-Y, чтобы вернуть.

Перемещение элемента.

Вы можете перемещать любой элемент вашего сайта - для этого просто кликните по элементу и переместите его в любое другое место на вашем сайте.

22

Изменение размеров элемента.

Вы можете изменить размеры элемента вашего сайта в любое время.

Чтобы изменить размеры элемента:

1.Нажмите на элемент

2.Потяните за уголок изменения размера, чтобы увеличить или уменьшить размер элемента.

3.Повторите действия с другими углами изменения размера. Размеры элемента изменены.

Удаление элемента.

Вы можете удалить элемент вашего сайта в любое время. Чтобы удалить элемент:

1.Нажмите на элемент.

2.Нажмите на иконку корзины.

3.В окне подтверждения, нажмите на кнопку OK. Ваш элемент удален.

Перемещение элемента на задний или передний план.

Вы можете перемещать элемент на задний или передний план так,

чтобы элемент располагался либо на другом элементе, либо за другим элементом. Чтобы переместить элемент на задний или передний план:

1.Нажмите на элемент.

2.Справа, на панели настроек элемента, нажмите на стрелки "вверх" или "вниз". Элемент может перемещаться.

Редактирование текста

Вы можете редактировать текст вашего сайта - для этого просто дважды кликните по тексту. Для редактирования текста:

1.Дважды кликните по тексту

2.Введите или отредактируйте текст в текстовом поле. Вы можете изменить формат текста с помощью панели форматирования текста.

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

Добавление текста.

Вы можете добавить новый текст на ваш сайт, нажав на иконку

Добавить в Редакторе и выбрав один из вариантов текстового поля.

Чтобы добавить текст:

1.Слева в Редакторе - нажмите на кнопку Добавить.

2.В списке Добавить, нажмите на Текст.

3.Выберите Заголовок или Абзац. На вашей странице появится новое текстовое поле.

23

4.В окне Настройки текста, нажмите на Редактировать текст или кликните дважды в текстовом поле.

5.Введите ваш текст в поле и отформатируйте его с помощью панели инструментов редактирования текста.

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

Удаление текста

Если вы хотите полностью удалить заголовок или абзац, просто

удалите все текстовое поле. Чтобы удалить:

1.Нажмите на заголовок или абзац.

2.Нажмите на Удалить на вашей клавиатуре.

3.Нажмите на Удалить в подтверждающем окне. Текстовое поле исчезло.

ПОРЯДОК ПРОВЕДЕНИЯ РАБОТЫ

1.В сети Интернет в среде браузера Google Chrome перейдите на сайт Wix по адресу: http://www.wix.com. (в среде Mozila Firefox или последней версии Internet Explorer).

2.Выполните регистрацию на сайте Wix. Для этого в окне Регистрация следует заполнить поля: Email и Пароль.

3.В главном меню Wix выберите пункт Шаблоны.

4.Слева на странице укажите категорию, например, Недвижимость

вкачестве тренировочной разработки и выберите подходящий шаблон.

5.Нажмите на кнопку Редактор, чтобы открыть шаблон в редакторе.

6.Создайте 3-4 страницы для сайта Недвижимость, просмотрите их, сохраните и опубликуйте тренировочный сайт.

КОНТРОЛЬНЫЕ ВОПРОСЫ

1.Что представляет собой система Wix?

2.В чем ее особенности?

3.Перечислите элементы главного меню Wix.

4.Какие категории шаблонов могут быть выбраны в среде Wix?

5.Как выполняется редактирование шаблона?

24

ТЕМА № 6 СОЗДАНИЕ САЙТА КОМПАНИИ С ПОМОЩЬЮ

КОНСТРУКТОРА

Теоретическая часть:

РЕКОМЕНДАЦИИ ДЛЯ РАЗРАБОТКИ WEB-САЙТА ПРИМЕР ПЛАНА WEB-САЙТА

Практическая часть:

ПОРЯДОК ПРОВЕДЕНИЯ РАБОТЫ КОНТРОЛЬНЫЕ ВОПРОСЫ

РЕКОМЕНДАЦИИ ДЛЯ РАЗРАБОТКИ WEB-САЙТА

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

Программа и приоритеты

Прежде всего, четко определите свою цель. Всё, что пока понадобится – это обычные блокнот и ручка. Задайте себе очень важные вопросы, которые изначально очевидны. Один из основных вопросов: “Для чего нужен сайт?”. Очевидно, что четко сформулированный ответ на этот вопрос будет облегчать поиски наилучшего решения на любом этапе разработки сайта.

Для чего нужен сайт?

Только не ограничивайтесь очевидным ответом “для бизнеса”. Надо поглубже проникнуть в специфику сайта. Цели всех сайтов варьируются. Если сайт создается для вашего бизнеса, то, что, по-вашему, главное, не всегда совпадает с тем, что думают ваши посетители. Чего вы ожидаете от ваших посетителей? Вы хотите, чтобы они заполнили контактную форму? Сразу же позвонили вам? Сделали заказ?

Вот пример перечня целей бизнес-сайта фотосервиса:

25

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

чтобы клиент позвонил и заказал фотосъемку своего мероприятия;

чтобы клиент упомянул этот сайт в Твиттере/Фейсбуке; чтобы продемонстрировать образцы своих фоторабот.

Кому адресован ваш сайт?

Итак, вы определились с приоритетами и целями вашего сайта, теперь вы можете задаться следующим вопросом: ”Кому адресован ваш сайт?”. Задумайтесь: кто они, ваши потенциальные потребители? Каков их возраст? Каковы их предпочтения? Чем их можно впечатлить и завлечь на сайт? Если зайдут, то что, прежде всего, должно их заинтересовать? Постарайтесь поставить себя на место конкретного клиента, тогда вы сможете получить представление о его ожиданиях от сайта и предложить их реализацию на сайте.

Распланируйте ваш сайт по страницам

Следующий шаг – распределить содержание сайта по страницам. Какого вида страницы вы предпочли бы? Будет ли ваша главная страница в основном содержать лишь текст или вы не прочь ослепить посетителей броским визуальным эффектом? Практически, основными страницами любого сайта являются главная страница (Домашняя), страница “О нас”, и контактная страница (Контакты). Если у вас музыкальный сайт, создайте отдельную страницу, где вы можете демонстрировать свою музыку. Загляните на страницу Выставка, чтобы познакомиться образцами сотен сайтов, созданных с помощью конструктора Wix. Наверняка они одарят вас разнообразными яркими идеями.

Выберите шаблон

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

26

Экипируйте ваш сайт

Экипировка сайта с помощью конструктора Wix может быть достаточно легкой, особенно, если вы уже хорошо подготовлены. Чем лучше проведена подготовка материала, тем быстрей пойдет дело. Вот несколько советов, как упорядочить компоненты сайта: составьте и напишите текст для сайта; подготовьте все изображения; создавайте страницы поочередно.

Используйте контент-анализ

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

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

ПРИМЕР ПЛАНА WEB-САЙТА Примерное содержание плана страниц Web-сайта

А. Домашняя страница

1.Текст

Приветствие.

Контактная информация.

Информация об авторских правах.

2.Графические объекты

Панель навигации: (1)Домой (2)Продукты (3)Заказы

Логотип компании

Изображение счастливого потребителя

В. Продукция

1.Текст Таблица, отражающая наименования продуктов, их описание,

цены.

Общая гарантийная информация.

2.Графические объекты Панель навигации

27

Логотип компании

Изображение продукции.

С. И т.д. аналогичным образом разрабатываются остальные страницы для подготовки полного плана контент-анализа.

ПОРЯДОК ПРОВЕДЕНИЯ РАБОТЫ

1.Разработайте план своего собственного сайта. Подготовьте перечень страниц, например: Домашняя страница, Продукция, Поддержка, Контактная информация, Заказы.

2.Составьте план контент-анализа с максимальной детализацией его пунктов. Для страниц будущего сайта используйте нумерацию A, B, C и т.д.

3.Подготовьте текстовое и графическое содержание каждой страницы с добавлением подпунктов плана.

4.Создайте, отредактируйте, просмотрите, сохраните и опубликуйте новый сайт.

5.Предъявите преподавателю разработанные сайты.

6.Представьте отчет о работе в виде ответов на контрольные вопросы.

КОНТРОЛЬНЫЕ ВОПРОСЫ

1.Перечислите основные этапы разработки Web-сайта в среде Wix.

2.Что называется контент-анализом?

3.Какие операции используются для редактирования сайта?

4.Как опубликовать сайт в Интернете?

28

ЛИТЕРАТУРА

1.Брукс П. Метрики для управления ИТ-услугами. – М.: Альпина Бизнес Букс, 2008 - 282 с.

2.Ингланд Р. Введение в реальный ITSM. – М.: Лайвбук, 2010. –

131 с.

3.Ингланд Р. Овладевая ITIL.– М.: Лайвбук, 2011. – 200 с.

4.Лугачев М.И и др. Экономическая информатика: введение в

экономический анализ информационных систем. – М.: ИНФРА-М, 2005. – 957 с.

5.http://www.wix.com.

29