Курс Нетология «HTML-верстка: с нуля до первого макета»
Программа курса:
1. Введение1.1 Базовая HTML-разметка
Клиент-серверные взаимодействия, история HTML. Инструменты разработчика. Работа с FTP клиентом. Структура страницы. Cинтаксис HTML. Понятие тега. Атрибуты.
1.2 Знакомство с CSS
Знакомство с CSS. Базовые принципы CSS. Основы синтаксисом. Подлючением CSS к HTML документу.
2.1 Блочные и инлайновые элементы
Блочные элементы. Инлайновые элементы. CSS свойство display и управление поведением элемента при отрисовке свойство float и «плавающие» элементы. Другие виды поведения элементов.
2.2 Семантическая разметка документа
Основные теги для работы с текстом, оформление списков, работа со ссылками и изображениями, работа с таблицы, контейнеры (div).
2.3 Управление блоками в потоке
Основные способы поведения элемента в документе, display: none, display: inline, display: block, display: inline-block, display: list-item, table*, когда и как применять теми или иный способы.
2.4 Позиционирование блоков
«Плавающие» элементы и свойство float. Позиционирование. Блоков. static. Relative. Absolute. Fixed. Когда и как применять те или иный способы позиционирования.
3.1 CSS селекторы
Cелекторы тегов,идентификаторы и классы. Контекстные селекторы. Cоседи. Дети. Псевдокласс. Наследование и каскад. Приоритеты
3.2 Стили текста и оформления
Единицы измерения (размер, цвет). Шрифт: цвет, размер, межстрочное расстояние и т.д. Фон: цвет, изображение. Маркеры списка. Рамка. Обводка.
3.3 Стили позиционирования, отступы и размеры блоков
Размер блока. Поля (padding). Отступ (margin). Положение на странице. Алгоритм расчета ширины и высоты элементы.
4.1 Сетки
Построение сетки с использованием float. Построение сетки с использование display: inline-block. Плюсы и минусы каждого из подходов, и когда какой применять. Практика применения позиционирования. Отступы. Решение типовых задач, блок фиксированной ширины по центру. Подвал который всегда внизу. Фиксированная шапка. Две колонки фиксированной ширины. Три колонки фиксированной ширины. 4 и более колонок фиксированной ширины и в %. Выносные элементы (уши).
4.2 Процесс верстки сайта
В каком виде передавать макет на верстку. C чего начать верстку страницы. Какой порядок верстки блока. Тестирование результатов верстки.
4.3 Профессиональное оформление кода
Критерии оценки вёрстки (качественная, некачественная), соглашения по оформлению кода в HTML, CSS, JavaScript, принцип именования переменных, классов, методов. Специфика работы профессионалов.
4.4 Возможности JavaScript
Что такое JavaScript. Область применяется JavaScript. Взаимодействие JavaScript с HTML документом. Демонстрация примеров.
5.1 Работа с Adobe Photoshop, вёрстка в точном соответствии с макетом
Типовые задачи, которые выполняет верстальщик в Photoshop, работа со слоями. Нарезка, сохранение фрагментов. Единицы измерения в верстке и в макете. Замер расстояний и цветов в Photoshop.
5.2 Особенности подготовки изображений для верстки
Форматы изображений. Приемы оптимизации. Настройка полезных макросов в PS.
Как оплатить курс через СБП:
-
Просканируйте QR-код камерой своего банковского приложения или выберите банк при оформлении с телефона.
-
Подтвердите оплату — перевод проходит за секунды из любого банка.
После успешной оплаты:
-
Вернитесь на наш сайт
-
Зайдите в личный кабинет в раздел ОПЛАЧЕННЫЙ МАТЕРИАЛ (обязательно нужно войти в свой аккаунт, который при оформлении заказа создается автоматически)
-
Курс уже будет доступен! Вы сможете сразу начать обучение и скачать все материалы.
Весь процесс оплаты и доступа к курсу занимает меньше минуты!
Как оплатить заказ переводом:
-
После оформления вы получите реквизиты для оплаты.
-
Если выбрали перевод по номеру телефона: отправьте деньги через СБП, указав полученный номер телефона или номер карты.
-
Если видите реквизиты Сбербанка: выполните перевод через приложение СберБанка выбрав перевод клиенту Сбербанка.
-
Перевод будет утерян, если он совершен по тому же номеру, но в другой банк, будьте внимательны.
-
-
Обязательно проверьте актуальность реквизитов!
Данные могут измениться после обновления страницы, истечения времени оплаты или повторного оформления.После перевода:
Нажмите кнопку «Я ОПЛАТИЛ» на сайте.
Дождитесь подтверждения платежа (проверьте почту или личный кабинет).Важно при переводе!
⚠ Не перезагружайте страницу и не нажимайте «Назад» во время оплаты — это может сбросить данные.
⚠ Не оформляйте заказ повторно — платежная система временно заблокирует доступ при многократных попытках.
Оплата в белорусских рублях (BYN)
Минимальная сумма заказа — 800 руб. Если сумма заказа меньше, этот способ оплаты недоступен. Оформите заказ, сделайте перевод на указанные реквизиты (они всегда актуальны), затем дождитесь подтверждения платежа. После успешного завершения материал будет открыт на сайте, и ссылки будут отправлены на почту.
Оплата в украинских гривнах (UAH)
Минимальная сумма заказа — 998 руб. Если сумма заказа меньше, этот способ оплаты недоступен. Оформите заказ, сделайте перевод на указанные реквизиты (они всегда актуальны), и дождитесь подтверждения платежа. После подтверждения материал откроется на сайте, а ссылки будут отправлены на вашу почту.
Оплата в казахстанских тенге (KZT)
Минимальная сумма заказа — 799 руб. Если сумма заказа меньше, этот способ оплаты недоступен. Оформите заказ, сделайте перевод на указанные реквизиты (они всегда актуальны), и дождитесь подтверждения платежа. После подтверждения материал будет доступен на сайте, а ссылки отправлены на почту.
Оплата в евро (EUR) или долларах США (USD)
Минимальная сумма заказа при оплате в евро или долларах — от 2500 руб. Для использования этого способа оплаты напишите нам в чат и сообщите о желаемом способе оплаты.
Если у вас возникнут проблемы с оплатой через любую платежную систему, не стесняйтесь обратиться в наш чат на сайте, и мы оперативно поможем решить проблему.
Мы гарантируем, что после успешного подтверждения оплаты вы получите немедленный доступ к материалам на сайте и ссылки на вашу электронную почту.Оформление заказа
После выбора товара нажмите кнопку В корзину — товар будет добавлен в вашу корзину.
Если вы завершили выбор товаров, нажмите на кнопку Ваша корзина.
На странице "Ваша корзина" будут перечислены все выбранные товары. В колонке "Действия" рядом с каждым товаром можно выполнить следующие действия: удалить товар из корзины или отложить его в Избранное.
Также есть возможность ввести Промокод для получения скидки в соответствующем поле. Мы часто проводим распродажи, поэтому рекомендуем подписаться на наши новости, чтобы не пропустить выгодные предложения.
Оформление и подтверждение заказа
После ввода необходимой информации для оформления заказа нажмите кнопку Оформить заказ.
Дальше выбрать нужный способ оплаты и сделать перевод.
После оплаты обязательно дождитесь полного подтверждения платежа и автоматического возврата в наш интернет-магазин.
Ссылка для скачивания материала будет отправлена на указанный вами e-mail, а также появится в вашем Личном кабинете в разделе "Мои тренинги", где у вас будет постоянный доступ к материалам.
Внимание! Неправильно указанный адрес электронной почты может привести к задержке. Пожалуйста, внимательно проверяйте ваши персональные данные при регистрации и оформлении заказа.
- Комментарии