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

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

Читать еще:


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

Интегрированный урок (литература + информатика). 9-й класс :: "Музыка в жизни и творчестве И.С. Тургенева". Интегрированный урок литературы и музыки :: Жизнь и творчество М.Е. Салтыкова-Щедрина. Анализ отрывка из романа "История одного города" :: Родная природа в творчестве Александра Береснёва :: Мы приглашаем в этот мир… :: О чём говорят мужчины. Продолжение, 2018 ::
Warning: include(/home/u190093/artismebel.ru/www/sitemap/list8.php) [function.include]: failed to open stream: No such file or directory in /home/u190093/poznanie21.ru/www/sitemap/links-rand.php on line 45

Warning: include(/home/u190093/artismebel.ru/www/sitemap/list8.php) [function.include]: failed to open stream: No such file or directory in /home/u190093/poznanie21.ru/www/sitemap/links-rand.php on line 45

Warning: include() [function.include]: Failed opening '/home/u190093/artismebel.ru/www/sitemap/list8.php' for inclusion (include_path='.:/usr/share/php53:/usr/share/pear53') in /home/u190093/poznanie21.ru/www/sitemap/links-rand.php on line 45
Ёлки новые, 2017 ::

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

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

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

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

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

Самое популярное:
Звуко-буквенный разбор слов

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

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

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

Девятая жизнь Луи Дракса (The 9th Life of Louis Drax, Великобритания, 2016) - спойлеры, пересказ, трактовка

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

Букеты на 1 сентября из чая, кофе и конфет!

На 1 сентября все дети идут в школу с цветами. И на общем фоне будет выгодно выделяться школьник с оригинальным подарком - букетом, составленным из чая, кофе и конфет!

Разработка урока "Сравнение предметов и групп предметов. Пространственные и временные представления". Математика, 1-й класс. Первые шаги

На 1 сентября все дети идут в школу с цветами. И на общем фоне будет выгодно выделяться школьник с оригинальным подарком - букетом, составленным из чая, кофе и конфет!

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

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

Эволюция темы свободы и рабства в лирике А.С. Пушкина. 10-й класс

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


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