Космическая верстка. МБОУ СШ № 36

Глобальная компьютерная сеть Интернет с каждым днем все сильнее влияет на общество. Организации и частные лица создают сайты не только для презентации своей деятельности, но и для работы со своей целевой аудиторией. В условиях современной реальности такие профессии, как веб-разработчики, тестировщики, верстальщики, стали особенно востребованными. Для эффективного взаимодействия с окружающей действительностью в информационном обществе важно ещё в школе овладеть информационными и коммуникативными технологиями. Даже если в будущем карьерный путь ребенка не будет связан с веб-разработкой, умение разбираться в сложных системах и взаимодействовать с новыми технологиями ему пригодится в любой сфере.

            Курсы обучения языку разметки HTML помогут ребенку развить ИКТ компетенции, овладеть начальными навыками создания и вёрстки страниц в Интернете. После выполнения ряда задач и упражнений, обучающийся получает возможность работать над собственным проектом. Это позволяет развивать творческие способности, проводить собственные исследования, работать в команде, и, что немаловажно, видеть результат собственной работы. Курс можно рассматривать как глубокое знакомство с профессией веб-разработчика, позволяющее сформировать у слушателей представление о своей будущей специальности.

 

 

Педагоги

Гагаринова Мария Александровна, учитель информатики МБОУ СШ № 36

Содержание программы

Готовимся к полёту. Как работает Интернет?
Первый космический код. Работа с HTML
Знакомство с CSS. Украшаем HTML-код
Космическое пространство. Флексбоксы
Космический макет в графическом редакторе
Конструируем сайт. Готовим разметку
Конструируем сайт. Блоки и сетка
Готовимся к полёту. Создаем сетку проекта
Готовимся к полёту. Стилизация элементов
Последние приготовления перед запуском
3-2-1... Поехали! Запуск сайта в Интернете
Презентация космической вёрстки
Web-профессии и где могут пригодится знания, полученные на курсе
12 правил UIMJX. Создание лучшего макета для своего сайта
Верстаем сайт по собственному макету
Продолжение вёрстки и встраивание медиа и анимаций
Как сделать красивую презентацию для своего проекта. Доработка и оптимизация
Защита проекта

Цели программы

Цель реализации программы - формирование у обучающихся ИКТ компетенции через применение знаний языков HTML и CSS в процессе проектной деятельности по созданию сайтов.

Результат программы

Планируемые результаты обучения:

            Практическим результатом работы являются два финальных проекта, выполненных каждым учеником: сайт, свёрстанный по предложенному макету и сайт, сверстанный по собственному макету. Допустимы изменения в визуальном оформлении элементов сайта, с сохранением структуры.

            Результаты изучения теоретического материала:

            После успешного завершения обучения по программе обучающиеся получат знания в области проектирования и создания сайтов, научатся самостоятельно реализовывать проекты, связанные с версткой динамических сайтов при помощи технологий html и css.

По окончании курса слушатель будет:

·         знать и уметь применять HTML-теги, атрибуты и способы структурирования содержимого web-страниц для создания форматированных документов;

·         знать и уметь применять основы CSS: значения, списки, цвета, шрифты и другие метрики форматирования;

·         владеть навыками проверки и отладки кода web-документов;

·         владеть навыками быстрого и качественного форматирования сложных web-документов.

Основными формами организации занятий программы «Космическая вёрстка» являются:

1.      Практические занятия с использованием онлайн-платформы «HTML Academy»;

2.      Работа в приложении для написания кода «Brackets»;

3.      Прохождение опросов в приложениях Kahoot и Learning Apps;

4.      Работа с графическим редактором GIMP;

5.      Домашние практические занятия с использованием онлайн-платформы «HTML Academy», направленные на отработку базовых навыков языка разметки HTML и стилей CSS.

         Категория обучающихся: ученики общеобразовательных школ от 12 до 18 лет в рамках внеурочной деятельности и дополнительного образования.

Особые условия проведения

Нет

Материально-техническая база

Кабинет для обучения:

1.      Доска – 1 штука

2.      Столы - 15 штук

3.      Стулья – 15 штук

4.      Шкафы для хранения

5.      Экран – 1 штука

6.      Ноутбук – 15 штук

7.      Колонки – 2 штуки

8.      Проектор -1 штука