💎 Верстка “Главного экрана“ на сайте психолога - Часть 1
🌟 Верстка (программирования) первого блока на главной странице сайта для психолога Богдановой Танзили
________________________________
🚀 Хостинг Beget -
🔧 Rookee “Раскрутка сайтов“ -
❄️ Личная страница VK -
________________________________
🔽 Оформить карту сейчас 🔽
👑 Tinkoff Black - дебетовая карта с кэшбэком до 30% -
________________________________
🌐 Поиск клиентов (ВК) -
💬 Создание Бота в (ВК) -
________________________________
🌍 Сайт психолога -
🎨 Группа психолога -
________________________________
🌴 Группа VK -
💎 Instagram -
🍃 TikTok -
❇️ Rutube -
________________________________
🌴 Принимаю заявки на ваши заказы
🍃 Принимаю заявки на индивидуальное обучение
________________________________
Тайм фрейм (Временные метки)
00:00 - Начало видео
00:01:00 - Проект в figma
00:02:00 - Создание проекта в Visual studio code
00:03:17 - Создание кода
00:32:43 - Адаптация блока
________________________________
🌟 Добро пожаловать на канал “Академия Сайтов“!
🖥️ Привет, это Николай, и сегодня мы начнем верстку первого блока на главной странице сайта психолога Богдановой Танзили. Этот блок является ключевым элементом, так как он первым привлекает внимание посетителей.
🎨 Что такое первый блок главной страницы?
1. Первый блок, или “hero section“, это визитная карточка сайта. Он обычно включает в себя заголовок, подзаголовок, важные вызывающие действие кнопки (CTA) и привлекающие внимание графические элементы.
🛠️ Как мы будем это делать:
1. Структура и разметка: Определим, какие элементы будут включены в первый блок и создадим соответствующую HTML-структуру.
2. Стилизация с помощью CSS: Применим современные подходы в CSS для стилизации, обеспечивая привлекательный и респонсивный дизайн.
3. Анимации и интерактивность: Добавим CSS анимации или JavaScript для улучшения интерактивности, например, плавное появление элементов при загрузке страницы.
📐 Техническая реализация:
1. HTML/CSS: Начнем с базовой разметки и стилей, чтобы быстро приступить к визуализации концепта.
2. JavaScript: Если потребуется, добавим интерактивные элементы для улучшения пользовательского опыта.
👁️ Дизайн:
1. Визуальные элементы: Интегрируем элементы брендинга Богдановой Танзили, такие как логотип, корпоративные цвета и шрифты.
2. Фотографии и видео: Возможно использование профессиональных изображений или видео, которые передают эмоциональный контекст работы психолога.
🚀 Заключение и призыв к действию:
1. Подписывайтесь на канал “Академия Сайтов“, чтобы не пропустить продолжение серии по созданию сайта для психолога.
2. Комментарии и вопросы: Ваше мнение и задачи, которые вы хотите решить с помощью наших уроков, крайне важны для нас. Обсудим это в комментариях!
🍃 Благодарим за просмотр! Ваши отзывы и активность делают наш канал лучше!
#AcademySite #АкадемияСайтов #НиколайКарнаушенко #Верстка #Сайт
12 views
239
65
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. Причины и Решения