Меню
Разработки
Разработки  /  Информатика  /  Уроки  /  11 класс  /  Инструменты для разработки web-сайтов. Создание web - страниц с использованием текстового редактора.

Инструменты для разработки web-сайтов. Создание web - страниц с использованием текстового редактора.

27.01.2021

Содержимое разработки

Предмет Информатика Класс 11 Тема: Инструменты для разработки web-сайтов. Создание web - страниц с использованием текстового редактора.

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

Цели:

Образовательная: приобрести начальные навыки создания простейших Internet-документов, научиться выполнять форматирование созданных Web-страниц.

Воспитательная: воспитание информационной культуры учащихся, внимательности, аккуратности, дисциплинированности, усидчивости, формировать элементы научного мировоззрения.

Развивающая: развивать наглядно-образное мышление, память и умение сравнивать и анализировать.

Оборудование: компьютер, компьютерная презентация

План урока:

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

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

  3. Мотивация(2 мин)

  4. Целеполагание(2 мин)

  5. Объяснение материала (20мин)

  6. Практическое задание(10 мин)

  7. Диагностика (5 мин)

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

  9. Рефлексия(1 мин)


Ход урока:


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

  • Приветствие

  • Проверка присутствия всех учащихся

  • Сообщение учащимся даты, темы и плана урока


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


  1. Мотивация(2 мин) презентация


  1. Целеполагание(2 мин) Исходя из темы урока, обучающиеся формируют цели урока


  1. Объяснение материала (20мин) презентация


Web - это средство представления информации в Интернете. Информация может быть представлена в виде текстов, рисунков, аудио и видеоклипов. В то же время, Web - это технология доступа к информационным ресурсам Интернета, размещенным на множестве Web-серверов. В целом, Web - это гипертекстовая информационная среда, использующая принятый язык разметки гипертекста и поддерживающая различные протоколы Интернета для доступа к его информационным ресурсам. Любой протокол - это набор правил, которые используются компьютерами для обмена информацией. Среди протоколов Интернета самый распространенный - HTTP (Hyper Text Transfer Protoсol). Используются FTP (для присоединения и загрузки файлов), FILE (для доступа к файлам на локальных дисках), протокол для электронной почты и некоторые другие.

Язык HTML (HyperText Markup Language, язык разметки гипертекста) — это язык, на котором создаются Web-страницы. HTML-документы могут просматриваться различными типами Web-браузеров. Когда документ создан с использованием HTML, Web-браузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей.

Web-страницы могут быть созданы с помощью

  1. обычного текстового редактора;

  2. редактора, способного сохранять в формате HTML;

  3. специализированного редактора;

  4. специализированной системы.


HTML-документы сохраняются на диске как обычные текстовые документы в формате ASCII. Для распознавания Web-страниц по их именам общепринято обозначать такие файлы использованием расширений .HTM (для Windows 3.1) или .HTML (для Windows 95/98/NT/XP, Macintosh и Unix).

Кроме полезного текста в HTML-документах используются специальные управляющие последовательности символов — тэги.

Чаще всего тэги используются попарно, окружая размеченные фрагменты текста. Такие тэги называются контейнерами. Закрывающийся тэг отличается от начального только присутствием символа "/" , добавляемого перед именем тэга. При интерпретации тэгов браузер не делает различия между строчными и прописными буквами. Поэтому сами тэги можно набирать на любом регистре. Зачастую параметр (атрибут) является необязательной величиной и его можно пропускать.


Структурные теги HTML

Тег html (htmlhtml)

Этот тег помещают в начало и конец документа, сообщая браузеру, что весь документ составлен на HTML.

Тег head (head... head )

Тег head определяет заголовок, то есть часть документа, которая содержит информацию о документе. Тег не имеет собственных атрибутов, он используется в качестве контейнера для других тегов заголовка, таких как base, meta и title, т.е. заключаются между тегами head и head.

Тег title определяет название документа, которое появится в верхней строке окна браузера.

Тегbody (bodybody)

Тег body определяет начало и конец основной части (тела) HTML-документа. В теле документа находится его содержимое (часть документа, которая выводится в окно браузера). Атрибуты этого тега оказывают влияние на весь документ.


  1. Практическое задание(10 мин)

Создайте папку SITE. Откройте текстовый редактор Блокнот и наберите текст, представленный ниже.

HTML
HEAD
TITLEПервое знакомство с тэгами HTMLTITLE
HEAD
BODY Это моя первая WEB- страница

BODY
HTML

Введите команду [Файл – Сохранить как…]. Файлу Web-страницы присвоить имя index.html (Файл сохранить в папке SITE) Открыть созданный файл командой. В заголовке окна браузера высветится название Web-страницы Первое знакомство с тэгами HTML Для переключения между режимом просмотра WEB-страницы в браузере и текстом HTML-файла используйте контекстное меню  Исходный код страницы.


  1. Диагностика (5 мин)

Проверка выполненного практического задания


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

§13, 14 читать, ответить на вопросы в конце параграфа устно


  1. Рефлексия(1 мин)

  • Что нового я узнал(а)?

  • Как я усвоил новый материал?

  • Где я могу это применить?

  • Хорошо ли я работал(а) на уроке?


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

Внедрение современных педагогических технологий в условиях реализации ФГОС (в предметной области «Информатика»)

Продолжительность 72 часа
Документ: Удостоверение о повышении квалификации
4000 руб.
1000 руб.
Подробнее
Скачать разработку
Сохранить у себя:
Инструменты для разработки web-сайтов. Создание web - страниц с использованием текстового редактора. (24.35 KB)

Комментарии 0

Чтобы добавить комментарий зарегистрируйтесь или на сайт

© 2008-2024, ООО «Мультиурок», ИНН 6732109381, ОГРН 1156733012732

Учителю!
Огромная база учебных материалов на каждый урок с возможностью удаленного управления
Тесты, видеоуроки, электронные тетради