Цветовое оформление Web-страниц (2 урока) icon

Цветовое оформление Web-страниц (2 урока)




Скачать 22.34 Kb.
НазваниеЦветовое оформление Web-страниц (2 урока)
Дата21.09.2012
Размер22.34 Kb.
ТипУрок
источник
Содержание
Основные моменты урока
Проверка домашнего задания.
Объяснение нового материала.


Описание методической разработки.

Урок информатики 11 класс.

Оборудование: кабинет информатики.

Программное обеспечение: текстовый редактор Блокнот, графический редактор Paint.


Тема урока: Цветовое оформление Web-страниц (2 урока).

Цели урока:

1) создание цветовой схемы с учетом теоретических знаний о цветах.

2) создание цветовой схемы с использованием графического редактора.

3) применение созданной цветовой схемы для Web-страниц.

Подготовка: Урок проводится в 11 классе. Ученики изучают язык HTML и создают свой маленький сайт, состоящий из 3-4 страниц. На предыдущем уроке ученики получили задание: создать цветовое оформление страниц на основе заданного фона (каждый ученик выбрал свой цвет).

^ Основные моменты урока:

1. Вступление. В начале урока учитель на белой доске желтым маркером записывает фразу: «На вкус и цвет товарища нет», и просит детей прочитать ее и прокомментировать, но ученики просят написать фразу маркером темного цвета, т.к. им ничего не видно.

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

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

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

3. ^ Объяснение нового материала. Итак, не все работы идеальны. Какие факторы надо учесть при оформлении сайта? Чтобы ответить на этот вопрос, обратимся к науке, что в ней говорится о природе цвета?

Демонстрация (презентации Цветовое оформление Web-страниц.ppt) слайдов 2 – 4 и обсуждая, делается вывод, что природа заложила цвет, как совокупность 3 основных цветов (красного, зеленого, синего). Поэтому, с технической точки зрения, любой цвет или оттенок, можно получить из совокупности этих трех составляющих. Кроме того, цвет можно математически рассчитать (слайды 5 и 6).

Обсуждение характеристик цвета и подбор цвета в графическом редакторе (слайды 7 и 8).

При цветовом оформлении Web-страницы, нужно учитывать многие факторы (психофизиологическое воздействие цвета, взаимное влияние цветов друг на друга, нужно правильно сочетать цвета) – слайды 9 – 24 (здесь также даются некоторые практические рекомендации).

25 слайд содержит готовые цветовые схемы, которые можно использовать в практике.

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

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

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

5. Подведение итогов. В конце урока просматриваем измененные сайты и делаем выводы.

Приложение:

  1. Презентация “Цветовое оформление Web-страниц.ppt”

  2. Текстовые документы: ”Письмо”, “Таблица цветов”, ”Советы при оформлении Web”, ”Тэги языка HTML”.



Похожие:

Цветовое оформление Web-страниц (2 урока) iconТехнология сохранения информации из системы www (приёмы сохранения web-страниц)
Вы путешествуете по web-страницам, то чаще всего, бывает некогда рассматривать или детально рассматривать имеющуюся на страницах...
Цветовое оформление Web-страниц (2 урока) iconТехнология сохранения информации из системы www (приёмы сохранения web-страниц)
Вы путешествуете по web-страницам, то чаще всего, бывает некогда рассматривать или детально рассматривать имеющуюся на страницах...
Цветовое оформление Web-страниц (2 урока) iconСтатья на тему «Дизайн web-сайта»
Для навигации в www используются специальные программы – Web-браузеры, которые существенно облегчают путешествие по бескрайним просторам...
Цветовое оформление Web-страниц (2 урока) iconИнтерактивный web-сервер персональных страниц угту п. Б. Дудкин, Д. Б. Желтышев, Э. П. Макаров
Все возрастающая необходимость аренды Web-пространства с целью информационного наполнения корпоративной сети (КС) угту самими пользователями...
Цветовое оформление Web-страниц (2 урока) iconAxplugin Программа подключения средства просмотра компании Netscape, что позволит открывать в нем документы Microsoft Office. WebPost
Вы можете бесплатно загрузить дополнительные документы и стили для мастера Web-страниц с Web-узла Microsoft Word
Цветовое оформление Web-страниц (2 урока) iconРазработка урока литературы
Оформление урока: портрет С. Никитина, выставка книг писателя, иллюстрации учащихся
Цветовое оформление Web-страниц (2 урока) iconИнструкция по продуктам Embarcadero Шаг 1 зайдите на web-сайт
Откройте с помощью вашего web-браузера (лучше пользоваться браузером Internet Explorer) web-сайт по адресу
Цветовое оформление Web-страниц (2 урока) iconИнструкция по продуктам Corel Шаг 1 зайдите на web-сайт
Откройте с помощью вашего web-браузера (лучше пользоваться браузером Internet Explorer) web-сайт по адресу
Цветовое оформление Web-страниц (2 урока) iconИнструкция по продуктам Microsoft Шаг 1 зайдите на web-сайт
Откройте с помощью вашего web-браузера (лучше пользоваться браузером Internet Explorer) web-сайт по адресу
Цветовое оформление Web-страниц (2 урока) iconИнструкция по продуктам Abbyy Шаг 1 зайдите на web-сайт
Откройте с помощью вашего web-браузера (лучше пользоваться браузером Internet Explorer) web-сайт по адресу
Разместите кнопку на своём сайте:
Документы


База данных защищена авторским правом ©edu.znate.ru 2000-2013
При копировании материала обязательно указание активной ссылки открытой для индексации.
обратиться к администрации
Документы