Инфоурок › Информатика ›Презентации›HTML (HyperText Markup Language) язык разметки гипертекста

«Язык разметки гипертекста HTML. Основы создания веб-страниц». Практическая (лабораторная) работа с элементами лекции. Информатика. 1 курс. СПО

Файл будет скачан в форматах:

pdf
docx

593

04.02.2025

Материал разработан автором:

Мельникова Тамара Леминовна

Преподаватель

Разработок в маркетплейсе: 166

Покупателей: 4 230

Об авторе

Категория/ученая степень: Первая категория

Место работы: ГПОУ ТО "ЩПК"

Преподаю в колледже следующие дисциплины: -информатика, -информационные технологии в профессиональной деятельности, -метрология и стандартизация, -технология и организация туроператорской деятельности, -современная оргтехника и организация делопроизводства. Моя цель как преподавателя — не только передать знания, но и помочь студентам овладеть практическими навыками, которые будут полезны в их будущей карьере. Именно поэтому в своей работе я активно использую современные технологии, в том числе искусственный интеллект, чтобы сделать обучение более доступным и интересным. Мои главные принципы: честность, открытость и выполнение обязательств. Считаю это важным в работе со студентами. Для занятий разрабатываю и постоянно совершенствую методические материалы, основанные на практическом опыте и передовых образовательных подходах, которыми с большим удовольствием делюсь здесь. Каждый сценарий, пособие или метод.разработка на моем сайте направлены на то, чтобы облегчить работу преподавателей и помочь студентам усваивать сложные темы.

Подробнее об авторе

Настоящая методическая разработка опубликована пользователем Мельникова Тамара Леминовна. Инфоурок является информационным посредником

«Язык разметки гипертекста HTML. Основы создания веб-страниц». Практическая (лабораторная) работа с элементами лекции. Информатика. 1 курс. СПО Данная методическая разработка предназначена для учителей информатики и преподавателей колледжей, обучающих студентов основам веб-разработки. Урок охватывает базовые принципы работы с HTML, структуру веб-страницы и основные теги, необходимые для создания простых сайтов. Материал подходит для учащихся 8–11 классов, студентов СПО и начинающих веб-разработчиков. Разработка (32 страницы) включает детализированный конспект урока: Пошаговый алгоритм действий для преподавателя с дословными репликами и методическими рекомендациями. Краткий теоретический конспект по HTML для удобства объяснения материала. Пошаговые инструкции для студентов, которые можно использовать как раздаточный материал. Практическое задание в формате мини-игры ("Исправь код"), развивающее навыки работы с HTML. Тест из 10 вопросов с ключом и критериями оценивания, позволяющий проверить знания учащихся. План занятия (90минут): 1. Организационный момент 2. Актуализация знаний 3. Объяснение нового материала 4. Практическая работа 5. Подведение итогов 6. Домашнее задание Содержание практической работы: Задания (игровой формат): «Собери страницу» – студентам даются разрозненные HTML-теги, они должны собрать их в правильном порядке. «Исправь ошибку» – дается код с ошибками, задача студентов – найти и исправить их. «Создай визитку» – сделать HTML-страницу с контактами и краткой информацией о себе. «Техническое описание» – сверстать страницу с таблицей характеристик машины. «Галерея» – добавить изображения в страницу с описанием оборудования. Применяются современные методики обучения: игровые технологии, проблемное обучение, деятельностный подход, что делает занятие интерактивным и интересным. Уровень сложности – базовый, что позволяет использовать разработку как вводный урок в курсе веб-разработки или информатики. Этот материал станет полезным инструментом для педагогов, желающих проводить насыщенные, интерактивные и эффективные занятия по HTML без долгой подготовки. с другими материалами -сценарии мероприятий,-презентации, -методические разработки, -конспекты лекций и практических работ (информатика, информационные технологии в профессиональной деятельности, метрология и стандартизация, туризм), -планеры, -календари для педагога, -оформление для доски и кабинета, -шаблоны и грамоты, -педагогу для планирования,-и многое другое

Краткое описание методической разработки

«Язык разметки гипертекста HTML. Основы создания веб-страниц». Практическая (лабораторная) работа с элементами лекции. Информатика. 1 курс. СПО

Данная методическая разработка предназначена для учителей информатики и преподавателей колледжей, обучающих студентов основам веб-разработки.

