Подготовка проекта, импорт макета Pixso, подключение и оптимизация шрифтов

Описание

В этом уроке вы узнаете, как подготовить проект, импортировать макет в Pixso и сверстать меню с нуля. Разберём базовые стили, работу с box-sizing, подключение и оптимизацию шрифтов, а также оформим финальные стили для меню.

Записаться на курс "Сайт с нуля: Pixso, Tilda и ChatGPT для новичка" на Stepik, чтобы получить больше практики: https://stepik.org/275997
Макет можно скачать в уроке "Меню и шрифты". Этот урок в свободном доступе по ссылке выше. Просто нажмите кнопку "Попробовать бесплатно".

00:00 О чём этот урок?
02:08 Подготовка проекта
08:18 Как импортировать макет в Pixso
10:35 Разметка для меню
21:10 Базовые стили
27:09 Box-sizing Border-box
37:30 Работа со шрифтом, оптимизация, поддержка, подключение
48:15 Стили для меню

Кайдзен разработка, чтобы бесплатно изучить основы HTML, CSS, JS - https://stepik.org/208758

💡 Телеграм - https://t.me/itdoctor_official/4
🎥 Курсы на Stepik - https://stepik.org/users/ITDoctor/teach
⚡️ Эксклюзив на Boosty - https://boosty.to/itdoctor

YouTube - https://youtube.com/@ITDoctor
Дзен - https://dzen.ru/itdoctor
ВК - https://vk.com/itdoctorstudio
Rutube - https://rutube.ru/channel/23500045/

#itdoctor #pixso #tilda #chatgpt