Адаптивная HTML верстка сайта для новичков на чистом HTML CSS. Сайт портфолио фрилансера. Заверстаем по макету с Figma. Сделаем адаптацию для мобильных устройств, мобильную навигацию. Применим адаптивные изображения. Верстка на flexbox.
Материалы к уроку:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс “Создай свой первый сайт на HTML5 и CSS3“
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Курс по созданию и верстке сайтов:
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
💻 Курс “Frontend разработчик. JavaScript React“:
Обучение с наставником, 3 месяца, результат, гарантия.
💻 Курс “Разработка сайтов на PHP MySQL“:
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.
🏁 Обучение с нуля
💁♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе
💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💈 Сайт школы ВебКадеми:
💈 Вступайте в группу Вконтакте:
💈 Подписывайтесь на Telegram:
Тайм коды:
00:00 Обзор проекта
01:10 Объявление
02:06 Создание проекта
04:30 Сброс стилей
07:05 Нарезка изображений
13:41 Подключение шрифтов
16:16 Верстка шапки сайта
24:12 Разметка под логотип и навигацию
26:44 Верстка логотипа
33:42 Верстка навигации
38:19 Контент в шапке
47:48 Верстка секции с услугами
54:26 Портфолио
1:03:15 Верстка Контакты
1:17:25 Мобильная навигация
1:31:51 Адаптация шапки
1:41:30 Адаптация секции Услуги
1:46:18 Адаптация Портфолио
1:48:27 Адаптация Контактов
1:50:35 Правка кнопки с навигацией
1:52:22 Добавление анимации
1:57:21 Настройки анимации
2:00:08 Финал
#HTML #CSS #верстка #WebCademy #ВебКадеми #HTML5 #CSS3 #html #css #html5 #css3 #javascript #js
819 views
1
0
3 months ago 03:55:52 1
Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. HTML CSS
4 months ago 00:28:35 2
Chrome DevTools. Полный ГАЙД для Тестировщиков
4 months ago 00:25:11 1
Полный гайд по CSS Grid: адаптивная верстка за пару минут
4 months ago 00:11:36 1
Как написать соцсеть в 2024 году? Установка Node JS и Yarn. Реализация дизайна.
4 months ago 06:38:50 1
Полный курс HTML & CSS за 6 часов
4 months ago 00:35:30 1
#1 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma практика | Анализ макета
4 months ago 00:05:02 155
Open Server 6.0 - Как создать проект. Как использовать Apache
5 months ago 00:16:13 1
Интенсивный курс адаптивная верстка сайта за 15 минут! html css
5 months ago 01:49:10 1
Как новичку создать красивый сайт | Подробный урок