33423
столько раз учителя, ученики и родители
посетили сайт «Инфоурок»
за прошедшие 24 часа
+Добавить материал
и получить бесплатное
свидетельство о публикации
в СМИ №ФС77-60625 от 20.01.2015
Дистанционные курсы профессиональной переподготовки и повышения квалификации для педагогов

Дистанционные курсы для педагогов - курсы профессиональной переподготовки от 5 480 руб.;
- курсы повышения квалификации от 1 400 руб.
Московские документы для аттестации

ВЫБРАТЬ КУРС СО СКИДКОЙ 60%

ВНИМАНИЕ: Скидка действует ТОЛЬКО до 28 февраля!

(Лицензия на осуществление образовательной деятельности №038767 выдана ООО "Столичный учебный центр", г.Москва)

Инфоурок / Информатика / Конспекты / Разработка Web-страниц с использованием языка HTML (урок, презентация)

Разработка Web-страниц с использованием языка HTML (урок, презентация)


Напоминаем, что в соответствии с профстандартом педагога (утверждён Приказом Минтруда России), если у Вас нет соответствующего преподаваемому предмету образования, то Вам необходимо пройти профессиональную переподготовку по профилю педагогической деятельности. Сделать это Вы можете дистанционно на сайте проекта "Инфоурок" и получить диплом с присвоением квалификации уже через 2 месяца!

Только сейчас действует СКИДКА 50% для всех педагогов на все 184 курса профессиональной переподготовки! Доступна рассрочка с первым взносом всего 10%, при этом цена курса не увеличивается из-за использования рассрочки!

ВЫБРАТЬ КУРС И ПОДАТЬ ЗАЯВКУ
Выберите документ из архива для просмотра:

Выбранный для просмотра документ Сценарий урока.doc

библиотека
материалов
Скачать материал целиком можно бесплатно по ссылке внизу страницы.


Обобщающий урок информатики

в 11 классе по теме:


«Разработка Веб-страниц с использованием

языка HTML»

  • использованные источники:

Угринович Н. Д. Информатика и ИКТ. Базовый уровень. Учебник для 11 классов. М.: Бином. Лаборатория знаний, 2008 г.

  • ключевые слова или опорные понятия:

Web-сайт, WEB-страница, язык НТМL, тэги, мультимедийность, интерактивность, сервер , гостевая книга, гиперссылка, браузер, контейнер



Цели:

Образовательные

1. Обеспечить в ходе конкурса повторение, закрепление и контроль усвоения тем курса “Разработка Web-сайтов с использованием языка HTML”.

2.  Закрепить умение использовать язык разметки гипертекста HTML для создания Web-сайтов.

Развивающие

1. Развивать у учащихся самостоятельность в принятии решения, планирования деятельности.

2. Развивать познавательный интерес учащихся, внося в течение конкурса элемент соревнования.

Воспитательные

1. Содействовать в ходе конкурса формированию основных мировоззренческих идей (причинно-следственные связи)

2. Способствовать воспитанию у учащихся внимательности, целеустремленности.

Ход занятия

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

Здравствуйте, ребята! Я рад приветствовать Вас на заключительном занятии по курсу “Разработка Web-сайтов с использованием языка HTML”. Мы проведем его в форме конкурса. Вы разбиваетесь на команды по 4 человека и выполняете предложенные задания.

Задания выполняются индивидуально, а баллы идут той команде, чей участник дал правильный ответ. Ваши знания будет оценивать жюри.


После каждого этапа конкурса жюри подсчитывает набранные баллы и объявляет результаты.

Желаю Вам удачи!


  1. Теоретические задания:


а) “Тестирование”

Дорогие ребята! Вашему вниманию предлагается тест «Проверь себя». Приложение 1, презентация, слайды 3 - 11

ПОДВЕДЕНИЕ ИТОГОВ: жюри проверяет и оценивает работы учащихся.


б) “Ответьте на вопросы”


А теперь вы должны ответить на вопросы. Приложение 2,

презентация, слайды 14 - 18

ПОДВЕДЕНИЕ ИТОГОВ: жюри проверяет и оценивает работы учащихся.


в) “Установите соответствие”


Вашему вниманию предлагается таблица. Вы должны каждой строчке в правом столбце найти соответствующую строчку в левом столбце. Приложение 3, презентация, слайды 19 - 21

ПОДВЕДЕНИЕ ИТОГОВ: жюри проверяет и оценивает работы участниц.


Практические задания: (см. Приложение 4, папку Практикум, презентация, слайды 22 - 26)


а) “ Создание WEB-страницы по предложенному материалу ”

