- Курс-практикум «Педагогический драйв: от выгорания к горению»
- «Труд (технология): специфика предмета в условиях реализации ФГОС НОО»
- «ФАООП УО, ФАОП НОО и ФАОП ООО для обучающихся с ОВЗ: специфика организации образовательного процесса по ФГОС»
- «Специфика работы с детьми-мигрантами дошкольного возраста»
- «Учебный курс «Вероятность и статистика»: содержание и специфика преподавания в условиях реализации ФГОС ООО и ФГОС СОО»
- «Центр «Точка роста»: создание современного образовательного пространства в общеобразовательной организации»
Свидетельство о регистрации
СМИ: ЭЛ № ФС 77-58841
от 28.07.2014
- Бесплатное свидетельство – подтверждайте авторство без лишних затрат.
- Доверие профессионалов – нас выбирают тысячи педагогов и экспертов.
- Подходит для аттестации – дополнительные баллы и документальное подтверждение вашей работы.
в СМИ
профессиональную
деятельность
План урока на тему: Инструменты создания Web-страниц. HTML
Отражены основные цели и задачи. План содержит краткий конспект к року по созданию страницы на языке html.
1076
1
Тема: Инструменты создания Web-страниц. HTML
Цели:Научитьсяиспользовать HTML-теги при разработке web-страниц.
Задачи:
Развивающие: способствовать развитию познавательного интереса, творческой активности обучающихся.
Образовательные:
приобрести начальные навыки создания простейших Internet-документов;
научиться выполнять форматирование созданных Web-страниц.
научить использовать коды и теги при создании веб- страниц в текстовом редакторе Блокнот
Воспитательные:
формировать элементы научного мировоззрения,
воспитать информационную культуру учащихся.
Тип урока: комбинированный (изучение нового материала и практическая работа).
Оборудование: ноутбук, раздаточный материал.
Средства обучения: программные средства – текстовый редактор Блокнот.
Тип урока: комбинированный.
План урока:
Организационная часть
Актуализация и проверка знаний.
Разбор новых понятий, краткое составление конспекта по основным понятиям;
Практическая часть;
Ответы на вопросы учеников;
Домашнее задание.
Организационная часть
Приветствие;
Проверка присутствующих;
Объяснение хода урока.
Актуализация и проверка знаний.
Вопросы:
На уроках информатики в 9 классе, вы познакомились с Технологией создания сайта. Помните ли вы, какие существуют типы web-страниц? В их чем разница?
Какие основные способы создания сайта вам приходят на ум?
Какие основные среды для создания веб-страницы вы знаете?
Какую структуру имеют web-страницы?
Ответы:
Разбор новых понятий, краткое составление конспекта по основным понятиям
Как сконструировать страницу веб-страницу с ее текстами рисунками?
Необходимо создать текстовый файл содержащий описание страницы на языке html-языке разметки гипертекста.
Html документ может быть создан при помощи любого текстового редактора, хотя не редко используются специальные html редакторы так называемые конверторы, выбор редактора который будет применяться для создания html документов, зависит от личных пристрастий автора. Для этих целей можно использовать стандартное приложение – БЛОКНОТ.
А теперь давайте проанализируем самую простую страницу написанную с помощью этого языка: (слайд 3 презентации)
Скобки сигнализируют программе просмотра что внутри них стоят теги- управляющие словосочетания указывающие браузеру на то, как надо оформлять ваш электронный документ
Рассмотрим к примеру тег <CENTER> - он означает что все дальнейшие элементы оформления документа будут расположены по центру окна, а отменяется это центрирование с помощью тега </CENTER>
/- означает отмену какого либо элемента оформления
ТегH3- заставляет программу просмотра весь дальнейший текст писать крупными буквами так называемым заголовочным шрифтом 3-го уровня
Всего существует 6 уровней шрифта им соответствуют теги H1,H2,H3,H4,H5,H6
1-й уровень самый крупный
Каждая пара тегов <CENTER> и </CENTER>- образуют контейнер придающие новые свойства тексту который в него попадает (слайд 4)
Познакомимся с другими тегами присутствующими на странице <Br>-текст будет располагаться на новой строке, но без отступа (красная строка), такой тег немеет отмены, а значит не образует контейнеры
<HTML_>-указатель начала описания электронного документа на языке html
<HEAD> тег располагающийся еще до описания самой страницы документа в его заголовке
Текст внутри контейнера TITLE - / TITLE выводится программой просмотра страниц в верхней заголовочной части уже готового экрана с документом и помогает ориентироваться при поиске нужных документов
BODY- указатель начала описания странички документа в нем присутствуют достаточно важные атрибуты один из них BGCOLOR- определяет фон нашей страницы. Фоном может быть не просто цвет, но и любая картинка сохраненная формате jpg или gif. Для создания такого фона необходимо использовать атрибут background (=Клен.gif), важно помнить что контейнеры должны располагаться строго один внутри другого (слайд 5)
В таблице приведены описания некоторых тегов (слайд 6)
HTML- один из веб стандартов, предназначенный для логической разметки документов. Оформление современных веб сайтов задается с помощью стилевых файлов. Еще одним из веб стандартов является технология css
Используется для оформления веб-страниц. Если в HTML-коде находится содержимое (то, что покажет браузер), то CSS определяет его оформление (то, как браузер это покажет).
-Стили предлагают намного больше возможностей для форматирования нежели простой html, кроме того стили могут хранится во внешнем файле. Эта технология позволяет принципиально разделить содержание и прдставление документа
Перенос правил представления данных в отдельный файл ведет к
Описание представления данных загружается браузером только один раз, а далее при переходе с одной страницы сайта на другую Браузер загружает только структуру страницы и хранимые на ней данные
Заключительный очень важный этап создания сайтов это размещение сайтов в интернете или публикация веб сайта.
Для того чтобы разместить сайт в интернете необходимо найти подходящее место на одном из его серверов
Платные хостинги: удобный домен 2-го уровня и обслуживание размещенного сайта т.е. тех поддержку
Бесплатные почтовые сервера(слайд 8):
Практическая часть
В стандартном приложении системы Windows- Блокнот, приступить к знакомству с основными тегами на языке html с использованием методического пособия.
Ответы на вопросы учеников.
Домашнее задание.
Учебник по информатике Семакин- стр. 82-83 читать. Выучить основные теги, знать правила написания кода на языке html.
4
Адрес публикации: https://www.prodlenka.org/metodicheskie-razrabotki/441825-plan-uroka-na-temuinstrumenty-sozdanija-web-s
БЕСПЛАТНО!
Для скачивания материалов с сайта необходимо авторизоваться на сайте (войти под своим логином и паролем)
Если Вы не регистрировались ранее, Вы можете зарегистрироваться.
После авторизации/регистрации на сайте Вы сможете скачивать необходимый в работе материал.
- «Особенности организации занятий адаптивной физической культурой для студентов»
- «Содержание и методы работы по формированию функциональной грамотности обучающихся»
- «Медиация в системе образования»
- «Особенности развития детей с нарушениями зрения»
- «Взаимодействие педагога с родителями (законными представителями) обучающихся: особенности, технологии и формы организации»
- «Оказание психологической помощи военнослужащим и членам их семей»
- Основы реабилитационной работы в социальной сфере
- Секретарь учебной части. Делопроизводство в образовательной организации
- Теория и методика преподавания математики в образовательных организациях
- Теория и методика преподавания технологии в образовательных организациях
- Педагогика и методика преподавания географии
- Педагогика и методика преподавания истории и кубановедения
Чтобы оставлять комментарии, вам необходимо авторизоваться на сайте. Если у вас еще нет учетной записи на нашем сайте, предлагаем зарегистрироваться. Это займет не более 5 минут.