Способы создания сайтов. Понятие о языке HTML

Урок разработан учителем информатики

КГУ «Средняя школа №3 им.Д.Кунаева» г. Риддер

Жаканов Дейдар Клышпекович

Урок №48 6.05.15 10-А класс

Тема урока: Способы создания сайтов. Понятие о языке HTML.

Цели и задачи урока:

общеобразовательные:

• познакомить учащихся со способами создания сайтов;

• познакомить учащихся с определением и основным назначением языка HTML, с основными объектами языка;

• изучить с учащимися структуру Web-страницы (HTML-документа);

• отработать умение учащихся создавать Web-страницу с помощью приложения Блокнот;

• научить учащихся вносить изменения в созданную Web-страницу.

воспитательные:

• восприятие компьютера как инструмента информационной деятельности человека;

• воспитывать уважение и умение сотрудничать с окружающими людьми;

• воспитание информационной культуры учащихся.

развивающие:

• формирование системного мышления, способности к анализу и обобщению;

• освоение способов эффективного взаимодействия в процессе учебной коммуникации.

Тип урока: комбинированный.

Методы обучения: объяснительно-иллюстративный (рассказ с элементами беседы в сопровождении презентации) и практический (самостоятельная работа учащихся).

Оснащение урока: проектор и доска, программа презентаций Microsoft Office PowerPoint, презентация к уроку, Интернет -браузер, раздаточный материал, опорный конспект к уроку.

План урока:

1. Организационный момент (1 мин)

2. Актуализация опорных знаний (3 мин)

3. Объяснение нового материала (20 мин)

4. Проведение теста (5 мин)

5. Закрепление нового материала путём выполнения практического задания (10 мин)

6. Рефлексия. Итоги урока (5 мин)

7. Домашнее задание (1 мин.)

Ход урока:

1. Организационный момент (приветствие, поверка готовности к уроку) (слайд 1)

1. Актуализация опорных знаний (учащиеся отвечают на вопросы) (слайд 2)

Прежде чем приступить к изучению новой темы, давайте вспомним некоторые понятия и сведения.

• Определите понятие «Интернет»? (Глобальная компьютерная сеть, в которой локальные, региональные и корпоративные сети соединены между собой многочисленными каналами передачи информации.)

• Какие вы знаете службы сети Интернет? (электронная почта, интернет-магазины, чаты, интернет-телефония, интернет-радио, интернет-телевидение, телеконференции, служба World Wide Web)

• Какая из услуг Интернет является самой популярной? (WWW – всемирная паутина)

• Как называют все документы службы WWW? (Web-документами, Web-страницами, HTML-документами)

• Что такое Web-сайт? (Сайт – это группа взаимосвязанных Web-страниц, объединённых или единой тематикой, или единым авторством, или единым владельцем.)

1. Объяснение нового материала

Итак, сайт – это группа взаимосвязанных Web-страниц, объединённых или единой тематикой, или единым авторством, или единым владельцем. Сайт состоит из Web- страниц. Каждая Web-страница представляет собой HTML-документ, т.е. документ, написанный в специальном формате HTML (HyperText Markup Language) (слайд 3).

И тема нашего сегодняшнего урока – «Способы создания сайтов. Понятие о языке HTML. Структура HTML-документа». Запишите себе в тетради сегодняшнее число и тему (учащиеся делают запись в тетради) (слайд 4).

Что же такое HTML? Согласно определению: HTML - язык разметки гипертекста (слайд 5) (учащиеся записывают)

- Давайте вспомним, а что такое гипертекст? (это текст, содержащий гиперссылки, т.е. некоторое слово или объект для перехода на другой фрагмент документа или на другую Web-страницу) (слайд 6)

Т.е. язык разметки гипертекста HTML позволяет создавать Web-страницы, которые можно разместить в сети Интернет.

- А при помощи чего можно просматривать Web-страницы? (Web-браузеры) (слайд 7-8)

Основным понятием языка HTML является тег. ТЕГ- инструкция браузеру, указывающая способ отображения информации (слайд 9). Атрибут-компонент тега, содержащий указания о том, как браузер должен воспринять и обработать тег (слайд 10).

Теги могут быть парные и одиночные. Парные делятся на открывающие и закрывающие (слайд 11). Контейнеры- это парные теги, содержащие открывающий и закрывающий тег (слайд 12).

Задание. Даны теги, определить парные и одиночные теги: H1 H1, Br, Hr, Head Head (слайд 13).

• Теги пишутся с использованием, какого алфавита? (Латинского)

• При написании тегов используются только буквы? (Нет, еще и цифры)

(слайд 14) Но даже если мы выучим все теги языка HTML, этого будет недостаточно, если мы не будем знать структуру построения HTML-документа. Это всё равно, что иметь все нужные для строительства дома материалы, но не знать, как строить и с чего вообще начать. Поэтому важно знать структуру HTML-документа. Рассмотрим структурные теги.

(слайд 15-16) Тег html (html … html) Этот тег помещают в начало и конец документа, сообщая браузеру, что весь документ составлен на HTML. Обратите внимание: этот тег – парный или одиночный? (парный).