Тег это фрагмент программы включенной в состав web страницы

Содержание

Закрепить знания, умения и навыки учащихся по работе в сети Интернет, структуре и созданию простейших Web -сайтов.

Задачи урока:

Закрепить знания об основных способах создания WEB -страниц;

Закрепить знания о языке HTML .

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

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

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

Тип урока: применения знаний, умений и навыков.

Оборудование: мультимедийная установка, программа презентаций Microsoft Office PowerPoint 2007, браузер Internet Explorer 8.0, компоновщик SeaMonkey , раздаточный материал.

Литература: Угринович Л.Л. Информатика: Учебник для 10 класса / Л.Л. Угринович. М.: Бином. Лаборатория знаний, 2013., §2.13., стр.

201-205.

Ожидаемые результаты:

В конце урока ученики смогут:

Дать определение таким понятиям:

Как работает тег video в html5. Урок 8

Браузер, гипертекст, тег;

WEB -страница, WEB -сайт;

Язык разметки гипертекста HTML ;

Использовать команды языка HTML и Web -редактор для создания простых Web —
сайтов.

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

Актуализация опорных знаний ( 3 мин)

Тест по знанию языка HTML (10 мин)

Практическая работа «Создание Web -сайта» (20 мин)

Анализ работ (7 мин)

Итоги урока (2 мин)

Домашнее задание (1 мин.)

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

Приветствие учащихся. Проверка присутствующих. Настрой на урок.

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

Что такое браузер?

Какие виды браузеров Вы знаете?

Как называются документы, которые мы можем просматривать в программе-

Как можно создать Web -страницу?

Как называют несколько тематически связанных Web -страниц?

Тест по знанию языка HTML .

Анализ выполнения теста, повторение этапов создания Web -сайта.
(Презентация)

Закрепление практических навыков путём выполнения практической работы «Создание Web -сайта»

Создайте на рабочем столе личную папку.

Используя компоновщик SeaMonkey создайте страницу «Праздник На Земле Бояна».

Введите текст, отформатируйте его и вставьте рисунок (папка Sajt ).

Сохраните страницу под именем Index . htm в свою личную папку.

Используя компоновщик SeaMonkey , создайте страницу «Боян».

Сохраните страницу под именем Boyan . htm в свою личную папку

Отредактируйте страницы, добавив на них гиперссылки для перехода между страницами.

Переместите свою папку в папку класса в сетевом окружении.

Анализ вместе с учениками выполненных работ, выставление оценок.

Итоги урока. Вопросы учеников.

Домашнее задание: создать собственную страничку с помощью html -языка на свободную тему.

Приложение к п.4.

Основные теги HTML .

В столбце «/» отмечается наличие парного (закрывающего) тега: + (необходим), — (отсутствует),  (имеется, но необязателен).

Терминология языка HTML

• Элемент (element) — конст рукция языка HTML. Это контейнер, содержащий данные и позволяющий отформатировать их определенным образом. Любая Web-страница представляет собой набор элементов. Одна из основных идей гипертекста — возможность вложения элементов.

• Тег (tag) — начальный или конечный маркеры элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Webстраницы теги заключаются в угловые скобки, а конечный тег всегда снабжается косой чертой.

• Атрибут (attribute) — параметр или свойство элемента. Это, по сути, переменная, которая имеет стандартное имя и которой может присваиваться определенный набор значений: стандартных или произвольных. Предполагается, что символьные значения атрибутов заключаются в прямые кавычки, но некоторые броузеры позволяют не использовать кавычки. Это объясняется тем, что тип атрибута всегда известен заранее. Атрибуты располагаются внутри начального тега и отделяются друг от друга пробелами.

• Гиперссылка — фрагмент текста, который является указателем на другой файлили объект. Гиперссылки необходимы для того, чтобы обеспечить возможность перехода от одного документа к другому.