В папке Женева находится текстовый файл «Женева», в котором дается небольшая информация об этом городе и файл картинки «Женева», с изображением самого города.

  1. Создайте в Блокноте WEB-страницу, содержащую этот текст под названием ЖЕНЕВА

  2. Вставить картинку города, расположив ее посередине перед текстом .

3. Выделите в тексте 3 абзаца:

1-ый абзац – цвет шрифта - красный, размер шрифта = 5

2-ой - цвет шрифта - синий, размер шрифта = 3

3-ий – цвет шрифта - зеленый, размер шрифта = 4

ПОДВЕДЕНИЕ ИТОГОВ: жюри проверяет и оценивает работы участниц.


б) «Доработайте сайт»


В папке ГОРОСКОП дан WEB-сайт «ГОРОСКОП» для трех знаков зодиака, состоящий из 4-х WEB-страниц.

Создать гиперссылки:

А) с первой страницы сайта на другие страницы сайта

Б) с каждой страницы сайта на главную.

ПОДВЕДЕНИЕ ИТОГОВ: жюри проверяет и оценивает работы участниц.


в) Работа с интерактивными формами. «Доработайте WEB-страницу с анкетой».

Вам предлагается доработать Веб-страницу «Анкета»:

1.Длина поля ФАМИЛИЯ – 30, ИМЯ – 10, ОТЧЕСТВА – 30 , поля возраст – 13.

2.В нужные поля дописать названия медалей.

3.Занести предметы, по которым у вас «5».

4. Записать ваши любимые занятия.

5. Изменить цвет фона страницы на розовый.


ПОДВЕДЕНИЕ ИТОГОВ: жюри проверяет и оценивает работы учащихся.


4. Итоги урока. Объявление и награждение победителей.


Итак, наш урок-конкурс завершен. Подведем итоги. Вы хорошо подготовились к уроку, показали свои знания и умения.

Заключительное слово жюри. Победившая команда награждается грамотой, призом. Все участники урока получают поощрительные призы.

Выбранный для просмотра документ презентация.pptx

библиотека
материалов
 WEB-сайты
Знаете ли вы теги?
 Молодец! Верный ответ
б в Веб-сайтов Тэгов Языка HTML Информация во Всемирной паутине реализуется а
б в Браузер Гиперссылка Контейнер Пара тэгов, заключенная в угловые скобки а
б в HTML Visual Basic Turbo Pascal Веб-сайты создаются с помощью языка а
б в Web-редактор Браузер Программа для просмотра Web-страниц а Turbo Pascal
б в Сервера Гиперссылок Браузера Web-страницы объединяются между собой с помо...
б в Внутри одной папки В разных папках Внутри одной папки, в которой созданы...
б в Отдельный файл Отдельная папка Один файл для всех страниц Для каждой стра...
б в Создания Web-страниц Просмотра Web-страниц Создания гиперссылок Web-редак...
Сайт может содержать кроме текста звуковую и видеоинформацию, картинки, аним...
4. Вступительная страница сайта, которая рассказывает читателям для чего раз...
7. Если мы хотим разместить страницу или сайт в Интернете , то нам нужно раз...
10. Технология HTML состоит в том, что в обычный текстовый документ вставляю...
Задание. Установить соответствие между строками в таблице: Какой тэг соответ...
Продолжение табл.  / FONT> Размер шрифта наВеб-странице   Абзац с выравниван...
В папке Женева находится текстовый файл «Женева» и файл с изображением самого...
3. Выделите в тексте 3 абзаца: 1-ый абзац – цвет шрифта - красный, размер шри...
. В папке ГОРОСКОП дан WEB-сайт «ГОРОСКОП» для трех знаков зодиака, состоящий...
Вам предлагается доработать Веб-страницу «Анкета»: 1.Длина поля ФАМИЛИЯ – 30,...

Описание презентации по отдельным слайдам:

1 слайд  WEB-сайты
Описание слайда:

WEB-сайты

2 слайд Знаете ли вы теги?
Описание слайда:

Знаете ли вы теги?

3 слайд  Молодец! Верный ответ
Описание слайда:

Молодец! Верный ответ

4 слайд б в Веб-сайтов Тэгов Языка HTML Информация во Всемирной паутине реализуется а
Описание слайда:

б в Веб-сайтов Тэгов Языка HTML Информация во Всемирной паутине реализуется а

5 слайд б в Браузер Гиперссылка Контейнер Пара тэгов, заключенная в угловые скобки а
Описание слайда:

б в Браузер Гиперссылка Контейнер Пара тэгов, заключенная в угловые скобки а

6 слайд б в HTML Visual Basic Turbo Pascal Веб-сайты создаются с помощью языка а
Описание слайда:

