Opprette nettsider på Webflow - kurs 31 900 RUB. fra Uprock, trening 4 måneder, dato 27. november 2023.
Miscellanea / / November 27, 2023
Start når som helst og lær i en behagelig hastighet
Oppstart av opplæring er ikke bundet til kjøpsdato for kurset. Start når som helst når det passer deg, og lær med en behagelig hastighet. Det beste alternativet er å bruke 2 timer om dagen på å studere. Hvis du kan bruke 4-8 timer til kurset, vil du fullføre det 2-4 ganger raskere.
Konsistens og tid til å tilpasse seg
Kompleksiteten i oppgavene du gjør øker fra de enkleste, som varer i opptil 30 minutter, til de mer komplekse og tidkrevende. På denne måten blir du gradvis med i læringsprosessen.
Romslige, men informative videoopplæringer
Først lagde vi et manus på flere hundre sider, så stemte vi det, redigerte det, fylte det med grafikk og laget for deg korte leksjoner "uten vann" som er enkle å lære og behagelige å gå tilbake til for noe minnes.
Våre kuratorer gir de raskeste og mest detaljerte svarene. Det er strenge regler: du vil motta minst 2 videoanalyser per dag, i hvert svar vil kuratoren notere feilene dine og fortelle deg hvordan du retter dem.
Som et resultat vil du lære hvordan du lager fullverdige nettsider med effektiv animasjon, tilpasset ulike enheter.
TEORI
Introduksjon
I denne leksjonen vil du lære om kurset og hvordan opplæringen vil foregå. Bli kjent med funksjonene og formålene med de gratis og betalte planene til Webflow. Du vil også lære hvordan du strukturerer arbeidet med et prosjekt fra analyse til lansering.
- Hva handler dette kurset om?
- Hvordan kurset fungerer
- Planer og priser
- Områdeplaner
- Kontoplaner
- Gjennomgang og layoutanalyse
- Sjekkliste for aksept av oppsett
- Arbeidsplan
- Forbereder layout for layout
- Eksporter og optimaliser bilder
- Forbereder andre filer
TEORI
Webstruktur
I denne leksjonen vil du bli kjent med de grunnleggende elementene på en nettside og prinsippene for blokkoppsett som Webflow-tjenesten fungerer på. Grunnleggende kunnskap vil hjelpe deg å forstå den grunnleggende terminologien for webutvikling. Du vil lære hva et nettsidehierarki er og hva det består av. Utforsk Navigator-panelet for å forstå hvordan elementstrukturen opprettes og vises i Webflow.
- Blokklayout og grunnleggende HTML og CSS
- Hierarki av nettstedselementer
- Navigatorpanel
- Praksis: Planlegging av tomtestrukturen
TEORI
Prosjektoppretting og publisering
I denne leksjonen lærer du hvordan du registrerer deg på Webflow-nettstedet og oppretter et prosjekt, lærer begrensningene på antall prosjekter og sider i et prosjekt. Du vil forstå hvilke driftsmoduser som finnes i Webflow-tjenesten. Og lær også hvordan du aktiverer kontoen din og publiserer nettstedet ditt ved å bruke rullegardinpanelet Publiser.
- Registrering og opprettelse av et prosjekt
- Publisering av en nettside
- Del prosjektet
- Kloning av et prosjekt
- Kloning av en egendefinert mal
TEORI
grunnleggende innstillinger
Du vil bli kjent med de grunnleggende prosjektinnstillingene i Prosjektinnstillinger-modus. Som et resultat, sett opp prosjektet, last opp bilder til mapper og lag UI-settet.
- Prosjektinnstillinger
- Kobler til domenet ditt
- Nettstedfiler
- Generelle prosjektinnstillinger
- Sette opp grunnleggende stiler
- Laster opp bilder
- UI-sett med hovedelementer
ØVE PÅ
Elementer
I denne leksjonen vil du lære om måter å legge til elementer på en side på nettstedet og hvilke elementer som ikke kan finnes i deres egen type. Lær hvilke grunnleggende elementer som finnes for å lage et nettsted og hva deres formål er. Til slutt oppretter du nettstedsstrukturen og legger til innhold i elementene.
- Legge til elementer
- Oversikt over hovedelementene
- Oversikt over funksjonelle elementer
- Personalisering av elementer
- Praksis: Lage hovedstrukturen til nettstedet
- Øv: Legge til elementer og klasser
ØVE PÅ
Element stiler
Du vil bli kjent med konsepter som Classes og Combo Classes og lære om deres formål. Som et resultat kan du legge til klasser i seksjoner, beholdere, bilder, tekster.
- Generelle prinsipper
- Oversikt over enkle deler av stilpanelet
- Oversikt over Style Manager-panelet
- Elementtilstander
- Øvelse: Legge til innhold til elementer
ØVE PÅ
Stilinnstillinger. 1 del
Du vil studere sammensetningen av stilpanelet og undersøke Layout-delen, som brukes til å konfigurere arrangementet av elementer i forhold til hverandre.
- Stilpanel: Layoutseksjon
- Praksis: Detaljert layout av seksjon 1 og 2
ØVE PÅ
Stilinnstillinger. del 2
Du vil fortsette å utforske sammensetningen av stilpanelet og undersøke Grid-elementet, som er ansvarlig for måten elementene er ordnet på, noe som er ideelt Egnet for å lage en rekke komplekse rutenettoppsett, inkludert tabeller som enkelt kan konverteres til kort på mobil skjermer.
- Stilpanel: Rutenettelement
- Praksis: Detaljert layout av seksjon 3 og 4
ØVE PÅ
Stilinnstillinger. Del 3
Du vil fortsette å studere sammensetningen av stilpanelet og studere størrelsesdelen, som lar deg bestemme størrelsen på elementet, sett minimums- og maksimumsbredde- og høydeverdier, og tilpasse virkemåten til underordnede elementer som går utover grenser overordnet element.
- Stilpanel: Størrelsesseksjon
- Praksis: Detaljert oppsett av avsnitt 5 og 6
ØVE PÅ
Nettstedssider
Vi tar en titt på Sider-panelet. La oss finne ut hvilke typer sider som finnes og hvordan du kan tilpasse dem. Som et resultat vil du opprette 7-8 deler av nettstedet.
- Nettstedssider
- Praksis: Detaljert oppsett av seksjon 7 og 8
ØVE PÅ
Sekundære funksjoner
Du vil lære om tilleggsfunksjoner som hjelper deg mens du jobber med et prosjekt, samt å finne opplæringsmateriell. Som et resultat vil du opprette 9-10 deler av nettstedet.
- Hjelpefunksjoner i designermodus
- Øve på. Detaljert oppsett av seksjonene 9 og 10
ØVE PÅ
Symboler og mønstre
Lær hvordan du lager symboler fra elementer eller grupper av elementer i Webflow for å administrere gjentatte blokker og innhold. Som et resultat vil du sette opp navigasjonsmenyen, Navbar, sette opp ankerlenker og lage symboler for menyen og bunnteksten.
- Oversikt over symbolpaneler
- Gjennomgang av ferdige Layouts
- Opprette karakterer
- Øve på
ØVE PÅ
Adaptiv layout
I denne leksjonen vil du lære det grunnleggende om adaptiv layout og bli kjent med konseptet "Breakpoints". Som et resultat, lag en adaptiv nettbrett- og mobilversjon, en adaptiv en for store skjermer og en adaptiv meny.
- Grunnleggende om adaptiv layout
- Knekkpunkter
- Tilpasningskontroll
- Nettsidetilpasning for mobilskjermer
- Nettsidetilpasning for store skjermer
- Tester tilpasningsevne
UTVIDDE KAPABILITETER
Animasjon. 1 del
Du vil lære de generelle prinsippene for animasjon, lære hvordan du animerer lenkeknapper og andre sveveelementer, og animerer den første skjermen.
- Generelle animasjonsprinsipper
- Utløsere
- Sette opp triggere
- Animerende elementer på hover
- Ankerlenker
UTVIDDE KAPABILITETER
Animasjon. del 2
Du vil lære hva global animasjon er. Som et resultat, lær hvordan du lager det.
- Global animasjon
- Komponentanimasjon
- Animasjon når du laster og ruller siden
UTVIDDE KAPABILITETER
Setter inn tredjepartskode
Du vil forstå hvorfor du trenger å sette inn tredjepartskode. Bli kjent med Embed-komponenten. Lær hvordan du integrerer tredjepartskode, for eksempel koble til kommentartjenester eller en kartwidget. Lær i praksis hvordan du setter inn kortkoden.
- Bygg inn komponent
- Setter inn kode i sideinnstillinger
- Setter inn kode i prosjektinnstillinger
- Sette inn kode i elementinnstillinger (egendefinerte attributter)
- Setter inn kartet på nettstedet
UTVIDDE KAPABILITETER
Analytics og SEO
Lær hva nettanalyse og SEO er og hvorfor de trengs. Du vil forstå hvordan du kobler sammen Analytics og setter opp SEO-sider.
- Koble til Analytics
- Koble til Yandex Metrica og Google Analytics
- Sette opp SEO i sideinnstillinger
UTVIDDE KAPABILITETER
Gjennomføring av prosjektet
Nok en gang, gå gjennom alle stadier av å lage et nettsted. Du vil finne ut hvordan du godkjenner og overfører siden til klienten. Lær hvordan du kobler et nettsted til et domene på Webflow-hosting, last opp nettstedet og installer det på hostingen din.
- Sjekkliste for å sjekke siden
- Godkjenning og overlevering av prosjektet til byggherre
- Koble et nettsted til et domene på Webflow-hosting
- Laster opp nettstedet og installerer det på hostingen din
UTVIDDE KAPABILITETER
Bonus
Avgangsprosjekt