Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Конспекты / План урока "Начало работы с языком HTML"

План урока "Начало работы с языком HTML"

  • Информатика

Поделитесь материалом с коллегами:

Савельев Василий Михайлович

Учитель информатики высшей категории

Средней школы № 8 с ДМЦ города Текели


Урок информатики в 11 классе

Тема: Основы HTML программирования.

Цели урока:

  • познакомить учащихся с основами HTML программирования.

  • научить создавать web-документ (формата .html).

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

  • показать важность знаний и умений в сфере ИКТ.

Тип урока: изучение нового материала.

Форма обучения: лекция с отработкой практических навыков.

Ход урока:

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

2. Сообщение темы и цели занятия.

3. Изучение нового материала.

4. Повторение изученного материала.

5. Подведение итогов занятия.

6. Домашнее задание.


Введение

Hyper Text Markup Language (HTML) — язык разметки гипертекста — предназначен для написания гипертекстовых документов, публикуемых в World Wide Web.


Гипертекстовый документ — это текстовый файл, имеющий специальные метки, называемые тегами, которые впоследствии опознаются браузером и используются им для отображения содержимого файла на экране компьютера.


Веб-страница документ, содержание которого пригодно для обработки, манипулирования и просмотра посредством веб-браузера. Веб-страницы могут располагаться локально — на персональном аппаратном устройстве пользователя — или на сетевых устройствах (серверах) в локальных и глобальных сетях.


Веб-дизайн (от англ. Web design) — отрасль веб-разработки и разновидность дизайна, в задачи которой входит проектирование пользовательских веб-интерфейсов для сайтов или веб-приложений. Веб-дизайнеры проектируют логическую структуру веб-страниц, продумывают наиболее удобные решения подачи информации, а также занимаются художественным оформлением веб-проекта. В результате пересечения двух отраслей человеческой деятельности грамотный веб-дизайнер должен быть знаком с последними веб-технологиями и обладать соответствующими художественными качествами.


Изучение нового материала

Для освоения HTML понадобятся две вещи:

1. Любой браузер, т.е., программа, пригодная для просмотра HTML-файлов.

2. Любой редактор текстовых файлов, поддерживающий русский язык в выбранной Вами кодировке, вполне подойдет Notepad.

Мы будем использовать текстовый редактор для подготовки HTML-файлов, а браузер — как инструмент контроля за сделанным. Свои первые HTML-файлы Вы будете разрабатывать у себя на локальном диске. При этом один и тот же .htm-файл может быть одновременно открыт и в Блокноте, и в браузере.

Обязательные метки HTML.

hello_html_5f4e27ce.png

Рассмотрим структуру HTML-документа на примере. Загружаем Блокнот и создаем документ.

Пример

Привет!

Это моя первая веб-страница.

Чтобы файл открыть с помощью браузера, его необходимо сохранить в формате HTML.

Выполняем сохранение документа: ФайлСохранить как…Ваша папкаPrimer.HTML (обратите внимание на необходимость задания расширения HTML).

В проводнике открываем Вашу папку. Находим в ней файл с именем Primer, он должен иметь пиктограмму (значок) браузера. Открываем файл.


hello_html_m2b7e665e.png

Для того, чтобы текст на странице расположился в несколько строк, необходимо воспользоваться тегами разрыва строки или разбиения на абзацы.

hello_html_533838dc.png

Для изменения внешнего вида текста используем теги форматирования.

hello_html_5092b0b.png

hello_html_m57446cf.png

hello_html_m6eab0809.png


Дополните страницу текстом примерами форматирования, чтобы она соответствовала образцу:

hello_html_73ae78d6.png


Окончательное содержание HTML-документа в блокноте:

Пример

Привет!

Это моя первая веб-страница.

Шрифтовое выделение фрагментов текста

Теперь мы знаем, что фрагменты текста можно выделять

жирным или наклонным шрифтом.

Кроме того, можно фрагменты текста задавать

разными размерами

и шрифтами.


Повторение изученного материала:

  1. Что такое HTML?

  2. Что такое Web-страница?

  3. Какие обязательные теги должен содержать HTML-документ?

  4. Какие теги форматирования текста вы знаете?


Подведение итогов урока.


Домашнее задание. Создать веб-страницу с личными данными, применяя форматирование для каждой строки.

Автор
Дата добавления 07.10.2015
Раздел Информатика
Подраздел Конспекты
Просмотров186
Номер материала ДВ-037461
Получить свидетельство о публикации

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