Сеть школ робототехники и цифровых технологий "РосРобот"
11 - 17 лет
5 - 11 класс
3 месяца
11 - 17 лет
5 - 11 класс
3 месяца

Курс HTML и CSS для детей  

позволит узнать основы веб-разработки и научиться создавать и редактировать веб-страницы, красиво оформлять сайт, используя анимацию, эффекты и свои стили. 

А созданный адаптированный современный сайт  показать друзьям и родным и использовать для своего портфолио. 

 

На курсе ребенок научится: 

Логически мыслить и анализировать результаты программирования и делать выводы

Будет лучше понимать английский язык

Познакомится с тегами HTML и стилями CSS при создании и оформлении веб-документа

Научится самостоятельно создавать свои стили CSS для эффектов и анимации на сайте

Соберет портфолио из проектов

Программа обучения интуитивно понятна и построена на увлекательных практических занятиях на языках  HTML  и CSS. Это  позволяет ученикам попробовать творчество на вкус в интернете. 
 

Курс подойдет :

 

Школьникам, которые любят программировать и    решать интересные творческие задачи в интернете. 

 

Ребятам, которые любят лазить в интернете и хотят понять, как работают сайты.

 

Всем, кто любит творчество и хочет попробовать  себя Frontend-разработчика интернет-проектов.  

Программа обучения подходит для мальчиков и для девочек !

ФАКТЫ 

12
занятий

Занятия проходят по 2 часа 1 раз в неделю по расписанию.

До 8 детей
в группе

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

3
месяца
обучения

Ребенок успеет освоить курс и создаст свои интернет-проекты.

50 %
теории
50 % практики

Дети сначала изучают теорию, а потом активно применяют ее во время занятий.

ПРИЧИНЫ ПРОЙТИ ОБУЧЕНИЕ НА КУРСЕ

ПРИЧИНЫ ПРОЙТИ ОБУЧЕНИЕ НА КУРСЕ 

Развитие творческих навыков

Школьники научатся создавать уникальные и привлекательные веб-дизайны, используя HTML и CSS, и благодаря практике. Занятия на курсе помогут развить креативность.

Улучшение аналитических и логических навыков

Учащиеся будут разрабатывать логические алгоритмы и решать проблемы, связанные с веб-разработкой.

Подготовка к будущей карьере

Веб-разработка является одной из самых востребованных профессий в современном мире. Знание HTML и CSS поможет школьникам при выборе профессии в IT-сфере и даст им преимущество при поступлении в вузы, связанные с информационными технологиями.

Уверенность в своих силах

Создание собственных веб-страниц с помощью HTML и CSS это достаточно сложная задача. Преодоление трудностей и успешное завершение проектов поможет школьникам поверить в свои способности и улучшить свою уверенность в себе.

Детям нравятся  занятия

Современный интернет — это миллиарды веб-страниц, написанных на языках HTML, CSS, JavaScript (JS).
Язык HTML создает сам веб-сайт, CSS дает оформление, а JS служит для анимации, создания веб-приложений и активности пользователя. 
На нашем курсе дети сами научатся создавать сайты и красиво их оформлять. Это первая часть изучения веб-разработки, а продолжение это язык Java-Script для школьников.  

Наши преподаватели любят свой предмет и легко находят общий язык с ребенком

Наши преподаватели любят свой предмет и легко находят общий язык с ребенком

Александр Золотухин

Преподаватель Scratch,  Python

Окончил Сибирский Федеральный Университет. Работал в школе преподавателем математики в старших классах.
Педагогический опыт – 8 лет.

Борис Волошенко

Преподаватель   Scratch 

Закончил в Сибирский федеральный университет.
Умеет настраивать детей на работу, очень интересно объясняет даже самые скучные темы.
Педагогический опыт – 5 лет.

Егор Серебро

Инженер-электронщик-программист

Помогу вырастить инженера-конструктора в сфере радиотехники. Научу монтировать электронные устройства. Педагогический опыт – 5 лет.

ПРОГРАММА ОБУЧЕНИЯ

1 занятие: Введение. Основы HTML, CSS.

1 занятие 

  • Что такое веб-разработка? Какие задачи она решает?
  • Краткая история веб-индустрии
  • HTML, CSS, JS
  • Первая веб-страничка

Дети познакомятся с основами веб-разработки и сделают первую веб-страницу, настраивая стили и оформление.

 

2 занятие: Теги HTML

2 занятие 

  • Основные Html-Теги : Body Head Title
  • Теги заголовков и абзацев, тег div
  • Тег link

Ученики знакомятся со свойствами тегов и настраивают веб-страницу, применяя теги отступов и стилей.

3 занятие: Таблицы стилей CSS.

3 занятие 

  • Каскадные таблицы стилей или CSS
  • Свойства font-family и font-size, max-width, height, margin — внешний отступ, padding — внутренний отступ, box-sizing — модель отображения отступов
  • Знакомство с инструментом для выбора цвета в браузере.
  • Что такое веб-инспектор и как его открыть

Ученики настраивать стили по заданию учителя и оформляют веб-страницу.

4 занятие: Свойства стилей и работа с сервисом github.

4 занятие 

  • Выбор цветовой схемы
  • Настройка теней
  • Свойство border, transition, display: inline-block.
  • Работа с сервисом https://github.com

