- Курс-практикум «Педагогический драйв: от выгорания к горению»
- «Формирование основ финансовой грамотности дошкольников в соответствии с ФГОС ДО»
- «Патриотическое воспитание в детском саду»
- «Федеральная образовательная программа начального общего образования»
- «Труд (технология): специфика предмета в условиях реализации ФГОС НОО»
- «ФАООП УО, ФАОП НОО и ФАОП ООО для обучающихся с ОВЗ: специфика организации образовательного процесса по ФГОС»
- Курс-практикум «Цифровой арсенал учителя»
- Курс-практикум «Мастерская вовлечения: геймификация и инновации в обучении»
- «Обеспечение безопасности экскурсионного обслуживания»
- «ОГЭ 2026 по русскому языку: содержание экзамена и технологии подготовки обучающихся»
- «ОГЭ 2026 по литературе: содержание экзамена и технологии подготовки обучающихся»
- «ОГЭ 2026 по информатике: содержание экзамена и технологии подготовки обучающихся»
Свидетельство о регистрации
СМИ: ЭЛ № ФС 77-58841
от 28.07.2014
- Бесплатное свидетельство – подтверждайте авторство без лишних затрат.
- Доверие профессионалов – нас выбирают тысячи педагогов и экспертов.
- Подходит для аттестации – дополнительные баллы и документальное подтверждение вашей работы.
в СМИ
профессиональную
деятельность
Методическая разработка Практических занятий по предмету Информатика и ИКТ по теме: «Создание Web-страницы в языке HTML. Форматирование. Вставка изображений»
Представляю вашему вниманию мою методическую разработку по теме: «Создание Web-страницы в языке HTML. Форматирование. Вставка изображений». В методическую разработку вошло практическое занятие на 4 часа.
272
2
ГБУ «Высшая банковская школа»
Методическая разработка
Практических занятий по предмету Информатика и ИКТ
по теме:
«Создание Web-страницы в языке HTML. Форматирование. Вставка изображений»
Автор:
Бурдыгина Елена Викторовна,
преподаватель информатики и ИКТ
Санкт-Петербург
2020
Краткая аннотация.
Представляю вашему вниманию мою методразработку по теме: «Создание Web-страницы в языке HTML. Форматирование. Вставка изображений». В методическую разработку вошли - Практическое занятие 2 на 4 часа и презентация с теоретическим материалом.
ПРАКТИЧЕСКОЕ ЗАНЯТИЕ 2.
Тема: Создание Web-страницы в языке HTML. Форматирование. Вставка изображений.
Цель:Научить студентов: вносить в текст страницы тэги, определяющие начертание шрифта и горизонтальные разделительные линии; отделять этот фрагмент от остального текста с помощью горизонтальных разделительных линий, форматировать шрифт, вставлять графику.
Задание 1.
Открыть папку «HTML_Фамилия_гр_» и создать папку «HTML_ПЗ2_Фамилия_гр_».
Все файлы, которые будут созданы в процессе работы, сохранять в папку «HTML_ПЗ2_Фамилия_гр_».
Запустить текстовый редактор Блокнот командой [Пуск - Программы - Стандартные - Блокнот].
ВвестиHTML-код:
Ввести команду [Файл - Сохранить]. ФайлуWeb-страницы присвоить имя «ПЗ2_Задание1_фамилия_гр.htm»
Запустить браузер и открыть созданный файл командой [Файл - Открыть].
Вид Web-страницы в браузере:
Задание 2.Вставить картинки из интернета. Вставить текст так, чтобы он обтекал 2-ю картинку с права, а 3-ю слева.
Запустить текстовый редактор Блокнот командой.
Ввести/скопировать HTML-код (приведенный ниже и выделенный желтым цветом) и вставить в блокнот:
<HTML>
<HEAD>
<TITLE>Вставкарисунков</TITLE>
<style>
figcaption {
text-align: center;
}
.left {
float: left; /* Выравнивание по левому краю */
margin: 0 1em 1em 0; /* Отступ справа и снизу */
}
.right{
float: right; /* Выравнивание по правому краю */
margin: 0 0 1em 1em; /* Отступ снизу и слева */
}
</style>
</HEAD>
<BODY BGCOLOR="#FFFFCC">
<H1 align="center"><FONT color=#C71585>Дворцоваяплощадь</FONT></H1>
<P><img src="https://avatars.mds.yandex.net/get-pdb/163339/f54946b7-f4d8-4cb4-8998-05ce8bc46df2/s1200?webp=false" width="300"height="100"></P>
<figure class="left">
<img src="https://avatars.mds.yandex.net/get-pdb/477388/505f607c-c775-4308-a9e3-bd7c65e766c9/s1200?webp=false" width="400" alt="">
<figcaption>Подписьснизу</figcaption>
</figure>
<p>Дворцовая площадь является главной площадью Петербурга, образованной знаковыми для города достопримечательностями — Зимним дворцом, Главным штабом, Гвардейским корпусом и Александровской колонной. История Дворцовой площади начинается с постройки Зимнего дворца в 1754-62 годах. Идея создания центральной площади принадлежит знаменитому архитектору Б. Ф. Растрелли, который спроектировал
Зимний и предложил черновую версию проекта всей Дворцовой. В 60-70-е годы XVIII века началась активная застройка центральной площади. В этот период был создан Южный павильон Малого Эрмитажа, а также Вольное
экономическое общество в районе пересечения площади с Невским проспектом. Следующий важный этап застройки Дворцовой приходится на 1819-29 годы, когда по проекту К. Росси был возведен Главный штаб с триумфальной аркой. В 1834 году была воздвигнута величественная Александровская колонна, а в начале 1840-х — штаб Гвардейского корпуса. Таким образом, завершилось формирование современного ансамбля центральной площади города.</p>
<figure class="right">
<img src="http://img-fotki.yandex.ru/get/4208/3199755.7b/0_be7fa_baf36525_XL.jpg" width="500" alt="">
<figcaption>Подписьснизу</figcaption>
</figure>
<p>Дворцовая площадь является главной площадью Петербурга, образованной знаковыми для города достопримечательностями — Зимним дворцом, Главным штабом, Гвардейским корпусом и Александровской колонной. История Дворцовой площади начинается с постройки Зимнего дворца в 1754-62 годах. Идея создания центральной площади принадлежит знаменитому архитектору Б. Ф. Растрелли, который спроектировал
Зимний и предложил черновую версию проекта всей Дворцовой. В 60-70-е годы XVIII века началась активная застройка центральной площади. В этот период был создан Южный павильон Малого Эрмитажа, а также Вольное
экономическое общество в районе пересечения площади с Невским проспектом. Следующий важный этап застройки Дворцовой приходится на 1819-29 годы, когда по проекту К. Росси был возведен Главный штаб с триумфальной аркой. В 1834 году была воздвигнута величественная Александровская колонна, а в начале 1840-х — штаб Гвардейского корпуса. Таким образом, завершилось формирование современного ансамбля центральной площади города.
</BODY></HEAD></HTML>
Сохранить файл под именем«ПЗ2_Задание2_фамилия_гр.htm»
Вид Web-страницы в браузере:
Задание 3.
Самостоятельно создать страницу о городе Санкт–Петербург, применив вновь полученные знания.
Сохранить файл под именем «ПЗ2_Задание3_фамилия_гр.htm».
Открыть в браузере и просмотреть результат.
Результат показать преподавателю – у вас в папке должно быть три файла:
«ПЗ2_Задание1_фамилия_гр.htm».
«ПЗ2_Задание2_фамилия_гр.htm».
«ПЗ2_Задание3_фамилия_гр.htm».
Адрес публикации: https://www.prodlenka.org/metodicheskie-razrabotki/411899-metodicheskaja-razrabotka-prakticheskih-zanja
БЕСПЛАТНО!
Для скачивания материалов с сайта необходимо авторизоваться на сайте (войти под своим логином и паролем)
Если Вы не регистрировались ранее, Вы можете зарегистрироваться.
После авторизации/регистрации на сайте Вы сможете скачивать необходимый в работе материал.
- «Организация профессиональной деятельности социального педагога в соответствии с ФГОС ООО и ФГОС СОО»
- «Структура и требования ФОП ДО: особенности организации учебно-воспитательного процесса в контексте ФГОС ДО»
- «Организация дистанционного обучения в профессиональных образовательных организациях по ФГОС СПО»
- «Развитие профессиональной компетентности педагога»
- «Педагог профессионального обучения, среднего профессионального образования: специфика работы в контексте реализации ФГОС СПО и профессионального стандарта»
- «Документация образовательной организации»
- Содержание деятельности по охране труда и обеспечению безопасности условий на рабочих местах
- Педагогика и методика преподавания истории и обществознания
- Тьюторское сопровождение в образовательной организации
- Педагогическое образование: теория и методика преподавания основ духовно-нравственной культуры народов России
- Обучение детей с ограниченными возможностями здоровья в общеобразовательной организации
- Русский язык и литература: теория и методика преподавания в образовательной организации
Чтобы оставлять комментарии, вам необходимо авторизоваться на сайте. Если у вас еще нет учетной записи на нашем сайте, предлагаем зарегистрироваться. Это займет не более 5 минут.