kopilkaurokov.ru - сайт для учителей

Создайте Ваш сайт учителя Курсы ПК и ППК Видеоуроки Олимпиады Вебинары для учителей

«Разработка Web – страницы с использованием языка разметки гипертекста HTML».

Нажмите, чтобы узнать подробности

Конспект урока по теме:

«Разработка Web – страницы с использованием

языка разметки гипертекста HTML» 8 класс.

 

Вы уже знаете о суперспособностях современного учителя?
Тратить минимум сил на подготовку и проведение уроков.
Быстро и объективно проверять знания учащихся.
Сделать изучение нового материала максимально понятным.
Избавить себя от подбора заданий и их проверки после уроков.
Наладить дисциплину на своих уроках.
Получить возможность работать творчески.

Просмотр содержимого документа
««Разработка Web – страницы с использованием языка разметки гипертекста HTML».»

6


Конспект урока по теме:

«Разработка Web – страницы с использованием

языка разметки гипертекста HTML» 8 класс.

Учитель: МБОУ Матвеево-Курганская сош№1 Куманяева Ю.Н.

Цели и задачи урока:

  • Сформулировать основные принципы создания WEB-страниц;

  • Познакомить учеников с основными командами оформления текста;

  • Продемонстрировать использование этих команд на конкретных примерах оформления WEB-страниц;

  • Сформировать навыки и умения создания простейших WEB-страниц;

  • Развивать логику, умение анализировать, сравнивать, делать выводы, высказывать свою мысль;

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


Форма проведения урока: урок-лекция, урок-практикум.

Методы, используемые на уроке: лекция, беседа, демонстрация.


Оборудование:

  • мультимедийный проектор

  • доска

  • презентация

  • рабочие место ученика (компьютер, ноутбуки).


Структура урока

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

  2. Проверка дом.задания вводные вопросы, ответы -3-мин.

  3. Подготовительный этап – 4 мин.

  4. Этап формирование новых знаний – 11 мин.

  5. Первичное осмысление и применение изученного – 15 мин.

  6. Подведение итога урока – 4 мин.

  7. Информация о домашнем задании-1 мин.

Ход урока:

Организационный момент. 2- 3мин

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


Слайд №1 (учебник)

Актуализация опорных знаний.


Слайд №2 вопросы с предыдущего параграфа с вариантами ответов, для подведение к новой теме.

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

1. Это глобальная компьютерная сеть, в которой локальные, региональные и корпоративные сети соединены между собой?

Правильный ответ: ИНТЕРНЕТ

2. Как называется путь разбиение файлов на Интернет –пакеты?

Правильный ответ: Транспортировка данных

3.Интернет –пакетов обеспечивает доставку информации от компьютера –отправителя к компьютеру –получателю?

Правильный ответ: Маршрутизация

4. Первая поисковая система русскоязычного сегмента сети Интернет?

Правильный ответ: Rambler

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


Слайд №3 ТимомБернерсом-Ли

- Давайте выслушаем краткое сообщение …об этом слове 3мин


Слайд №4

- Ребята мы подошли с вами к нашей новой теме, записываем дату на полях и тему урока:«Разработка Web – страницы с использованием

языка разметки гипертекста HTML».


Слайд №5 Цели быстро зачитать и перейти к определению

Слайд № 6

- Давайте запишем определение HTML,HyperTextMarkupLanguage – язык гипертекстовой разметки. Описательный язык разметки HTML имеет свои команды, которые называются тэгами.

- Для создание Veb- страниц используются простейшие текстовые редакторы, которые не включают в создаваемый документ управляющие символы формирования текста самого редактора. В качестве такого редактора в операционной системы Windos можно использовать стандартное приложение БЛОКНОТ(открыли программу, здесь мы будем поэтапно создавать свою первую страницу). Итак, давайте рассмотрим основные элементы из которых состоит любая HTML страница. Для начала необходимо дать определение тэга.



Слайд №7

Тэг - элемент HTML, представляющий из себя текст, заключенный в угловые скобки . Тэг является активным элементом, изменяющим представление следующей за ним информации.

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



