Внимание! На этой странице вы найдете материал урока из архивного курса по HTML. Курс был написан в 2015, обновлен в 2024 году и по-прежнему актуален для начинающих веб-разработчиков.
Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.
Полный список уроков доступен по тегу Архивный курс по HTML и на странице первого урока.
Актуальность курсов по HTML и CSS
- Интернет предоставляет свободный доступ к информации
- Курсы по HTML и CSS научат в дальнейшем создавать свои сайты
- Сайты выходят на аудиторию, равную половине населения Земли
Преимущества владения навыками верстки
- Возможность проверить качество заказанного сайта
- Развитие творческих навыков через верстку
- Возможность стать веб-дизайнером или фронтенд-разработчиком
Сложности и мотивация
- Необходимость терпения и желания для прохождения курса
- Вопрос о целесообразности изучения HTML и CSS при наличии конструкторов сайтов
- Понимание необходимости знания HTML и CSS для самостоятельной верстки
Структура курса
- Изучение языка разметки HTML
- Переход к языку CSS для создания стилей сайта
- Разделы с уроками и практикой в браузере
- Дополнительные практические уроки для повышения навыков
Сложно представить себе жизнь без интернета, не правда ли? Благодаря ему люди получили свободный и, главное, бесплатный способ обретения информации. А где её можно найти? Где она удобно и структурировано представлена? Верно: на различных сайтах находящихся в сети Интернет.
В чем же актуальность этих курсов? Прежде чем ответить на этот вопрос, немного статистики: на момент написания этой статьи, сетью Интернет пользуются 4,1 миллиарда человек.
Во-первых, актуальность курсов по HTML и CSS в следующем: вы сами можете написать свой сайт, а имея его, вы потенциально выходите на аудиторию, равную больше, чем половина населения Земли.
Во-вторых, несмотря на простоту создания сайтов, многие владельцы не разрабатывают их сами, а поручают это дело фрилансерам за достаточно большие деньги. К слову сказать, сейчас в сети Интернет официально зарегистрировано 2 миллиарда сайтов и эта цифра растет экспоненциально, поэтому работы хватает всем. В случае если вы уже имеете или планируете заказать сайт, то знания основ верстки поможет вам проверить качество выполнения вашего заказ.
В-третьих, вы можете развить творческие навыки, так как вам придется много фантазировать, придумывать нестандартные решения, в каком-то смысле, верстка сайта - это рисование по холсту, только вместо красок используется код.
Кстати, небольшое отступление от темы. Если вы сегодня зашли на Codebra впервые, у вас могло сложиться впечатление, что это просто очередной блог. Но на самом деле всё интереснее: прямо на сайте, в браузере, можно онлайн проходить практические задания. Переходите по ссылке на бесплатный интенсив по HTML, читайте теорию и сразу выполняйте практику.
Курс по HTML и CSS был написан мной в 2015 году. Только в 2024 году я решил его привести в порядок и актуализировать. Прошло целых 9 лет и при этом курс не потерял своей актуальности, мало что поменялось. Да, технологии сильно изменились, придумали тысячи фреймворков и прочего инструментария. Но базу фронтенд-разраработки не изменить. Все будущие веб-разработчики начинают с этой базы: HTML и CSS. Сколько бы курсов не придумали, они все об одном и том же.
Сам уже давно перестал заниматься фронтендом, но при этом я постоянно сталкиваюсь с HTML-разметкой и стилями CSS. Безусловно, HTML и CSS повсюду: веб-разработка, бэкенд (не только сайтов, но и ПО, например, в библиотеке Qt), пентест (парсинг сайтов и прочие манипуляции) и так далее.
Одним словом, этот курс не только для будущих веб-разработчиков, а для всех, чья деятельность хотя бы немного связана с компьютером.
Курс, который вы читаете, научит создавать "лицо" сайта, то есть самостоятельно верстать страницы на HTML и CSS. После полного его завершения, вы с уверенностью можете назвать себя веб-дизайнером или фронтенд-разработчиком. К сожалению, не каждый способен его пройти, так как здесь необходимо терпение и, главное, желание. А у кого-то появляется вопрос: "Зачем учить HTML и CSS, если есть WordPress и конструкторы сайтов?" и бросают начатое обучение. Правда потом понимают: без знания HTML и CSS писать сайты самостоятельно невозможно и возвращаются к обучению на codebra.
Вначале курса изучим язык разметки HTML, задающий структуру сайта и далее плавно перейдем к языку CSS, при помощи которого создаётся красочный и неповторимый стиль сайта.
Далее представлен список разделов по HTML и CSS, имеющихся на codebra. Каждый раздел состоит из уроков с практикой, которую можно выполнить и проверить прямо в вашем браузере. Помимо теоретических, имеются дополнительные практические уроки для повышения полученных навыков в вёрстке на HTML и CSS.
Курс по HTML
- Раздел 1. Знакомство с HTML
- Раздел 2. Разметка текста
- Раздел 3. Ссылки
- Раздел 4. Изображения
- Раздел 5. Таблицы
- Раздел 6. Формы
- Раздел 7. HTML5
- Раздел 8. Остальное
Курс по CSS
- Раздел 9. Знакомство с CSS
- Раздел 10. Селекторы в CSS
- Раздел 11. Структура и каскад
- Раздел 12. Единицы измерения
- Раздел 13. Шрифт
- Раздел 14. Свойства текста
- Раздел 15. Форматирования
- Раздел 16. Отступы, рамки, поля
- Раздел 17. Цвета и фон
- Раздел 18. Позиционирование
- Раздел 19. Верстка таблиц
- Раздел 20. Списки
- Раздел 21. Анимация
- Раздел 22. Практика с htmlbook.ru
- Раздел 23. Элементы сайта
- Раздел 24. Знакомство с Flexbox
Сейчас нажмите кнопку "Проверить задание" и начните проходить курс по HTML и CSS. Помните, терпение и настойчивость: эти добродетели приведут вас к поставленной цели стать компетентным веб-разработчиком, веб-дизайнером или верстальщиком.
Переходите к следующему уроку курса, а так же не забудьте посмотреть новый материал на Codebra по тегу HTML.
