Создание web-сайтов
рабочая программа по информатике и икт (11 класс) на тему

Вид учебной работы

Объем часов

Максимальная учебная нагрузка (всего)

144

Обязательная аудиторная учебная нагрузка (всего)

96

в том числе:

практические занятия

60

Самостоятельная работа обучающегося (всего)

48

Наименование разделов и тем

Содержание учебного материала, практические работы, самостоятельная работа обучающихся

Объем часов

Уровень освоения

1

2

3

4

Введение

Предмет и задачи дисциплины «Создание Web-сайтов» и связь ее с другими дисциплинами.

Структура учебной дисциплины.

Краткая характеристика основной учебной литературы.

Особенности дисциплины.

Основные сведения о Web- проектировании.

2

1

Раздел 1. Основы создания веб-страницы.

Тема 1.1. Создание веб-страницы

Виды редакторов, типы сайтов. Знакомство с HTML. Теги HTML.  Структура веб-страницы. Заголовок документа. Тело документа. Атрибуты тегов. Цвет текста. Размер и форма шрифта. Заголовки. Абзацы. Разделительная линия.

6

3

Практические занятия

Создание простой web-страницы.  Использование шрифтов в HTML. Форматирование шрифтов.

4

Самостоятельная работа

Изучить материал по теме «Анализ задач сайта и потенциальной аудитории»

Проанализировать материал.

Подготовить устное сообщение по данной теме.

Дополнительная литература  (11).

4

Тема 1.2. Организация текста внутри HTML-документа

Теги ненумерованных списков, нумерованных списков, теги для списков определений, вложенные списки. Цветовая гамма HTML – документа. Графика.

2

2

Практические занятия

Базовое оформление текста

2

Самостоятельная работа

Изучить материал по теме «Создание базовой структуры сайта»

Проанализировать материал.

Подготовить устное сообщение по данной теме.

Дополнительная литература  (11).

4

Тема 1.3.  Гипертекстовый документ.

Способы организации гипертекстовых документов. Текстовые ссылки. Изображения-ссылки. Задание цвета ссылок на веб-странице

2

3

Практические занятия

Создание внешних и внутренних  гиперссылок.

6

Самостоятельная работа

Изучить материал по теме «Создание базовых HTML-шаблонов на основе эскиза»

Проанализировать материал.

Подготовить устное сообщение. Дополнительная литература  (8).

6

Тема 1.4. Формы.

Создание форм в HTML документе.  Теги и атрибуты форм. Виды форм.

2

3

Практические занятия

Создание форм

6

Самостоятельная работа

Изучить материал по теме «Создание графического эскиза дизайна сайта»

Проанализировать материал.

Подготовить устное сообщение по данной теме.

 Дополнительная литература  (9).

6

Тема 1.5. Таблицы

Как устроена таблица, метки таблицы в HTML. Атрибуты таблицы.

2

2

Практические занятия

Создание HTML документов, включающих фоновые изображения и  различные виды таблиц

4

Самостоятельная работа

Изучить материал по теме «Формирование файловой структуры сайта»

Проанализировать материал.

Подготовить устное сообщение по данной теме.

Дополнительная литература  (8).

6

Тема 1.6. Дизайн сайта табличным способом.

Организация текста и иллюстрации с помощью таблиц

2

3

Практические занятия

Создание серии Web-сайтов

8

Самостоятельная работа

Изучить материал по теме «Подготовка материалов для сайта(тексты и иллюстрации)»

Проанализировать материал.

Подготовить устное сообщение по данной теме.

Дополнительная литература  (7).

8

Раздел 2. Веб-дизайн

Тема 2.1. Дополнительные  возможности создания веб-страниц

Назначение CSS. Базовые понятия CSS. Виды стилей

4

3

Самостоятельная работа

Изучить материал по теме «Окончательная верстка сайта».

Проанализировать материал.

Подготовить устное сообщение по данной теме.

Дополнительная литература  (8).

6

Тема 2.2.  Свойства CSS

Цвет и фон в CSS, шрифт в CSS, текст  в CSS, списки в CSS. Ссылки в CSS, рамки в CSS

6

3

Практические занятия

Создание web-страниц  с использованием различных свойств CSS

8

Самостоятельная работа

Изучить материал по теме «Размещение сайта в Интернете»

Проанализировать материал.

Подготовить устное сообщение по Дополнительная литература  (11).

8

Тема 2.3. Модель форматирования CSS

Блочные элементы. Вертикальное форматирование. Горизонтальное форматирование

4

3

Практические занятия

Создание сайтов с помощью блоков

10

Тема 2.4. Позиционирование

Абсолютное и относительное позиционирование. Спецэффекты

2

Практические занятия

Создание сайта с использованием спецэффектов.

4

Тема 2.5. Таблицы

Свойства таблиц в CSS

2

Практические занятия

Создание полноценного сайта с помощью табличного и  блочного дизайна

8

Результаты обучения

(освоенные умения, усвоенные знания
и компетенции)

Формы и методы контроля и оценки результатов обучения

уметь:

•программировать на языках HTML и CSS;

•размещать на Web-страницах текст и графику;

•  проектировать, изготовить и разместить в сети веб-сайт;

знать:

•  основные принципы создания Web-сайта;

•  приемы органзиации и самоорганихации работы по изготовлению сайта;

•  основные свойства и возможности языка гипертекстовой разметки текста HTML;

• способы применения инструментальных средств для создания, редактирования HTML - документов и Web-дизайна.

Овладеть компетенциями:

• самостоятельно создавать сайт, используя языки программирования HTM  и CSS

• тестировать и размещать web-сайт в сети Интернет.

Текущий контроль в форме:

 - защиты практических занятий;

 - контрольных работ по темам разделов дисциплины;

 - тестирования;

 - домашней работы;

  - отчёта по проделанной внеаудиторной самостоятельной работе согласно инструкции (представление пособия, презентации,  информационное сообщение).

Итоговая аттестация  в форме экзамена