- Учителю
- Элективные курсы 10-11 класс 'Web-дизайн'. Планировнание.
Элективные курсы 10-11 класс 'Web-дизайн'. Планировнание.
| № урока | Дата | Тема урока, раздела | Практическая часть (контрольные точки (для всех), лабораторные работы (физика, химия, биология), практические работы (химия, физика, география, технология, уроки развития речи (сочинения, изложения) | Примечание |
| Компьютерный дизайн (17 ч) | ||||
| 1 |
| Введение |
|
|
| Основы разработки Web-страниц (5 ч.) | ||||
| 2 |
| Создание нового Web-узла. |
|
|
| 3 |
| Знакомство с конструкторами сайтов | Пр.р. №1 «Конструкторы сайтов» |
|
| 4 |
| Оформление домашней страницы. | Пр.р. №2 «Стилизация страниц» |
|
| 5 |
| Возможности программы Dream Weaver. | Пр.р. №3 «Работа в программе Dream Weaver.» |
|
| 6 |
| Возможности программы Dream Weaver. | Тест №1 «Возможности программы Dream Weaver.» |
|
| Работа с изображениями (11 ч.) | ||||
| 7 |
| Форматы графических файлов, возможности для применения их на веб-страницах. |
|
|
| 8 |
| Работа с изображениями (картинки, фотографии). Вставка изображений на web-страничку, редактирование | Пр.р. №4 «Работа с изображениями» |
|
| 9 |
| Фоновое изображение, изображение карта. Графические маркеры |
|
|
| 10 |
| Работа с изображениями. Выравнивание изображений на странице. |
|
|
| 11 |
| Работа с изображениями. Выравнивание изображений на странице. | Пр.р. №5 «Вставка и выравнивание изображений» |
|
| 12 |
| Вставка изображений на web-страничку, редактирование. | Пр.р. №6 «Вставка и редактирование изображений» |
|
| 13 |
| Вставка фонового изображения на web-страничку, редактирование. | Пр.р. №7 «Редактирование изображений» |
|
| 14 |
| Работа с изображениями.
| Пр.р. №8 «Создание фотоальбома «Моя семья» |
|
| 15 |
| Работа с изображениями.
| Пр.р. №9 «Создание фотоальбома «Мой класс» |
|
| 16 |
| Работа с изображениями.
| Пр.р. №10 «Создание фотоальбома «Домашние питомцы» |
|
| Работа с таблицами (4 ч.) | ||||
| 17 |
| Способы размещения информации на странице.
|
|
|
| 18 |
| Таблицы. Формирование структуры таблицы. | Пр.р. №11 «Вставка таблицы на страницу сайта» |
|
| 19 |
| Управление шириной столбцов. Объединение ячеек. | Пр.р. №12 «Редактирование таблицы» |
|
| 20 |
| Вложенные таблицы. Фреймы. | Пр.р. №13 «Размещение вложенной таблицы» |
|
| Таблицы каскадных стилей CSS (7 ч.) | ||||
| 21 |
| Таблицы каскадных стилей CSS. |
|
|
| 22 |
| Обзор свойств CSS. Основы построения CSS. | Пр.р. №14 «Стилизация web-страницы» |
|
| 23 |
| Позиционирование. Абсолютное, относительное, смешанное позиционирование. |
|
|
| 24 |
| Позиционирование. Абсолютное, относительное, смешанное позиционирование. | Пр.р. №15 «Установка позиций элементов сайта» |
|
| 25 |
| Статические и динамические фильтры. |
|
|
| 26 |
| Элементы языка Java Script |
|
|
| 27 |
| Элементы языка Java Script | Пр.р. №16 «Подключение Java Script» |
|
| Работа с гиперссылками (3 ч.) | ||||
| 28 |
| Редактирование домашней страницы. |
|
|
| 29 |
| Установка и редактирование гиперссылок. | Пр.р. №17 «Работа с гиперссылками» |
|
| 30 |
| Изображение в качестве гиперссылок. |
|
|
| Создание Web-сайта (5 ч.) | ||||
| 31 |
| Создание собственного Web-сайта (требования к оформлению странички). | Пр.р. №18 «Создание собственного Web-сайта» |
|
| 32 |
| Создание проекта - Web-сайт. | Пр.р. №19 «Создание собственного Web-сайта» |
|
| 33 |
| Создание собственного Web-сайта | Пр.р. №20 «Создание собственного Web-сайта» |
|
| 34 |
| Размещение Web-сайта на хостинге в сети Интернет. | Пр.р. №21 «Размещение Web-сайта на хостинге» |
|
| 35 |
| Проверка валидности кода сайта, защита проекта (Web-сайта). | Пр.р. №22 «Проверка валидности кода сайта» |
|