б в HTML Visual Basic Turbo Pascal Веб-сайты создаются с помощью языка а

7 слайд б в Web-редактор Браузер Программа для просмотра Web-страниц а Turbo Pascal
Описание слайда:

б в Web-редактор Браузер Программа для просмотра Web-страниц а Turbo Pascal

8 слайд б в Сервера Гиперссылок Браузера Web-страницы объединяются между собой с помо
Описание слайда:

б в Сервера Гиперссылок Браузера Web-страницы объединяются между собой с помощью а

9 слайд б в Внутри одной папки В разных папках Внутри одной папки, в которой созданы
Описание слайда:

б в Внутри одной папки В разных папках Внутри одной папки, в которой созданы вложенные папки Все файлы сайта ( если их очень много) должны размещаться а

10 слайд б в Отдельный файл Отдельная папка Один файл для всех страниц Для каждой стра
Описание слайда:

б в Отдельный файл Отдельная папка Один файл для всех страниц Для каждой страницы вашего сайта должен быть создан а

11 слайд б в Создания Web-страниц Просмотра Web-страниц Создания гиперссылок Web-редак
Описание слайда:

б в Создания Web-страниц Просмотра Web-страниц Создания гиперссылок Web-редактор - это программа для а

12 слайд Сайт может содержать кроме текста звуковую и видеоинформацию, картинки, аним
Описание слайда:

Сайт может содержать кроме текста звуковую и видеоинформацию, картинки, анимацию. Это свойство сайта называется … Посетители сайта могут зарегистрироваться на сайте, заполнить анкету и т. д. Это свойство сайта называется … 3. Файл с содержанием главной страницы сайта называют ... мультимедийность интерактивность INDEX

13 слайд 4. Вступительная страница сайта, которая рассказывает читателям для чего раз
Описание слайда:

4. Вступительная страница сайта, которая рассказывает читателям для чего разработан сайт и какую информацию содержит называется… 5. Режим, при котором компьютер подключен к сети называется ... 6. Чтобы сайт сделать более привлекательным на нем размещают картинки в движении, называемые... главной Анимационными роликами онлайн

14 слайд 7. Если мы хотим разместить страницу или сайт в Интернете , то нам нужно раз
Описание слайда:

7. Если мы хотим разместить страницу или сайт в Интернете , то нам нужно разместить его на Веб-сервере. Компания, предоставляющая возможность пользоваться пространством на своем Веб-сервере называется ... 8. Веб-сайты располагаются на мощных компьютерах, называемых ... или ... 9.Файл, содержащий Веб-страницу имеет расширение... серверами хостами Хостинговой HTML

15 слайд 10. Технология HTML состоит в том, что в обычный текстовый документ вставляю
Описание слайда:

10. Технология HTML состоит в том, что в обычный текстовый документ вставляются управляющие символы... 11. ... позволяет посетителям сайта оставлять свои комментарии по поводу сайта, а так же знакомиться с комментариями, оставленными другими веб-пользователями. тэги Гостевая книга

16 слайд Задание. Установить соответствие между строками в таблице: Какой тэг соответ
Описание слайда:

Задание. Установить соответствие между строками в таблице: Какой тэг соответствует какой строке в таблице. <BODY> </ BODY> Для создания списка гиперссылки <HTML> </HTML> Для создания абзаца < A HREF= > </ A> Для создания нумерованного списка <HR> Для вставки рисунка <UL> </ UL> Начало и конецВеб-страницы <P> </ P> Горизонтальный разделитель <TITLE> </ TITLE> Содержит название Веб-страницы <IMG SRC= > Содержит основное содержание Веб-страницы

17 слайд Продолжение табл.  / FONT&gt; Размер шрифта наВеб-странице   Абзац с выравниван
Описание слайда:

Продолжение табл. <FONT COLOR= > / FONT> Размер шрифта наВеб-странице <B> </B> Абзац с выравниванием <FONT SIZE= > </ FONT> Курсивный шрифт <H?></H?> цвет фона < I > < / I > Жирный шрифт <P ALIGN= > </ P> Размер заголовка <FORM> </ FORM> Для вставки формы <BODY BGCOLOR= > Цвет шрифта Веб-страницы

18 слайд В папке Женева находится текстовый файл «Женева» и файл с изображением самого
Описание слайда:

В папке Женева находится текстовый файл «Женева» и файл с изображением самого города. Создайте в Блокноте WEB-страницу под названием Женева , содержащую этот текст. Вставьте картинку размером 150 Х 200, расположив ее посередине перед текстом . Задание №1

