Skapa webbplatser på Webflow - kurs 31 900 RUB. från Uprock, utbildning 4 månader, datum 27 november 2023.

instagram viewer

TEORI

Introduktion

I den här lektionen får du lära dig om kursen och hur utbildningen kommer att gå vidare. Bekanta dig med funktionerna och syftena med de kostnadsfria och betalda planerna för Webflow. Du får också lära dig hur du strukturerar arbetet med ett projekt från analys till lansering.

• Vad handlar den här kursen om?
• Hur kursen fungerar
• Planer och priser
• Plats planer
• Kontoplaner
• Granskning och layoutanalys
• Checklista för acceptans av layout
• Arbetsplan
• Förbereder layouten för layout
• Exportera och optimera bilder
• Förbereder andra filer

TEORI

Webbstruktur

I den här lektionen kommer du att bekanta dig med de grundläggande delarna av en webbsida och principerna för blocklayout som Webflow-tjänsten fungerar på. Grundläggande kunskaper hjälper dig att förstå den grundläggande terminologin för webbutveckling. Du får lära dig vad en webbsideshierarki är och vad den består av. Utforska Navigator-panelen för att förstå hur elementstrukturen skapas och visas i Webflow.

• Blocklayout och grundläggande HTML och CSS
• Hierarki av webbplatselement
• Navigatorpanel
• Övning: Planering av platsstrukturen

TEORI

Projektskapande och publicering

I den här lektionen lär du dig hur du registrerar dig på Webflow-webbplatsen och skapar ett projekt, lär dig begränsningarna för antalet projekt och sidor i ett projekt. Du kommer att förstå vilka driftsätt som finns i Webflow-tjänsten. Och lär dig också hur du aktiverar ditt konto och publicerar din webbplats med hjälp av rullgardinsmenyn Publicera.

• Registrering och skapande av ett projekt
• Publicera en webbplats
• Dela projektet
• Klona ett projekt
• Klona en anpassad mall

TEORI

grund inställningar

Du kommer att bli bekant med de grundläggande projektinställningarna i läget Projektinställningar. Som ett resultat, ställ in projektet, ladda upp bilder till mappar och skapa UI Kit.

• Projektinställningar
• Ansluter din domän
• Webbplatsfiler
• Allmänna projektinställningar
• Ställa in grundläggande stilar
• Laddar upp bilder
• UI Kit med huvudelement

ÖVA

Element

I den här lektionen kommer du att lära dig om sätt att lägga till element på en webbplatssida och vilka element som inte kan placeras i sin egen typ. Lär dig vilka grundläggande element som finns för att skapa en webbplats och vad deras syfte är. Slutligen, skapa webbplatsens struktur och lägg till innehåll till elementen.

• Lägga till element
• Översikt över huvudelementen
• Översikt över funktionella element
• Personalisering av element
• Övning: Skapa webbplatsens huvudstruktur
• Övning: Lägga till element och klasser

ÖVA

Element stilar

Du kommer att bli bekant med begrepp som klasser och kombinationsklasser och lära dig om deras syfte. Som ett resultat kan du lägga till klasser i sektioner, behållare, bilder, texter.

• Generella principer
• Översikt över enkla sektioner av stilpanelen
• Översikt över Style Manager-panelen
• Element tillstånd
• Övning: Lägga till innehåll till element

ÖVA

Stilinställningar. 1 del

Du kommer att studera kompositionen av stilpanelen och undersöka avsnittet Layout, som används för att konfigurera arrangemanget av element i förhållande till varandra.

• Stilpanel: Layoutsektion
• Övning: Detaljerad layout av avsnitt 1 och 2

ÖVA

Stilinställningar. del 2

Du kommer att fortsätta utforska stilpanelens sammansättning och undersöka Grid-elementet, som är ansvarigt för hur element är arrangerade, vilket är idealiskt Lämplig för att skapa en mängd komplexa rutnätslayouter, inklusive tabeller som enkelt kan konverteras till kort på mobilen skärmar.

• Stilpanel: Grid Element
• Övning: Detaljerad layout av avsnitt 3 och 4

