💎 Верстка “Плана консультаций“ на сайте психолога - Часть 3
🌟 Верстка (программирования) третьего блока “План консультаций“ на главной странице сайта для психолога Богдановой Танзили
________________________________
🚀 Хостинг Beget -
🔧 Rookee “Раскрутка сайтов“ -
❄️ Личная страница VK -
________________________________
🔽 Оформить карту сейчас 🔽
👑 Tinkoff Black - дебетовая карта с кэшбэком до 30% -
________________________________
🌐 Поиск клиентов (ВК) -
💬 Создание Бота в (ВК) -
________________________________
🌍 Сайт психолога -
🎨 Группа психолога -
________________________________
🌴 Группа VK -
💎 Instagram -
🍃 TikTok -
❇️ Rutube -
________________________________
🌴 Принимаю заявки на ваши заказы
🍃 Принимаю заявки на индивидуальное обучение
________________________________
Тайм фрейм (Временные метки)
00:00 - Начало видео
00:00:30 - Проект в figma
00:02:45 - Создание проекта в Visual studio code
00:05:06 - Создание кода
00:27:30 - Адаптация блока
________________________________
🌟 Добро пожаловать на канал “Академия Сайтов“!
🖥️ Привет, это Николай. Сегодня мы займемся версткой и программированием третьего блока главной страницы сайта психолога Богдановой Танзили.
1. Этот блок будет включать план консультаций из четырех пунктов и будет адаптирован для просмотра на планшетах и мобильных телефонах.
📐 Что включает третий блок?
1. Третий блок будет содержать информацию о плане консультаций, которые предлагает психолог.
2. Мы создадим четкие и информативные карточки для каждого типа консультации, которые будут легко читаться и выглядеть привлекательно на всех устройствах.
🛠️ Процесс создания и адаптации:
1. Верстка блока: Сначала разработаем HTML-структуру и CSS-стили для десктопной версии блока.
2. Адаптация под мобильные устройства: Используем медиа-запросы для адаптации блока под меньшие экраны, обеспечивая его корректное отображение на планшетах и мобильных телефонах.
🎨 Дизайн и стилизация:
1. Стилизация карточек: Каждая карточка будет визуально выделена, с использованием фирменных цветов и шрифтов клиента.
2. Интерактивные элементы: Добавим интерактивные эффекты, такие как hover-эффекты и анимации для улучшения пользовательского взаимодействия.
⚙️ Техническая реализация:
1. CSS Flexbox и Grid: Используем современные подходы для создания респонсивной и адаптивной сетки.
2. JavaScript для дополнительной функциональности: При необходимости добавим небольшие скрипты для улучшения UX.
📱 Тестирование и оптимизация:
1. Тестирование на разных устройствах: Убедимся, что блок выглядит хорошо и работает корректно на всех типах устройств.
2. Оптимизация производительности: Проверим, что загрузка страницы остается быстрой даже после добавления новых стилей и скриптов.
🚀 Заключение и призыв к действию:
1. Подписывайтесь на канал “Академия Сайтов“, чтобы продолжать учиться созданию профессиональных веб-сайтов и улучшать свои навыки в веб-разработке.
2. Комментируйте и делитесь своими вопросами – ваша обратная связь помогает нам сделать наш контент еще лучше и полезнее.
🍃 Благодарим за внимание! Ваши вопросы и предложения помогут нам улучшить наш подход и обучающие материалы.
#AcademySite #АкадемияСайтов #НиколайКарнаушенко #Верстка #Сайт
22 views
462
122
2 months ago 00:15:46 1
ДЕЛАЕМ ИНФОГРАФИКУ ДЛЯ МАРКЕТПЛЕЙСОВ С НУЛЯ В ФОТОШОПЕ! ДЛЯ НОВИЧКОВ | ВЫПОЛНЯЕМ РЕАЛЬНЫЙ ЗАКАЗ
5 months ago 00:07:32 1
💎 Тормозит Youtube на Телевизоре? Ускоряем до 4К. Результат 100%
5 months ago 00:18:19 8
👑 Обход блокировки Youtube во всех браузерах в России 100%
5 months ago 00:07:21 2.1K
👑 Тормозит Youtube на Телевизоре? Ускоряем до 4К. Результат 100%
5 months ago 00:22:24 6
💎 Обход блокировки Youtube во всех браузерах в России 100%
5 months ago 00:13:14 1.9K
👑 Обход блокировки Youtube на Телевизоре (TV) в России - 100% результат
5 months ago 00:11:35 1
👑 Обход блокировки Youtube в России 2024. Работает 100%
5 months ago 00:09:11 7.4K
👑 Обход блокировки Youtube в России 2024. Способ №2
5 months ago 00:11:34 968
🎨 Обход блокировки Youtube в России 2024. Работает 100%
5 months ago 00:07:41 129
👑 Youtube тормозит и глючит в России 2024. Причины и Решения