Инфоурок / Информатика / Конспекты / Разработка урока "Основные элементы веб-ресурса"

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

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

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

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

Ход урока

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. Проект «Создание баннера»

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









Только до конца зимы! Скидка 60% для педагогов на ДИПЛОМЫ от Столичного учебного центра!

Курсы профессиональной переподготовки и повышения квалификации от 1 400 руб.
Для выбора курса воспользуйтесь удобным поиском на сайте KURSY.ORG


Вы получите официальный Диплом или Удостоверение установленного образца в соответствии с требованиями государства (образовательная Лицензия № 038767 выдана ООО "Столичный учебный центр" Департаментом образования города МОСКВЫ).

Московские документы для аттестации: KURSY.ORG


Общая информация

Номер материала: ДБ-402397

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



Очень низкие цены на курсы переподготовки от Московского учебного центра для педагогов

Специально для учителей, воспитателей и других работников системы образования действуют 60% скидки (только до конца зимы) при обучении на курсах профессиональной переподготовки (124 курса на выбор).

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца с присвоением квалификации (признаётся при прохождении аттестации по всей России).

Подайте заявку на интересующий Вас курс сейчас: KURSY.ORG