СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

Благодаря готовым учебным материалам для работы в классе и дистанционно

Скидки до 50 % на комплекты
только до 11.07.2025

Готовые ключевые этапы урока всегда будут у вас под рукой

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

Проверка знаний

Объяснение материала

Закрепление изученного

Итоги урока

Разработка урока на тему: "HTML инструменты, создание веб страниц"

Категория: Информатика

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

Тема: HTML-программирование, инструменты создания информационных объектов для Интернет, Web-страницы и сайты/

Цель урока: использовать HTML-теги при разработке web-страниц.  

Задачи:

Развивающие: способствовать развитию познавательного интереса, творческой активности обучающихся.

Образовательные: научить использовать коды при создании веб- страниц.

Воспитательные: воспитать  уважение к сопернику, умения работать в команде.

Показать полностью

Просмотр содержимого документа
«HTML, инструменты создания информационных объектов для Интернет, Web-страницы и сайты»

Тема: HTML-программирование, инструменты создания информационных объектов для Интернет, Web-страницы и сайты/

Цель урока: использовать HTML-теги при разработке web-страниц.

Задачи:

Развивающие: способствовать развитию познавательного интереса, творческой активности обучающихся.

Образовательные: научить использовать коды при создании веб- страниц.

Воспитательные: воспитать уважение к сопернику, умения работать в команде.

Тип урока: комбинированный (изучение нового материала и практическая работа).

Оборудование: компьютер, раздаточный материал.

Ход урока:

  1. Орг. момент.

Приветствие, проверка присутствующих. Объяснение хода урока.

II. Актуализация и проверка знаний.



 4  = Р



 3  = О



Как вы думаете чем они связаны?

Какие текстовые редакторы вы знаете?(блокнот,wordpad-это стандартные редакторы,) и нам этого будет достаточно для построения своей веб- странички.На этом уроке мы основными тегами для построения страниц. Для этого нам понадобится браузер и блокнот- вот и всё, что вам необходимо для работы.Раз вы просматриваете эту страничку – значит браузер у вас уже есть, ну а блокнот я думаю найти не составит труда ( Пуск – Программы - Стандартные - Блокнот).


ІІІ Теоретическая часть

Что такое HTML?
Термин HTML (HyperText Markup Language) означает язык маркировки гипертекстов. Первую версию HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли.

Прежде чем преступить к созданию своих Web – страниц необходимо познакомиться с основными понятиями и терминами данного раздела.
Сайт - это набор страниц в формате HTML которые лежат на Web – сервере.
Web – сервер –  это постоянно подключенный к Интернету компьютер, который передает эти странички по запросу пользователей.
Язык HTML расшифровывается как  «язык гипертекстовой разметки».
Файл HTML – это обычный текстовый файл с расширение htm или html, содержащий текст страницы, который мы видим в нашем браузере, и некоторые управляющие записи – теги.

Теги (tags) – команды языка HTML. Для файлов, являющихся HTML-документами, принято расширение htm или html.

Каждый раз, внося изменения в текст HTML-документа, следует его сохранять и обновлять в окне обозревателя, выбирая соответствующую команду или кнопку на панели инструментов, или клавишуF5.

Например чтобы в окне браузера увидеть текст«Привет! Это моя первая web-страничка»

при подготовке документа параметры формирования описать можно так:

выделить полужирным «Привет! Это моя первая web-страничка»

В HTML документе этот фрагмент пишется так:

bПривет!b Это моя первая webтраничка


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

HEAD

Привет! Это моя первая webтраничка

Просмотр содержимого презентации
«HTML, инструменты создания информационных объектов для Интернет, Web-страницы и сайты»

HTML, инструменты создания информационных объектов для Интернет, Web-страницы и сайты

HTML, инструменты создания информационных объектов для Интернет, Web-страницы и сайты

Цель урока:

Цель урока:

  • использовать HTML-теги при разработке web-страниц.
Браузер Блокнот

Браузер

Блокнот

Как вы думаете чем они связаны?

Как вы думаете чем они связаны?

Основные понятия HTML расшифровывается  H yper T ext  M arkup  L anguage (в переводе означает Язык Разметки ГиперТекста). HTML предназначен для создания веб-страниц во всемирной паутине. Первую версию HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли .

Основные понятия

HTML расшифровывается  H yper T ext  M arkup  L anguage (в переводе означает Язык Разметки ГиперТекста).

HTML предназначен для создания веб-страниц во всемирной паутине.

Первую версию HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли .

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

Основные понятия

Тэги - это метки, которые используются для указания браузеру, как он должен показывать web-сайт.

Большая часть HTML тегов состоит из двух частей:

открывающий тег   

закрывающий тег 

Теги не чувствительны к регистру

Структура HTML документа.   Абсолютно любой документ, построенный на базе HTML будет состоять, по меньшей мере, из следующих тегов:

Структура HTML документа.

Абсолютно любой документ, построенный на базе HTML будет состоять, по меньшей мере, из следующих тегов:

  • - Это самый главный тег, так как указывает принадлежность документа к HTML языку, заключает в себе всё содержимое веб – страницы, ставится в самом начале и соответственно в конце закрывает документ.  …
  • - Этот тег не менее важен, в нём размещается не видимая информация о вашем сайте предназначенная для поисковых машин.  …
- Название, оглавление страницы, предназначен для поисковых машин, этот   тег всегда помещается внутри - …  - В этот тег помещается информация, которая должна отображаться в окне браузера.   …
  • - Название, оглавление страницы, предназначен для поисковых машин, этот  тег всегда помещается внутри - …
  • - В этот тег помещается информация, которая должна отображаться в окне браузера.  …
Работа в парах

Работа в парах

Игра «Кто быстрей?»

Игра «Кто быстрей?»

  • Перед Вами разбросаны теги HTML. Ваша задача быстро и не раздумывая их разделить по стикерам
Домашнее задание:

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

  • создать страницу Тима Бернерса-Ли
Спасибо за внимание!

Спасибо за внимание!


Скачать

Рекомендуем курсы ПК и ППК для учителей

Вебинар для учителей

Свидетельство об участии БЕСПЛАТНО!