Слайд №8

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



Слайд №9 СтруктураHTML страницы

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

Обязательные тэги, это такие тэги, которые вы всегда должны прописывать для каждой своей страницы. Итак приступим к создании первой страницы. Нашли Блокнот записали код HTMLHTML

Слайд №10Тэг является контейнером, который заключает в себе все содержимое веб-страницы, включая тэги и .

- НTML –код, без этих тэгов браузер не в состоянии определить формат документа и правильно его интерпретировать. Web- страница разделяется на две логические части: заголовок и содержание. (Набрали его в БЛОКНОТЕ).





Слайд №11Тэг предназначен для хранения элементов, цель которых — помочь браузеру в работе с данными.

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



Слайд №12 Тэг
Определяет заголовок документа. Элемент не является частью документа и не показывается напрямую на веб-странице.

- Название страницы помещается в контейнер и при просмотри отображается в верхней строке окна браузера. (Набрали его в БЛОКНОТЕ).

НазваниеWeb-страницы



Слайд №13Тэг

Тэг предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера.(Набрали его в БЛОКНОТЕ).

- Отображаемое в браузере содержание страницы помещается в контейнер

Меня зовут ____. Мне __ лет.

Это моя первая Web-страница.

Тут я могу писать любой текст.

Я размещу эту страницу в Интернете.


Получите в подарок сайт учителя

Предмет: Информатика

Категория: Уроки

Целевая аудитория: 8 класс.
Урок соответствует ФГОС

Скачать
«Разработка Web – страницы с использованием языка разметки гипертекста HTML».

Автор: Куманяева Юлия Николаевна

Дата: 14.09.2018

Номер свидетельства: 477795

Похожие файлы

object(ArrayObject)#871 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(241) "Разработка урока по информатике на тему: Разработка Web-сайтов с использованием языка разметки гипертекста HTML. Web-страницы и Web-сайты."
    ["seo_title"] => string(80) "razrabotka_uroka_po_informatikie_na_tiemu_razrabotka_web_saitov_s_ispol_zovaniie"
    ["file_id"] => string(6) "410600"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1492698807"
  }
}
object(ArrayObject)#893 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(127) "Разработка Web - сайтов с использованием языка разметки гипертекста HTML"
    ["seo_title"] => string(67) "razrabotkawebsaitovsispolzovaniiemiazykarazmietkighipiertiekstahtml"
    ["file_id"] => string(6) "302194"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(11) "presentacii"
    ["date"] => string(10) "1457087707"
  }
}
object(ArrayObject)#871 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(164) "Разработка урока по информатике в 10 классе по теме "Основы языка разметки гипертекста HTML" "
    ["seo_title"] => string(99) "razrabotka-uroka-po-informatikie-v-10-klassie-po-tiemie-osnovy-iazyka-razmietki-ghipiertieksta-html"
    ["file_id"] => string(6) "157084"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1421524398"
  }
}
object(ArrayObject)#893 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(157) "Разработка урока информатики по теме "HTML – язык разметки  гипертекстовых документов" "
    ["seo_title"] => string(90) "razrabotka-uroka-informatiki-po-tiemie-html-iazyk-razmietki-ghipiertiekstovykh-dokumientov"
    ["file_id"] => string(6) "135895"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1417002886"
  }
}
object(ArrayObject)#871 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(133) "Программа Предметного курса по выбору (информатика) 10 класс (профильный) "
    ["seo_title"] => string(73) "proghramma-priedmietnogho-kursa-po-vyboru-informatika-10-klass-profil-nyi"
    ["file_id"] => string(6) "111828"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(12) "planirovanie"
    ["date"] => string(10) "1407949651"
  }
}




Распродажа видеоуроков!
ПОЛУЧИТЕ СВИДЕТЕЛЬСТВО МГНОВЕННО

Добавить свою работу

* Свидетельство о публикации выдается БЕСПЛАТНО, СРАЗУ же после добавления Вами Вашей работы на сайт

Удобный поиск материалов для учителей

Ваш личный кабинет
Проверка свидетельства