Верстка первого блока на главной странице психолога - Часть 4
🌟 Верстка (программирования) четвертого блока “Популярные услуги“ на главной странице сайта для психолога Богдановой Танзили
________________________________
🚀 Хостинг Beget -
🔧 Rookee “Раскрутка сайтов“ -
❄️ Личная страница VK -
________________________________
🔽 Оформить карту сейчас 🔽
👑 Tinkoff Black - дебетовая карта с кэшбэком до 30% -
________________________________
🌐 Поиск клиентов (ВК) -
💬 Создание Бота в (ВК) -
________________________________
🌍 Сайт психолога -
🎨 Группа психолога -
________________________________
🌴 Группа VK -
💎 Instagram -
🍃 TikTok -
❇️ Rutube -
________________________________
🌴 Принимаю заявки на ваши заказы
🍃 Принимаю заявки на индивидуальное обучение
________________________________
Тайм фрейм (Временные метки)
00:00 - Начало видео
00:00:35 - Проект в figma
00:02:15 - Создание проекта в Visual studio code
00:02:42 - Создание кода
01:55:42 - Адаптация блока
________________________________
🌟 Добро пожаловать на канал “Академия Сайтов“!
🖥️ Приветствую всех! С вами Николай, и сегодня мы продолжаем нашу работу над сайтом психолога Богдановой Танзили. В этом видео мы займемся версткой и программированием четвертого блока главной страницы, который посвящен популярным услугам психолога.
🎨 Что такое четвертый блок “Популярные услуги“?
1. Четвертый блок будет включать подробное описание восьми самых популярных услуг, предоставляемых психологом. Каждая услуга будет представлена в виде отдельной карточки с кратким описанием и возможностью перехода для более подробной информации.
🛠️ Как мы будем это делать:
1. Создание HTML-структуры: Разработаем разметку для блока, используя семантический и доступный HTML.
2. Адаптивная стилизация с помощью CSS: Обеспечим корректное отображение блока на разных устройствах, используя Flexbox или CSS Grid для создания респонсивной сетки.
🔧 Процесс адаптации под мобильные устройства и планшеты:
1. Медиа-запросы: Применим медиа-запросы для оптимизации блока под различные размеры экранов.
2. Тестирование на разных устройствах: Проверим, как блок выглядит и функционирует на разных устройствах, включая планшеты и смартфоны.
🎨 Дизайн и визуальное оформление:
1. Визуальное выделение карточек: Каждая карточка услуги будет иметь привлекательный дизайн, сочетающий в себе элементы фирменного стиля психолога.
2. Интерактивные элементы: Добавим анимации и переходы для улучшения пользовательского опыта.
⚙️ Техническая реализация:
1. JavaScript для дополнительных интерактивностей: Если потребуется, применим JavaScript для реализации динамических элементов, таких как модальные окна с дополнительной информацией.
🚀 Заключение и призыв к действию:
1. Подписывайтесь на канал “Академия Сайтов“, чтобы не пропустить дальнейшие уроки и советы.
2. Комментируйте и делитесь своими вопросами: Ваше мнение важно для нас, и мы готовы ответить на любые ваши вопросы.
🍃 Благодарим за просмотр! Надеемся, что наше видео было полезным и информативным. Ваши отзывы помогают нам улучшать качество наших уроков и делать их максимально эффективными для вас.
#AcademySite #АкадемияСайтов #НиколайКарнаушенко #Верстка #Сайт
2 views
293
72
8 months ago 01:12:09 1
Создание красивого сайта с Parallax эффектом при скролле (HTML CSS JavaScript)
8 months ago 00:23:36 1
Верстка журнала с нуля в Adobe Indesign CC 2018 #1. Начало работы. Обложка
8 months ago 00:22:37 1
11 Легких Удаленных Профессий 2023 БЕЗ ОПЫТА. Работа онлайн. Удаленная подработка
8 months ago 00:53:56 1
Объяснение Вёрстки Простого Сайта HTML+CSS
8 months ago 01:11:10 1
Профессионально верстаем макет с адаптивом, часть 2 | HTML, CSS
8 months ago 01:24:26 2
Профессионально верстаем макет с адаптивом, часть 1 | HTML, CSS
8 months ago 00:05:57 1
Онлайн оплата на сайте, как сделать прием платежей на лендинге или интернет магазине
8 months ago 06:46:14 3
JavaScript для начинающих 2023. Полный курс за 6 часов. Уроки. Теория + практика
8 months ago 00:34:29 1
Псевдоэлементы CSS ::after и ::before. Объяснение на примерах
9 months ago 00:20:07 1
Верстка сайта с нуля. Начало, шапка сайта.
9 months ago 00:06:51 1
Пленный “вагнеровец“ экс-заключённый Влад Измайлов: “Они копали себе могилу, а потом их расстреляли“
9 months ago 02:40:45 1
Обучение JavaScript. Урок для начинающих. Скрипты для сайта интернет магазина
9 months ago 00:11:13 1
FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть первая - свойства flex-контейнера
9 months ago 00:13:04 1
Готовый сайт за 5 минут - без программирования в 2023 году
9 months ago 00:18:27 1
Делаем Первый Реальный Сайт в Нейросети ChatGpt и Midjourney
9 months ago 00:09:27 1
С ЧЕГО НАЧАТЬ обучение в IT-сфере? Советы начинающим. Четыре фактора успешного старта в IT. Мой опыт
9 months ago 01:36:00 1
Урок 3 (мини-курс по веб-дизайну)
9 months ago 00:10:31 1
⚡️НОВОСТИ | СТРАШНЫЙ УДАР ПО УКРАИНЕ: БОЛЕЕ 50 ПОГИБШИХ | ПУТИН СОБЕРЕТ ТРИЛЛИОН НА ВОЙНУ С РОССИЯН
9 months ago 01:10:44 1
Обучение FlutterFlow, с нуля до про. Часть 2 из 2. API, работа с базой даных, local state, backend
9 months ago 00:12:48 1
Верстка сайта. Весь процесс от задания до сдачи проекта. // Учимся #Домавместе
9 months ago 00:50:16 1
Как построить сетку. Графический дизайн, ч1
9 months ago 04:06:31 1
HTML CSS адаптивная верстка сайта Freelance Portfolio. Темная тема на JS. CSS переменные
9 months ago 00:20:13 1
Введение в InDesign для начинающих
9 months ago 00:09:31 1
ВЕРСТКА САЙТА ⚠️ Стоит ли учить HTML верстку в 2023?