Weboldal készítés a Webflow-n – tanfolyam 31 900 RUB. Uprocktól, képzés 4 hónap, dátum: 2023. november 27.
Vegyes Cikkek / / November 27, 2023
Kezdje el bármikor, és tanuljon kényelmes sebességgel
A képzés kezdete nem kötődik a tanfolyam megvásárlásának időpontjához. Kezdje el bármikor, amikor Önnek kényelmes, és tanuljon kényelmes sebességgel. A legjobb megoldás napi 2 órát tanulással tölteni. Ha 4-8 órát tudsz szánni a tanfolyamra, 2-4-szer gyorsabban végzel.
Következetesség és alkalmazkodási idő
Az Ön által elvégzett feladatok összetettsége a legegyszerűbb, akár 30 percig tartó feladatoktól a bonyolultabbak és időigényesebbekig növekszik. Így fokozatosan bekapcsolódhatsz a tanulási folyamatba.
Tágas, de informatív oktatóvideók
Először egy több száz oldalas forgatókönyvet készítettünk, majd megszólaltattuk, megszerkesztettük, megtöltöttük grafikával és elkészítettük Önnek rövid, „víz nélküli” leckék, amelyeket könnyű megtanulni és kényelmesen visszatérhet valamiért visszahívás.
Kurátoraink adják a leggyorsabb és legrészletesebb válaszokat. Szigorúak az előírások: naponta legalább 2 videóelemzést kapsz, minden válasznál a kurátor feljegyzi a hibáidat, és elmondja, hogyan javítsd ki azokat.
Ennek eredményeként megtanulja, hogyan készíthet teljes értékű weboldalakat hatékony animációval, különféle eszközökhöz igazítva.
ELMÉLET
Bevezetés
Ebben a leckében megismerheti a tanfolyamot és a képzés menetét. Ismerkedjen meg a Webflow ingyenes és fizetős csomagjainak funkcióival és céljaival. Azt is megtanulja, hogyan strukturálja a projektet az elemzéstől az indításig.
- Miről szól ez a tanfolyam?
- Hogyan működik a tanfolyam
- Tervek és árak
- Helyszíntervek
- Számlatervek
- Áttekintés és elrendezés elemzés
- Elrendezés elfogadási ellenőrző lista
- Munkaterv
- Az elrendezés előkészítése az elrendezéshez
- Képek exportálása és optimalizálása
- Egyéb fájlok előkészítése
ELMÉLET
Web szerkezet
Ebben a leckében megismerkedhet egy weboldal alapvető elemeivel és a blokk elrendezési elveivel, amelyeken a Webflow szolgáltatás működik. Az alapvető ismeretek segítenek megérteni a webfejlesztés alapvető terminológiáját. Megtudhatja, mi az a weboldal-hierarchia, és miből áll. Fedezze fel a Navigátor panelt, hogy megértse, hogyan jön létre és jelenik meg az elemstruktúra a Webflow-ban.
- Blokk elrendezés és alapvető HTML és CSS
- A webhely elemeinek hierarchiája
- Navigátor panel
- Gyakorlat: A helyszín szerkezetének megtervezése
ELMÉLET
Projekt létrehozása és közzététele
Ebben a leckében megtudhatja, hogyan regisztrálhat a Webflow webhelyen és hogyan hozhat létre projektet, valamint megismerheti a projektek és oldalak számának korlátait egy projektben. Meg fogja érteni, hogy milyen működési módok léteznek a Webflow szolgáltatásban. Ezenkívül megtudhatja, hogyan aktiválhatja fiókját, és hogyan teheti közzé webhelyét a Közzététel legördülő panel segítségével.
- Regisztráció és projekt létrehozása
- Weboldal közzététele
- Projekt megosztása
- Projekt klónozása
- Egyéni sablon klónozása
ELMÉLET
alapbeállítások
A Projektbeállítások módban megismerheti az alapvető projektbeállításokat. Ennek eredményeként állítsa be a projektet, töltse fel a képeket mappákba, és hozza létre a felhasználói felületet.
- Projektbeállítások
- A domain csatlakoztatása
- Webhely fájlok
- Általános projektbeállítások
- Alapstílusok beállítása
- Képek feltöltése
- UI készlet a fő elemekből
GYAKORLAT
Elemek
Ebben a leckében megtudhatja, hogyan adhat hozzá elemeket a webhely oldalához, és hogy mely elemek nem helyezhetők el a saját fajtájukon belül. Ismerje meg, milyen alapvető elemek léteznek egy webhely létrehozásához, és mi a céljuk. Végül hozza létre a webhely szerkezetét, és adjon hozzá tartalmat az elemekhez.
- Elemek hozzáadása
- A főbb elemek áttekintése
- A funkcionális elemek áttekintése
- Elemek személyre szabása
- Gyakorlat: Az oldal fő szerkezetének elkészítése
- Gyakorlat: Elemek és osztályok hozzáadása
GYAKORLAT
Elemstílusok
Megismerheti az olyan fogalmakat, mint az osztályok és a kombinált osztályok, és megismerheti céljukat. Ennek eredményeként adjon hozzá osztályokat a szakaszokhoz, tárolókhoz, képekhez, szövegekhez.
- Általános elvek
- A Stílus panel egyszerű szakaszainak áttekintése
- A Stíluskezelő panel áttekintése
- Elem állapotok
- Gyakorlat: Tartalom hozzáadása az elemekhez
GYAKORLAT
Stílusbeállítások. 1 rész
Tanulmányozni fogja a Stílus panel összetételét, és megvizsgálja az Elrendezés részt, amely az elemek egymáshoz viszonyított elrendezésének beállítására szolgál.
- Stíluspanel: Elrendezés szakasz
- Gyakorlat: Az 1. és 2. rész részletes elrendezése
GYAKORLAT
Stílusbeállítások. 2. rész
Folytatja a Stílus panel összetételének felfedezését, és megvizsgálja a Rács elemet, amely felelős az elemek elrendezéséért, ami ideális Alkalmas különféle összetett rácselrendezések létrehozására, beleértve a mobilokon könnyen kártyává alakítható táblázatokat is. képernyők.
- Stíluspanel: Rács elem
- Gyakorlat: A 3. és 4. rész részletes elrendezése
GYAKORLAT
Stílusbeállítások. 3. rész
Továbbra is tanulmányozza a Stílus panel összetételét, és tanulmányozza a Méret részt, amely lehetővé teszi az elem méretének meghatározását minimális és maximális szélesség és magasság értékeket, és testreszabhatja a határokon túlmutató gyermekelemek viselkedését szülő elem.
- Stílus panel: Méret szakasz
- Gyakorlat: Az 5. és 6. rész részletes elrendezése
GYAKORLAT
A webhely oldalai
Vessen egy pillantást az Oldalak panelre. Nézzük meg, milyen típusú oldalak léteznek, és hogyan lehet őket testreszabni. Ennek eredményeként 7-8 szakaszt hoz létre a webhelyen.
- A webhely oldalai
- Gyakorlat: A 7. és 8. rész részletes elrendezése
GYAKORLAT
Másodlagos funkciók
Megismerheti azokat a további funkciókat, amelyek segítséget nyújtanak a projekten végzett munka során, valamint a képzési anyagok keresésében. Ennek eredményeként 9-10 szakaszt hoz létre a webhelyen.
- Segítő funkciók Tervező módban
- Gyakorlat. A 9. és 10. rész részletes elrendezése
GYAKORLAT
Szimbólumok és minták
Ismerje meg, hogyan hozhat létre szimbólumokat a Webflow elemeiből vagy elemcsoportjaiból az ismétlődő blokkok és tartalom kezeléséhez. Ennek eredményeként elhelyezheti a navigációs menüt, a Navbart, beállíthatja a horgonyhivatkozásokat, valamint szimbólumokat hozhat létre a menühöz és a lábléchez.
- Szimbólumok panel áttekintése
- A kész elrendezések áttekintése
- Karakterek létrehozása
- Gyakorlat
GYAKORLAT
Adaptív elrendezés
Ebben a leckében megtanulod az adaptív elrendezés alapjait, és megismerkedhetsz a „töréspontok” fogalmával. Ennek eredményeként hozzon létre egy adaptív táblagépes és mobil verziót, egy adaptívat a nagy képernyőkhöz, valamint egy adaptív menüt.
- Az adaptív elrendezés alapjai
- Töréspontok
- Alkalmazkodóképesség ellenőrzése
- Weboldal adaptáció mobil képernyőkre
- Weboldal adaptáció nagy képernyőkre
- Az alkalmazkodóképesség tesztelése
BŐVÍTETT KÉPESSÉGEK
Élénkség. 1 rész
Megtanulja az animáció általános alapelveit, megtanulja animálni a linkgombokat és más lebegő elemeket, valamint animálni az első képernyőt.
- Általános animációs alapelvek
- Kiváltók
- Triggerek beállítása
- Animáló elemek lebegve
- Horgonylinkek
BŐVÍTETT KÉPESSÉGEK
Élénkség. 2. rész
Megtanulod, mi az a globális animáció. Ennek eredményeként tanulja meg, hogyan kell létrehozni.
- Globális animáció
- Komponens animáció
- Animáció az oldal betöltésekor és görgetése közben
BŐVÍTETT KÉPESSÉGEK
Harmadik fél kódjának beillesztése
Meg fogja érteni, miért kell harmadik féltől származó kódot beillesztenie. Ismerje meg az Embed összetevőt. Ismerje meg, hogyan integrálhat harmadik féltől származó kódot, például hogyan csatlakoztathat megjegyzésszolgáltatásokat vagy térkép widgetet. A gyakorlatban tanulja meg a kártyakód beillesztését.
- Komponens beágyazása
- Kód beillesztése az oldalbeállításokba
- Kód beillesztése a projektbeállításokba
- Kód beszúrása az elembeállításokba (egyéni attribútumok)
- A térkép beillesztése a webhelyre
BŐVÍTETT KÉPESSÉGEK
Analitika és SEO
Ismerje meg, mi az a webelemzés és a SEO, és miért van rájuk szükség. Meg fogja érteni, hogyan lehet összekapcsolni az Analytics szolgáltatást és beállítani a SEO oldalakat.
- Az Analytics összekapcsolása
- A Yandex Metrica és a Google Analytics összekapcsolása
- SEO beállítása az oldalbeállításokban
BŐVÍTETT KÉPESSÉGEK
A projekt befejezése
Még egyszer, menjen végig a webhely létrehozásának minden szakaszán. Meg fogja találni, hogyan hagyja jóvá és adja át a webhelyet az ügyfélnek. Ismerje meg, hogyan kapcsolhat össze egy webhelyet egy domainhez a Webflow tárhelyen, töltse fel a webhelyet és telepítse a tárhelyére.
- Ellenőrző lista a webhely ellenőrzéséhez
- A projekt jóváhagyása és átadása a megrendelőnek
- Webhely összekapcsolása egy domainnel a Webflow tárhelyen
- Az oldal feltöltése és telepítése a tárhelyre
BŐVÍTETT KÉPESSÉGEK
Bónusz
Érettségi projekt