Especialización en creación de sitios web sin código

Podsumowanie kursu

• Cz.1: Inspirowanie się

  • Wstęp

  • Wpływy | Juan Mora

  • Wpływy | Filip Felbar

  • Wpływy | Jan Losert

  • Wpływy | Mónica Durán

  • Wpływy | Isa Macías

• Cz.2: Projektowanie UX UI i landing pages: odkryj moc storytellingu

  • Rodzaje stron docelowych

  • Czym jest dobra strona docelowa?

  • Czym jest hierarchia treści?

  • Kontrast, równowaga wizualna i zasada 3 sekund

  • Krótkie i jak zbadać

  • Struktura treści dla strony docelowej

  • Jak zrobić mood board

  • Właściwa typografia

  • Tworzenie historii

  • Umieść cały materiał na płótnie!

  • Utwórz zasoby potrzebne do strony docelowej

  • Definicja projektu

  • Dopracuj swój projekt: informacje zwrotne

  • Prezentacja u klienta

• Cz.3: Systemy projektowania dla stron internetowych w programie Figma

  • Wprowadzenie do systemów projektowych

  • Jak systemy projektowe mogą przyspieszyć przepływ pracy

  • Wprowadzenie do projektu i podejścia

  • Konfiguracja pliku Figma i rozpoczęcie pierwszych eksploracji 1

  • Konfiguracja pliku Figma i rozpoczęcie pierwszych eksploracji 2

  • Rozszerzanie systemu eksploracji i projektowania 1

  • Rozszerzanie systemu eksploracji i projektowania 2

  • Organizacja stron systemu projektowania 1

  • Organizacja stron systemu projektowania 2

  • Eksplorowanie wariantów podczas tworzenia komponentów

  • Udoskonalanie systemu projektowego za pomocą zmontowanej strony 1

  • Udoskonalanie systemu projektowego za pomocą zmontowanej strony 2

  • Udoskonalanie systemu projektowego za pomocą zmontowanej strony 3

  • Konfigurowanie nowych stron z kompletnym systemem projektowania 1

  • Konfigurowanie nowych stron z kompletnym systemem projektowania 2

  • Konfigurowanie nowych stron z kompletnym systemem projektowania 3

  • Jak podejść do tworzenia dokumentacji dla systemu projektowego

  • Czyszczenie i używanie automatycznego układu

  • Wykorzystanie projektu na dalszych elementach marki

  • Końcowe przemyślenia

• Cz.4: Tworzenie stron internetowych w Webflow bez kodowania

  • Wprowadzenie do No-Code

  • Podstawowe funkcje Webflow

  • Projekt

  • Przewodnik po stylach

  • Tworzenie przewodnika po stylach 1

  • Tworzenie przewodnika po stylach 2

  • 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

  • Widok tabletu

  • Mobilny widok poziomy i pionowy

  • Testowanie formularzy

  • Interakcje

  • Optymalizacja SEO i Hosting

  • Konserwacja, edytor i panel zasobów

  • Poznaj CMS

• Cz.5: Tworzenie strony internetowej w Squarespace

  • Zdefiniowanie celu i struktury naszej strony internetowej P1

  • Zdefiniowanie celu i struktury naszej strony internetowej P2

  • Ogólny styl naszej strony

  • Tworzenie, organizacja i przygotowanie plików graficznych

  • Zmiany w interfejsie bloku treści Squarespace

  • Jak wybrać szablon dla swojej strony internetowej

  • Ustawienia początkowe w Squarespace

  • Tworzenie stron w Squarespace: ich właściwości i ustawienia

  • Bloki treści w Squarespace

  • Sekcje strony w Squarespace

  • Projekt i konfiguracja stron Strona główna, Usługi, O mnie i Kontakt P1

  • Projekt i konfiguracja stron Strona główna, Usługi, O mnie i Kontakt P2

  • Projekt i konfiguracja stron Strona główna, Usługi, O mnie i Kontakt P3

  • Ustawienia strony portfela P1

  • Ustawienia strony portfela P2

  • Ustawienia bloga P1

  • Ustawienia bloga P2

  • Ustawienia bloga P3

  • Tworzenie stopek i korekty nawigacji głównej

  • Ustawianie czcionek i kolorów witryny P1

  • Ustawianie czcionek i kolorów witryny P2

  • Ustawienia obrazu i inne ustawienia

  • Bonus: Style internetowe w Squarespace 7.0

  • Ustawienia marketingowe

  • Ogólne ustawienia prywatności

  • Zróbmy publiczną stronę P1

  • Zróbmy publiczną stronę P2

  • Śledzenie analityki witryny

• Cz.6: Projektowanie stron w narzędziu Elementor i Wordpress

  • Odniesienia wizualne: gdzie szukać inspiracji

  • Mapa witryny i przewodnik po stylu

  • Przygotowanie propozycji projektowej 1

  • Przygotowanie propozycji projektowej 2

  • Pierwsze kroki w WordPressie

  • Zainstaluj Elementora

  • Znajomość Elementora 1

  • Znajomość Elementora 2

  • Nagłówek i stopka 1

  • Nagłówek i stopka 2

  • Strona główna

  • Szablon dla projektów 1

  • Szablon dla projektów 2

  • Archiwum projektu

  • „O” i „Kontakt”

  • Strony dodatkowe: prywatność, 404 i konserwacja

  • Przetestuj i uruchom stronę

  • Aktualizacja witryny

• Projekt końcowy

  • Specjalizacja w tworzeniu stron internetowych bez kodu

Najnowsze projekty