Цель: познакомить учеников с языком разметки гипертекста – HTML. Задачи: Сформулировать основные принципы создания WEB-страниц; познакомить учеников с основными командами оформления текста; продемонстрировать использование этих команд на конкретных примерах оформления WEB-страниц; формировать навыки и умения создания простейших WEB-страниц; развивать логику, умение анализировать, сравнивать, делать выводы, высказывать свою мысль; воспитывать аккуратность, внимательность, вежливость и дисциплинированность, бережное отношение к своему здоровью. Тип урока: усвоение новых знаний. Оборудование: мультимедийная система, слайды, карточки со справочным материалом. План урока Актуализация опорных знаний Изложение нового материала. Примеры использования тегов форматирования. Закрепление нового материала. Итоги урока. Домашнее задание: Выучить конспект.
Ход урока: I.Актуализация опорных знаний Как вы можете определить понятие «Интернет»? Что такое служба WWW? Как называются документы, которые мы можем просматривать в программе-браузере? II. Изложение нового материала. Знакомство с языком HTML Гипертекст – это электронный документ, который содержит гиперссылки на другие документы. Гипертекстовый документ предназначен для вывода информации на экран компьютера. Гипертекстовая технология – это технология, базирующаяся на использовании гипертекстовых документов. Ее применяют в компьютерных энциклопедиях и учебных программах, прикладных программах для работы со справочной информацией и для организации доступа к информации в W W W, т.е. при работе с WEB-документами. WEB-документ – это текст, написанный на языке HTML или другом, который предназначен для просмотра электронной информации на экране компьютера с помощью программы-браузера. Команды языка HTML называются теги и они записываются в < >. Большинство тегов – парные
Мой первый шаг
Здравствуйте, это моя первая страница.
Добро пожаловать!
Заголовок документа – теги и <br />Тег <Head></Head> заключает в себе теги заголовка.<br />Тег <Title> содержит слова, которые появляются в стоке заголовка браузера Мой первый шаг
2. Дополнительные теги заголовка: - содержит дополнительные данные о документе, используемые поисковыми серверами; и - определяют базовый адрес документа и некоторые другие Тело документа – тег Все, что находится между и , называется содержимым тела документа. Тег может содержать 3 группы параметров: Управление внешним видом документа. Атрибуты программирования – по событию, таблицы стилей и пр. Атрибуты ссылок и идентификации. Параметры тега Bgcolor – изменяет цвет фона. Цвет задается словом или кодом RGB
Text – задает цвет текста.
Background – помещает в качестве фона изображение из файла с картинкой.
Bgproperties = “fixed” – фоновый рисунок не прокручивается вместе со страницей. Link – задает цвет гиперссылок, по которым пользователь еще «не ходил». Vlink – задает цвет посещенных гиперссылок. Alink – цвет активной гиперссылки (под курсором мышки во время нажатия) III. Закрепление нового материала. Создание WEB-страниц в блокноте. В своей папке создать отдельную папку для файлов сайта. Открыть программу БЛОКНОТ. Написать в нем текст WEB-страницы. Сохранить этот текст в этой папке под любым именем с расширением .html. Перейти в эту папку Открыть этот документ. (Откроется программа-браузер). Если нужно внести изменения в документ, то выполнить команду ВИД(Просмотр HTML-кода (Исходный текст). Текст WEB-страницы откроется в блокноте. Внести в текст изменения. Сохранить его (Ctrl+S), перейти в программу-браузер и нажать кнопку ОБНОВИТЬ.
IV. Итоги урока. Сегодня мы изучили некоторые теги формативрования. V. Домашнее задание: Выучить конспект. 15