Слайд 1
Создание сайтов в блокноте на языке HTML
Презентация
Презентация на тему «Создание сайтов в блокноте на языке HTML»
10 слайдов · сгенерирована в Презентоше — бесплатном генераторе презентаций
Слайд 2
Что такое язык
На этом слайде нужно показать, что язык разметки гипертекста позволяет создавать обычные веб-страницы из текста с помощью специальных тегов. Уместно кратко объяснить, что файл с таким кодом сохраняют как документ с расширением «точка эл эсэм эл» или «точка тмл», а затем открывают в браузере. Для наглядности можно привести пример первой страницы с заголовком и основным текстом.
Слайд 3
Блокнот для кода
Здесь следует рассказать, почему для учебного сайта удобно использовать обычный Блокнот: он не добавляет лишнего оформления и позволяет увидеть сам код страницы. Именно в таком редакторе ученик набирает теги, начиная с строки с тегом «html» и заканчивая закрывающим тегом. Это помогает понять, что веб-страница создается не из шаблона, а вручную.
Слайд 4
Структура страницы
На слайде нужно показать основные части документа: тег «голова» для служебной информации и тег «тело» для содержимого страницы. Внутри «головы» обычно размещают название страницы, которое отображается на вкладке браузера. Внутри «тела» пишут заголовки, абзацы, изображения и другие элементы будущего сайта.
Слайд 5
Первые теги
Этот слайд удобно посвятить самым простым тегам, с которых начинается знакомство с программой. Можно объяснить, что заголовок страницы задается тегом «титл», а текст на странице размещается с помощью тега абзаца. Для примера подойдут фразы вроде «Моя первая страница» и несколько строк обычного текста.
Слайд 6
Сохранение файла
Здесь важно показать, что результат работы зависит не только от кода, но и от правильного имени файла. В школьной практике часто используют имя «индекс» с расширением «точка эл эсэм эл» или «точка тмл», чтобы браузер сразу распознал страницу. Также стоит отметить, что при сохранении нужно выбрать тип файла «все файлы», иначе Блокнот может добавить лишнее расширение.
Слайд 7
Открытие в браузере
На этом слайде расскажите, как проверить результат: после сохранения файл открывают в браузере и сразу видят готовую страницу. Если в коде допущена ошибка, страница может отображаться неправильно, поэтому просмотр помогает быстро находить недочеты. Такой способ позволяет ученику сразу увидеть связь между текстом кода и тем, как он выглядит на экране.
Слайд 8
Простая разметка
Здесь можно показать, как из нескольких строк кода получается аккуратная страница с заголовком, абзацем и горизонтальной линией. Для урока информатики в 11 классе полезно добавить пример с названием сайта, кратким описанием и простым оформлением. Это демонстрирует, что даже минимальный набор тегов уже дает законченный результат.
Слайд 9
Практическая работа
Этот слайд стоит посвятить самостоятельному заданию: создать собственную страницу на тему, связанную с учебным предметом или интересами ученика. Можно предложить сделать личную страницу, страницу о компьютере или небольшую визитку с текстом и изображением. Важно подчеркнуть, что работа выполняется по шагам: создать файл, написать код, сохранить его и открыть в браузере.
Слайд 10
Заключение
Создание сайта в Блокноте на языке разметки гипертекста помогает понять, как устроена веб-страница изнутри. Ученик осваивает основные теги, учится сохранять файл с правильным расширением и проверять результат в браузере. Такой способ особенно полезен в 11 классе, потому что дает прочную основу для дальнейшего изучения веб-разработки и более сложных средств создания сайтов.
Нужна такая же презентация, но по своей теме?
Презентоша сгенерирует презентацию по любой теме за минуту — бесплатно.
Создать презентацию