Верстка первого блока на главной странице психолога - Часть 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 #АкадемияСайтов #НиколайКарнаушенко #Верстка #Сайт
1 view
239
65
22 hours ago 00:08:10 7
[EduCatter — Канал о Веб-Программировании] #10 JAVASCRIPT С НУЛЯ ДЛЯ НАЧИНАЮЩИХ | ООП - Объектно-ориентированное программировани
24 hours ago 00:10:04 4
[EduCatter — Канал о Веб-Программировании] #6 JAVASCRIPT С НУЛЯ ДЛЯ НАЧИНАЮЩИХ | Функции
1 day ago 00:13:29 134
14 Верстка и мобильная адаптация первой секции сайта в Webflow
2 days ago 00:43:59 9
[{WEB PRO} - Школа веб-разработки, создание сайтов] Burger Landing 6 - Адаптация сайта под телефон (адаптив, html, css, desktop
2 days ago 00:49:20 11
[{WEB PRO} - Школа веб-разработки, создание сайтов] Burger Landing 5 - Адаптация сайта под планшет (адаптив, html, css, desktop
3 days ago 00:02:11 1
🔔 КУРСЫ ВЕРСТКА САЙТОВ ❗ ГДЕ НАУЧИТЬСЯ ПРОГРАММИРОВАТЬ ⚫
3 days ago 02:26:29 1
ПОЛНЫЙ КУРС REACT JS для начинающих - Изучи Реакт за 2 часа с нуля!
4 days ago 00:00:42 36
Графический дизайн и верстка. Занятие 1
4 days ago 00:06:42 64
Как установить PyCharm на Windows
5 days ago 03:44:28 61
Travel Agent. HTML верстка лендинга Travel Agent на Gulp сборке. Autocomplete, календарь. Часть 1
5 days ago 04:00:10 23
Travel Agent. HTML верстка на Gulp сборке. Swiper slider, анимации Scroll Reveal. Часть 2
5 days ago 01:53:11 13
Travel Agent. HTML верстка на Gulp сборке. Шаблоны в gulp-file-include. Вертикальный swiper. Часть 3
5 days ago 04:06:34 6
Travel Agent. Адаптивная верстка на Gulp сборке. Часть 4
5 days ago 01:17:30 7
Online стрим. Верстаем на CSS Grid. Общение. Ответы на вопросы подписчиков
5 days ago 00:02:11 2
Школа программистов 📟
5 days ago 00:12:02 1
Подборка лучших книг для графического дизайнера. Для начинающих дизайнеров и профи.
5 days ago 02:31:50 27
Верстка главной для интернет магазина в
5 days ago 02:30:50 14
JavaScript. Ответы на вопросы подписчиков
5 days ago 03:18:50 10
Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS
5 days ago 03:52:17 16
Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS. Часть 1
5 days ago 03:06:58 9
Верстка сайта онлайн. Подробно с объяснениями для новичков. Мобильная адаптация сайта. Часть 2
5 days ago 00:30:25 24
[Просто о Laravel. CutCode] Laravel с нуля. Урок 4. Blade шаблонизатор
6 days ago 09:08:56 7
Свет неотмирный или Молоко молитвы и твердая пища безмолвия. ИЕРОМОНАХ СИМОН (БЕЗКРОВНЫЙ)
6 days ago 03:58:40 35
Прогноз погоды на JavaScript. От дизайна до работы с API