Урок на тему «Создание веб-сайта»

Урок на тему «Создание веб-сайта»



Цели урока

Образовательная:

  1. закрепить навыки проектирования собственных информационных ресурсов;

  2. закрепить понятия язык HTML, теги, оформление страниц, редакторы HTML;

  3. закрепить навыки работы в среде Qwanta+.

  4. отработать навыки редактирования веб-страниц в кодах HTML.

Развивающая:

  1. развивать логические приемы: анализа, синтеза, обобщения;

  2. формировать и развивать приемы умственного труда.

Воспитательная:

  1. воспитывать бережное отношение к результатам информационной деятельности человека;

  2. формировать целостное восприятие окружающего мира.

Тип урока: применение знаний и умений.

Оборудование: ПК, проектор, экран, презентация «Правила оформления сайта».

Виды работы: экспресс-тест, демонстрация приемов работы в среде Qwanta+, самостоятельная работа учащихся.

Этапы урока:

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

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

  3. Постановка цели урока.

  4. Изучение нового материала.

  5. Подведение итогов урока.

  6. Постановка домашнего задания.


Ход урока

Здравствуйте, садитесь. Я очень рада вас видеть. Сегодня у нас немного необычный урок, у нас гости. Кто сегодня отсутствует?


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

На прошлых уроках мы с вами изучили тему «интернет как информационная система», продолжаем изучать тему «веб-сайт, освоили приемы создания веб-страниц, рассмотрели возможности различных HTML-редакторов. Сейчас предлагаю вам выполнить экспресс-тест, проверить свои знания. Тема нашего урока «Создание веб-сайта».


III. Постановка цели урока

Сегодня на уроке мы с вами познакомимся с «золотыми» правилами оформления сайта, закрепим навыки работы в среде Qwanta+, навыки редактирования веб-страниц в кодах HTML.

IV. Изучение нового материала

Демонстрация мини-презентации «правила оформления сайта».

Структура сайта определяется удобством использования для пользователя. Это принято называть Юзабилити (usability). Информация или модель содержания определяется исходя из интересов пользователя. Пользователь должен принять решение о том, что ему нужно, легко найти нужную ссылку, и получить именно ту информацию, которая соответствует его ожиданиям.


При оформлении страницы необходимо учитывать:

  • соотношение цветовой гаммы;

  • организацию информационных блоков;

  • использование и необходимость использования динамических объектов.

Золотые правила оформления сайта:

  • Меню может быть выделено, и бросаться в глаза даже в ущерб читабельности. Его не надо рассматривать - оно должно быть заметным.

  • Информация должна быть представлена так, чтобы ее долго читать. Это значит: небольшая ширина колонки (читать глазами по горизонтали), текст с засечками, темным по светлому (так не утомляются глаза).

  • На одной странице должен быть размещен только один блок текста. Если надо перейти к блоку с другим содержанием сделайте ссылку.

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

Не злоупотреблять динамическими объектами.

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

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

правильная компоновка информации на странице;

  • удобство и наглядность представления элементов управления и кнопок навигации;

  • соответствие определенному стилю и самобытность;

  • быстрая загрузка страницы;

  • комфортное сочетание цветовой гаммы;

  • учет интересов целевой аудитории.

В качестве основных ошибок при создании Wed-страниц можно отметить:

  • неудачное цветовое решение;

  • неработающие ссылки;

  • слабое информационное наполнение;

  • плохая навигация, неудобное перемещение по сайту;

  • неработающие разделы;

  • отсутствие контактной информации;

  • только контактная информация.


Самостоятельная работа. Учащиеся работают над техническим заданием «оформление веб-страниц».


V. Итоги урока

Наш урок подошел к концу. Что нового вы сегодня узнали на уроке и чему научились?

VI. Рефлексия

 Я предлагаю оценить себя самостоятельно (говорю правильные ответы).


VII. Постановка домашнего задания

Отчет:

1. Продумать структуру сайта.

2. Детально описать каждую страницу.

3. Подобрать информационное содержимое для каждой страницы.

2


Нравится материал? Поддержи автора!

Ещё документы из категории информатика:

X Код для использования на сайте:
Ширина блока px

Скопируйте этот код и вставьте себе на сайт

X

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

После чего кнопка «СКАЧАТЬ» станет доступной!

Кнопочки находятся чуть ниже. Спасибо!

Кнопки:

Скачать документ