Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Презентации / Создание Web-страниц средствами языка HTML. (с использованием цифрового диктанта и терминов КНРС(Я)
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 24 мая.

Подать заявку на курс
  • Информатика

Создание Web-страниц средствами языка HTML. (с использованием цифрового диктанта и терминов КНРС(Я)

библиотека
материалов
Тема урока: Создание Web-страниц средствами языка HTML. (с использованием циф...
повторение HTML документы представляют собой текстовые файлы, состоящие из HT...
Тэги HTML HTML-тэги используются для разметки HTML элементов HTML-тэги окруже...
Элементы HTML HTML элемент начинается с начального тэга Содержанием элемента...
Вспомним наш первый HTML пример    Первая страница     Это моя первая страниц...
Пустые HTML элементы HTML элементы без содержания, называются пустыми элемент...
Основные HTML тэги Самые важные тэги в HTML - тэги, которые определяют заголо...
Заголовки Заголовки определяются с помощью тэгов от  до . Тэг  определяет наи...
Параграфы Параграфы определяются тэгом .   Это - параграф    Это - другой пар...
Подведем промежуточный итог… У каждого элемента HTML есть своё название body...
Изученные основные HTML-тэги Тэг	Описание 	Определяет HTML документ  	Определ...
Работа с карточками ( Задание по тегам HTML) Выстроить ряд тэгов данной web с...
Природные зоны      Природные зоны России  Арктика Тундра Тайга Средняя по...
Видеоурок «Списки» Тема : Списки на Web страницах (Составление HTML при разме...
Списки Ненумерованный    Нумерованный    Довольно часто при размещении текста...
Маркированный (ненумерованный) список.  Саха Саарын Тойон Айыы Сиэр Тойон Дьу...
Нумерованный список  Сабыйа Баай Хотун Айталыын Куо Туйаарыма Куо  Кыыс о5о...
СПИСКИ    Олонхо     Дьулуруйар Ньургун Боотур  Саха Саарын Тойон Айыы Сиэр Т...
Цифровой диктант
Цифровой диктант Форматирование Списки Изображение Структура HTML Вариант 1 1...
1.  2.  3.
Домашнее задание Составить HTML код Web страницы «Олонхо» с нумерованными и н...
23 1

Описание презентации по отдельным слайдам:

№ слайда 1 Тема урока: Создание Web-страниц средствами языка HTML. (с использованием циф
Описание слайда:

Тема урока: Создание Web-страниц средствами языка HTML. (с использованием цифрового диктанта и терминов КНРС(Я) учитель информатики и ИКТ Гуляев Николай Николаевич МБОУ «Эбяхская СОШ» Дата проведения урока: 11 декабря 2013г. Презентация учителя информатики и ИКТ Вакатовой Ирины Владимировны

№ слайда 2 повторение HTML документы представляют собой текстовые файлы, состоящие из HT
Описание слайда:

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

№ слайда 3 Тэги HTML HTML-тэги используются для разметки HTML элементов HTML-тэги окруже
Описание слайда:

Тэги HTML HTML-тэги используются для разметки HTML элементов HTML-тэги окружены двумя символами < и > Окружающие символы называют угловыми скобками HTML-тэги, как правило, используются парами как <b> и </b> Первый тэг в паре - тэг начала, второй тэг - конечный тэг Html-тэги не чувствительны к регистру, <b> означает то же самое что и <B> Примечание: Тэг начала обычно называют открытым тэгом, а конечный тэг закрытым.

№ слайда 4 Элементы HTML HTML элемент начинается с начального тэга Содержанием элемента
Описание слайда:

Элементы HTML HTML элемент начинается с начального тэга Содержанием элемента будет всё между начальным тэгом и конечным тэгом HTML элемент заканчивается конечным тэгом У некоторых HTML элементов нет содержания У некоторых HTML элементов нет конечного тэга Примечание: HTML элементы довольно часто называют контейнерами. Элемент HTML Начальный тэг Содержание Конечный тэг <p> Это параграф </p>

№ слайда 5 Вспомним наш первый HTML пример    Первая страница     Это моя первая страниц
Описание слайда:

Вспомним наш первый HTML пример  <html> <head> <title>Первая страница</title> </head>  <body>  <p>Это моя первая страница.</p>  <b>Этот текст выделен полужирным шрифтом</b>  </body>  </html> Данный выше пример, содержит в себе 6 элементов.

№ слайда 6 Пустые HTML элементы HTML элементы без содержания, называются пустыми элемент
Описание слайда:

Пустые HTML элементы HTML элементы без содержания, называются пустыми элементами. Пустые элементы не имеют конечного тэга. <br> (конец строки) является пустым элементом, без закрывающего тэга. В XHTML, XML, а также в будущей версии HTML, все элементы должны быть закрыты. Добавление черты в начальном тэге, как <br />, является надлежащим способом закрытия пустых элементов, принятый в HTML

№ слайда 7 Основные HTML тэги Самые важные тэги в HTML - тэги, которые определяют заголо
Описание слайда:

Основные HTML тэги Самые важные тэги в HTML - тэги, которые определяют заголовки, параграфы и окончания строк.

№ слайда 8 Заголовки Заголовки определяются с помощью тэгов от  до . Тэг  определяет наи
Описание слайда:

Заголовки Заголовки определяются с помощью тэгов от <h1> до <h6>. Тэг <h1> определяет наибольший заголовок, а <h6> наименьший.  <h1> Это - заголовок </h1>  <h2> Это - заголовок </h2>  <h3> Это - заголовок </h3>  <h4> Это - заголовок </h4>  <h5> Это - заголовок </h5>  <h6> Это - заголовок </h6> Браузер автоматически добавляет дополнительную пустую строку до и после заголовка.

№ слайда 9 Параграфы Параграфы определяются тэгом .   Это - параграф    Это - другой пар
Описание слайда:

Параграфы Параграфы определяются тэгом <p>.  <p> Это - параграф </p>  <p> Это - другой параграф </p> Браузер автоматически добавляет дополнительную пустую строку до и после параграфа.

№ слайда 10 Подведем промежуточный итог… У каждого элемента HTML есть своё название body
Описание слайда:

Подведем промежуточный итог… У каждого элемента HTML есть своё название body - h1 - p - br - В начале тэга имя окружено угловыми скобками: <h1> В конце тэга черта и имя окружены угловыми скобками:     </ h1> Содержание элемента находится в промежутке между начальным тэгом и конечным тэгом Некоторые HTML элементы не имеют содержания Некоторые HTML элементы не имеют конечного тэга [тело], [заголовок], [параграф], [конец строки])

№ слайда 11 Изученные основные HTML-тэги Тэг	Описание 	Определяет HTML документ  	Определ
Описание слайда:

Изученные основные HTML-тэги Тэг Описание <html> Определяет HTML документ <body> Определяет основу документа <h1> до <h6> Определяет заголовки от 1 до 6 <p> Определяет параграфы <br> Вставляет разрывы строк <hr> Определяет горизонтальную линию

№ слайда 12 Работа с карточками ( Задание по тегам HTML) Выстроить ряд тэгов данной web с
Описание слайда:

Работа с карточками ( Задание по тегам HTML) Выстроить ряд тэгов данной web страницы.

№ слайда 13 Природные зоны      Природные зоны России  Арктика Тундра Тайга Средняя по
Описание слайда:

<html> <head> <title> Природные зоны </title> </head> <body background="карта.jpg" topmargin="80" Leftmargin="50"> <h1 align=center> <Font color="#AA8000"size=+5> Природные зоны России </font></h1> <Font size=7 color="#0000FF"><b>Арктика<br></b></font> <Font size=7 color="#0088FF"><b>Тундра<br> <Font size=7 color="#008800"><b>Тайга<br> <Font size=7 color="#00ff00"><b>Средняя полоса<br> <Font size=7 color="#CCff00"><b>Лесостепь<br> <Font size=7 color="#ffff00"><b>Степь<br> </body> </html> Работа с карточками

№ слайда 14 Видеоурок «Списки» Тема : Списки на Web страницах (Составление HTML при разме
Описание слайда:

Видеоурок «Списки» Тема : Списки на Web страницах (Составление HTML при размещении списка на примере программы «ТНТ».)

№ слайда 15 Списки Ненумерованный    Нумерованный    Довольно часто при размещении текста
Описание слайда:

Списки Ненумерованный <UL> <LI> </UL> Нумерованный <ОL> <LI> </ОL> Довольно часто при размещении текста на Web страницах удобно использовать списки в различных вариантах: Нумерованные списки, когда элементы списка идентифицируются с помощью чисел. Маркированные списки ( в HTML их принято называть ненумерованными), когда элементы списка идентифицируются с помощью специальных символов (маркеров) Список располагается внутри контейнера <UL></UL>, <ОL></ОL> а каждый элемент списка определяется также тэг-ом <LI> .

№ слайда 16 Маркированный (ненумерованный) список.  Саха Саарын Тойон Айыы Сиэр Тойон Дьу
Описание слайда:

Маркированный (ненумерованный) список. <uL> <Li>Саха Саарын Тойон</Li> <Li>Айыы Сиэр Тойон</Li> <Li>Дьулуруйар Ньургун Боотур</Li> <Li>Урун Уолан</Li> <Li>Уот Уhутаакы</Li> <Li>Кун Дьирибинэ</Li> <Li>Уот Уhуму</Li> </uL>

№ слайда 17 Нумерованный список  Сабыйа Баай Хотун Айталыын Куо Туйаарыма Куо  Кыыс о5о
Описание слайда:

Нумерованный список <oL> <Li>Сабыйа Баай Хотун</Li> <Li>Айталыын Куо</Li> <Li>Туйаарыма Куо</Li> <Li> Кыыс о5о Кыскыйдаан Куо</Li> <Li>Кыыс Ньургун</Li> </oL> Для красоты нашей Web страницы используем горизонтальный разделитель <HR> между списками

№ слайда 18 СПИСКИ    Олонхо     Дьулуруйар Ньургун Боотур  Саха Саарын Тойон Айыы Сиэр Т
Описание слайда:

СПИСКИ <html> <head> <title> Олонхо </title> </head> <body> <H2> Дьулуруйар Ньургун Боотур</H2> <uL> <Li>Саха Саарын Тойон</Li> <Li>Айыы Сиэр Тойон</Li> <Li>Дьулуруйар Ньургун Боотур</Li> <Li>Урун Уолан</Li> <Li>Уот Уhутаакы</Li> <Li>Кун Дьирибинэ</Li> <Li>Уот Уhуму</Li> </uL> <HR> <oL> <Li>Сабыйа Баай Хотун</Li> <Li>Айталыын Куо</Li> <Li>Туйаарыма Куо</Li> <Li> Кыыс о5о Кыскыйдаан Куо</Li> <Li>Кыыс Ньургун</Li> </oL> </body> </html>

№ слайда 19
Описание слайда:

№ слайда 20 Цифровой диктант
Описание слайда:

Цифровой диктант

№ слайда 21 Цифровой диктант Форматирование Списки Изображение Структура HTML Вариант 1 1
Описание слайда:

Цифровой диктант Форматирование Списки Изображение Структура HTML Вариант 1 1 2 3 4 Вариант 2 5 6 7 8

№ слайда 22 1.  2.  3.
Описание слайда:

1. <HTML> 2. <OL><LI></OL> 3. <IMG SPC=“UPL” 4. <H?></H?> 5. <P> </P> 6. <TITLE> </TITLE> 7. <B> </B> 8. <BODY></BODY> 9. <UL> <LI></UL> 10. <….ALT=”*”> 1. Структура 2. Списки 3. Изображение 4. Форматирование 5. Форматирование 6. Структура 7. Форматирование 8. Структура 9. Списки 10. Изображение Цифровой диктант 1. 4,8 2. 3,7 3. 2,6 4. 1,5 5. 1,5 6. 4,8 7. 1,5 8. 4,8 9. 3,7 10. 2,6

№ слайда 23 Домашнее задание Составить HTML код Web страницы «Олонхо» с нумерованными и н
Описание слайда:

Домашнее задание Составить HTML код Web страницы «Олонхо» с нумерованными и ненумерованными списками основных персонажей олонхо «Эрчимэн Бэргэн », автор Сергей Васильев-Борогонский с использованием размера шрифта <SIZE> и значения атрибута <COLOR> .

Краткое описание документа:

Основной задачей урока является воспитание информационной культуры обучающихся; закрепление на представляемом материале знания по КНРС(Я) (установить межпредметные связи). Основные организационные формы обучения на уроке: фронтальная работа с классом; групповая (парная) работа; индивидуальная работа. Оборудование и программное обеспечение: рабочие места учеников (персональный компьютер с ОС Windows и MS Word); Блокнот, обозреватель - Internet Explorer; Opera рабочее место учителя; в папке общего доступа заготовки для создания страницы: графические изображения для фона, текст в формате MS Word; файл, содержащий страницу, созданную на прошлом уроке. карточки с заданием на доске текст на языке HTML страницы, созданной на предыдущем уроке. Видеоурок по теме «Списки» , «Работа по изображению».
Автор
Дата добавления 29.08.2014
Раздел Информатика
Подраздел Презентации
Просмотров353
Номер материала 165016082922
Получить свидетельство о публикации

Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Похожие материалы

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