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

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

Читать еще:


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

Открытый урок математики по теме "Письменные приемы сложения и вычитания в пределах 10". 1-й класс :: Тема урока: "Глагол как часть речи". 4-й класс :: Классный час "Я в пожарные пойду, пусть меня научат". 1–3-й классы :: КВН по русскому языку. 3-й класс :: Урок математики по теме "Вычислительные умения и навыки. Классификация. Сравнение величин" :: Миссия: невыполнима 6 ( Mission: Impossible 6 ), 2018 :: Дача и сад/Мебель для дачи и сада/Гамаки и качели/Гамаки / BF / Гамак двухместный Forro ::

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

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

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

Самое популярное:
Звуко-буквенный разбор слов : Начальная школа - Хелси и Смарт

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

Звуко-буквенный разбор слов : Начальная школа - Хелси и Смарт

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

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

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

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

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

Тесты для задания 7 ЕГЭ по русскому языку : Русский язык

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

Тесты для задания 7 ЕГЭ по русскому языку : Русский язык

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

Сценарий Новый Год для детей подготовительной группы - Хелси и Смарт

Сценарий Новый Год для детей подготовительной группы

Сценарий Новый Год для детей подготовительной группы - Хелси и Смарт

Сценарий Новый Год для детей подготовительной группы


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