Tworzenie stron internetowych na Webflow - kurs 31 900 RUB. z Uprock, szkolenie 4 miesiące, data 27 listopada 2023 r.
Miscellanea / / November 27, 2023
Zacznij w dowolnym momencie i ucz się z komfortową szybkością
Rozpoczęcie szkolenia nie jest powiązane z datą zakupu kursu. Zacznij w dowolnym dogodnym dla Ciebie momencie i ucz się w komfortowym tempie. Najlepszą opcją jest poświęcenie 2 godzin dziennie na naukę. Jeśli możesz poświęcić kursowi 4-8 godzin, ukończysz go 2-4 razy szybciej.
Spójność i czas na adaptację
Stopień złożoności wykonywanych przez Ciebie zadań wzrasta od najprostszych, trwających do 30 minut, po te bardziej złożone i czasochłonne. W ten sposób stopniowo włączasz się w proces uczenia się.
Pojemne, ale pouczające samouczki wideo
Najpierw zrobiliśmy kilkusetstronicowy scenariusz, następnie go udźwiękowiliśmy, zredagowaliśmy, wypełniliśmy grafiką i zrobiliśmy dla Was krótkie lekcje „bez wody”, których łatwo się nauczyć i do których miło będzie po coś wrócić przypomnienie sobie czegoś.
Nasi kuratorzy udzielają najszybszych i najbardziej szczegółowych odpowiedzi. Obowiązują rygorystyczne zasady: dziennie będziesz otrzymywać co najmniej 2 analizy wideo, przy każdej odpowiedzi kurator odnotuje Twoje błędy i podpowie, jak je poprawić.
Dzięki temu dowiesz się jak tworzyć pełnoprawne strony internetowe z efektywną animacją, dostosowane do różnych urządzeń.
TEORIA
Wstęp
Na tej lekcji dowiesz się o kursie i jego przebiegu. Zapoznaj się z funkcjami i celami bezpłatnych i płatnych planów Webflow. Dowiesz się także, jak ustrukturyzować pracę nad projektem od analizy do uruchomienia.
- O czym jest ten kurs?
- Jak działa kurs
- Plany i stawki
- Plany witryny
- Plany kont
- Przegląd i analiza układu
- Lista kontrolna akceptacji układu
- Plan pracy
- Przygotowanie układu do układu
- Eksportuj i optymalizuj obrazy
- Przygotowanie innych plików
TEORIA
Struktura sieci
Na tej lekcji zapoznasz się z podstawowymi elementami strony internetowej oraz zasadami układu blokowego, na którym działa usługa Webflow. Podstawowa wiedza pomoże Ci zrozumieć podstawową terminologię związaną z tworzeniem stron internetowych. Dowiesz się czym jest hierarchia stron internetowych i z czego się składa. Zapoznaj się z panelem Nawigator, aby zrozumieć, w jaki sposób struktura elementów jest tworzona i wyświetlana w Webflow.
- Układ blokowy oraz podstawowy HTML i CSS
- Hierarchia elementów serwisu
- Panel nawigatora
- Sprawdź swoją wiedzę: Planowanie struktury witryny
TEORIA
Tworzenie i publikacja projektów
Na tej lekcji dowiesz się jak zarejestrować się w serwisie Webflow i stworzyć projekt, poznasz ograniczenia dotyczące ilości projektów i stron w projekcie. Zrozumiesz, jakie tryby działania istnieją w usłudze Webflow. Dowiedz się także, jak aktywować konto i opublikować witrynę za pomocą rozwijanego panelu Publikuj.
- Rejestracja i utworzenie projektu
- Publikacja strony internetowej
- Udostępnij projekt
- Klonowanie projektu
- Klonowanie niestandardowego szablonu
TEORIA
podstawowe ustawienia
Z podstawowymi ustawieniami projektu zapoznasz się w trybie Ustawienia projektu. W rezultacie skonfiguruj projekt, prześlij obrazy do folderów i utwórz UI Kit.
- Ustawienia projektu
- Podłączanie Twojej domeny
- Pliki witryny
- Ogólne ustawienia projektu
- Konfigurowanie podstawowych stylów
- Przesyłanie obrazów
- UI Zestaw głównych elementów
ĆWICZYĆ
Elementy
Na tej lekcji dowiesz się, jak dodawać elementy do strony witryny i jakich elementów nie można umieścić w obrębie własnego rodzaju. Dowiedz się, jakie podstawowe elementy istnieją do stworzenia strony internetowej i jakie jest ich przeznaczenie. Na koniec utwórz strukturę witryny i dodaj zawartość do elementów.
- Dodawanie elementów
- Przegląd głównych elementów
- Przegląd elementów funkcjonalnych
- Personalizacja elementów
- Sprawdź swoją wiedzę: Tworzenie głównej struktury serwisu
- Sprawdź swoją wiedzę: Dodawanie elementów i klas
ĆWICZYĆ
Style elementów
Zapoznasz się z pojęciami takimi jak Klasy i Klasy Combo oraz poznasz ich cel. W rezultacie dodaj klasy do Sekcji, Kontenerów, Obrazów, Tekstów.
- Ogólne zasady
- Przegląd prostych sekcji panelu Styl
- Omówienie panelu Menedżera stylów
- Stany elementów
- Sprawdź swoją wiedzę: Dodawanie treści do elementów
ĆWICZYĆ
Ustawienia stylu. 1 część
Przeanalizujesz kompozycję panelu Styl i sprawdzisz sekcję Układ, która służy do konfigurowania rozmieszczenia elementów względem siebie.
- Panel Styl: Sekcja Układu
- Sprawdź swoją wiedzę: Szczegółowy układ sekcji 1 i 2
ĆWICZYĆ
Ustawienia stylu. część 2
Będziesz nadal badać kompozycję panelu Styl i sprawdzać element Siatka, który odpowiada za sposób ułożenia elementów, co jest idealne Nadaje się do tworzenia różnorodnych złożonych układów siatek, w tym tabel, które można łatwo przekształcić w karty na urządzeniu mobilnym ekrany.
- Panel Stylu: Element Siatki
- Sprawdź swoją wiedzę: Szczegółowy układ sekcji 3 i 4
ĆWICZYĆ
Ustawienia stylu. Część 3
Będziesz nadal studiować kompozycję panelu Styl i przestudiować sekcję Rozmiar, która pozwala określić rozmiar elementu, ustawić minimalne i maksymalne wartości szerokości i wysokości oraz dostosuj zachowanie elementów podrzędnych wykraczających poza granice element nadrzędny.
- Panel Stylu: Sekcja Rozmiaru
- Sprawdź swoją wiedzę: Szczegółowy układ sekcji 5 i 6
ĆWICZYĆ
Strony witryny
Przyjrzymy się panelowi Strony. Dowiedzmy się, jakie typy stron istnieją i jak je dostosować. W rezultacie utworzysz 7-8 sekcji witryny.
- Strony witryny
- Sprawdź swoją wiedzę: Szczegółowy układ sekcji 7 i 8
ĆWICZYĆ
Funkcje drugorzędne
Dowiesz się o dodatkowych funkcjach, które pomogą Ci w pracy nad projektem, a także w wyszukiwaniu materiałów szkoleniowych. W rezultacie utworzysz 9-10 sekcji witryny.
- Funkcje pomocnika w trybie projektanta
- Ćwiczyć. Szczegółowy układ sekcji 9 i 10
ĆWICZYĆ
Symbole i wzory
Dowiedz się, jak tworzyć symbole z elementów lub grup elementów w Webflow, aby zarządzać powtarzającymi się blokami i treścią. W rezultacie utworzysz układ menu nawigacyjnego, paska nawigacyjnego, skonfigurujesz łącza kotwiczące i utworzysz symbole dla menu i stopki.
- Omówienie panelu Symbole
- Przegląd gotowych układów
- Tworzenie Postaci
- Ćwiczyć
ĆWICZYĆ
Układ adaptacyjny
Na tej lekcji poznasz podstawy układu adaptacyjnego i zaznajomisz się z koncepcją „punktów przerwania”. W rezultacie stwórz adaptacyjną wersję na tablet i telefon, adaptacyjną na duże ekrany i adaptacyjne menu.
- Podstawy układu adaptacyjnego
- Punkty przerwania
- Kontrola zdolności adaptacyjnych
- Dostosowanie strony internetowej do ekranów mobilnych
- Dostosowanie strony internetowej do dużych ekranów
- Testowanie zdolności adaptacyjnych
ROZSZERZONE MOŻLIWOŚCI
Animacja. 1 część
Poznasz ogólne zasady animacji, dowiesz się jak animować przyciski linków i inne elementy najechane, a także animować pierwszy ekran.
- Ogólne zasady animacji
- Wyzwalacze
- Konfigurowanie wyzwalaczy
- Animowanie elementów po najechaniu myszką
- Linki kotwiczne
ROZSZERZONE MOŻLIWOŚCI
Animacja. część 2
Dowiesz się czym jest animacja globalna. W rezultacie dowiesz się, jak go stworzyć.
- Globalna animacja
- Animacja komponentów
- Animacja podczas ładowania i przewijania strony
ROZSZERZONE MOŻLIWOŚCI
Wstawianie kodu strony trzeciej
Zrozumiesz, dlaczego musisz wstawić kod strony trzeciej. Poznaj komponent Embed. Dowiedz się, jak zintegrować kod strony trzeciej, na przykład połączyć usługi komentarzy lub widżet mapy. W praktyce naucz się wpisywać kod karty.
- Osadź komponent
- Wstawianie kodu w ustawieniach strony
- Wstawianie kodu w ustawieniach projektu
- Wstawianie kodu w ustawieniach elementu (atrybuty niestandardowe)
- Umieszczenie mapy na stronie
ROZSZERZONE MOŻLIWOŚCI
Analityka i SEO
Dowiedz się, czym jest analityka internetowa i SEO i dlaczego są potrzebne. Zrozumiesz, jak podłączyć Analytics i skonfigurować strony SEO.
- Łączenie analityki
- Połączenie Yandex Metrica i Google Analytics
- Konfiguracja SEO w ustawieniach strony
ROZSZERZONE MOŻLIWOŚCI
Zakończenie projektu
Jeszcze raz przejdź przez wszystkie etapy tworzenia strony internetowej. Dowiesz się jak zatwierdzić i przekazać witrynę klientowi. Dowiedz się, jak podłączyć witrynę do domeny na hostingu Webflow, przesłać witrynę i zainstalować ją na swoim hostingu.
- Lista kontrolna do sprawdzania witryny
- Zatwierdzenie i przekazanie projektu klientowi
- Podłączenie strony internetowej do domeny na hostingu Webflow
- Przesyłanie witryny i instalowanie jej na swoim hostingu
ROZSZERZONE MOŻLIWOŚCI
Premia
Projekt dyplomowy