- Главная
- Направления
- Техническая
- Программирование
- Космическая верстка. МБОУ СШ № 36
Космическая верстка. МБОУ СШ № 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 штука