Коммуникации в глобальной сети Интернет. Изучение основных тэгов языка HTML : Информатика

Коммуникации в глобальной сети Интернет. Изучение основных тэгов языка HTML : Информатика

Тема урока: изучение основных тэгов языка HTML.

Цель: сформировать знания об основных элементах языка.

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

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

Тип урока: Урок изучения нового материала.

Форма урока: Лекция, комбинированный.

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

  1. Организационный момент – проверка присутствующих на уроке ( до 2 мин)
  2. Мотивация – Объяснение темы урока, целей урока, план проведения урока (до 5 мин)
  3. Актуализация опорных знаний и способов действий (20 минут)
  4. История языка HTML
  5. Структура простейшего HTML документа
  6. Практическая работа – создание домашней странички “Басни Крылова” (20 минут)
  7. Подведение итогов урока, задание на дом (до 2 минут)

ХОД УРОКА

Здравствуйте, ребята. Тема нашего сегодняшнего урока: “Язык программирования HTML”.

Цели занятия

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

Активизация - повторение

Структурой и форматированием HTML документа управляют теги. Теги всегда располагаются в угловых скобках. Практически все теги являются парными, т.е. открывающему тегу соответствует закрывающийся, который пишется с чертой “/” после скобки: “

В случае нашего простейшего примера документ начинается с открывающего тега и заканчивается закрывающим тегом . Они очерчивают границы документа.

Затем следует “голова документа” ограниченная тегами и .

1. Изложение нового материала

Физическое и логическое форматирование текста

  1. Физическая разметка документа – это явное указание браузеру, как должен выглядеть тот или иной фрагмент текста – размер шрифта, курсив и т.п.
  2. Логическая разметка учитывает смысл выделенного фрагмента – цитата, сведения об авторе и т.п.

Современные стандарты языка HTML советуют использовать по-возможности логическую разметку, хотя физическое форматирование еще никто не отменял.

Дополнительные теги заголовка:

- содержит дополнительные данные о документе, используемые поисковыми серверами;

и - определяют базовый адрес документа и некоторые другие

Все, что находится между и , называется содержимым тела документа.

Тег может содержать 3 группы параметров:

  1. Управление внешним видом документа.
  2. Атрибуты программирования – по событию, таблицы стилей и пр.
  3. Атрибуты ссылок и идентификации.

Bgcolor – изменяет цвет фона. Цвет задается словом или кодом RGB

Text – задает цвет текста.

Background – помещает в качестве фона изображение из файла с картинкой.

Оформление текста Заголовки

Существует 6 уровней заголовков:

. . .

, …,

. . .

Атрибут – align – выравнивание

Значения: Left (по умолчанию)

Right

Center

Тег

указывает на начало нового абзаца и вставляет пустую строку перед абзацем. Атрибут align.

Тег
- разрыв строки. Используется для записи текстов стихов и песен.

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


-
горизонтальная линия отделяет заголовок от остального текста

2 часть урока – практическая

Давайте разберем структуру будущей страницы.(ученики разбирают структуру простейшей веб-страницы)

Сегодня на уроке вы должны выполнить следующую работу –

  • 1 этап - оформить главную страничку – заголовком и отделить его горизонтальной линией от всего остального текста.
  • 2 этап – создать еще одну страничку с заголовком и сохранить ее под именем с соответствующим расширением. В тело этой странички внести соответствующую информацию.

Сохранить в правильном формате. В каком?

3. Домашнее задание: прочитать параграф 5.7.2 и 5.7.3 на стр 209-212 (учебник Угринович Н. 9 класс. )

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

Читать еще:


Новые материалы:

Смотр знаний учащихся 8-х классов по темам: "Атомы химических элементов", "Количественные отношения в химии", "Соединения химических элементов" :: Методические рекомендации для подготовки учащихся 8-го класса к проведению химического эксперимента :: "Значение рН для организма человека. Экспресс-метод определения рН" :: Спирты. Биологическое действие на организм. Элективное интегрированное занятие для 10-го класса (химия + биология) :: Повышение уровня практической грамотности учащихся на уроках русского языка через развитие внимания, памяти, мышления :: Капитан Фантастик (США, 2016) - спойлеры, пересказ, трактовка :: Дом и дача/Мебель/Шкафы, комоды, полки/Шкафы/Шкафы / Ангстрем / Шкаф Кантри КА-200.01 Ангстрем ::

Отзывы (через аккаунты в социальных сетях Вконтакте, Facebook или Google+):

Оставить отзыв с помощью аккаунта ВКонтакте:

Оставить отзыв с помощью аккаунта FaceBook:

Оставить отзыв с помощью аккаунта Google+:

Поддержите сайт - подпишитесь на канал в Яндекс.Дзене!

Самое популярное:
Костя Цзю прооперирован после инфаркта. 48 лет, абсолютный чемпион мира среди профи.

Вот это да. Возраст еще не старый, вес - 63 кг, легче не бывает, здоровье - железное... С чего вдруг?

Состояние воздуха: Карта загрязнения воздуха онлайн, обновляется в режиме реального времени

Экологическая карта состояния воздуха, которым мы дышим. В режиме реального времени.

Звуко-буквенный разбор слов

Научить детей реально оперировать звуками, т.е. развивать фонетический слух.

Итоговая контрольная работа по органической химии. 9-й класс

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

Автор решающей шайбы Олимпиады-2018 не забыл своего первого тренера. И подарил ему автомобиль!

Подарок в тайне от тренера доставили прямо на ледовую арену к началу рабочего дня.


Школьные занятия:
 
Контакты Научно-популярный портал "Познание - XXI век".
111672, г. Москва, ул. Новокосинская, д. 15, корп. 7.
Для связи E-mail: . poznanie21@yandex.ru
 
ADD