Вёрстка текстового содержимого страниц [Html academy]
Рекомендации
![[Яюниор] 9 Hyper Casual игр за 3 месяца. Тариф Бронза (Роман Сакутин)](https://i1.storeland.net/2/7942/179412064/baec64/yayunior-9-hyper-casual-igr-za-3-mesyaca-tarif-bronza-roman-sakutin.png "[Яюниор] 9 Hyper Casual игр за 3 месяца. Тариф Бронза (Роман Сакутин)")
![[Яндекс.Практикум] Веб-разработчик. Часть 1](https://i2.storeland.net/2/7942/179412062/baec64/yandeks-praktikum-veb-razrabotchik-chast-1.png "[Яндекс.Практикум] Веб-разработчик. Часть 1")
![[Яндекс Практикум] SQL для работы с данными и аналитики. Часть 3/3](https://i1.storeland.net/2/7942/179412061/baec64/yandeks-praktikum-sql-dlya-raboty-s-dannymi-i-analitiki-chast-3-3.jpg "[Яндекс Практикум] SQL для работы с данными и аналитики. Часть 3/3")
![[Яндекс Практикум] SQL для работы с данными и аналитики. Часть 2/3](https://i2.storeland.net/2/7942/179412060/baec64/yandeks-praktikum-sql-dlya-raboty-s-dannymi-i-analitiki-chast-2-3.jpg "[Яндекс Практикум] SQL для работы с данными и аналитики. Часть 2/3")
![[Яндекс Практикум] SQL для работы с данными и аналитики. Часть 1/3](https://i2.storeland.net/2/7942/179412059/baec64/yandeks-praktikum-sql-dlya-raboty-s-dannymi-i-analitiki-chast-1-3.jpg "[Яндекс Практикум] SQL для работы с данными и аналитики. Часть 1/3")
![[Яндекс.Практикум] Специалист по Data Science Плюс, 2022, Часть 3/16](https://i1.storeland.net/2/7942/179412058/baec64/yandeks-praktikum-specialist-po-data-science-plyus-2022-chast-3-16.png "[Яндекс.Практикум] Специалист по Data Science Плюс, 2022, Часть 3/16")
![[Яндекс.Практикум] Специалист по Data Science Плюс, 2022, Часть 2/16](https://i3.storeland.net/2/8205/182045698/baec64/yandeks-praktikum-specialist-po-data-science-plyus-2022-chast-2-16.png "[Яндекс.Практикум] Специалист по Data Science Плюс, 2022, Часть 2/16")
![[Яндекс.Практикум] Специалист по Data Science Плюс, 2022, Часть 1/16](https://i3.storeland.net/2/7942/179412057/baec64/yandeks-praktikum-specialist-po-data-science-plyus-2022-chast-1-16.png "[Яндекс.Практикум] Специалист по Data Science Плюс, 2022, Часть 1/16")
![[Яндекс Практикум] Решения задач курса «SQL для работы с данными и аналитики». Продвинутый. Самостоятельный проект](https://i1.storeland.net/2/7942/179412056/baec64/yandeks-praktikum-resheniya-zadach-kursa-sql-dlya-raboty-s-dannymi-i-analitiki-prodvinutyj-samostoyatelnyj-proekt.jpg "[Яндекс Практикум] Решения задач курса «SQL для работы с данными и аналитики». Продвинутый. Самостоятельный проект")
![[Яндекс Практикум] Решения задач курса «SQL для работы с данными и аналитики». Продвинутый](https://i1.storeland.net/2/7942/179412055/baec64/yandeks-praktikum-resheniya-zadach-kursa-sql-dlya-raboty-s-dannymi-i-analitiki-prodvinutyj.jpg "[Яндекс Практикум] Решения задач курса «SQL для работы с данными и аналитики». Продвинутый")
![[Яндекс.Практикум] Разработчик C++ | Полный курс 2021](https://i1.storeland.net/2/7942/179412054/baec64/yandeks-praktikum-razrabotchik-c-polnyj-kurs-2021.png "[Яндекс.Практикум] Разработчик C++ | Полный курс 2021")
![[Яндекс.Практикум] Разработчик C++. Часть 9](https://i1.storeland.net/2/7942/179412053/baec64/yandeks-praktikum-razrabotchik-c-chast-9.jpg "[Яндекс.Практикум] Разработчик C++. Часть 9")
![[Яндекс.Практикум] Разработчик C++. Часть 8](https://i2.storeland.net/2/7942/179412052/baec64/yandeks-praktikum-razrabotchik-c-chast-8.jpg "[Яндекс.Практикум] Разработчик C++. Часть 8")
![[Яндекс.Практикум] Разработчик C++. Часть 7](https://i1.storeland.net/2/7942/179412051/baec64/yandeks-praktikum-razrabotchik-c-chast-7.jpg "[Яндекс.Практикум] Разработчик C++. Часть 7")
![[Яндекс.Практикум] Разработчик C++. Часть 6](https://i1.storeland.net/2/7942/179412050/baec64/yandeks-praktikum-razrabotchik-c-chast-6.jpg "[Яндекс.Практикум] Разработчик C++. Часть 6")
![[Яндекс.Практикум] Разработчик C++. Часть 5](https://i3.storeland.net/2/7942/179412049/baec64/yandeks-praktikum-razrabotchik-c-chast-5.jpg "[Яндекс.Практикум] Разработчик C++. Часть 5")
![[Яндекс.Практикум] Разработчик C++. Часть 4](https://i2.storeland.net/2/7942/179412048/baec64/yandeks-praktikum-razrabotchik-c-chast-4.jpg "[Яндекс.Практикум] Разработчик C++. Часть 4")
![[Яндекс.Практикум] Разработчик C++. Часть 3](https://i2.storeland.net/2/7942/179412047/baec64/yandeks-praktikum-razrabotchik-c-chast-3.jpg "[Яндекс.Практикум] Разработчик C++. Часть 3")
![[Яндекс.Практикум] Разработчик C++. Часть 2](https://i1.storeland.net/2/7942/179412046/baec64/yandeks-praktikum-razrabotchik-c-chast-2.png "[Яндекс.Практикум] Разработчик C++. Часть 2")
![[Яндекс.Практикум] Разработчик C++. Часть 1](https://i4.storeland.net/2/7942/179412045/baec64/yandeks-praktikum-razrabotchik-c-chast-1.png "[Яндекс.Практикум] Разработчик C++. Часть 1")
![[Яндекс.Практикум] Python-разработчик Плюс, 2021-2022, Часть 9 из 14](https://i1.storeland.net/2/8205/182045309/baec64/yandeks-praktikum-python-razrabotchik-plyus-2021-2022-chast-9-iz-14.png "[Яндекс.Практикум] Python-разработчик Плюс, 2021-2022, Часть 9 из 14")
![[Яндекс.Практикум] Профессия мидл python-разработчик.Часть 2 из 6. 2020](https://i1.storeland.net/2/7942/179412044/baec64/yandeks-praktikum-professiya-midl-python-razrabotchik-chast-2-iz-6-2020.jpg "[Яндекс.Практикум] Профессия мидл python-разработчик.Часть 2 из 6. 2020")
![[Яндекс.Практикум] Профессия мидл python-разработчик.Часть 1 из 6. 2020](https://i2.storeland.net/2/7942/179412043/baec64/yandeks-praktikum-professiya-midl-python-razrabotchik-chast-1-iz-6-2020.jpg "[Яндекс.Практикум] Профессия мидл python-разработчик.Часть 1 из 6. 2020")
![[Яндекс.Практикум] Профессия 'Дизайнер интерфейсов' [Часть 1 из 7]](https://i2.storeland.net/2/7942/179412042/baec64/yandeks-praktikum-professiya-dizajner-interfejsov-chast-1-iz-7.jpg "[Яндекс.Практикум] Профессия 'Дизайнер интерфейсов' [Часть 1 из 7]")
![[Яндекс Практикум] Как стать мидл фронтенд-разработчиком. Полный курс](https://i2.storeland.net/2/7942/179412041/baec64/yandeks-praktikum-kak-stat-midl-frontend-razrabotchikom-polnyj-kurs.jpg "[Яндекс Практикум] Как стать мидл фронтенд-разработчиком. Полный курс")
![[Яндекс Практикум] Как стать аналитиком данных. Часть 6/6](https://i4.storeland.net/2/7942/179412040/baec64/yandeks-praktikum-kak-stat-analitikom-dannyh-chast-6-6.jpg "[Яндекс Практикум] Как стать аналитиком данных. Часть 6/6")
![[Яндекс Практикум] Как стать аналитиком данных. Часть 5/6](https://i4.storeland.net/2/7942/179412039/baec64/yandeks-praktikum-kak-stat-analitikom-dannyh-chast-5-6.jpg "[Яндекс Практикум] Как стать аналитиком данных. Часть 5/6")
![[Яндекс Практикум] Как стать аналитиком данных. Часть 4/6](https://i1.storeland.net/2/7942/179412038/baec64/yandeks-praktikum-kak-stat-analitikom-dannyh-chast-4-6.jpg "[Яндекс Практикум] Как стать аналитиком данных. Часть 4/6")
![[Яндекс Практикум] Как стать аналитиком данных. Часть 3/6](https://i4.storeland.net/2/7942/179412037/baec64/yandeks-praktikum-kak-stat-analitikom-dannyh-chast-3-6.jpg "[Яндекс Практикум] Как стать аналитиком данных. Часть 3/6")
![[Яндекс Практикум] Как стать аналитиком данных. Часть 2/6](https://i2.storeland.net/2/7942/179412036/baec64/yandeks-praktikum-kak-stat-analitikom-dannyh-chast-2-6.jpg "[Яндекс Практикум] Как стать аналитиком данных. Часть 2/6")
![[Яндекс Практикум] Как стать аналитиком данных. Часть 1/6](https://i1.storeland.net/2/7942/179412035/baec64/yandeks-praktikum-kak-stat-analitikom-dannyh-chast-1-6.jpg "[Яндекс Практикум] Как стать аналитиком данных. Часть 1/6")
![[Яндекс Практикум] Как стать аналитиком данных](https://i4.storeland.net/2/7942/179412034/baec64/yandeks-praktikum-kak-stat-analitikom-dannyh.jpg "[Яндекс Практикум] Как стать аналитиком данных")
![[Яндекс.Практикум] Java-разработчик. Часть 8](https://i4.storeland.net/2/7942/179412033/baec64/yandeks-praktikum-java-razrabotchik-chast-8.jpg "[Яндекс.Практикум] Java-разработчик. Часть 8")
![[Яндекс.Практикум] Java-разработчик. Часть 7](https://i2.storeland.net/2/7942/179412032/baec64/yandeks-praktikum-java-razrabotchik-chast-7.jpg "[Яндекс.Практикум] Java-разработчик. Часть 7")
![[Яндекс.Практикум] Java-разработчик. Часть 6](https://i2.storeland.net/2/7942/179412031/baec64/yandeks-praktikum-java-razrabotchik-chast-6.jpg "[Яндекс.Практикум] Java-разработчик. Часть 6")
![[Яндекс.Практикум] Java-разработчик. Часть 5](https://i2.storeland.net/2/7942/179412030/baec64/yandeks-praktikum-java-razrabotchik-chast-5.jpg "[Яндекс.Практикум] Java-разработчик. Часть 5")
![[Яндекс.Практикум] Java-разработчик. Часть 4](https://i4.storeland.net/2/7942/179412029/baec64/yandeks-praktikum-java-razrabotchik-chast-4.jpg "[Яндекс.Практикум] Java-разработчик. Часть 4")
![[Яндекс.Практикум] Java-разработчик. Часть 3](https://i4.storeland.net/2/7942/179412028/baec64/yandeks-praktikum-java-razrabotchik-chast-3.jpg "[Яндекс.Практикум] Java-разработчик. Часть 3")
![[Яндекс.Практикум] Java-разработчик. Часть 2](https://i2.storeland.net/2/7942/179412027/baec64/yandeks-praktikum-java-razrabotchik-chast-2.jpg "[Яндекс.Практикум] Java-разработчик. Часть 2")
![[Яндекс.Практикум] Java-разработчик. Часть 1](https://i2.storeland.net/2/7942/179412026/baec64/yandeks-praktikum-java-razrabotchik-chast-1.jpg "[Яндекс.Практикум] Java-разработчик. Часть 1")
![[Яндекс.Практикум] Алгоритмы для разработчиков - 2021](https://i2.storeland.net/2/7942/179412024/baec64/yandeks-praktikum-algoritmy-dlya-razrabotchikov-2021.png "[Яндекс.Практикум] Алгоритмы для разработчиков - 2021")
![[Яндекс.Практикум] Алгоритмы для разработчиков [часть 2 из 4]](https://i2.storeland.net/2/7942/179412023/baec64/yandeks-praktikum-algoritmy-dlya-razrabotchikov-chast-2-iz-4.jpg "[Яндекс.Практикум] Алгоритмы для разработчиков [часть 2 из 4]")
![[Яндекс.Практикум] Алгоритмы для разработчиков [часть3 из 4] (Дмитрий Денисенко)](https://i4.storeland.net/2/7942/179412022/baec64/yandeks-praktikum-algoritmy-dlya-razrabotchikov-chast3-iz-4-dmitrij-denisenko.jpg "[Яндекс.Практикум] Алгоритмы для разработчиков [часть3 из 4] (Дмитрий Денисенко)")
![[Яндекс.Практикум] Алгоритмы для разработчиков [часть1 из 4]](https://i2.storeland.net/2/7942/179412021/baec64/yandeks-praktikum-algoritmy-dlya-razrabotchikov-chast1-iz-4.jpg "[Яндекс.Практикум] Алгоритмы для разработчиков [часть1 из 4]")
![[Яндекс.Практикум] Алгоритмы для разработчиков, 2021, Часть 4 из 4](https://i4.storeland.net/2/7942/179412020/baec64/yandeks-praktikum-algoritmy-dlya-razrabotchikov-2021-chast-4-iz-4.png "[Яндекс.Практикум] Алгоритмы для разработчиков, 2021, Часть 4 из 4")
![[Аналитика плюс] Видео-курс «Основы теории создания хранилищ данных (DWH)» (Вячеслав Ерин)](https://i2.storeland.net/2/8205/182044674/baec64/analitika-plyus-video-kurs-osnovy-teorii-sozdaniya-hranilishh-dannyh-dwh-vyacheslav-erin.png "[Аналитика плюс] Видео-курс «Основы теории создания хранилищ данных (DWH)» (Вячеслав Ерин)")
![[alishev] Практика для начинающих в Java](https://i2.storeland.net/2/7942/179412019/baec64/alishev-praktika-dlya-nachinayushhih-v-java.png "[alishev] Практика для начинающих в Java")
![[Академия Вёрстки] Веб-разработчик 9.0 (Артем Исламов)](https://i2.storeland.net/2/8205/182040950/baec64/akademiya-vorstki-veb-razrabotchik-9-0-artem-islamov.png "[Академия Вёрстки] Веб-разработчик 9.0 (Артем Исламов)")
![[Академия верстки] Онлайн-курс РНР разработка (Артем Исламов)](https://i2.storeland.net/2/7942/179412018/baec64/akademiya-verstki-onlajn-kurs-rnr-razrabotka-artem-islamov.png "[Академия верстки] Онлайн-курс РНР разработка (Артем Исламов)")
![[Академия вёрстки] Базовый HTML, CSS (Артем Исламов)](https://i1.storeland.net/2/8205/182042543/baec64/akademiya-vorstki-bazovyj-html-css-artem-islamov.png "[Академия вёрстки] Базовый HTML, CSS (Артем Исламов)")
![[Академия Excel] III ежегодная онлайн-конференция по созданию продвинутых отчетов в Excel и Power Bi (Дмитрий Якушев)](https://i4.storeland.net/2/7942/179412014/baec64/akademiya-excel-iii-ezhegodnaya-onlajn-konferenciya-po-sozdaniyu-prodvinutyh-otchetov-v-excel-i-power-bi-dmitrij-yakushev.png "[Академия Excel] III ежегодная онлайн-конференция по созданию продвинутых отчетов в Excel и Power Bi (Дмитрий Якушев)")
![[1C-Рарус] Концепция регламентированного учета в «1С:ERP Управление предприятием 2» (Оксана Вольская)](https://i1.storeland.net/2/7942/179412011/baec64/1c-rarus-koncepciya-reglamentirovannogo-ucheta-v-1s-erp-upravlenie-predpriyatiem-2-oksana-volskaya.jpg "[1C-Рарус] Концепция регламентированного учета в «1С:ERP Управление предприятием 2» (Оксана Вольская)")
![Web-HTML5, CSS3, JavaScript, PHP, Jquery, Bootstrap, Python [Udemy]](https://i1.storeland.net/2/7942/179412004/baec64/web-html5-css3-javascript-php-jquery-bootstrap-python-udemy.jpg "Web-HTML5, CSS3, JavaScript, PHP, Jquery, Bootstrap, Python [Udemy]")
Профессиональная задача:
Пул задач, включающий профессиональное оформление текстовых сайтов, оптимальное подключение сторонних шрифтов, подготовку страниц для работы с CMS, вёрстку обтекаемых элементов (изображений, буквиц, врезок), тонкую настройку типографики (переносы слов, неразрывные пробелы, интерлиньяж, трекинг).
Зачем нужен этот навык:
Тексты — самый массовый тип контента, который индексируется лучше всего и наилучшим образом передаёт информацию. Компании стараются повысить узнаваемость с помощью уникальной типографики и оригинального дизайна. Поэтому в задачах вёрстки текстов и текстовых элементов есть много тонкостей и особенностей. Кроме того, в погоне за оригинальным оформлением важно не забывать о семантичности разметки и доступности самого содержания.
Даже если текст идеально написан, его необходимо оформить: встроить на сайт так, чтобы его было удобно и приятно читать, если текст большой — структурировать, если в тексте есть акцентные мысли — правильно их выделить. Владение этими знаниями и их применение показывает профессионализм верстальщика в работе с текстовым содержимым.
Освоив этот навык, вы научитесь корректно оформлять тексты и их отдельные декоративные элементы. Мы рассматриваем как основные технологии, применяющиеся для вёрстки текстового содержимого, так и отдельные смысловые и декоративные элементы текстов, и относящиеся к оформлению текстов принципы редакторской работы.
Расположение относительно других навыков:
Этот навык идёт после семантической разметки и работы с графическими редакторами в дереве навыков.
Минимальные требования для освоения:
- Создание семантической разметки по макету,
- Экспорт параметров и графики из PSD?макетов или Экспорт параметров и графики из Figma.