[Html Academy] Создание семантической разметки по макету. Тариф «Полный комплект»

Рамос47 · 15 мар 2020

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

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

Расположение относительно других навыков:
Это стартовый навык, который является фундаментом для остальных навыков. В
Скрытый текст. Доступен только зарегистрированным пользователям.
он находится на самом верху, а значит осваивать его можно сразу после получения базовых знаний по HTML и CSS.

Минимальные требования для освоения:
Пройдены три главы курса Знакомство с HTML и CSS:

Основы HTML и CSS,

Структура HTML-документа,

Разметка текста.

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

Углублённая теория

7 разделов углублённой теории, общим объёмом 29 страниц.

Включает следующую информацию:

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

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

Подробное описание некоторых тегов: ссылок и кнопок, таблиц, форм.

Инструкция создания разметки по макету

Методика семантической разметки, общий объём 25 страниц.

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

Демонстрационные кейсы

Три демонстрационных кейса, по одному для каждого уровня сложности.

Показывают как применять описанную выше инструкцию для создания разметки реальных проектов.

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

Так выглядят некоторые страницы кейсов:

Интерактивные пошаговые разборы кейсов

Один или несколько разборов для каждого демо-кейса.

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

Для кейсов по разметке мы подготовили специальное оформление, которое «подсвечивает» важные блоки.

Тренировочный материал
Кейсы с возрастающей сложностью и эталонными решения, на которых вы и тренируете навык.

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

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

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

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

cosmos · 18 мар 2020

Курсы по SEO (выдача сразу после оплаты)

[Сonvertmonster] Специалист по работе с поисковыми системами, seo-оптимизатор

[Geekbrains] Профессия SMM менеджер

Как настроить рекламу Instagram. Версия 3.0 Пакет ВИП (Игорь Зуевич)

erik98let · 14 апр 2020

На сайте видел что разметка там готовая, а здесь это как реализовано?

Рамос47 · 14 апр 2020

ч

erik98let сказал(а): ↑

На сайте видел что разметка там готовая, а здесь это как реализовано?
Нажмите, чтобы раскрыть...

то вы имеете ввиду?

erik98let · 14 апр 2020

Ramon47 сказал(а): ↑

ч

то вы имеете ввиду?
Нажмите, чтобы раскрыть...

Я о том что на сайте академий разметки стилей готовые, да и html разметка тоже готова в конце концов. А здесь все это как сделано? Есть ли документаций, изображение, стилей и разметки?

Рамос47 · 14 апр 2020

erik98let сказал(а): ↑

Я о том что на сайте академий разметки стилей готовые, да и html разметка тоже готова в конце концов. А здесь все это как сделано? Есть ли документаций, изображение, стилей и разметки?
Нажмите, чтобы раскрыть...

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

Vendi74 · 28 ноя 2020

Пришлите CSS и решения 1 кейса, 4 кейса и 7 кейса - только задания в папках

WroomiX · 13 янв 2021

Здраствуйте - я сегодня оплатил и написал, но до сих пор статус - не оплачен ! как можно узнать прошел платеж или нет ?

Гитарист · 13 янв 2021

WroomiX сказал(а): ↑

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

Здравствуйте. Организатору дается 3-е суток на проверку платежа. Подождите, пожалуйста.

ierak · 22 янв 2021

Где содержимое библиотеки??? где? содержимое облака - где оно? за что я деньги заплатила пару месяцев назад?

Arzy · 23 янв 2021

ierak сказал(а): ↑

Где содержимое библиотеки??? где? содержимое облака - где оно? за что я деньги заплатила пару месяцев назад?
Нажмите, чтобы раскрыть...

Здравствуйте
Порядок и правила участия в складчинах
5) На сохранение материала дается 21 день, по истечении этого срока претензии из-за нерабочей ссылки в адрес организатора не принимаются.
Ramon47 отметил оплату ierak
27 ноя 2020

Vendi74 · 1 мар 2021

Удалите мой отзыв на модерации, организатор перезалил содержимое