Урок по информатике Разработка учителя информатики средней школы 1 г. Приволжска Твельневой Т.А. Создание Web-страницы Цель урока: познакомить учащихся с языком размётки гипертекста HTML Задача урока: научить учащихся создавать простейшую первую страницу
Устные вопросы Что такое Всемирная паутина? Дайте определение Wed- сайта.
Разработка Web-сайтов Для создания Web-страниц используется язык размётки гипертекста HTML (Hyper Text Markup Language), созданный Тимом Бернерсом-Ли в 1989 г.
Код страницы набирается в любом текстовом редакторе ( например, Блокнот) или специальной программе ( например, Homepage Builder) и оформляется с помощью команд языка HTML. Тестируется html- файл с помощью любого браузера.
Web-страницы (html-файлы) имеют формат *. htm или *. html. Команды HTML задаются с помощью специальных элементов – тэгов, которые заключаются в угловые скобки. Прописные и строчные буквы при написании тэгов не различаются!
Существуют два типа тэгов: непарные, например, - тэг перевода строки; парные, например, мама - выделение слова «мама» полужирным шрифтом.
Создание Web- страницы «Моя первая страница»
Вид web-страницы задаётся тэгами, которые заключаются в угловые скобки открывающий тэг закрывающий тэг Такая пара называется контейнером
HTML- код страницы помещается внутрь контейнера Заголовок web- страницы заключается в контейнер
Название web-страницы содержится в контейнере Мой сайт
Основное содержание страницы помещается в контейнер. Моя первая страница
Созданную титульную страницу необходимо сохранить в виде файла. Принято сохранять титульный файл сайта под именем index.html или index.htm
Мой сайт Моя первая страница Заголовок документа Тело документа
ПРАКТИЧЕСКАЯ РАБОТА 1. В окне приложения Блокнот ввести HTML- код страницы. Сохранить файл под именем index.htm в своей папке. 2. Загрузить этот файл в окне браузера Internet Explorer для просмотра.
3. В окне приложения «Блокнот» в контейнере вставить последовательность тегов и просмотреть результат в браузере. 1) Размер шрифта для имеющегося в тексте заголовка: Моя первая страница (самый большой шрифт -, самый маленький - )
2) Выравнивание по центру: ALIGN=center 3) Синий цвет заголовка: … 4) Горизонтальная линия: 5) Разделение текста на абзацы: …
Моя первая страница На этом сайте вы познакомитесь...
В браузере должно получиться следующее изображение
4. В содержимое страницы добавить произвольный текст о себе и добавить строчку Мои увлечения Эту строчку мы оформим как гиперссылку на следующую страницу.
Заключение урока Какие тэги(контейнеры) должны присутствовать в HTML- документе обязательно? Что нового вы сегодня узнали на уроке?
Домашнее задание Выучить основные тэги Составить в программе блокнот страницу «Мои увлечения», где кратко описать свои интересы и сохранить её под именем uvlechenia.htm
Используемая литература 1. Информатика и информационные технологии. Учебник для классов/ Н.Д.Угринович 2. Информатика. 11 класс: Практикум. – Саратов :Лицей, 2004.