Урок охватывает базовые принципы работы с HTML, структуру веб-страницы и основные теги, необходимые для создания простых сайтов.

Материал подходит для учащихся 8–11 классов, студентов СПО и начинающих веб-разработчиков.

Разработка (32 страницы) включает детализированный конспект урока:

Пошаговый алгоритм действий для преподавателя с дословными репликами и методическими рекомендациями.
Краткий теоретический конспект по HTML для удобства объяснения материала.
Пошаговые инструкции для студентов, которые можно использовать как раздаточный материал.
Практическое задание в формате мини-игры ("Исправь код"), развивающее навыки работы с HTML.
Тест из 10 вопросов с ключом и критериями оценивания, позволяющий проверить знания учащихся.

План занятия (90минут):

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

2. Актуализация знаний

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

4. Практическая работа

5. Подведение итогов

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

Содержание практической работы:

Задания (игровой формат):

«Собери страницу» – студентам даются разрозненные HTML-теги, они должны собрать их в правильном порядке.
«Исправь ошибку» – дается код с ошибками, задача студентов – найти и исправить их.
«Создай визитку» – сделать HTML-страницу с контактами и краткой информацией о себе.
«Техническое описание» – сверстать страницу с таблицей характеристик машины.
«Галерея» – добавить изображения в страницу с описанием оборудования.

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

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

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

с другими материалами

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

-педагогу для планирования,
-и многое другое

Развернуть описание

Файл будет скачан в форматах:

pdf
docx

04.02.2025

593

Материал разработан автором:

Мельникова Тамара Леминовна

Преподаватель

Разработок в маркетплейсе: 166

Покупателей: 4 230

Об авторе

Категория/ученая степень: Первая категория

Место работы: ГПОУ ТО "ЩПК"

Подробнее об авторе

HTML (HyperText Markup Language) язык разметки гипертекста

Скачать материал

Скачать материал "HTML (HyperText Markup Language) язык разметки гипертекста"

Курс повышения квалификации

Механизмы и технологии сортировки пищевой продукции

Курс повышения квалификации

Компьютерная грамотность для пенсионеров

Этот курс уже прошли 42 человека

Курс повышения квалификации

Организация преподавания информационных систем и технологий в профессиональном образовании

36 ч. — 180 ч.

699 руб.

Подать заявку О курсе

Сейчас обучается 79 человек из 31 региона
Этот курс уже прошли 283 человека

Курс профессиональной переподготовки

Разработка и сопровождение требований и технических заданий на разработку и модернизацию систем и подсистем малого и среднего масштаба и сложности

Системный аналитик

Сейчас обучается 117 человек из 40 регионов
Этот курс уже прошли 120 человек

Смотреть ещё 5 968 курсов

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

1 слайд

HTML
(HyperText Markup Language)
язык разметки гипертекста
«Создание Web-сайтов»
Симонова Т.А.
учитель информатики
МОУ «Лицей №3»
г.Прохладный КБР
2 слайд

Имена HTML-файлов
Нельзя использовать русские буквы.
Нельзя использовать пробелы.
Короткие имена файлов.
Различаются заглавные и строчные буквы.
Расширения *.htm или *.html
3 слайд

Имена файлов, запускаемых из каталога по умолчанию
index.htm
index.html
default.htm
default.html
4 слайд

Тэги
<тэг> . . . текст . . . </тэг>
5 слайд

Структура Web-страницы
<!DOCTYPE HTML PUBLIC "-//W3C//DTD
HTML 4.0 //EN">
6 слайд

Структура Web-страницы
<HTML>

</HTML>
7 слайд

Структура Web-страницы
<HTML>
<HEAD>

</HEAD>

</HTML>
8 слайд

Структура Web-страницы
<HTML>
<HEAD>

</HEAD>
<BODY>

</BODY>
</HTML>
9 слайд

Структура Web-страницы
<HTML>
<HEAD>
<TITLE>Знакомство с тэгами HTML</TITLE>
</HEAD>
<BODY>

</BODY>
</HTML>
10 слайд

Заголовки
<H1> Заголовок первого уровня </H1>
<H2> Заголовок второго уровня </H2>
<H3> Заголовок третьего уровня </H3>
<H4> Заголовок четвертого уровня </H4>
<H5> Заголовок пятого уровня </H5>
<H6> Заголовок шестого уровня </H6>
11 слайд

