Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Конспекты / Разработка урока "Основные элементы веб-ресурса"
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 24 мая.

Подать заявку на курс
  • Информатика

Разработка урока "Основные элементы веб-ресурса"

библиотека
материалов

Основные элементы веб-ресурса

Цели: научиться целостно представлять разрабатываемый веб-
ресурс; закрепить навыки выделения базовых информационных
единиц в плане содержания; научиться визуализировать теоретический материал с целью привлечения потенциальных пользователей
своего сайта.

Ход урока

I. Организационный момент

II. Актуализация знаний

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

  • Для чего используется навигация? (Навигация используется
    для перехода от страницы к странице.)

  • Какие преимущества получает пользователь при использовании схем навигации в интернет-ресурсах? (Грамотно
    оформленная навигация вменю позволяет быстро ориентироваться внутри ресурса.)

  • Какие виды навигации вы знаете? Назовите отличительные свойства каждого из видов. (В зависимости от типа
    сайта различают несколько видов навигации: вложенные
    страницы, линейная и иерархическая навигация. Первый
    вид еще называют «хлебными крошками», это самый про-
    стой и наглядный вид навигации, который реализуется
    в виде последовательной строки. Линейной называется
    навигация, при которой происходит последовательный
    переход от страницы к странице. Такой тип характерен для просмотра серии фотографий или однотипных
    документов.)

III. Теоретический материал урока

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

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

Для привлечения внимания используют различные средства,
такие, как:

  1. Яркий цвет, необычный цветовой аккорд. Условно сай-
    ты можно разделить на два класса: с темным (черным)
    и светлым (белым) фоном. Остальные элементы страницы
    должны быть контрастными по отношению к фону. Свет-
    лые элементы хорошо видны на темном фоне, а темные
    или яркие - на светлом фоне. Баннер должен быть заметен
    в любом случае.

  2. Анимация - очень эффективный прием. Движение всегда
    привлекает внимание посетителей. Баннер на краю экрана, где
    его обычно размещают, не останется незамеченным именно
    благодаря анимации.

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

  4. Логотип-эмблема, графическое изображение, выражающее
    суть рекламируемого предмета.

  5. Игровые приемы, например, когда предлагают попасть мышкой по бегающему элементу.

Основные характеристики баннера:

  1. Стандарт размера картинки. Например, в российской сети используется формат 468 точек по горизонтали на 60 по вертикали.

  2. Размер графического файла. В профессиональных системах
    для баннеров такого формата размер файла ограничивают на уровне
    11-14 килобайт. Грамотно разработанный анимированный баннер
    468 х 60 может занимать всего 4-6 килобайт.

  3. Разрешение - это количество точечных элементов изображения, приходящихся на единицу длины. Например, 600 dpi означает,
    что на 1 дюйм в горизонтальном (или вертикальном) направлении
    по картинке укладывается 600 точек; чем больше разрешение, тем
    менее различимы эти точки.

IV. Проект «Создание баннера»

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









Автор
Дата добавления 30.11.2016
Раздел Информатика
Подраздел Конспекты
Просмотров99
Номер материала ДБ-402397
Получить свидетельство о публикации

Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Похожие материалы

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