- Курс-практикум «Педагогический драйв: от выгорания к горению»
- «Формирование основ финансовой грамотности дошкольников в соответствии с ФГОС ДО»
- «Патриотическое воспитание в детском саду»
- «Федеральная образовательная программа начального общего образования»
- «Труд (технология): специфика предмета в условиях реализации ФГОС НОО»
- «ФАООП УО, ФАОП НОО и ФАОП ООО для обучающихся с ОВЗ: специфика организации образовательного процесса по ФГОС»
Свидетельство о регистрации
СМИ: ЭЛ № ФС 77-58841
от 28.07.2014
- Бесплатное свидетельство – подтверждайте авторство без лишних затрат.
- Доверие профессионалов – нас выбирают тысячи педагогов и экспертов.
- Подходит для аттестации – дополнительные баллы и документальное подтверждение вашей работы.
в СМИ
профессиональную
деятельность
План урока на тему: Инструменты создания Web-страниц. HTML
Отражены основные цели и задачи. План содержит краткий конспект к року по созданию страницы на языке html.
1059
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 минут.