Создание сайта

#4 – Секция с информацией про проект

#4 – Секция с информацией про проект

Продолжаем доработку проекта и в этом уроке мы добавим несколько новых секций к нашему сайту. Мы добавим секцию с фоновым изображением, а также секцию с проектами.

Видеоурок

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


Шрифт FontAwesome

Использование иконочных шрифтов, таких как FontAwesome, представляет собой популярный подход к интеграции векторных иконок в веб-проекты. Эти шрифты обеспечивают веб-разработчикам и дизайнерам гибкое и легко масштабируемое средство для улучшения пользовательского интерфейса и повышения его наглядности без ущерба для производительности сайта.


Преимущества использования иконочных шрифтов включают:

  1. Масштабируемость: В отличие от растровых изображений, иконочные шрифты легко масштабируются для различных размеров экранов без потери качества, что делает их идеальными для адаптивного дизайна.
  2. Универсальность: Благодаря тому, что иконы представлены в формате шрифта, их можно легко стилизовать с помощью CSS, включая изменение цвета, размера и тени, что предоставляет разработчикам широкие возможности для кастомизации.
  3. Производительность: Иконочные шрифты загружаются быстрее, чем аналогичные изображения, поскольку они требуют меньше HTTP-запросов и занимают меньше места, что способствует улучшению общей скорости загрузки страницы.
  4. Доступность: Использование атрибутов "aria-hidden" и "role" с иконочными шрифтами помогает поддерживать доступность для пользователей с ограниченными возможностями, делая веб-сайт более инклюзивным.

Материалы для курса

Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт

Онлайн редактор кода

Загрузка...

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

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

Также стоит посмотреть

Изучение препроцессора SASS / SCSS
7 уроков
Современная вёрстка адаптивного веб-сайта
Изучение CSS/CSS3 для новичка: от нуля до гуру
10 уроков
Изучение технологии Bootstrap (верстка сайта)
16 уроков
Создание сайта с нуля | Полноценная верстка сайта
11 уроков
Изучение HTML5 для начинающих!
18 уроков
Комментарии
Добавить комментарий

Пока комментариев нет