Профессия web-разработчик

О чём курс

Курс «HTML/CSS: Основы создания сайтов» представляет собой фундаментальную образовательную программу, рассчитанную на 11 месяцев интенсивного обучения, где первый месяц полностью посвящен освоению базовых технологий веб-разработки. Этот курс идеально подходит для тех, кто делает свои первые шаги в IT-индустрии, желает освоить профессию верстальщика или стремится понять, как устроены современные веб-ресурсы изнутри. Программа разработана таким образом, чтобы последовательно провести студента от понимания того, что такое гипертекст и теги, до профессиональной работы с макетами в Photoshop и внедрения современных фреймворков, таких как Bootstrap.

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

Почему стоит выбрать этот курс? Во-первых, он дает комплексное понимание стандартов веб-разработки. Вы научитесь создавать грамотную и универсальную верстку, которая будет корректно отображаться в различных браузерах, что является критически важным навыком для любого специалиста. Во-вторых, программа охватывает не только классические методы, но и знакомит с перспективными технологиями, такими как HTML5, CSS3 и препроцессоры (на примере LESS), что позволит вам оставаться востребованным специалистом на рынке труда. В-третьих, формат обучения предполагает глубокое погружение в детали: от основ синтаксиса до решения проблем кроссбраузерности и деплоя проектов на сервер.

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

Программа обучения

Урок 1. Основные понятия в веб-разработке Что представляет собой веб-страница; виды сайтов; процесс разработки сайта; что такое гипертекст, теги и атрибуты; подготовка рабочего места; структура HTML-документа; основные теги оформления текста; простой пример HTML странички; пример сложной веб-страницы; горячие клавиши для перемещения по документам. Урок 2. Основы языка разметки документов HTML Спецсимволы; комментарии в HTML; гиперссылки; типы изображений для web; загрузка изображений на страницу; списки, формы и их элементы. Урок 3. Основы языка оформления стилей документа CSS Что такое CSS; синтаксис CSS; способы объявления CSS; селекторы (id, class, tag); селекторы атрибутов.; основные свойства стилей; вложенность; наследование и группирование свойств; проверка подключения файла стилей. Урок 4. Псевдоклассы и псевдоэлементы, табличная вёрстка Приоритеты применения стилей; псевдоклассы и псевдоэлементы; создание таблиц; объединение ячеек; вложенные таблицы; стилевое оформление таблиц. Урок 5. Формирование блочной модели; блочная вёрстка Основные теги для верстки (div и span); отступы элементов (margin и padding); обтекаемые элементы; позиционирование блоков. Урок 6. Работа с макетом дизайна в формате PSD Основные функции и знакомство с программой Photoshop; выделение основных частей макета; нарезка макета; вёрстка макета сайта при помощи блоков; вставка частей макета в вёрстку; установка плагина PerfectPixel. Урок 7. Разметка сайта и знакомство с Bootstrap Создание основной разметки сайт; применение overflow и clear в реальной вёрстке; заполнение разметки частями нарезанного макета; приёмы позиционирования элементов; знакомство и применение Bootstrap. Урок 8. Стандарты web и вспомогательные инструменты Загрузка проектов на сервер; проблема «кроссбраузерности»; стандарты HTML/CSS; будущее за стандартами HTML5 и CSS3; грамотная, универсальная вёрстка; знакомство с препроцессорами на примере LESS.

Складчина создана 14 декабря 2016 г. · описание обновлено 2 мая 2026 г.

Теги курса

Инструменты

Другие материалы школы 12

G GeekBrains Все материалы
1 297 ₽ 7 300 ₽