Тема 1. Глобальная сеть Интернет
Тема 2. Типы сайтов. Технологии создания сайтов
Тема 3. Язык гипертекстовой разметки HTML
Тема 4. Теги HTML. Атрибуты тэгов
Тема 5. Списки в HTML документе
Тема 6. Гиперссылки в HTML документе
Тема 7. Размещение изображений в HTML документе
Тема 8. Создание таблиц в HTML -документе
Тема 9. Фреймовая структура Интернет-страниц
Тема 10. Структура и дизайн сайта
Вводное занятие Характеристика факультативного курса. Техника безопасности и правила поведения в кабинете информатики. Знакомство с понятиями ИОП школы, ИОС школы. Школьный сайт как часть ИОС школы. Виртуальное представительство личности. Понятие портфолио Личная веб-страничка, как элемент личного виртуального представительства.Тема 1. Глобальная сеть Интернет.
Интернета. WWW. Браузер. Веб-страница. Веб-сайт. Протокол. Безопасность в сети Интернет (см. Приложение1).Необходимо сформировать следующие компетенции:
Тема 2. Типы сайтов. Технологии создания сайтов.
Типы сайтов. Технологии создания сайтов.Необходимо сформировать следующие компетенции:
Тема 3. Язык гипертекстовой разметки HTML. Структура HTML-документа.
Понятие HTML. Назначение HTML. Структура HTML-документа: границы документа, заголовок документа, тело документа, название документа. Комментарии. Понятие тэга. Обозначение тэга. Типы тэгов.Практическая работа:
создание структуры HTML - документа в текстовом редакторе Блокнот. Сохранение документа в виде веб-страницы, просмотр документа с помощью браузера.Необходимо сформировать следующие компетенции:
Тема 4. Теги HTML. Атрибуты тэгов.
Основные тэги: параграф. Заголовки. Табулярные отступы. Горизонтальная линия. Тэги начертания текста: курсив, полужирнй, подчеркнутый, перечеркнутый, моноширинный. Теги для реализации цитат. Атрибуты тэгов. Имя атрибутов, значения атрибутов. Атрибуты выравнивание элемента относительно других элементов на странице, изменения размера шрифта, задания цвета. Практическая работа: использование тега параграфа, создание различных типов заголовков. Оформление формул с использованием тегов надъиндексов и подъиндексов. Использование тегов для различного начертания текста. Задание тексту цвета.
Необходимо сформировать следующие компетенции:
Тема 5. Списки в HTML документе.
Нумерованные списки. Маркированные списки. Списки с определениями. Теги для реализации всех типов списков. Параметры тегов. Практическая работа: создание нумерованных, маркированных и списков с определениями.Необходимо сформировать следующие компетенции:
Тема 6. Гиперссылки в HTML документе.
Понятие гиперссылки. Назначение гиперссылок. Локальные гиперссылки. Глобальные гиперссылки. Тег для реализации гиперссылок. Атрибуты тега для выбор окна открытия ссылок, цвета активной ссылки, цвета отработанной ссылки, цвета не отработанной ссылки.Практическая работа:
Создание локальных и глобальных гиперссылок.Необходимо сформировать следующие компетенции:
Тема 7. Размещение изображений в HTML документе.
Графические форматы. Размещение изображения в HTML-документе: тег img, атрибуты тега. Расположение изображения в документе: по вертикале, по горизонтали. Размер изображения: высота, ширина. Фоновое изображение HTML -документа. Практическая работа: вставка изображений в документ, расположение изображения, задание фонового изображения доокумента.Необходимо сформировать следующие компетенции:
Тема 8. Создание таблиц в HTML -документе.
Создание таблиц с использованием соответствующих тегов. Параметры тегов. Расположение таблицы в документе. Высота, ширина таблицы. Цвет рамки таблицы. Фон таблицы. Объединение ячеек таблицы. Атрибуты строки таблицы, атрибуты ячейки таблицы. Практическая работа: создание таблицы, ее расположение, задание цвета таблицы.Необходимо сформировать следующие компетенции:
Тема 9. Фреймовая структура Интернет-страниц.
Фреймы. Фреймовая структура HTML-документа.Необходимо сформировать следующие компетенции:
Тема 10. Структура и дизайн сайта.
Необходимо сформировать следующие компетенции:
Тема 11. Разработка веб-страницы, наполнение ее контентом.
Тема 12. Защита работ.