Верстка первого блока на главной странице психолога - Часть 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
188
48
5 days ago 02:02:52 2
💎 Верстка первого блока на главной странице психолога - Часть 4
5 days ago 00:47:41 1
💎 Верстка первого блока на главной странице психолога - Часть 1
5 days ago 00:33:12 1
Верстка сайта по методологии БЭМ
6 days ago 00:17:00 1
vs Что лучше использовать для верстки.
7 days ago 00:58:31 1
ТИХИЙ ГОД - Конфетный Апокалипс! The Quet Year RPG. Братец Ву. Часть 1
1 week ago 00:08:50 1
TOP 10 форм обратной связи для ваших проектов
2 weeks ago 00:49:59 1
ЖЕНЩИНА ЕГО МЕЧТЫ. 1 СЕРИЯ. ЛИРИЧЕСКАЯ КОМЕДИЯ
2 weeks ago 00:18:39 1
«ТУТ ХУЖЕ, ЧЕМ В АДУ». Тру-крайм о насилии, которое скрывают в российской армии / ЧЕРНЫЙ ЯЩИК
2 weeks ago 00:03:14 1
Оформление Геткурс для онлайн-школы в нише фитнеса.
3 weeks ago 00:01:50 977
Лихой Sibelius • Нарезка с первого потока
3 weeks ago 00:03:34 1
верстка страниц для блокнота с прошитым переплетом - блокнот с нуля (6)
3 weeks ago 00:00:00 3
Подготовка JS перед React. 2 часть. Объекты, промисы
3 weeks ago 00:00:52 1
22 тысячи иностранцев депортировали из России за первый квартал этого года
3 weeks ago 00:10:06 1
В чем разница между Float, Flexbox и Grid CSS?
3 weeks ago 00:15:15 13
Этапы создания сайта, чтобы было МИНИМУМ ПРАВОК от заказчика
3 weeks ago 00:23:47 1
InDesign для новичков - Знакомство с программой | Урок 1
3 weeks ago 00:13:46 1
Уроки Adobe InDesign CS5 для начинающих №1 | Leonking
4 weeks ago 00:31:23 1
“БЕЛГОРОД ОПУСТЕЕТ, ПЕРЕСТАНЕТ СУЩЕСТВОВАТЬ“. Война превращает Белгород в город-призрак
4 weeks ago 00:02:26 1
Убираем висячие строки в вёрстке
4 weeks ago 00:16:24 1
Как установить скрипты в Indesign. Быстрый обзор скрипта DoTextOk
4 weeks ago 00:00:00 1
Верстка сайта для новичков. Адаптив, HTML, CSS.
4 weeks ago 00:05:16 1
Нарисовала свой первый ЗИН за 5 часов
4 weeks ago 00:12:08 1
Publisher для начинающих: Урок 1. Особенности программ верстки. Интерфейс
4 weeks ago 00:03:09 282
Подарок выпускников 1-го потока курса по верстке сайтов на Тильде