Курс разработка и дизайн сайтов

УРОВЕНЬ 1

Основы

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

Курс рассчитан на детей 10-14 лет, которые интересуются созданием сайтов и веб-технологиями.

Для детей 14-17 курс будет более интенсивен по темпу и содержать больше деталей и нюансов.

Также, если будут желающие более старшего возраста можете оставлять заявки.

Отправить заявку

Развиваем навыки

  • Верстка веб-страниц
  • Навыки работы в профессиональной среде разработки
  • Понимание принципов покадровой анимации и реализация ее в программе Scratch
  • Базовые знания веб-дизайна
  • Умение работать с файловой системой ПК.
  • Командная работа
  • Планирование проекта
  • Постановка и решение задач
  • Презентация готовой работы

Задачи курса

  • Познакомить с HTML и CSS
  • Дать базовые навыки разработки сайтов
  • Обучить основам веб-дизайна


План курса


1. Создаем свой первый сайт

  • Знакомимся с понятиями сайт, страница, домен, хостинг.
  • Знакомимся со структурой сайта и html файла.
  • Знакомимся с основными тегами - html, body, head, header, footer.
  • Создаем свои структуры html файла, наполняем страницы контентом.

Практический результат

Свой первый сайт, общее понимание того, как устроены веб-страницы.

 

2. Изучаем таблицы стилей

  • Знакомимся с CSS, изучаем селекторы, классы, основные CSS-свойства.
  • Знакомимся с относительным и абсолютным позиционированием.
  • Верстаем главную страницу сайта.

Практический результат

Главная страница сайта с использованием CSS

 

3. Учим страницы сайта видеть друг друга

  • Учимся использовать внутренние и внешние ссылки.
  • Изучаем позиционирования элементов.
  • Создаем внутренние страницы сайта и меню навигации.

Практический результат

Внутренние страницы сайта и меню навигации.

 

4. Делаем слайдер.

  • Знакомимся с атрибутами тегов.
  • Изучаем radio-кнопки, метки label, выпадающие списки
  • Создаем слайдер на CSS.

Практический результат

Динамическая галерея.

 

5. Знакомимся с фреймами.

  • Изучаем продвинутые теги: aside, title, meta.
  • Встраиваем внешние стили.
  • Знакомимся с тегом iframe, встраиваем видео, карты и другие внешние элементы.

Практический результат

Видео с YouTube или Яндекс карта на главной странице сайта.

 

6. Добавляем на страницы эффекты

  • Создаем шапку сайта, прописываем все мета теги, создаем меню.
  • Создаем тело сайта, наполняем изображениями, видео, фреймами.
  • Изучаем кнопки, псевдоклассы, создаем кнопки с ссылками, меняем CSS-свойства при наведении.
  • Создаем подвал сайта.

Практический результат

Цветовые эффекты на элементах страниц сайта.

 

7. Учимся быть веб-дизайнером (верстальщиком).

  • Продолжаем разработку сайта, изучаем теги href в режиме якоря.
  • Изучаем код-стайл, правила хорошего тона при верстке и каскадировании и базовые понятия веб-дизайна.
  • Изучаем подключения внешних скриптов, знакомимся с JavaScript.
  • Работаем с графическим редактором для нарезки шаблонов.

Практический результат

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

 

8. Становимся Front-end разработчиком.

  • Создаем свой индивидуальный сайт.
  • Загружаем сайт на хостинг.

Практический результат

Готовый индивидуальный сайт ребенка на свободную тему, загруженный на хостинг.

 

Результаты курса

Полностью готовый многостраничный сайт, сделанный в соответствии с современными требованиями HTML5, CSS3, Веб-дизайна и Code Style. Сайт загружен на хостинг и доступен всем пользователям интернета.