Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Конспекты / Разработка Web-страниц с использованием языка HTML (урок, презентация)

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

Международный конкурс по математике «Поверь в себя»

для учеников 1-11 классов и дошкольников с ЛЮБЫМ уровнем знаний

Задания конкурса по математике «Поверь в себя» разработаны таким образом, чтобы каждый ученик вне зависимости от уровня подготовки смог проявить себя.

К ОПЛАТЕ ЗА ОДНОГО УЧЕНИКА: ВСЕГО 28 РУБ.

Конкурс проходит полностью дистанционно. Это значит, что ребенок сам решает задания, сидя за своим домашним компьютером (по желанию учителя дети могут решать задания и организованно в компьютерном классе).

Подробнее о конкурсе - https://urokimatematiki.ru/


Идёт приём заявок на самые массовые международные олимпиады проекта "Инфоурок"

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

1. Бесплатные наградные документы с указанием данных образовательной Лицензии и Свидeтельства СМИ;
2. Призовой фонд 1.500.000 рублей для самых активных учителей;
3. До 100 рублей за одного ученика остаётся у учителя (при орг.взносе 150 рублей);
4. Бесплатные путёвки в Турцию (на двоих, всё включено) - розыгрыш среди активных учителей;
5. Бесплатная подписка на месяц на видеоуроки от "Инфоурок" - активным учителям;
6. Благодарность учителю будет выслана на адрес руководителя школы.

Подайте заявку на олимпиаду сейчас - https://infourok.ru/konkurs

  • Информатика

Название документа Сценарий урока.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 из 27

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

№ слайда 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
Описание слайда:

Самые низкие цены на курсы профессиональной переподготовки и повышения квалификации!

Предлагаем учителям воспользоваться 50% скидкой при обучении по программам профессиональной переподготовки.

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

Обучение проходит заочно прямо на сайте проекта "Инфоурок".

Начало обучения ближайших групп: 18 января и 25 января. Оплата возможна в беспроцентную рассрочку (20% в начале обучения и 80% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru/kursy



Автор
Дата добавления 25.12.2015
Раздел Информатика
Подраздел Конспекты
Просмотров225
Номер материала ДВ-284673
Получить свидетельство о публикации

УЖЕ ЧЕРЕЗ 10 МИНУТ ВЫ МОЖЕТЕ ПОЛУЧИТЬ ДИПЛОМ

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

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

Список всех тестов можно посмотреть тут - https://infourok.ru/tests


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