19 практика

Практическое занятие 19 Тема: Применение интернет-технологий в образовательной деятельности учителя   Задание 1. В отчете указать использованные команды HTML, CSS, JavaScript назначение этих команд. 

• 1. Практическая работа 10. Блочная верстка сайта в шаблоне документа baikal.htm

  2. Перейти. Веб-дизайн: практикум

  3. Скачать. Шаблоны сайтов для практикума по веб-дизайну.

  4. Опубликовать сайт на Web-хостинге. Организовать систему навигации с главной страницей сайта.

Задание 2. В отчете указать использованные команды HTML, CSS, JavaScript назначение этих команд.

• 1. Практическая работа 11. Использование JavaScript в шаблоне документа valaam.htm

  2. Перейти. Веб-дизайн: практикум

  3. Скачать. Шаблоны сайтов для практикума по веб-дизайну.

  4. Опубликовать сайт на Web-хостинге. Организовать систему навигации с главной страницей сайта.

Дополнительные задания

Задание 1. Изучите возможности размещения графики на Web-странице с помощью элемента Canvas.

• 1. Перейти. Лабораторная работа 1. Основы работы с Canvas

  2. Перейти. Лабораторная работа 2. Canvas: пути и фигуры

  3. Перейти. Лабораторная работа 3. Canvas: основы анимации

  4. Перейти. Лабораторная работа 4. Canvas: программирование анимации

  5. Перейти. Лабораторная работа 5. Canvas: интерактивные Web-документы

  6. Перейти. Лабораторная работа 6. Canvas: применение клавиатуры и мыши в интерактивных Web-документах

  7. Перейти. Лабораторная работа 7. Canvas: задания для самостоятельного выполнения

Задание 2. Изучите язык разметки XML.

• 1. Перейти. Файлы к практическим работам к главе 4: «Создание веб-сайтов»

  2. Скачать. Практическая работа № 34. Использование XML, DOC, с. 16.

  3. Практическая работа № 35. Сравнение вариантов хостинга, с. 24.

  4. Скачать. Файлы к практическим работам к главе 4: «Создание веб-сайтов», ZIP.

Задание 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

Источники

Основные

• 1. Перейти. SVG Visual Cheat Sheet.

  2. Перейти. SVG cheat sheet.

  3. Перейти. SVG — Scalable Vector Graphics.

  4. Перейти. Структура SVG-файла.

  5. Перейти. SVG – Scalable Vector Graphics.

  6. Перейти. Рисунки SVG чистым кодом.

  7. Перейти. SVG: группировка и переиспользование элементов.

  8. Перейти. Рисуем стрелки при помощи Marker.

  9. sourceforge.net: XAMPP - Browse /XAMPP Windows at SourceForge.net

  10. apachefriends.org: Download XAMPP

  11. ipipe.ru: Установка XAMPP. Пошагово: скачивание, установка, запуск.

  12. artlebedev.ru: .ру/Ководство — студия дизайна Артемия Лебедева

  13. html5book.ru: HTML, CSS, JavaScript и jQuery

  14. htmlbook.ru: Для тех, кто делает сайты

  15. Роботландский университет: Дуванов А.А.

  16. robotlandia.ru: Роботландский университет Дуванов А.А.

  17. ucoz.ru: Роботландский университет Дуванов А.А.

  18. css.manual.ru: HTML, CSS

  19. codepen.io: Онлайн-редактор кода HTML, CSS, JavaScript

  20. jsfiddle.net: Онлайн-редактор кода HTML, CSS, JavaScript

  21. nic.ru: Whois сервис

  22. reg.ru: Регистрация доменов

Дополнительные

• 1. w3schools.com: W3.CSS Template. Примеры дизайна сайтов.

  2. ruseller.com: Топ 10 бесплатных хостингов

  3. ruseller.com: 20 ресурсов для прототипирования

  4. ruseller.com: Простая техника эффекта параллакса

  5. ruseller.com: 28 сайтов с эффектом параллакса

  6. thisstartupdoesnotexist.com: Neural network web designer

  7. thiscatdoesnotexist.com: Neural network cats photo-artist

  8. thispersondoesnotexist.com: Neural network people photo-artist

  9. hi-tech.mail.ru: Нейросеть начала создавать «фейковые» сайты

  10. hi-tech.mail.ru: Нейросеть научилась создавать фотографии фейковых котов

  11. hi-tech.mail.ru: Нейросеть научилась создавать фотографии несуществующих людей

  12. emosurf.com: Мы готовим детей к позавчерашнему миру

  13. pravmir.ru: Людмила Петрановская: Мы готовим детей к позавчерашнему миру