Верстка первого блока на главной странице психолога - Часть 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
263
70
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?