articles_594_webdizayn

Пояснительная записка
Элективный курс «Web-дизайн» для предпрофильной подготовки учащихся 9 классов является
расширением темы «Основы языка разметки гипертекста». Курс рассчитан на учащихся имеющих
начальные навыки работы с программой Microsoft Word любой версии.
Технологии Всемирной паутины открывают широкие возможности для использования их в
Интернете. Однако, воплощение возможностей в действительность невозможно, как и любая
другая работа, без удобных инструментов. Данный курс позволит учащимся изучить основные
инструментальные средства для создания и разработки Web-страниц.
Представляемый курс направлен на формирование компьютерной грамотности создания Webстраниц, что соответствует образовательным целям самих учащихся и в целом общества.
В основе данного курса, заложена межпредметная связь информатики с литературой, русским
языком, черчением и конечно с рисованием. В процессе обучения от учащихся потребуется не
только умение создать свой Web-сайт, но и сделать его визуально и информационно
привлекательным, что невозможно без мобилизации творческих возможностей и необходимости
самостоятельного поиска нестандартных (не шаблонных) решений.
Цели курса:
- Формировать навыки алгоритмического мышления учащихся (на основе изучения языка HTML)
- повысить грамотность учащихся в области Интернет-технологий;
- создание собственного тематического сайта
Задачи курса:
- Сформировать у учащихся базовые представления о языке гипертекстовой разметки HTML;
- заинтересовать учащихся изучением информатики,
- помочь учащимся реализовать их замыслы в процессе создания Web-сайта;
- развить творческий подход к делу и поиску нестандартных решений в процессе создания Webсайта;
- научить создавать Web-сайты в редакторах Блокнот, Microsoft FrontPage 2003
- развивать воображение и художественный вкус;
- закреплять полученные навыки работы на компьютере;
- получать и развивать теоретические знания и практические навыки в области компьютерного
дизайна;
- показать возможности применения Web-страниц в различных областях профессиональной
деятельности.
Курс ориентирован на предпрофильную подготовку учащихся и строится на основе
информатики и технологии, с использованием методов исследовательской, проектной
деятельности. Курс построен по модульному принципу и предполагает практическое выполнение
индивидуальных и групповых заданий, а так же выполнение и защиту проектной работы в области
Интернет-технологий.
Знания и навыки, полученные учащимися, окажутся полезными при дальнейшем изучении
предметов не только информационно-технологического профиля, но всех других и будут
способствовать осознанному выбору профиля для дальнейшего обучения. По окончании
элективного курса ученики должны уметь эффективно использовать инструментальные
программные средства (Microsoft Word, FrontPage) с использованием языка HTML для создания
Web-страниц и Web-сайтов
Курс рассчитан на 34 часа. Режим проведения занятий 1ч в неделю. Результатом изучения
курса «Web-дизайн» является защита проекта Web-сайта посвященного выбранной тематике.
Тематику сайта учащиеся должны выбрать самостоятельно. Можно предложить им несколько
вариантов, например:
1. Я выбираю здоровый образ жизни.
2. Художники 19 века.
3. Мой класс.
Моя школа.
Мой любимый город.
Информатика вокруг нас.
Все науки хороши, выбирай на вкус.
Мои домашние питомцы
Все о машинах
Естественно, при выборе тематики сайта необходимо учитывать наличие графических
файлов (либо фотографий) посвященных выбранной теме.
Перечень знаний и умений, формируемых у учащихся
4.
5.
6.
7.
8.
9.
1.
2.
3.
4.
5.
6.
7.
8.
9.
Учащиеся должны:
Овладеть основными знаниями компьютерных Интернет-технологий.
Владеть основами работы с прикладными программными средствами и применять их на
практике для создания Web-сайта.
Знать основные тэги и их характеристики.
Уметь применять различные цвета для оформления Web-странички.
Научиться использовать таблицы, определять структуру Web-документа, используя при
этом различные анимационные графические элементы, фотографии, рисунки и т.д.
Уметь создавать гиперссылки, дополнительных Web-страниц.
Определять дизайн Web-сайта и его структурных компонентов.
Работать в программе Front Page 2003 Explorer
Уметь использовать дополнительные источники информации (литература, программы) для
создания Web-страниц.
Тематическое планирование курса «Web-дизайн»
(34 часа)
Тема
I
II
III
IV
V
Знакомство с Интернетом
Соединение компьютеров в Интернете
Организация передачи данных
Язык гипертекстовой разметки HTML
Описание языка HTML
Атрибуты тега <BODY>
Форматирование Web-страниц
Создание абзацев, заголовков
Установка атрибутов шрифта
Гиперссылки
Вставка графических объектов
Бегущая строка
Списки
Таблицы
Фреймы
Формы
Front Page 2003 Explorer
Инструментальные средства создания сайтов
Окно Front Page 2003 Explorer
Начало создания Web -сайта
Форматирование Web -страницы
Работа с графикой
Управление Web -сайтом
Создание таблиц и фреймов
Использование мастеров и шаблонов
Работа с формами
Использование Web -компонентов
Использование HTML
Количество
часов
2
4
Теория
2
1
1
2
1
1
9
11
Создание тематических Web-сайтов (проектная деятельность)
9
Создание персонального сайта с помощью мастера
Создание простого тематического сайта без
использования мастера по образцу
Защита компьютерных проектов
Итого:
34
2
1
1
Практика
2
1
1
9
1
1
1
1
1
1
1
1
1
9
1
1
1
1
1
1
1
1
1
9
3
4
5
2
29
Содержание курса
I Знакомство с Интернетом
Соединение компьютеров в Интернете
Знакомство с понятием Интернет, состав Интернета, подключение к интернету,
назначение и классификация компьютерных сетей, программы браузеры
Организация передачи данных
Протоколы передачи данных, маршрутизация, транспортировка
II Язык гипертекстовой разметки HTML
Описание языка HTML
Знакомство с понятием Web-сайт и Web-страница, Web-технологии, язык
гипертекстовой разметки документов, теги, HTML-код.
Атрибуты тега <BODY>
Атрибут, назначение атрибутов BGCOLOR, BACKGROUND, TEXT, LINK, VLINK,
ALINK
III Форматирование Web-страниц
Создание абзацев, заголовков
Абзац, тэг <P>, типы выравнивания, заголовки текста, тэг <HR>
Установка атрибутов шрифта
Управление шрифтом, тэг <FONT> и его атрибуты FASE, SIZE, COLOR
Гиперссылки
Гиперссылка, добавление гиперссылки, изменение гиперссылки, удаление гиперссылки,
текстовые ссылки, графические ссылки, навигация.
Вставка графических объектов
тег <IMG> с атрибутом SRC, параметры графического изображения, вставка
графических изображений
Бегущая строка
Анимированные файлы, бегущая строка, диалоговое окно бегущей строки.
Списки
Списки, маркированные и нумерованные списки, тэги <OL>, <UL>, <LI> атрибут
TYPE
Таблицы
Построение таблиц в HTML документе, оформление таблиц, объединение ячеек,
изменение ширины ячеек, использование таблицы без рамки.
Фреймы
Фрейм, установочный HTML-файл, левый фрейм, центральный фрейм, верхний фрейм,
заполнение и оформление фреймов
.
Формы
Текстовые поля, переключатели, флажки, поля списков, текстовая область, отправка
данных из формы
IV Front Page 2003 Explorer
Инструментальные средства создания сайтов
Инструментальные системы создания сайтов, их достоинства и недостатки
Окно Front Page 2003 Explorer
Знакомство с окном Front Page, область задач, настройка Front Page, панели
инструментов, меню Front Page
Начало создания Web –сайта
Планирование структуры сайта, его организации, дизайна, добавление страниц,
задание базовых параметров, ввод текста, импорт файлов
Форматирование Web –страницы
Выравнивание текста, добавление шрифтовых стилей и эффектов, создание и
использование таблиц стилей, создание и применение тем
Работа с графикой
Использование коллекции клипов, добавление изображения со сканера или камеры,
изменение размеров изображения, использование цветовых эффектов
Управление Web –сайтом
Использование гиперссылок в тексте и графике, определение неработающих ссылок,
управление гиперссылками, публикация сайтов и страниц
Создание таблиц и фреймов
Создание таблицы с помощью меню, с помощью панели инструментов, рисование
таблицы, изменение внешнего вида ячеек, форматирование таблиц и ячеек,
компоновка с помощью фреймов, встроенный фрейм
Использование мастеров и шаблонов
Использование мастеров веб-сайтов, использование шаблонов страниц, создание
шаблонов
Работа с формами
Создание форм с помощью мастера, вручную, просмотр и исправление формы,
изменение свойств формы, использование формы
Использование Web –компонентов
Использование динамических эффектов, добавление электронных таблиц и диаграмм,
счетчик посещений, коллекции фотографий
Использование HTML
Просмотр кода HTML во Front Page
V Создание тематических Web-сайтов (проектная деятельность)
Создание собственного Web-сайта» является заключительным этапом данного курса. В
процессе создания собственного Web-сайта учащиеся должны продемонстрировать
знания и умения полученные при изучении предыдущих тем курса