Коммуникации в глобальной сети Интернет. Изучение основных тэгов языка 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 класс. )

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

Читать еще:


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

Шефская работа: "Вахта памяти" :: Литературные игры для 5-х классов, посвященные творчеству Д.Н. Мамина-Сибиряка :: Программа районной профильной смены "Школа лидера" :: Сценарий праздника "Наши пернатые друзья" :: Разработка урока по теме: "Методы решений квадратных уравнений". 8-й класс :: The Nightingale (), 2019 :: Дом и дача/Мебель/Шкафы, комоды, полки/Шкафы/Мебель для спальни/Шкафы, тумбы и комоды/Шкафы / Витра / Шкаф трехдверный Витра ::

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

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

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

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

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

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

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

Обитель зла: Последняя глава ( Resident Evil: The Final Chapter ), 2016

В предыдущей части франшизы Вескер предал Элис в Вашингтоне, и героиня лишилась своих сверхъестественных способностей и стала уязвимой для врагов. Однако она не бросила бороться за выживание человечества. Вместе со своими старыми знакомыми Элис отправляется туда, где все начиналось – в Раккун Сити. Тем временем корпорация «Амбрелла» готовит последний сокрушительный удар по выжившим в апокалипсисе людям. Элис предстоит сразиться с ордами зомби и новыми монстрами-мутантами ради спасения остатков человечества.

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

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

Детский оздоровительный лагерь: Муниципальное образовательное учреждение дополнительного образования детей "Детский оздоровительно-образовательный лагерь "Юность"

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


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