- Учителю
- Элективные курсы 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 «Проверка валидности кода сайта» |
|