Цель: планируется, что к окончанию урока учащиеся будут

знать:

• суть метода What you see is what you get (WYSIWYG);

• преимущества и недостатки визуального веб-конструирования;

• популярные веб-конструкторы сайтов.

уметь:

• создать веб-сайт с помощью веб-конструктора.

Задачи личностного развития:

• содействовать формированию компьютерной грамотности;

• способствовать воспитанию информационной культуры;

• содействовать развитию дисциплинированности и любознательности;

• способствовать бережному отношению при эксплуатации средств ИКТ.

Тип урока: урок изучения нового материала.

Учебно-методическое обеспечение: 

• учебное пособие "Информатика 11, В.М. Котов";

• рабочая тетрадь по информатике 11 класс Л.Г. Овчинникова.

Программное обеспечение:

• Онлайн веб-конструктор сайтов Ukit (ссылка: https://ukit.com);

• Веб-конструктор Microsoft FrontPage.

Ход урока

1. Организационный момент (1 минута)

1. Приветствие учащихся. Создание благоприятного настроя на уроке.

2. Проверить готовность учащихся к уроку с помощью слова ТРУД: "Тетрадь, ручка, учебник и дневник"(презентация, 1 слайд).

2. Целемотивационный этап (2 минуты)

1. Сказать учащимся, что создание веб-сайта путем написания HTML разметки и оформления страницы CSS, это еще не все технологии, которые должен знать веб-разработчик. Так же важно знать язык программирования, одним из самым популярных языков программирования для разработки веб-сайтов является JavaScript. Разработчику следует обладать достаточно широкими знаниями работы с различными инструментами. Проблемой так же являются различия в поддержке и отображении элементов и работы функций в различных браузерах. Поэтому популярность обрели веб-конструкторы, особенность веб-конструктора в том, что не обязательно обладать навыками в верстке и программировании, а веб-сайт создается визуально понятным образом. 

2. Сформулировать тему урока: "Визуальное веб-конструирование" (презентация, 2 слайд).

3. Совместно с учащимися сформулировать цели урока (презентация, 3 слайд):  

• Буду знать:

3. 1. 1. суть метода What you see is what you get (WYSIWYG);

      2. преимущества и недостатки визуального веб-конструирования;

      3. популярные веб-конструкторы сайтов.

• Буду уметь (смогу):

1. создать веб-сайт с помощью веб-конструктора.

3. Домашнее задание (1 минута)

Параграф 10, ответить на вопросы 1-3 (с. 73, учебное пособие).

4. Изучение новой темы (6 минут)

1. Рассказать учащимся в чём суть метода WYSIWYG (What you see is what you get). 

2. Пояснить в чём особенность при создании сайтов с использованием визуального метода. В чём отличие данного метода от веб-разработки (HTML, CSS, JavaScript), в чём преимущество и недостатки такого метода разработки веб-сайта (презентация, 5 слайд). 

3. Познакомить учащихся с конструкторами веб-сайтов (Adobe Dreamweaver, Wix, Ukit), примеры 10.1, 10.2 (с. 71, 72, учебное пособие). Раскрыть особенность конструкторов веб-сайтов и в чём их преимущество.

5. Проверка понимания и закрепления изученного (15 минут)

Предложить учащимся выполнить на компьютере упражнения 1-11 (с. 74, 75, учебное пособие), или задание в рабочей тетради (Урок 17).

6. Физкультминутка (1 минута)

Акцент делается на зрительную систему.

7. Контроль знаний и умений (15 минут)

1. Учащиеся продолжают выполнять задание предложенное в пункте 5 плана-конспекта. 

2. Демонстрация и проверка выполненных работ.

8. Обобщение и систематизация изученного (3 минуты)

Организовать обсуждение (презентация, 7 сайд):

• В чем отличие визуального веб-конструирования от разработки веб-сайта с использованием языка разметки, каскадных таблиц стилей и языка программирования?

• Какие преимущества веб-конструктора? 

• В каких случаях выгоднее использовать визуальное веб-конструирование?

9. Подведение итогов и рефлексия (1 минута)

1. Обсудить результаты выполнения заданий (тестов) и выборочно оценить работу учащихся на учебном занятии. 

2. Предложить вернуться к цели урока, организовать обсуждение:

• Насколько вы достигли поставленной цели?

• Как вы оцениваете свою работу на уроке?

3. Предложить закончить фразы:

• "Сегодня мне понравилось ..."

• "На уроке для меня было трудным ..."

• "Хотелось бы узнать еще ..."

• "Хотелось бы изменить в уроке ..."