Дети учатся настраивать цветовую гамму (схему) сайта, использовать тени в оформлении и эффектах, настраивать блоки div и работать с сервисом github, чтобы публиковать для общего доступа свои разработки.

5 занятие: Работа с Flex.

5 занятие 

  • Свойство flex-wrap
  • Функции calc
  • Классы с background-color

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

 

6 занятие: Создание фотогалереи.

6 занятие 

  • Добавление изображений в галерею
  • Ширина и отступы для заголовков галереи через таблицу стилей
  • Работа со шрифтами Google
  • Многоколоночная сетка

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

7 занятие: Веб-дизайн элементов.

7 занятие 

  • Псевдо-класс hover.
  • Свойство opacity
  • Свойство z-index

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

8 занятие : Media-запросы. Адаптивный дизайн.

8 занятие 

  • Media-запросы при настройке стилей

  • Создание медиа-запросов для разных экранов

Дети учатся настраивать отображение элементов веб-дизайна в зависимости от размеров экрана пользователя, создавая “адаптивный” дизайн сайта, который будет разным при просмотре на смартфоне, планшете и ноутбуке или настольном компьютере.

9 занятие: Photoshop шаблоны.

9 занятие 

  • Инструмент «Линейка» для измерения высоты меню
  • Создание интерфейса в Фотошоп
  • Flex-отображение блоков
  • Настройка блочно-строчного  отображения и   шрифта у ссылок
  • Подключение шрифт Google, выбор иконки для поиска

Дети учатся создавать и настраивать шаблоны элементов дизайна через Photoshop.

10 занятие: Стилизация элементов.

10 занятие 

  • Стилизация  поиска и шрифта
  • Отключение синей обводки при фокусе поиска

  • Стилизация  контент хедера

  • Использование инструкции switch

Дети настраивают оформление поиска и шрифтов окна поиска, поля хедера и создают адаптивный дизайн веб-страницы.

 

 

11 занятие: Настройка плавности анимации.

11 занятие 

  • Плавность анимации
  • Эффект при наведении ссылок
  • Эффект при фокусе поиска

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

12 занятие: Окончательная настройка сайта

12 занятие 

  • Увеличение элементов при наведении
  • Работа с на сайт flaticon.com и поиск нужного изображения в svg-формате
  • Настройка эффекта скролла у меню
  • Публикация    сайта на гитхабе

Дети настраивают полностью оформление сайта и иконки сайта и публикуют его в интернете на ресурсе  github.com.

СТОИМОСТЬ



Accounts


 ПРОБНОЕ ЗАНЯТИЕ

БЕСПЛАТНО

ПЕРВОЕ ЗАНЯТИЕ

1 занятие 2 часа

АБОНЕМЕНТ

НА 4 ЗАНЯТИЯ

5 600 руб.

4 ЗАНЯТИЯ (4 недели) 

1400 рублей за занятие по 2 часа

 АБОНЕМЕНТ 

НА ПОЛУГОДИЕ

 22 680 руб.

18 ЗАНЯТИЙ (4,5 месяца) 

1260 рублей за занятие по 2 часа

Экономия 2520 рублей   

АБОНЕМЕНТ 

НА ГОД* 

 42 840 руб.

36 ЗАНЯТИЙ (9 месяцев) 

1190 рублей за занятие по 2 часа

Экономия 7560 рублей   

WordPress Pricing Table

У Вас остались вопросы? Заполните форму

Консультант позвонит Вам, ответит на вопросы
и отправит поурочное описание занятий


    Политика конфиденциальности

    Отправляя заявку, вы принимаете условия договора-оферты и даете согласие на обработку своих персональных данных в соответствии с политикой конфиденциальности.

    ЧТО ПОЛУЧИТ УЧЕНИК

    ПО ОКОНЧАНИИ ОБУЧЕНИЯ?

    Сертификат об окончании курса

    Лицензия на образовательную деятельность № 516у-23 от 28 июля 2023 года (№Л035-01211-24/00666848).

    Еще мы можем Вам предложить

    Записаться на занятия


      Политика конфиденциальности

      Отправляя заявку, вы принимаете условия договора-оферты и даете согласие на обработку своих персональных данных в соответствии с политикой конфиденциальности.

      ×
      Заказать звонок!


        Политика конфиденциальности

        Отправляя заявку, вы принимаете условия договора-оферты и даете согласие на обработку своих персональных данных в соответствии с политикой конфиденциальности.

        ×
        Заказать телефонный звонок!



          ×
          Записаться на занятия


            Политика конфиденциальности

            Отправляя заявку, вы принимаете условия договора-оферты и даете согласие на обработку своих персональных данных в соответствии с политикой конфиденциальности.

            ×
            Записаться на занятия


              Политика конфиденциальности

              Отправляя заявку, вы принимаете условия договора-оферты и даете согласие на обработку своих персональных данных в соответствии с политикой конфиденциальности.

              ×
              Оставить заявку

                Хочу оставить заявку на зимний лагерь

                Политика конфиденциальности

                Отправляя заявку, вы принимаете условия договора-оферты и даете согласие на обработку своих персональных данных в соответствии с политикой конфиденциальности.

                ×
                Заказать звонок


                  Политика конфиденциальности

                  Отправляя заявку, вы принимаете условия договора-оферты и даете согласие на обработку своих персональных данных в соответствии с политикой конфиденциальности.

                  ×