15

уроков, в которых Вы с самого нуля узнаете все об HTML и CSS

47

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

100%

гарантия результата, верстать сайты смогут абсолютно все

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

Что вы будете изучать на курсе?

01.

  • Вводная часть

  • Подготавливаем рабочую среду и создаем первый HTML фаил

    1) Скачиваем и устанавливаем программы

    2) Сохраняем полезные сервисы, которые будем использовать в течении всего обучения

    3) Создаем первый HTML фаил

  • Изучаем HTML разметку

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

  • Изучаем основные стили CSS

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

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

    Вы узнаете, что такое class, id, также вы поймете как создавать атрибуты, какие они бывают и какие нужно задавать им значение

02.

  • Основная часть

  • Начинаем создавать наш первый и полноценный сайт

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

    1) Вы узнаете из чего состоит структура сайта

    3) Расскажем как создавать модульную сетку

    2) Создадим макет HTML страницы

  • Создаем верхнюю часть сайта (header)

    Из чего будет состоять данный урок?

    Мы вместе с Вами создадим меню для сайта с выподающими вкладками

    Создадим контеинер для логотипа, телефона и кнопки заказать звонок

    Научимся делать фиксированное меню при прокрутке страницы

  • Создаем баннер для сайта

    На данном уроке мы рассмотрим:

    Все варианты и размеры баннеров

    Все возможности размещения на нем элементов

    Установку фонового изображения и возможности изменения их размеров

  • Переходим к основному контенту

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

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

    На уроке Вы создадите:

    - Блок "Услуги"

    - Блок "О компании"

    - Блок "Преимущества"

  • Продолжаем верстать основную часть сайта

    На уроке Вы создадите:

    - Блок "Услуги"

    - Блок "О компании"

    - Блок "Преимущества"

  • Верстаем нижнюю часть сайта (footer)

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

  • Учимся создавать всплывающие окна

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

    К концу урока Вы создадите полноценный сайт)

03.

  • Заключительная часть

  • Создаем анимацию с помощью CSS

    Делаем всплывающие и анимированные элементы с помощью CSS и разберем несколько дополнительных сервисов, с помощью которых можно реализовывать анимированные эффекы

  • Бонус! Делаем единый footer и header для всех страниц сайта

    Из чего будет состоять данный урок?

    В качестве бонуса, мы решили рассказать Вам как с помощью PHP можно сделать единый footer и header для всех страниц сайта, что бы вностить изменения в одном месте, и они применялись автоматически\ на всех страницах сайта

    Здесь мы так же поговорим о файле .htaccess. Для каких целей его используют и как его настроить

  • Бонус! Создаем обработчик форм

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

Формат программы

Как происходит процесс обучения?

Пергамент

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

Видеоуроки HTML и CSS

2Проходите практические уроки и пошагово повторяйте все за преподавателем курса

Домашнее задание

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

Куратор

4Наставник проверяет Ваше домашнее задание и дает обратную связь: указывает на ошибки, дает советы, отвечает на вопросы

Сайт

5В конце курса вы создадите свой первый сайт, мы проведем анализ сайта и дадим обратную связь и советы по дальнейшему развитию

Первый урок бесплатно

Оцените все преимущества нашего курса бесплатно

Первый урок HTML и CSS бесплатно

Записаться на первое занятие совершенно бесплатно

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

Курс будет полезен каждому

Для кого отлично подойдет наш курс?

Для начинающих программистов

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

Для стартаперов и предпринимателей

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

Для веб-разработчиков и верстальщиков

Хоть наш курс и называется "Основы HTML и CSS", это вовсе не значит что он не подойдет для более опытных веб разработчиков. Название говорит о том, что курс начинается с самых азов и охватывает все аспекты данного вопроса. Если Вы хотите повысить свое квалификацию или закрыть пробелы в знании HTML и CSS, то наш курс отлично подойдет для Вас, так как в нем Вы найдете все ответы на Ваши вопросы

И всех тех кто хочет освоить новую профессию

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

Результат за 2 месяца

Что вы получите пройдя курс HTML и CSS?

H

Вы без труда сможете создавать одностраничные сайты (Landing Page) и информационные многостраничные сайты

T

Освоите новую профессию, в которой сразу сможете зарабатывать как в работе по найму, так и на фрилансе

M

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

L

Знания HTML и CSS послужат крепким фундаментом для дальнейшего развития в веб разработке

Записаться на курс HTML и CSS

Успейте приобрести курс по специальной цене

Купить курс основы HTML и CSS

8990 руб. 12990 руб. Цена поднимется после 5 июля

Практические занятия

15 практических занятий

Живое участие в онлайн формате

Живое участие в онлайн формате

4 сайта Вы создадите в период обучения

2 сайта Вы создадите в период обучения

Занятия в мини группах

Занятия в мини группах от 3 до 7 человек

Заполни форму и уже завтра твоя жизнь радикально изменится

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

Если Вы давно планировали начать заниматься программированием, создавать сайты и развиваться в данной профессии, то наш онлайн курс «Основы HTML и CSS» отличное решение на самом старте.

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

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

И, в-третьих, преимуществом является время обучения. Курс по основам HTML и CSS - состоит из 25 практических уроков, каждый из которых длится около 50 минут. В среднем, на прохождение курса уходит 2 месяца. И за этот небольшой период времени, пройдя данный курс и выполнив все задания, Вы уже сможете верстать различные сайты.

Курс HTML и CSS для начинающих

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