Практическое занятие 19 Тема: Применение интернет-технологий в образовательной деятельности учителя Задание 1. В отчете указать использованные команды HTML, CSS, JavaScript назначение этих команд.
Задание 2. В отчете указать использованные команды HTML, CSS, JavaScript назначение этих команд.
Задание 1. Изучите возможности размещения графики на Web-странице с помощью элемента Canvas.
Перейти. Лабораторная работа 1. Основы работы с Canvas
Перейти. Лабораторная работа 2. Canvas: пути и фигуры
Перейти. Лабораторная работа 3. Canvas: основы анимации
Перейти. Лабораторная работа 4. Canvas: программирование анимации
Перейти. Лабораторная работа 5. Canvas: интерактивные Web-документы
Перейти. Лабораторная работа 6. Canvas: применение клавиатуры и мыши в интерактивных Web-документах
Перейти. Лабораторная работа 7. Canvas: задания для самостоятельного выполнения
Задание 2. Изучите язык разметки XML.
Задание 3. Выполните примеры создания Web-страниц по следующим видео лекциям. Опубликуйте примеры на своем сайте.
КПК "Основы веб-разработки" https://moodle.ciur.ru/course/view.php?id=4782 https://www.youtube.com/watch?v=jv386zoz0uE https://www.youtube.com/watch?v=MLRTae5Pbw8 https://www.youtube.com/watch?v=0kv2USFjumI https://www.youtube.com/watch?v=1C4ufMSdT-0 https://www.youtube.com/watch?v=NLq7Yg0STC0 https://www.youtube.com/watch?v=pDp80i-CmXg https://www.youtube.com/watch?v=o_ITSNgRYOU https://drive.google.com/file/d/1m23fYj3spSYrsgWnmx787ep4mkU9GAe0/view?usp=sharing https://www.youtube.com/watch?v=SSD2oES2iYw https://www.youtube.com/watch?v=8ulD-ILWdR0 1:35:49 https://www.youtube.com/watch?v=zalfqh-jcFE 1:33:52 https://www.youtube.com/watch?v=LmtBtyvgKx8 1:37:50 JavaScript 4 https://www.youtube.com/watch?v=xbHnUrpQuzc 3:01:41 PHP 1 https://www.youtube.com/watch?v=LBbJFMmiO_0 3:03:36 PHP 2 https://www.youtube.com/watch?v=sSaFFvRQC_E 1:34:10 PHP 3 https://www.youtube.com/watch?v=wdYqf2xJrQc 1:37:15 PHP 4 https://www.youtube.com/watch?v=jSqhi8j0Opo 1:38:22 PHP 5
Источники
Основные
Перейти. 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: Людмила Петрановская: Мы готовим детей к позавчерашнему миру