Практическое занятие № 1

Тема. Основные понятия и проблемы курса.

Цель: самостоятельный анализ теоретического материала.

 

Ход работы

1. Найти и дать определение следующим понятиям:

• веб-документ
• сайт
• навигация (её назначение)
• юзабилити
• дизайн

2. Ответить на следующие вопросы:

• Как Вы думаете, что такое веб-документ? Каковы его достоинства и недостатки в сравнении с письменными материальными документами?
• Объясните различие понятий веб-сайт и веб-страница.
• Дизайн применяется в различных сферах деятельности человека. Как Вы думаете, чем веб-дизайн отличается, например, от газетно-журнального дизайна (задачи, особенности использования, возможности применения различных видов информации, достоинства и недостатки)?
• Зачем необходимо оптимизировать графические изображения перед их публикацией на веб-сайте?
• Чем отличается платный и бесплатный хостинг?
• Какие проблемы встают перед специалистами в области интернет-рекламы?

 

Практическое занятие № 2

Тема. Дизайн веб-ресурсов.

Цель: самостоятельная экспертиза оформления веб-сайта.

Ход работы

1. Найти и внимательно просмотреть в Интернет следующие ресурсы: http://www.tsu.ru, http://obzor.tomsk.ru,

2. Ответить на следующие вопросы по каждому ресурсу.

• Удалось ли разработчикам ресурса сделать его оформление
• привлекательным,
• уникальным,
• запоминаемым?
• Если удалось, то с помощью каких приемов и средств? Если вы считаете, что оформление не является привлекательным, уникальным, запоминаемым, то аргументируйте свою позицию.
• Достаточно ли контрастны цвет фона страницы и шрифта?
• Удалось ли разработчикам добиться цветовой гармонии на сайте?
• Какой цвет возможно (для улучшения цветовой гармонии) добавить или убрать из оформления?
• Может ли пользователь сайта изменять размер шрифта на страницах?
• Какой тип шрифта применен к основному тексту сайта? Соответствует ли этот тип общей стилистике сайта? Напоминаем, что Times используют на более консервативных сайтах, Arial можно назвать нейтральным шрифтом, Verdan более гармонично смотрится с модерновым, «высокотехнологичным» дизайном.
• Осуществляется ли акцентирование внимания на отдельных словах или кусках текста (заголовках, цитатах, определениях и т.д.)? С помощью чего это акцентирование реализуется (размер шрифта, цвет шрифта, курсив или полужирное написание и пр.)?
• Используются ля для организации информации на странице колонки? Сколько колонок на странице и какова функция каждой колонки (для чего она создана)?
• Используется ли на сайте призаголовочная графика (визуал)?
• Адаптирован ли дизайн под различные разрешения экрана пользователя?

 

Практическое занятие № 3

Тема. Разработка веб-документа.

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

В процессе выполнения заданий Вам необходимо создать мини-сайт на тему "Профессия будущего".

Требования, предъявляемые к работе:

• объем разрабатываемого сайта – не менее 3-х страниц;
• содержание проекта должно быть посвящено профессиональной деятельности педагога;
• обязательно размещение изображений хотя бы на одной странице.

Ход работы

Составить проект сайта.

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

Название планируемого сайта:

__________________________________________________________________

Краткое содержание:

__________________________________________________________________

Назначение сайта, цель его существования:

__________________________________________________________________

Целевая аудитория:

__________________________________________________________________

Какие сайты были найдены в процессе обзора ресурсов по выбранной тематике?

Название: ____________________________________________________

Адрес: _______________________________________________________

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

__________________________________________________________________

Что понравилось из увиденного (оформление, структура, назвать ресурс)?

__________________________________________________________________

Что из увиденного Вы хотели бы использовать в своей работе?

__________________________________________________________________

На какие недостатки Вы обратили внимание (по каждому из найденных ресурсов)?

__________________________________________________________________

Какие будут разделы на Вашем сайте? Перечислить названия:

__________________________________________________________________

Краткое содержание этих разделов (по каждому из разделов):

__________________________________________________________________

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

__________________________________________________________________