Oprettelse af hjemmesider på Webflow - kursus RUB 31.900. fra Uprock, træning 4 måneder, dato 27. november 2023.
Miscellanea / / November 27, 2023
Start når som helst og lær med en behagelig hastighed
Uddannelsens start er ikke bundet til datoen for køb af kurset. Start når som helst, når det passer dig, og lær med en behagelig hastighed. Den bedste mulighed er at bruge 2 timer om dagen på at studere. Hvis du kan afsætte 4-8 timer til kurset, afslutter du det 2-4 gange hurtigere.
Konsistens og tid til at tilpasse sig
Kompleksiteten af de opgaver, du laver, øges fra de enkleste, der varer op til 30 minutter, til de mere komplekse og tidskrævende. På denne måde kommer du gradvist med i læringsprocessen.
Rummelige, men informative videotutorials
Først lavede vi et manuskript på flere hundrede sider, så stemte vi det, redigerede det, fyldte det med grafik og lavede for dig korte lektioner "uden vand", der er nemme at lære og behagelige at vende tilbage til for noget minde om.
Vores kuratorer giver de hurtigste og mest detaljerede svar. Der er strenge regler: Du vil modtage mindst 2 videoanalyser om dagen, i hvert svar vil kuratoren notere dine fejl og fortælle dig, hvordan du retter dem.
Som et resultat vil du lære, hvordan du laver fuldgyldige hjemmesider med effektiv animation, tilpasset til forskellige enheder.
TEORI
Introduktion
I denne lektion vil du lære om kurset og hvordan træningen vil forløbe. Bliv bekendt med funktionerne og formålene med de gratis og betalte planer for Webflow. Du vil også lære, hvordan du strukturerer arbejdet med et projekt fra analyse til lancering.
- Hvad handler dette kursus om?
- Hvordan forløbet fungerer
- Planer og priser
- Stedsplaner
- Kontoplaner
- Gennemgang og layoutanalyse
- Checkliste for accept af layout
- Arbejdsplan
- Forberedelse af layout til layout
- Eksporter og optimer billeder
- Forberedelse af andre filer
TEORI
Web struktur
I denne lektion vil du blive bekendt med de grundlæggende elementer på en webside og principperne for bloklayout, som Webflow-tjenesten fungerer på. Grundlæggende viden vil hjælpe dig med at forstå den grundlæggende terminologi for webudvikling. Du vil lære, hvad et websidehierarki er, og hvad det består af. Udforsk Navigator-panelet for at forstå, hvordan elementstrukturen oprettes og vises i Webflow.
- Bloker layout og grundlæggende HTML og CSS
- Hierarki af webstedselementer
- Navigator panel
- Praksis: Planlægning af byggepladsstrukturen
TEORI
Projektoprettelse og udgivelse
I denne lektion lærer du, hvordan du registrerer dig på Webflow-webstedet og opretter et projekt, lærer begrænsningerne for antallet af projekter og sider i et projekt. Du vil forstå, hvilke driftsformer der findes i Webflow-tjenesten. Og lær også, hvordan du aktiverer din konto og udgiver dit websted ved hjælp af rullemenuen Udgiv.
- Registrering og oprettelse af et projekt
- Udgivelse af en hjemmeside
- Del projekt
- Kloning af et projekt
- Kloning af en brugerdefineret skabelon
TEORI
grundlæggende indstillinger
Du vil blive fortrolig med de grundlæggende projektindstillinger i projektindstillinger-tilstanden. Som et resultat skal du oprette projektet, uploade billeder til mapper og oprette UI-sættet.
- Projektindstillinger
- Tilslutning af dit domæne
- Site filer
- Generelle projektindstillinger
- Opsætning af grundlæggende stilarter
- Uploader billeder
- UI Kit med hovedelementer
ØVE SIG
Elementer
I denne lektion lærer du om måder, hvorpå du kan tilføje elementer til en webstedsside, og hvilke elementer der ikke kan findes i deres egen slags. Lær, hvilke grundlæggende elementer der findes for at skabe et websted, og hvad deres formål er. Til sidst skal du oprette webstedsstrukturen og tilføje indhold til elementerne.
- Tilføjelse af elementer
- Oversigt over hovedelementerne
- Oversigt over funktionelle elementer
- Personalisering af elementer
- Praksis: Oprettelse af webstedets hovedstruktur
- Øvelse: Tilføjelse af elementer og klasser
ØVE SIG
Element stilarter
Du vil blive fortrolig med begreber som Klasser og Combo Klasser og lære om deres formål. Som et resultat kan du tilføje klasser til sektioner, containere, billeder, tekster.
- Generelle principper
- Oversigt over simple sektioner af Style-panelet
- Oversigt over Style Manager-panelet
- Elementtilstande
- Øvelse: Tilføjelse af indhold til elementer
ØVE SIG
Stilindstillinger. 1 del
Du vil studere sammensætningen af Style-panelet og undersøge Layout-sektionen, som bruges til at konfigurere arrangementet af elementer i forhold til hinanden.
- Stilpanel: Layoutsektion
- Praksis: Detaljeret layout af afsnit 1 og 2
ØVE SIG
Stilindstillinger. del 2
Du vil fortsætte med at udforske sammensætningen af Style-panelet og undersøge Grid-elementet, som er ansvarligt for den måde, elementer er arrangeret på, hvilket er ideelt Velegnet til at skabe en række komplekse gitterlayouts, inklusive tabeller, der nemt kan konverteres til kort på mobilen skærme.
- Stilpanel: Gitterelement
- Praksis: Detaljeret layout af afsnit 3 og 4
ØVE SIG
Stilindstillinger. Del 3
Du vil fortsætte med at studere sammensætningen af stilpanelet og studere sektionen Størrelse, som giver dig mulighed for at bestemme størrelsen af elementet, sæt minimums- og maksimumsbredde- og højdeværdier, og tilpasse adfærden for underordnede elementer, der går ud over grænser overordnet element.
- Stilpanel: Størrelsessektion
- Praksis: Detaljeret layout af afsnit 5 og 6
ØVE SIG
Site sider
Vi tager et kig på panelet Sider. Lad os finde ud af, hvilke typer sider der findes, og hvordan man tilpasser dem. Som et resultat vil du oprette 7-8 sektioner af webstedet.
- Site sider
- Praksis: Detaljeret layout af afsnit 7 og 8
ØVE SIG
Sekundære funktioner
Du vil lære om yderligere funktioner, der hjælper dig, mens du arbejder på et projekt, samt med at finde undervisningsmateriale. Som et resultat vil du oprette 9-10 sektioner af webstedet.
- Hjælpefunktioner i Designer-tilstand
- Øve sig. Detaljeret layout af afsnit 9 og 10
ØVE SIG
Symboler og mønstre
Lær, hvordan du opretter symboler fra elementer eller grupper af elementer i Webflow for at administrere gentagne blokke og indhold. Som et resultat vil du layoute navigationsmenuen, Navbar, opsætte ankerlinks og oprette symboler til menuen og sidefoden.
- Symboler panel oversigt
- Gennemgang af færdige Layouts
- Oprettelse af karakterer
- Øve sig
ØVE SIG
Adaptivt layout
I denne lektion vil du lære det grundlæggende i adaptivt layout og blive fortrolig med begrebet "Breakpoints". Som et resultat skal du oprette en adaptiv tablet- og mobilversion, en adaptiv til store skærme og en adaptiv menu.
- Grundlæggende om adaptivt layout
- Knækpunkter
- Kontrol af tilpasningsevne
- Hjemmesidetilpasning til mobilskærme
- Hjemmesidetilpasning til store skærme
- Test af tilpasningsevne
UDVIDET FUNKTIONER
Animation. 1 del
Du vil lære de generelle principper for animation, lære at animere linkknapper og andre svæveelementer og animere den første skærm.
- Generelle animationsprincipper
- Udløsere
- Opsætning af triggere
- Animerende elementer på hover
- Anker links
UDVIDET FUNKTIONER
Animation. del 2
Du vil lære, hvad global animation er. Som et resultat, lær, hvordan du opretter det.
- Global animation
- Komponentanimation
- Animation ved indlæsning og rulning af siden
UDVIDET FUNKTIONER
Indsættelse af tredjepartskode
Du vil forstå, hvorfor du skal indsætte tredjepartskode. Lær Embed-komponenten at kende. Lær, hvordan du integrerer tredjepartskode, for eksempel forbinder kommentartjenester eller en kortwidget. Lær i praksis, hvordan du indsætter kortkoden.
- Integrer komponent
- Indsættelse af kode i sideindstillinger
- Indsættelse af kode i projektindstillinger
- Indsættelse af kode i elementindstillinger (tilpassede attributter)
- Indsættelse af kortet på webstedet
UDVIDET FUNKTIONER
Analytics og SEO
Lær, hvad webanalyse og SEO er, og hvorfor de er nødvendige. Du vil forstå, hvordan du forbinder Analytics og opsætter SEO-sider.
- Tilslutning af Analytics
- Forbindelse af Yandex Metrica og Google Analytics
- Opsætning af SEO i sideindstillinger
UDVIDET FUNKTIONER
Afslutning af projektet
Endnu en gang skal du gennemgå alle stadier af oprettelse af en hjemmeside. Du vil finde ud af, hvordan du godkender og overfører siden til klienten. Lær hvordan du forbinder et websted til et domæne på Webflow-hosting, upload webstedet og installer det på din hosting.
- Tjekliste til kontrol af siden
- Godkendelse og overdragelse af projektet til bygherre
- Tilslutning af et websted til et domæne på Webflow-hosting
- Uploader webstedet og installerer det på din hosting
UDVIDET FUNKTIONER
Bonus
Afgangsprojekt