Практическое занятие 18 Тема: Применение интернет-технологий в образовательной деятельности учителя Задание 1. Создайте интеллект-карту 1) по одному из примеров, 2) по теме своего творческого задания. Опубликуйте интеллект-карты на отдельных страницах сайта и на слайдах презентации.
Перейти. Е.А. Еремин, К.Ю. Поляков, Применение карт взаимосвязи понятий учебного материала // Информатика, № 9, 2015, с. 24-28.
Перейти. К.Ю. Поляков, Е.А. Еремин. Компьютерные сети // Информатика, № 5, 2015, с. 16-28.
Перейти. К.Ю. Поляков, Е.А. Еремин. Мультимедиа // Информатика, № 5, 2015, с. 4-15.
Бесплатные онлайн-ресурсы для создания интеллект-карт: а) MindMeister (www.mindmeister.com); б) MindMup (https://www.mindmup.com); в) XMind (http://www.xmind.net); г) MindJet Mindmanager (http://www.mindjet.com); д) iMindMap (https://imindmap.com). Задание 2. Изучить онлайн среду Web-разработки codepen.io
Создать 2 примера с фрагментами своего сайта. Опубликовать ссылки на примеры на главной странице своего сайта на Web-хостинге.
Перейти: codepen.io Онлайн-редактор кода HTML, CSS, JavaScript
Задание 3. В отчете указать использованные команды HTML, CSS, назначение этих команд.
План занятий 16 - 19 1. Эффект параллакса 2. Интеллект-карта 3. codepen.io 4. Canvas: http://ifizmat.000webhostapp.com/canvas/lab-01.htm 5. FlexBox 6. CSS: template 7. SVG 8. MAnim
Изучите систему математической анимации по следующим ссылкам. Создайте несколько примеров анимации математических понятий, законов или решений задач.
youtube.com. Manim tutorial | Introduction: What is Manim?
Скачать. tutorial_english.zip
github.com. AnimationsWithManim
Источники
Основные
Перейти. SVG Visual Cheat Sheet.
Перейти. SVG cheat sheet.
Перейти. SVG — Scalable Vector Graphics.
Перейти. Структура SVG-файла.
Перейти. SVG – Scalable Vector Graphics.
Перейти. Рисунки SVG чистым кодом.
Перейти. SVG: группировка и переиспользование элементов.
Перейти. Рисуем стрелки при помощи Marker.
sourceforge.net: XAMPP - Browse /XAMPP Windows at SourceForge.net
apachefriends.org: Download XAMPP
ipipe.ru: Установка XAMPP. Пошагово: скачивание, установка, запуск.
artlebedev.ru: .ру/Ководство студия дизайна Артемия Лебедева
html5book.ru: HTML, CSS, JavaScript и jQuery
htmlbook.ru: Для тех, кто делает сайты
Роботландский университет: Дуванов А.А.
robotlandia.ru: Роботландский университет Дуванов А.А.
ucoz.ru: Роботландский университет Дуванов А.А.
css.manual.ru: HTML, CSS
codepen.io: Онлайн-редактор кода HTML, CSS, JavaScript
jsfiddle.net: Онлайн-редактор кода HTML, CSS, JavaScript
nic.ru: Whois сервис
reg.ru: Регистрация доменов
Дополнительные
w3schools.com: W3.CSS Template. Примеры дизайна сайтов.
ruseller.com: Топ 10 бесплатных хостингов
ruseller.com: 20 ресурсов для прототипирования
ruseller.com: Простая техника эффекта параллакса
ruseller.com: 28 сайтов с эффектом параллакса
thisstartupdoesnotexist.com: Neural network web designer
thiscatdoesnotexist.com: Neural network cats photo-artist
thispersondoesnotexist.com: Neural network people photo-artist
hi-tech.mail.ru: Нейросеть начала создавать «фейковые» сайты
hi-tech.mail.ru: Нейросеть научилась создавать фотографии фейковых котов
hi-tech.mail.ru: Нейросеть научилась создавать фотографии несуществующих людей
emosurf.com: Мы готовим детей к позавчерашнему миру
pravmir.ru: Людмила Петрановская: Мы готовим детей к позавчерашнему миру