ÖVA

Stilinställningar. Del 3

Du kommer att fortsätta att studera kompositionen av stilpanelen och studera avsnittet Storlek, som låter dig bestämma storleken på elementet, set minsta och maximala bredd- och höjdvärden, och anpassa beteendet för underordnade element som går utanför gränserna föräldraelement.

• Stilpanel: Storlekssektion
• Övning: Detaljerad layout av avsnitt 5 och 6

ÖVA

Webbsidor

Vi tar en titt på panelen Sidor. Låt oss ta reda på vilka typer av sidor som finns och hur man anpassar dem. Som ett resultat kommer du att skapa 7-8 sektioner av webbplatsen.

• Webbsidor
• Övning: Detaljerad layout av avsnitt 7 och 8

ÖVA

Sekundära funktioner

Du kommer att lära dig om ytterligare funktioner som hjälper dig när du arbetar med ett projekt, samt att hitta utbildningsmaterial. Som ett resultat kommer du att skapa 9-10 sektioner av webbplatsen.

• Hjälpfunktioner i designerläge
• Öva. Detaljerad layout av avsnitt 9 och 10

ÖVA

Symboler och mönster

Lär dig hur du skapar symboler från element eller grupper av element i Webflow för att hantera upprepade block och innehåll. Som ett resultat kommer du att layouta navigeringsmenyn, Navbar, ställa in ankarlänkar och skapa symboler för menyn och sidfoten.

• Symboler panel översikt
• Genomgång av färdiga layouter
• Skapa karaktärer
• Öva

ÖVA

Adaptiv layout

I den här lektionen kommer du att lära dig grunderna i adaptiv layout och bli bekant med konceptet "Breakpoints". Som ett resultat, skapa en adaptiv surfplatta och mobilversion, en adaptiv för stora skärmar och en adaptiv meny.

• Grunderna i adaptiv layout
• Brytpunkter
• Anpassningsförmåga kontroll
• Webbplatsanpassning för mobilskärmar
• Webbplatsanpassning för stora skärmar
• Testa anpassningsförmåga

Utökad kapacitet

Animation. 1 del

Du kommer att lära dig de allmänna principerna för animering, lära dig att animera länkknappar och andra svävande element och animera den första skärmen.

• Allmänna animationsprinciper
• Utlösare
• Ställa in triggers
• Animerande element på svävaren
• Ankarlänkar

Utökad kapacitet

Animation. del 2

Du kommer att lära dig vad global animation är. Som ett resultat, lär dig hur du skapar den.

• Global animation
• Komponentanimering
• Animation när du laddar och rullar sidan

Utökad kapacitet

Infogar tredje parts kod

Du kommer att förstå varför du behöver infoga tredjepartskod. Lär känna Embed-komponenten. Lär dig hur du integrerar tredjepartskod, till exempel kopplar du kommentartjänster eller en kartwidget. Lär dig i praktiken hur du infogar kortkoden.

• Bädda in komponent
• Infogar kod i sidinställningar
• Infogar kod i projektinställningar
• Infoga kod i elementinställningar (anpassade attribut)
• Infogar kartan på webbplatsen

Utökad kapacitet

Analytics och SEO

Lär dig vad webbanalys och SEO är och varför de behövs. Du kommer att förstå hur du kopplar ihop Analytics och ställer in SEO-sidor.

• Ansluta Analytics
• Ansluter Yandex Metrica och Google Analytics
• Ställa in SEO i sidinställningar

Utökad kapacitet

Slutförande av projektet

Återigen, gå igenom alla stadier för att skapa en webbplats. Du kommer att ta reda på hur du godkänner och överför webbplatsen till kunden. Lär dig hur du ansluter en webbplats till en domän på Webflow-värd, ladda upp webbplatsen och installera den på ditt webbhotell.

• Checklista för att kolla sidan
• Godkännande och överlämnande av projektet till beställare
• Ansluta en webbplats till en domän på Webflow-värd
• Ladda upp webbplatsen och installera den på ditt webbhotell

Utökad kapacitet

Bonus

Examensprojekt