Учебно-методический комплекс по теме Web-дизайн

Материал из Letopisi.Ru — «Время вернуться домой»
(Различия между версиями)
Перейти к: навигация, поиск
 
(не показаны 25 промежуточных версий 2 участников)
Строка 26: Строка 26:
 
<!---------------------------------------------->
 
<!---------------------------------------------->
 
|style="font-size:95% "|'''Дополнительный материал'''<br />
 
|style="font-size:95% "|'''Дополнительный материал'''<br />
[[Вопросы для контроля]] <br />
+
[[Вопросы для контроля по теме Web-дизайн]] <br />
[[Итоговый проект]] <br />
+
[[Итоговый проект по теме Web-дизайн]] <br />
[[Значение тегов]]  
+
[[Термины по теме Web-дизайн]]  
  
  
Строка 36: Строка 36:
 
</center>
 
</center>
  
 +
<graphviz>
 +
digraph G{
 +
rankdir=LR ;
 +
node[color="slategray1",fontsize=12, fontcolor="red",style=filled, shape="ellipse"] ;
 +
"Главная страница" -> "Дидактические материалы"
 +
"Главная страница" -> "Актуальность темы"
 +
"Главная страница" -> "Тематическое планирование"
 +
{rank=same; "Дидактические материалы" "Актуальность темы" "Тематическое планирование" ;} ;
 +
}
 +
</graphviz>
 +
 +
  Тематическое планирование
 +
 +
{| class="standard" border=1
 +
|--
 +
|Тема урока||Количество часов
 +
|--
 +
|Основы языка HTML||2 часа
 +
|--
 +
|Введение в JavaScript||2 часа
 +
|--
 +
|Основы Web-дизайна||2 часа
 +
|--
 +
|Каскадные таблицы стилей||2 часа
 +
|--
 +
|Таблицы. Фреймы. Формы ||2 часа
 +
|--
 +
 +
|}
 +
 +
 +
Лучшие фоны для Web-страниц
 +
 +
<gallery>
 +
Изображение:a12345.jpg|'''Фон 1'''
 +
Изображение:b12345.jpg|'''Фон 2'''
 +
Изображение:c12345.jpg|'''Фон 3'''
 +
Изображение:d12345.jpg| '''Фон 4'''
 +
</gallery>
 +
 +
 +
[http://www.google.com/calendar/embed?src=annnew%40yandex.ru&ctz=Asia/Yekaterinburg|Тематическое планирование]
 +
 +
[http://bobrdobr.ru/bookmarks/Shteynvarg/index.html|Полезные закладки на БобрДобр]
 +
 +
[http://www.scribd.com/doc/2467032/-Web|Презентация Путешествие в страну Web-сайтию]
 +
 +
Для создания вашего сайта, вы можете использовать следующие изображения [http://flamber.ru/1207637121/photos/]
 +
 +
 +
Сообщество любителей Web-дизайна [http://shteynvarg.livejournal.com/]
 +
 +
 +
'''Дидактические материалы:'''
 +
 +
[http://www.scribd.com/doc/2523322/-Web-?ga_uploads=1|Ссылка Контрольные вопросы]
 +
 +
[http://www.scribd.com/doc/2523327/-?ga_uploads=1|Ссылка Таблица цветов]
 +
 +
[[Изображение:Karta240986.jpeg]]
 +
 +
[[RSS потоки по теме Web-дизайн|RSS потоки по теме Web-дизайн]]
  
 
<h1><font color="mediumvioletred">Пояснительная записка</font></h1>
 
<h1><font color="mediumvioletred">Пояснительная записка</font></h1>
Строка 95: Строка 157:
 
'''Развивающие:'''
 
'''Развивающие:'''
 
*Развитие внимательности, эстетического воображения
 
*Развитие внимательности, эстетического воображения
 +
 +
[[Категория:Информатика]]

Текущая версия на 20:33, 10 апреля 2011

Теория

История развития HTML
Структура HTML документов
Форматирование текста
Таблицы
Гиперссылки

Практика

Создание HTML страницы, форматирование
Вставка изображений
Использование ссылок
Создание таблиц

Дополнительный материал

Вопросы для контроля по теме Web-дизайн
Итоговый проект по теме Web-дизайн
Термины по теме Web-дизайн


 Тематическое планирование
Тема урока Количество часов
Основы языка HTML 2 часа
Введение в JavaScript 2 часа
Основы Web-дизайна 2 часа
Каскадные таблицы стилей 2 часа
Таблицы. Фреймы. Формы 2 часа


Лучшие фоны для Web-страниц


планирование

закладки на БобрДобр

Путешествие в страну Web-сайтию

Для создания вашего сайта, вы можете использовать следующие изображения [1]


Сообщество любителей Web-дизайна [2]


Дидактические материалы:

Контрольные вопросы

Таблица цветов

Файл:Karta240986.jpeg

RSS потоки по теме Web-дизайн

Пояснительная записка

 Актуальность

Данная тема актуальна в связи с процессом информатизации и необходимостью для каждого человека овладеть новейшими информационными технологиями для адаптации в современном обществе и реализации в полной мере своего творческого потенциала. Работа с WEB-сайтами стала отдельной специальностью, остро востребованной на рынке труда. Данную тему следует изучать после изучения темы «Глобальные сети. Интернет». Настоящая тема рассчитана на изучение в 9 классах в рамках урока по информатике.

Программа обучения рассчитана на определенный уровень подготовки учащихся:

  • базовые знания по информатике;
  • владение основными приемами работы в операционной среде MS Windows.
 Оборудование

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

Для изучения курса предусмотрено использование мультимедийных технологий, таких как презентации, OnLine-тестирование и т.п. Часть материала предлагается в виде теоретических занятий. Занятия по использованию ресурсов Интернет должны происходить в режиме OnLine. При отсутствии стабильного доступа к Интернет, можно использовать режим OffLine с заранее подготовленным информационным материалом.


Основные знания и умения

 Учащиеся должны знать:
  • Редакторы HTML кода.
  • Принципы работы с Web-редакторами
  • Основные принципы WEB-дизайна
  • Типичную структуры WEB-страницы и принципы проектирования сайта
  • Основные стандарты языка разметки HTML
  • Значения и способы применения HTML тегов


 Учащиеся должны уметь:
  • Создавать страницу
  • Форматировать текст
  • Использовать гиперссылки
  • Пользоваться таблицами

По окончании обучения по данной теме, учащиеся должны уметь создавать WEB-сайт, спроектированный и созданный ими на занятиях.

Текущий контроль усвоения материала осуществляется путем устного опроса и практических заданий.

Цели и задачи:

 Цель:

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

 Задачи:

Обучающие:

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

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

  • Понимание учащимся собственного внутреннего мира, имеющим потребность в самопознании и самореализации

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

  • Развитие внимательности, эстетического воображения
Персональные инструменты
Инструменты