kak-podkljchit-css-khtmlОснова веб-технологии – это HTML & CSS!

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

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

Связка HTML & CSS предоставляет все возможности для работы с версткой макетов. Хорошо практикуется редактирование и создание с нуля статических сайтов. На этом курсе технология программирования дает возможность усвоить основные понятия и зарекомендовать себя на рынке труда в этой области.

Программа курса

Общая продолжительность курса: 21 академический час

Урок 1. HTML5: Семантические элементы

  • Знакомство с HTML5, важные семантические элементы HTML5, работающий вариант для структурирования и организации страниц.  Пробный уровень семантики. Обзор плагинов, которые ускоряют работу с версткой сайта. Как организовать кодовый редактор. Применение тегов для создания полноценной структуры сайта.
  • Урок 2. Позиционирование элементов, Практическая вёрстка

Как вертикально или горизонтально расположить элементы на странице. Разбор важных css генераторов. Какие существуют и как использовать каждый из них.

  • Урок 3. HTML5 формы. Добавление Аудио и Видео на страницу

Детальное изучение на примерах и практике данные особенности. Как сделать лучше классические формы (подсказки, элементная фокусировка и др.). Какими способами добавлять в процесс работы аудио и видео. Проверка знаний через практические задания. Обзор работы тегов  . Задание классов, разбор технологии БЭМ.

  • Урок 4. Параметры CSS для фона. Использование SVG

Практическая работа в создании фонового изображения для адаптивных сайтов. Или организация множественного фона, градиентного фона. Изучение спрайтов и иконочных шрифтов. Меняем проект из-за появления новых возможностей CSS3. Присоединение всех нужных эффектов и элементов. Первая работа с форматом svg.

  • Урок 5. Работа с текстом. Границы в CSS3

Как организовать продуктивную работу со шрифтами. Веб-шрифты GOOGLE. Разбивка текстовой информации по нескольким колонкам. Какими способами представить текст. Это может быть его оформление, организация отступов и выравнивания. Как переключить вкладки в практике с меню. Знакомство с основными понятиями Canvas. Что такое границы с CSS, варианты добавления рамок различных элементов. Для чего необходимо делать прозрачные рамки, скругленные углы, тени и градиенты.

  • Урок 6. Эффекты перехода и трансформации CSS3

Практика с трансформацией и разные эффекты переходов. Как перевернуть элемент, если навести на него. С помощью CSS3 создание анимации и ее добавление на наш сайт. Понимание, для чего необходима такая функция.

  • Урок 7. Адаптивная вёрстка (Часть 1)

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

  • Урок 8. CSS3 Углубленное изучение. SASS. Flexbox

Современные возможности для flex. Как использовать для организации гибкой структуры блоков сайта. Отрабатываем полученные знания, делая собственный проект CSS3. В работе обязательно используем процессор SASS.

HTML5 и CSS3. Современные средства web-разработки
Оставьте заявку на обучение
Оставьте свой номер телефона, и наши менеджеры свяжутся с вами.
Нажимая на кнопку, вы даёте согласие на обработку персональных данных и соглашаетесь с политикой обработки персональных данных.