Tworzenie stron internetowych w Webflow bez kodowania
A course by Jan LosertProjektant stron
A course by Jan Losert, Projektant stron
Poznaj podstawy tworzenia stron bez kodowania i stwórz działającą witrynę internetową przy użyciu Webflow
Dzięki Webflow możesz tworzyć w pełni funkcjonalne, profesjonalnie wyglądające strony internetowe bez konieczności pisania kodu. Projektant wizualny i ekspert Webflow, Jan Losert, wykorzystuje oprogramowanie, aby pomóc osobom i firmom, takim jak Petal i Tiny Capital, zwiększyć swoją obecność w Internecie. Tworzy również zasoby online dla projektantów i dzieli się swoją pracą z ponad 18 tysiącami obserwujących na Instagramie.
W tym kursie Jan nauczy Cię, jak z łatwością tworzyć własne strony internetowe za pomocą Webflow. Zaprojektuj od podstaw witrynę marketingową dla dowolnej firmy i pomóż marce wyróżnić się na tle konkurencji online. Czy jesteś gotowy na zbudowanie imponującej strony internetowej bez żadnego doświadczenia w kodowaniu?
Czego nauczysz się na tym kursie online?
llekcji: 23 & liczba dodatkowych zasobów: 14
Wprowadzenie do No-Code
10 min, 9 sek.
Podstawowe funkcje Webflow
17 min, 33 sek.
Projekt
7 min, 0 sek.
Przewodnik po stylach
11 min, 18 sek.
Sekcja bohaterów
18 min, 53 sek.
Nawigacja
20 min, 41 sek.
Co obejmuje ten kurs?
Zacznij od poznania Jana, swojego nauczyciela na tym kursie. Dowiedz się, jak przeszedł od budowania forów do projektowania stron internetowych zarówno dla startupów, jak i dużych firm, a także poznaj wpływy, które inspirują do pracy, którą tworzy. Następnie posłuchaj jego rad dotyczących odniesienia sukcesu w branży projektowania stron internetowych.
Zapoznaj się z wprowadzeniem do programowania bez użycia kodu, zanim zapoznasz się z kluczowymi funkcjami Webflow i gdzie znaleźć obrazy wolne od opłat licencyjnych. Następnie utwórz przewodnik po stylu zawierający wszystkie główne elementy Twojego projektu, od kolorów i czcionek po przyciski i typografię.
Zbuduj komputerową wersję swojej witryny, zaczynając od sekcji bohatera. Następnie przejdź do menu nawigacyjnego, studiów przypadków i elementów kolażu. Zobacz, jak tworzone są formularze i dodaj sekcję „pracuj ze mną”, zanim opracujesz stopkę z wyraźnym wezwaniem do działania.
Czas, aby Twoja witryna była responsywna. Zacznij od widoku tabletu, zanim przejdziesz do formatów mobilnych i pionowych. Przetestuj swoje formularze, dodaj interaktywne elementy do swojej witryny i poznaj różnicę między „ładowaniem strony” a „przewijaniem w widoku”.
Przejdź do końcowych szczegółów swojej witryny. Poznaj tagi SEO i hosting witryn. Następnie spójrz na utrzymanie witryny i dostęp do edycji dla stron trzecich. Na zakończenie kursu Jan przeprowadzi Cię przez Webflow CMS i jego potencjał.
What is this course's project?
Zbuduj w pełni działającą witrynę biznesową w Webflow, a także przewodnik po stylu dla przyszłych edycji i dostosowań.
Projekty uczestników kursu
Who is this online course for?
Ten kurs jest przeznaczony dla każdego, kto jest zainteresowany nauką tworzenia stron internetowych bez kodu — od projektantów chcących poszerzyć swoje umiejętności, po właścicieli firm, którzy chcą budować swoją obecność w Internecie.
Requirements and materials
Nie jest wymagane wcześniejsze doświadczenie.
W zakresie materiałów potrzebny będzie komputer i darmowe konto Webflow. Aby w pełni wykorzystać swój projekt, konto Figma lub Sketch jest korzystne, ale nie niezbędne.
Oceny
- 2 miesiące temu
hasta el momento es justo lo que esperaba
- 5 miesięcy temu
Buena introducción a Webflow. Explicaciones claras y aplicadas siempre sobre un ejemplo práctico.
- rok temu
fluid and well explained
- rok temu
Muy creativo
- rok temu
Great course! The best instructor you can find for starting with Webflow.
Od tego czasu Jan współpracował z ponad 30 startupami i dużymi firmami, w tym Petal i Tiny Capital, budując funkcjonalne strony internetowe z naciskiem na spójne języki wizualne. Tworzy zasoby, takie jak zestawy interfejsów użytkownika i samouczki Webflow dla projektantów, a także prowadził wykłady na temat projektowania produktów, sprzedaży systemów projektowania i nie tylko. Dzieli się również swoimi zasobami i wiedzą z ponad 18 tysiącami obserwujących na Instagramie.
Zawartość
- Cz.1
Wstęp
- O mnie
- Wpływy
- Cz.2
Webflow, przegląd bez kodu i tworzenie przewodnika po stylach
- Wprowadzenie do No-Code
- Podstawowe funkcje Webflow
- Projekt
- Przewodnik po stylach
- Tworzenie przewodnika po stylach 1
- Tworzenie przewodnika po stylach 2
- Cz.3
Opracowywanie wersji na komputery
- Sekcja bohaterów
- Nawigacja
- Studium przypadku Sekcje 1
- Studium przypadku Sekcje 2
- Kolaż Sekcja 1
- Kolaż Sekcja 2
- Sekcja klientów i prosty formularz biuletynu
- Stopka
- Cz.4
Tworzenie responsywnej strony internetowej
- Widok tabletu
- Mobilny widok poziomy i pionowy
- Testowanie formularzy
- Interakcje
- Cz.5
Ostateczne detalowanie, uruchomienie i przyszła konserwacja
- Optymalizacja SEO i Hosting
- Konserwacja, edytor i panel zasobów
- Poznaj CMS
- PK
Projekt końcowy
- Tworzenie stron internetowych w Webflow bez kodowania
Kurs Domestika - czego możesz się spodziewać?
Nauka we własnym tempie
Radość z nauki w domu, bez wyznaczonych terminów. Szybko przyswajasz wiedzę, a swój plan zajęć układasz wedle uznania.
Nauka z najlepszymi ekspertami
Przydatne metody oraz ciekawe techniki przedstawione i wyjaśnione przez najlepszych specjalistów z branży kreatywnej.
Doświadczeni prowadzący
Wszyscy prowadzący są specjalistami w swojej dziedzinie. Przekazują wiedzę z pasją, tłumaczą zagadnienia w jasny sposób, a podczas zajęć kładą nacisk na praktyczne zastosowanie zdobytej wiedzy.
Certificates
PLUSIf you're a Plus member, get a spersonalizowany certyfikat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Miejsca w pierwszym rzędzie
Wysoka jakość wideo sprawia, że nie umknie Ci żaden szczegół. Dzięki nieograniczonemu dostępowi możesz obejrzeć nagrania tyle razy, ile potrzebujesz, aby przyswoić nowe umiejętności.
Dzielenie się wiedzą i pomysłami
Zadawaj pytania, nie wahaj się poprosić o opinię czy poszukać rozwiązania. Podziel się swoimi wrażeniami z nauki z pozostałymi członkami społeczności, którzy tak jak Ty uwielbiają tworzyć.
Łączność z kreatywną społecznością z całego świata
Społeczność kilku milionów użytkowników z całego świata, pełnych ciekawości oraz chęci odkrywania i wyrażania swojej kreatywności.
Profesjonalna realizacja kursów
Domestika starannie dobiera prowadzących i produkuje wszystkie kursy we własnym zakresie, aby zapewnić wysoką jakość nauki online.
Często zadawane pytania
This course is best for users with some design or web basics, but motivated beginners can follow along. It covers intermediate Webflow features, no-code workflows, and responsive design, making it ideal for those ready to build dynamic, professional websites without coding.
You'll need a computer with internet access, a free Webflow account, and familiarity with basic web concepts. Some experience with Figma or design tools is helpful but not required.
You’ll learn to create responsive marketing and portfolio sites in Webflow, use no-code tools, implement SEO, animate elements, connect forms, and manage assets for professional web projects—no coding skills needed.
This course guides you step-by-step through planning, designing, and publishing a marketing site using Webflow’s visual tools, including layout, navigation, forms, SEO, and responsive adjustments for all device sizes.
Yes, the course covers how to transition Figma layouts and assets into Webflow, ensuring design consistency and efficient workflow from design to development.
Absolutely. The course teaches responsive design principles, breakpoints, and layout adjustments so your site looks great on desktops, tablets, and mobile devices.
Yes, you’ll learn to animate elements, create smooth reveal effects, and enhance interactivity with Webflow’s visual animation tools—no code required.