Разработка сайтов

Сейчас уже вряд ли можно встретить человека, которому неизвестно такое слово, как интернет. Каждый день количество публикаций в социальных сетях растет. Создаются компании, магазины, проекты и соответственно странички и сайты в интернете. Сейчас веб-разработчики, тестировщики, верстальщики - самые востребованные профессии. Но далеко не каждый сможет освоить язык разметки HTML и CSS. Поэтому очень важно ещё в школе овладеть навыками разметки html. Чем раньше, тем больший запас знаний и технологий он получит к моменту выбора основного рода деятельности. Даже если в будущем карьерный путь ребенка не будет связан с веб-разработкой, умение разбираться в сложных системах и взаимодействовать с новыми технологиями ему пригодится в любой сфере. Это же цифровые технологии.

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

  Когда у ребенка сформирован необходимый набор знаний и умений, выполнен ряд задач и упражнений по разным темам, он может, используя их, работать над собственным проектом. Это позволяет развивать творческие способности, проводить собственные исследования, работать в команде, и, что немаловажно, видеть результат собственной работы, вносить в неё коррективы и развивать её.

Во время занятий у обучающихся происходит становление развитых форм самосознания, самоконтроля и самооценки. На занятиях применяются занимательные и доступные для понимания задания, упражнения, задачи, вопросы, загадки, игры, ребусы, кроссворды и т.д., что привлекательно для младших школьников. На каждом занятии проводится коллективное обсуждение выполненного задания. На этом этапе у обучающихся формируется такое важное качество, как осознание собственных действий, самоконтроль, возможность дать отчет в выполняемых шагах при выполнении любых заданий. Обучающихся на этих занятиях сам оценивает свои успехи. Это создает особый положительный эмоциональный фон: раскованность, интерес, желание научиться выполнять предлагаемые задания. Задания построены таким образом, что один вид деятельности сменяется другим, различные темы и формы подачи материала активно чередуются в течение занятия. Это позволяет сделать работу динамичной, насыщенной и менее утомляемой.

Каждый выпускник будет иметь по окончании готовый проект, который он сможет показывать друзьям и семье, а может сразу найти заказчика для вёрстки сайта.

Педагоги

Педагог доп. образования Корзина Мария Игоревна

Имеет опыт работы в сфере технического образования с 2005 года.

Обладает следующими профессиональными навыками:

– знание специализированных компьютерных программ;

– использование собственных методик проведения занятий

– умение заинтересовать учеников;

– осуществление самостоятельных исследований, написание научных работ.

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

Вводное занятие
1 Как работает интернет?
2 Первый код. Работа с HTML
3 Знакомство с CSS. Украшаем HTML-код
4 Пространство HTML. Флексбоксы
5 Макет в графическом редакторе.
6 Конструируем сайт. Готовим разметку внешность спрайту.
7 Конструируем сайт. Блоки и сетка
8 Стилизация элементов
9 Последние приготовления перед запуском
10 Запуск сайта в интернете
11 Презентация проекта
12 Web профессии и где могут пригодится знания, полученные на курсе
13 12 правил UI\UX. Создание лучшего макета для своего сайта
14 Верстаем сайт по собственному макету
15 Продолжение вёрстки и встраивание медиа и анимаций
16 Презентация для своего проекта. Доработка и оптимизация

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

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

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

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

Обучающиеся будут знать:

●          Понятие Алгоритма, Цикла

●          Знать основы HTML и CSS

●          Понятие тега, стиля, флексбокса, псевдокласса

 

Обучающиеся будут уметь:

●          Писать код HTML и применять стили CSS

●          Использовать контейнеры div

●          Использовать флексбоксы

●          Использовать программу Gimp для подготовки макета к верстке

●          Верстать сайт по готовому макету

●          Верстка сетки с макета. Формирование стиля строчных и блочных элементов

●          Добавлять формы и таблицы на страницу и стилизовать их.

●          Публиковать проекта на GitHub

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

 

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

1.    Кабинет для занятий, столы, стулья,

2.    Оборудование:

·     ноутбуки;

·     ПО Gimp, Brackets, GoogleChrome;

·     компьютер с доступом в Интернет;

·     проектор.

3.    Инструменты и расходные материалы:

·     цветная бумага.

·     бумага в клетку;

·     цветные карандаши и фломастеры.