Създаване на уебсайтове на Webflow - курс 31 900 рубли. от Uprock, обучение 4 месеца, дата 27 ноември 2023 г.
разни / / November 27, 2023
Започнете по всяко време и научете с удобна скорост
Началото на обучението не е обвързано с датата на закупуване на курса. Започнете по всяко време, когато ви е удобно и учете с комфортна скорост. Най-добрият вариант е да отделяте 2 часа на ден за учене. Ако можете да посветите 4-8 часа на курса, ще го завършите 2-4 пъти по-бързо.
Последователност и време за адаптиране
Сложността на задачите, които изпълнявате, нараства от най-простите, с продължителност до 30 минути, до по-сложните и отнемащи много време. Така постепенно се включвате в учебния процес.
Обемни, но информативни видео уроци
Първо направихме сценарий от няколкостотин страници, след това го озвучихме, редактирахме, напълнихме го с графики и направихме за вас кратки уроци „без вода“, които са лесни за научаване и удобни за връщане към нещо припомням си.
Нашите куратори дават най-бързите и подробни отговори. Има строги правила: ще получавате поне 2 видео анализа на ден, във всеки отговор кураторът ще отбележи вашите грешки и ще ви каже как да ги коригирате.
В резултат на това ще научите как да създавате пълноценни уебсайтове с ефективна анимация, адаптирани за различни устройства.
ТЕОРИЯ
Въведение
В този урок ще научите за курса и как ще продължи обучението. Запознайте се с функциите и целите на безплатните и платените планове на Webflow. Ще научите също как да структурирате работата по проект от анализа до стартирането.
- За какво е този курс?
- Как работи курсът
- Планове и тарифи
- Планове на обекта
- Планове за акаунти
- Преглед и анализ на оформлението
- Контролен списък за приемане на оформлението
- Работен план
- Подготовка на оформлението за оформление
- Експортирайте и оптимизирайте изображения
- Подготовка на други файлове
ТЕОРИЯ
Уеб структура
В този урок ще се запознаете с основните елементи на уеб страницата и принципите на блоковото оформление, на което работи услугата Webflow. Основните знания ще ви помогнат да разберете основната терминология на уеб разработката. Ще научите какво представлява йерархията на уеб страниците и от какво се състои. Разгледайте панела за навигация, за да разберете как структурата на елемента се създава и показва в Webflow.
- Блоково оформление и основни HTML и CSS
- Йерархия на елементите на сайта
- Панел за навигация
- Практика: Планиране на структурата на сайта
ТЕОРИЯ
Създаване и публикуване на проект
В този урок ще научите как да се регистрирате в уебсайта на Webflow и да създадете проект, ще научите ограниченията за броя проекти и страници в проект. Ще разберете какви режими на работа съществуват в услугата Webflow. И също така научете как да активирате акаунта си и да публикувате сайта си с помощта на падащия панел Публикуване.
- Регистрация и създаване на проект
- Публикуване на уебсайт
- Споделете проект
- Клониране на проект
- Клониране на персонализиран шаблон
ТЕОРИЯ
основни настройки
Ще се запознаете с основните настройки на проекта в режим Настройки на проекта. В резултат на това настройте проекта, качете изображения в папки и създайте UI Kit.
- Настройки на проекта
- Свързване на вашия домейн
- Файлове на сайта
- Общи настройки на проекта
- Настройка на основни стилове
- Качване на изображения
- UI комплект от основни елементи
ПРАКТИКА
Елементи
В този урок ще научите за начините за добавяне на елементи към страница на сайт и какви елементи не могат да бъдат разположени вътре в собствения си вид. Научете какви основни елементи съществуват за създаване на уебсайт и каква е тяхната цел. Накрая създайте структурата на сайта и добавете съдържание към елементите.
- Добавяне на елементи
- Преглед на основните елементи
- Преглед на функционалните елементи
- Персонализиране на елементите
- Практика: Създаване на основната структура на сайта
- Практика: Добавяне на елементи и класове
ПРАКТИКА
Стилове на елементи
Ще се запознаете с понятия като класове и комбо класове и ще научите за тяхната цел. В резултат на това добавете класове към секции, контейнери, изображения, текстове.
- Основни принципи
- Преглед на прости секции от панела Style
- Общ преглед на панела Style Manager
- Състояния на елементите
- Практика: Добавяне на съдържание към елементи
ПРАКТИКА
Настройки на стила. 1 част
Ще проучите състава на панела Style и ще разгледате секцията Layout, която се използва за конфигуриране на подреждането на елементите един спрямо друг.
- Панел за стилове: Секция за оформление
- Практика: Детайлно оформление на раздели 1 и 2
ПРАКТИКА
Настройки на стила. част 2
Ще продължите да изследвате композицията на панела Style и да изследвате елемента Grid, който е отговорен за начина, по който елементите са подредени, което е идеално Подходящ за създаване на различни сложни мрежови оформления, включително таблици, които лесно могат да бъдат преобразувани в карти на мобилно устройство екрани.
- Стил панел: Елемент на мрежата
- Практика: Детайлно оформление на раздели 3 и 4
ПРАКТИКА
Настройки на стила. Част 3
Ще продължите да изучавате състава на панела Style и да изучавате раздела Size, който ви позволява да определите размера на елемента, набор минимални и максимални стойности на ширина и височина и персонализирайте поведението на дъщерните елементи, които надхвърлят границите родителски елемент.
- Панел за стил: Раздел с размери
- Практика: Детайлно оформление на раздели 5 и 6
ПРАКТИКА
Страници на сайта
Ще разгледаме панела Pages. Нека разберем какви типове страници съществуват и как да ги персонализирате. В резултат на това ще създадете 7-8 раздела на сайта.
- Страници на сайта
- Практика: Детайлно оформление на раздели 7 и 8
ПРАКТИКА
Вторични функции
Ще научите за допълнителни функции, които ви помагат, докато работите по проект, както и при намирането на обучителни материали. В резултат на това ще създадете 9-10 секции на сайта.
- Помощни функции в режим на дизайнер
- Практикувайте. Подробно оформление на секции 9 и 10
ПРАКТИКА
Символи и модели
Научете как да създавате символи от елементи или групи елементи в Webflow, за да управлявате повтарящи се блокове и съдържание. В резултат на това ще оформите менюто за навигация, лентата за навигация, ще настроите връзки за закотвяне и ще създадете символи за менюто и долния колонтитул.
- Преглед на панела със символи
- Преглед на готови оформления
- Създаване на герои
- Практикувайте
ПРАКТИКА
Адаптивно оформление
В този урок ще научите основите на адаптивното оформление и ще се запознаете с концепцията за „Точки на прекъсване“. В резултат на това създайте адаптивна таблетна и мобилна версия, адаптивна за големи екрани и адаптивно меню.
- Основи на адаптивното оформление
- Точки на прекъсване
- Проверка на адаптивността
- Адаптиране на сайт за мобилни екрани
- Адаптиране на сайт за големи екрани
- Тестване на адаптивността
РАЗШИРЕНИ ВЪЗМОЖНОСТИ
Анимация. 1 част
Ще научите общите принципи на анимацията, ще научите как да анимирате бутони за връзки и други елементи при задържане на курсора и ще анимирате първия екран.
- Общи принципи на анимацията
- Тригери
- Настройка на тригери
- Анимиращи елементи при задържане
- Анкорни връзки
РАЗШИРЕНИ ВЪЗМОЖНОСТИ
Анимация. част 2
Ще научите какво е глобална анимация. В резултат на това научете как да го създадете.
- Глобална анимация
- Компонентна анимация
- Анимация при зареждане и превъртане на страницата
РАЗШИРЕНИ ВЪЗМОЖНОСТИ
Вмъкване на код на трета страна
Ще разберете защо трябва да вмъкнете код на трета страна. Запознайте се с компонента Embed. Научете как да интегрирате код на трета страна, например да свържете услуги за коментари или приспособление за карта. На практика научете как да поставите кода на картата.
- Вграждане на компонент
- Вмъкване на код в настройките на страницата
- Вмъкване на код в настройките на проекта
- Вмъкване на код в настройките на елемента (персонализирани атрибути)
- Поставяне на картата в сайта
РАЗШИРЕНИ ВЪЗМОЖНОСТИ
Анализ и SEO
Научете какво представляват уеб анализите и SEO и защо са необходими. Ще разберете как да свържете Analytics и да настроите SEO страници.
- Свързване на Analytics
- Свързване на Yandex Metrica и Google Analytics
- Настройка на SEO в настройките на страницата
РАЗШИРЕНИ ВЪЗМОЖНОСТИ
Завършване на проекта
Още веднъж, преминете през всички етапи на създаване на уебсайт. Ще разберете как да одобрите и прехвърлите сайта на клиента. Научете как да свържете уебсайт към домейн на Webflow хостинг, качете уебсайта и го инсталирайте на вашия хостинг.
- Контролен лист за проверка на сайта
- Одобрение и предаване на проекта на клиента
- Свързване на уебсайт към домейн на Webflow хостинг
- Качване на сайта и инсталирането му на вашия хостинг
РАЗШИРЕНИ ВЪЗМОЖНОСТИ
Бонус
Проект за дипломиране