Абзацы
<P> Первый абзац, первый абзац, первый абзац, первый абзац.</P>
<P> Второй абзац, второй абзац, второй абзац. Второй абзац.</P>
12 слайд

Абзацы
<P> Первый абзац, первый абзац, первый абзац, первый абзац.</P>
<P> Второй абзац, второй абзац, второй абзац. <BR> ПРИНУДИТЕЛЬНЫЙ ПЕРЕВОД СТРОКИ Второй абзац.</P>
<P> Третий абзац </P>
<PRE> Предварит. отформатир. текст </PRE>
13 слайд

Нумерованный список
<OL>
<LI> Первый элемент списка
<LI> Второй элемент списка
<LI> Третий элемент списка
</OL>
14 слайд

Маркированный список
<UL>
<LI> Первый элемент списка
<LI> Второй элемент списка
<LI> Третий элемент списка
</UL>
15 слайд

Список определений
<DL>
<DT> ТЕРМИН 1
<DD> Пояснение к термину 1
<DT> ТЕРМИН 2
<DD> Пояснение к термину 2
<DT> ТЕРМИН 3
<DD> Пояснение к термину 3
</DL>
16 слайд

Принудительное форматирование шрифта
Обычный текст
<B> Полужирный </B>
<I> Курсив </I>
<U> Подчеркнутый </U>
<TT> Равноширинный </TT>
<BR>
<B><U><I> Полужирный подчеркнутый курсив </I></U></B> <BR>
17 слайд

Размер текста
<BIG>Увеличенный текст</BIG>
Просто текст
<SMALL>Уменьшенный текст</SMALL>
<BR>
18 слайд

Верхний и нижний индексы
Текст <SUB> Нижний индекс </SUB>
Текст <SUP> Верхний индекс </SUP>
Текст
<BR>
19 слайд

Логическое форматирование
<EM> Выделение </EM>
<STRONG>
Усиленное выделение
</STRONG>
<BR>
20 слайд

Форматирование некоторых видов текста
<ABBR> Аббревиатура </ABBR>
<CITE> Цитата </CITE>
<ADDRESS> Адрес </ADDRESS>
21 слайд

Горизонтальная линия
<HR>
22 слайд

Комментарий
23 слайд

Кодирование символов
24 слайд

Кодирование символов
25 слайд

Кодирование символов
26 слайд

Кодирование символов
27 слайд

«Создание Web-сайтов»
Симонова Татьяна Адлеровна
МОУ «Лицей №3»
г. Прохладный КБР

Сайт: http://simonofa.narod.ru
Сайт: http://lycei3kbr.narod.ru

E-mail: simonof@list.ru

Скачать материал

Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:

7 356 138 материалов в базе

Найти материалы

Скачать материал

Другие материалы

pptx

Мастер класс "Создание и размещение сайта с помощью мастера"

17.12.2015
611
0

docx

Создание и размещение сайта с помощью мастера

17.12.2015
886
1

docx

Создание HTML – документа

17.12.2015
1998
2

docx

Методическая разработка урока "Построение двухмерных чертежей"

17.12.2015
1028
17

zip

Конспект урока информатики в 9 классе по теме "Программирование линейных алгоритмов"

17.12.2015
1014
4

docx

План урока по информатике и ИКТ "Измерение информации"

17.12.2015
774
1

pptx

Презентация по информатике "КВН. Игра со зрителями"

17.12.2015
786
0

Вам будут интересны эти курсы:

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

Скачать материал

- 17.12.2015 964
- PPTX 110.5 кбайт
- Оцените материал:
Настоящий материал опубликован пользователем Симонова Татьяна Адлеровна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт

Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Автор материала

Симонова Татьяна Адлеровна
учитель физики, астрономии, информатики
- На сайте: 9 лет и 8 месяцев
- Подписчики: 0
- Всего просмотров: 30950
- Всего материалов: 13
Об авторе

Категория/ученая степень: Высшая категория

Место работы: МБОУ «Лицей №3»

Работаю в школе с 1992 года. Учитель высшей квалификационной категории. Победители Всероссийского фестиваля "Робофест 2015" в номинации "VEX CELLENGER" с командой "Сталкер" - учащиеся 8 класса - Шкарубов Владислав, Шкарубов Владимир. Победитель ПНПО 2015г. Увлечения - путешествия по родному краю, фотография, вязание, вышивка.

Подробнее об авторе