Ознакомить с технологией создания простых веб-страниц с помощью языка программирования HTML.
Ход урока
Понятие HTML
Перед началом изучения этой технологии, нужно сказать, что HTML – не только язык разметки гипертекста, а более широкое понятие, включающее в себя Всемирную Паутину, локальные компьютерные сети, браузеры, разнообразные программное обеспечение, дизайн, обучающие курсы и т.д.
После появления первых компьютеров, программисты задались целью создать связь между ними для передачи данных. С технической точки зрения в таком соединении не было ничего невозможного, и, поскольку компьютерная техника развивалась, компьютерные сети стали появляться повсеместно.
Идея всепланетной компьютерной сети стала актуальной тогда, когда вычислительные машины перестали быть собственностью только учреждений и ведомств, то есть когда появились персональные компьютеры.
Их потребовалось подключить к глобальной сети: так же, как это было сделано раньше с телефонами и факс-аппаратами.
HyperText Markup Language (язык разметки гипертекста) давно перестал быть просто языком программирования. Понятие HTML включает в себя различные способы оформления гипертекстовых документов, дизайн, браузеры и многое другое. Изучив этот язык, можно проделывать сложные вещи простыми способами и, главное, быстро - в компьютерном мире это значит очень много.
HTML-страница - документ, созданный в виде гипертекста на основе языка HTML, имеет расширение html (htm) и в гипертекстовых редакторах и браузерах имеют общее название.
Гипертекст наиболее подходящий язык для включения мультимедийных элементов в документы. Благодаря развитию именно гипертекста, большинство людей получило возможность создавать собственные мультимедийные продукты, распространяя их на CD и DVD-дисках.
Такие продукты, выполненные в виде HTML-страниц, не требовательны к специальных программным средствам, так как все нужные инструменты (Веб-браузеры) для работы с такими данными стали частью «джентльменского набора» программного обеспечения на любом ПК.
В таком случае, пользователь должен лишь подготовить тексты и рисунки, создать HTML-страницы и связать их.
HTML-язык как основа Веб-страниц играют важную роль в развитии нового Направления в изобразительном искусстве - Веб-дизайну. Художник, нарисовав красивые картинки, иллюстрации и логотипы, должен как-то разместить свои работы в Сети. И не просто разместить, а продумать связи между Веб-страницами, чтобы все правильно откликалось на действия пользователя, поражало его воображение и вызывало желание создать что-то свое.
Особенности гипертекста
Из особенностей гипертекстовых документов можно назвать способность получать сложные эффекты форматирования простыми, легкими, наглядными методами.
Если сравнить гипертекстовый документ и документ MS Word, то в таких случаях используются одни и те же приемы форматирования:
выбор шрифта
цвет
начертание
выравнивание
вставка таблиц и рисунков
Но в документе Word механизм форматирования скрыт от пользователя и работать с файлом можно лишь в текстовом редакторе. В системе гипертекста заложен другой принцип – такие документы можно открывать в любом текстовом редакторе и видеть каким образом, например, отформатирован текст и т.д.
Разумеется, что просмотреть документ в отформатированном виде можно только в браузерах.
Все элементы языка можно условно разделить на три группы:
элементы, создающие структуру гипертекстового документа. Их использование является необходимым и важным моментом при построении страницы.
элементы, создающие эффекты форматирования. Их используют при конкретным требованиям к документу, наличии фантазии и умения разработчика
элементы, управляющие программными средствами, установленными на компьютере пользователя.
Вопросы
1. Что такое HTML?
2. Какое расширение имеет HTML-страница?
3. Каким По можно просматривать веб-страницы?
4. Назовите несколько особенностей гипертекста.
5. Основные элементы языка HTML.
Список использованных источников
1. Урок на тему: «Введение в язык HTML», Пилипенко А. В., г. Севастополь, АР Крым.
2. Гончаров А. Самоучитель HTML. - СПб.: Питер, 2002 г.
3. Мержевич В. В. HTML и CSS на примерах. - СПб.: БХВ-Петербург, 2005 г.
Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.
Над уроком работали
Пилипенко А. В.
Соловьев М. С.
Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на Образовательном форуме, где на международном уровне собирается образовательный совет свежей мысли и действия. Создав блог, Вы не только повысите свой статус, как компетентного преподавателя, но и сделаете весомый вклад в развитие школы будущего. Гильдия Лидеров Образования открывает двери для специалистов высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.