19 слайд 3. Выделите в тексте 3 абзаца: 1-ый абзац – цвет шрифта - красный, размер шри
Описание слайда:

3. Выделите в тексте 3 абзаца: 1-ый абзац – цвет шрифта - красный, размер шрифта = 5 2-ой - цвет шрифта - синий, размер шрифта = 3 3-ий – цвет шрифта - зеленый, размер шрифта = 4

20 слайд . В папке ГОРОСКОП дан WEB-сайт «ГОРОСКОП» для трех знаков зодиака, состоящий
Описание слайда:

. В папке ГОРОСКОП дан WEB-сайт «ГОРОСКОП» для трех знаков зодиака, состоящий из 4-х WEB-страниц. Создать гиперссылки : А) с первой страницы сайта на другие страницы сайта Б) с каждой страницы сайта на главную. Задание №2

21 слайд Вам предлагается доработать Веб-страницу «Анкета»: 1.Длина поля ФАМИЛИЯ – 30,
Описание слайда:

Вам предлагается доработать Веб-страницу «Анкета»: 1.Длина поля ФАМИЛИЯ – 30, ИМЯ – 10, ОТЧЕСТВА – 30 , поля возраст – 13. 2.В нужные поля дописать названия медалей. 3.Занести предметы, по которым у вас «5». 4. Записать ваши любимые занятия. 5. Изменить цвет фона страницы на розовый. Задание №3

22 слайд
Описание слайда:

23 слайд
Описание слайда:

24 слайд
Описание слайда:

25 слайд
Описание слайда:

26 слайд
Описание слайда:

27 слайд
Описание слайда:

Общая информация

Номер материала: ДВ-284673



Очень низкие цены на курсы переподготовки от Московского учебного центра для педагогов

Специально для учителей, воспитателей и других работников системы образования действуют 60% скидки (только до конца зимы) при обучении на курсах профессиональной переподготовки (124 курса на выбор).

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца с присвоением квалификации (признаётся при прохождении аттестации по всей России).

Подайте заявку на интересующий Вас курс сейчас: KURSY.ORG

Вам будут интересны эти курсы:

Курс повышения квалификации «Методика преподавания информатики в начальных классах»
Курс повышения квалификации «Основы создания интерактивного урока: от презентации до видеоурока»
Курс повышения квалификации «Организация работы по формированию медиаграмотности и повышению уровня информационных компетенций всех участников образовательного процесса»
Курс повышения квалификации «Облачные технологии в образовании»
Курс «Фирменный стиль» (Corel Draw, Photoshop)
Курс «1С: Предприятие 7.7»
Курс «WEB-ВЕРСТКА (HTML, CSS)»
Курс повышения квалификации «Сетевые и дистанционные (электронные) формы обучения в условиях реализации ФГОС по ТОП-50»
Курс повышения квалификации «Использование компьютерных технологий в процессе обучения в условиях реализации ФГОС»
Курс повышения квалификации «Специфика преподавания информатики в начальных классах с учетом ФГОС НОО»
Курс профессиональной переподготовки «Управление в сфере информационных технологий в образовательной организации»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс повышения квалификации «Современные тенденции цифровизации образования»
Курс повышения квалификации «Специфика преподавания дисциплины «Информационные технологии» в условиях реализации ФГОС СПО по ТОП-50»
Курс повышение квалификации «Применение интерактивных образовательных платформ на примере платформы Moodle»

Благодарность за вклад в развитие крупнейшей онлайн-библиотеки методических разработок для учителей

Опубликуйте минимум 3 материала, чтобы БЕСПЛАТНО получить и скачать данную благодарность

Сертификат о создании сайта

Добавьте минимум пять материалов, чтобы получить сертификат о создании сайта

Грамота за использование ИКТ в работе педагога

Опубликуйте минимум 10 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Свидетельство о представлении обобщённого педагогического опыта на Всероссийском уровне

Опубликуйте минимум 15 материалов, чтобы БЕСПЛАТНО получить и скачать данное cвидетельство

Грамота за высокий профессионализм, проявленный в процессе создания и развития собственного учительского сайта в рамках проекта "Инфоурок"

Опубликуйте минимум 20 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Грамота за активное участие в работе над повышением качества образования совместно с проектом "Инфоурок"

Опубликуйте минимум 25 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Почётная грамота за научно-просветительскую и образовательную деятельность в рамках проекта "Инфоурок"

Опубликуйте минимум 40 материалов, чтобы БЕСПЛАТНО получить и скачать данную почётную грамоту

Включите уведомления прямо сейчас и мы сразу сообщим Вам о важных новостях. Не волнуйтесь, мы будем отправлять только самое главное.