Урок информатики в 8 классе

МБОУ «Арборская ООШ»

Семёнов Александр Олегович

Тема занятия: «Создание сайта с использованием языка гипертекстовой разметки документов».

Цель занятия: Ученики создадут Web-сайт, содержащий пять Web-страниц, знакомящий с основными тегами языка гипертекстовой разметки документов HTML.

Учащиеся должны знать:

• определение следующих понятий: «Web-страница», «Web-сайт», «гипертекст», «гиперссылка», «браузер», «HTML», «тег»;
• основные характеристики Web-ресурса;
• структуру Web-документа;
• назначение и атрибуты основных тегов.

Учащиеся должны уметь:

• создавать HTML-файлы;
• оформлять заголовки;
• управлять размером, гарнитурой и цветом шрифта;
• выделять и выравнивать абзацы;
• размещать графику на Web-странице;
• создавать гиперсвязи между страницами сайта.

Аппаратное и программное обеспечение: Компьютеры, мультимедийный проектор с экраном, текстовый редактор, программа браузер, мультимедийная презентация «Создание Web-сайта. Язык разметки гипертекстовых документов HTML».

Ход урока.

Слайд 1:

Здравствуйте, ребята!

Слайд 2: Ребята, какой значок изображен на слайде?

Да. Это значок информации. Надеюсь, мы сегодня взаимно получим полезную информацию друг от друга.

Ребята, наверняка у вас у всех есть компьютеры, возможно ноутбуки. Планшеты…И каждый из вас каждый день совершает путешествие через компьютер куда? В Интернет. И точно таких же, как Вы миллионы людей в это же время тоже путешествуют по интернету. А Что такое Интернет?

Слайд 3: Правильно – это глобальная компьютерная сеть. Благодаря этой сети каждый из миллионов людей имеет доступ к информации, хранящейся в компьютере, находящемся в любой точке земного шара. Это так называемая Всемирная паутина.

Ребята, как мы  попадаем в Интернет?

Через браузер. Какие браузеры вы знаете? Слайд 4.

Слайд 5: Каждый из нас выходит в Интернет для поиска нужной информации. Ища эту информацию, мы посещаем различные сайты. На какие виды делятся сайты? Слайд 6

Я думаю что, вы согласитесь с тем что, каждый человек по-своему интересный и, наверное, каждый заслуживает иметь собственную страничку в сети или даже целый сайт. Но не все умеют создавать Web-странички, в частности мы с вами. Ну а если мы знаем, как здорово иметь собственный сайт, возможно, даже и не один но, к сожалению, не умеем пока его создать, то какая потребность у нас возникает?

Ожидаемый ответ: Научиться создавать собственные Web-сайты.

- А может ли умение создавать сайты, пригодиться вам в будущем, если да то как?

Ожидаемый ответ: Создать сайт своей фирмы, рассказать о своих успехах, увлечениях и т.д., зарабатывать, создавая сайты по заказу.

Слайд 7: Как же создать сайт? Что для этого нужно знать?

Слайд 8:

- Посмотрите на экран и скажите какое слово получилось из букв правильных ответов: HTML

Слайд 9: Значит мы сегодня будем учиться создавать веб-сайты с помощью…

Web-страницы. Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language). В обычный текстовый документ вставляются управляющие символы - HTML-тэги, которые определяют вид Web-страницы при ее просмотре в браузере.

Слайд 14:

HTML-код страницы помещается внутрь контейнера . Без этих тэгов браузер не в состоянии определить формат документа и правильно его интерпретировать. Web-страница разделяется на две логические части: заголовок и отображаемое в браузере содержание.

Заголовок Web-страницы заключается в контейнер и содержит название документа и справочную информацию о странице (например, тип кодировки), которая используется браузером для правильного отображения.

Тэги заключаются в угловые скобки и могут быть одиночными или парными. Парные тэги содержат открывающий и закрывающий тег (такая пара тэгов называется контейнером).

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

Название страницы помещается в контейнер и при просмотре отображается в верхней строке окна браузера.

Выполнение практической работы №2

Цель работы:

• Научиться создавать, просматривать и редактировать HTML-документы;
• Оформлять заголовки;
• Управлять размером, гарнитурой и цветом шрифта;
• Выделять и выравнивать абзацы;
• Размещать графику на Web-странице.
• Создавать гиперсвязи между страницами сайта.

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

Итог урока

Фронтальная беседа: что сегодня узнали на уроке, чему научились?

Домашнее задание

Продумайте тематику вашего сайта, разработайте эскиз титульной страницы собственного сайта, подготовьте текст, подберите иллюстрации (начинается работа по выполнению индивидуального итогового проекта).