Veebisaitide loomine Webflow'is – kursus 31 900 RUB. Uprockist, koolitus 4 kuud, kuupäev 27.11.2023.

instagram viewer

TEOORIA

Sissejuhatus

Selles õppetükis saate teada kursusest ja sellest, kuidas koolitus kulgeb. Tutvuge Webflow tasuta ja tasuliste pakettide funktsioonide ja eesmärkidega. Samuti saate teada, kuidas projektiga seotud tööd struktureerida analüüsist käivitamiseni.

• Millest see kursus räägib?
• Kuidas kursus töötab
• Plaanid ja hinnad
• Saidiplaanid
• Kontoplaanid
• Ülevaate ja paigutuse analüüs
• Paigutuse vastuvõtmise kontrollnimekiri
• Tööplaan
• Paigutuse ettevalmistamine küljendamiseks
• Eksportige ja optimeerige pilte
• Muude failide ettevalmistamine

TEOORIA

Veebi struktuur

Selles õppetükis saate tutvuda veebilehe põhielementide ja plokkide paigutuse põhimõtetega, millel Webflow teenus töötab. Algteadmised aitavad teil mõista veebiarenduse põhiterminoloogiat. Saate teada, mis on veebilehe hierarhia ja millest see koosneb. Uurige Navigaatori paneeli, et mõista, kuidas elementide struktuur luuakse ja veebivoos kuvatakse.

• Ploki paigutus ning põhiline HTML ja CSS
• Saidi elementide hierarhia
• Navigaatori paneel
• Praktika: saidi struktuuri kavandamine

TEOORIA

Projekti loomine ja avaldamine

Selles õppetükis saate teada, kuidas registreeruda Webflow veebisaidil ja luua projekt, õppida projektide ja lehtede arvu piiranguid projektis. Saate aru, millised töörežiimid on Webflow teenuses olemas. Samuti saate teada, kuidas oma kontot aktiveerida ja oma saiti avaldada rippmenüü paneeli Avalda abil.

• Registreerimine ja projekti koostamine
• Veebilehe avaldamine
• Jaga projekti
• Projekti kloonimine
• Kohandatud malli kloonimine

TEOORIA

põhiseaded

Saate tutvuda projekti põhisätetega režiimis Projekti sätted. Selle tulemusel seadistage projekt, laadige pildid kaustadesse ja looge kasutajaliidese komplekt.

• Projekti sätted
• Teie domeeni ühendamine
• Saidi failid
• Projekti üldised seaded
• Põhistiilide seadistamine
• Piltide üleslaadimine
• Peamiste elementide kasutajaliidese komplekt

PRAKTIKA

Elemendid

Selles õppetükis saate teada, kuidas saidi lehele elemente lisada ja milliseid elemente ei saa oma tüüpi sees paikneda. Siit saate teada, millised põhielemendid on veebisaidi loomisel olemas ja mis on nende eesmärk. Lõpuks looge saidi struktuur ja lisage elementidele sisu.

• Elementide lisamine
• Põhielementide ülevaade
• Funktsionaalsete elementide ülevaade
• Elementide isikupärastamine
• Praktika: saidi põhistruktuuri loomine
• Praktika: Elementide ja klasside lisamine

PRAKTIKA

Elementide stiilid

Saate tuttavaks selliste mõistetega nagu klassid ja kombineeritud klassid ning õpite tundma nende eesmärki. Selle tulemusena lisage klassid jaotistele, konteineritele, piltidele, tekstidele.

• Üldised põhimõtted
• Ülevaade paneeli Stiil lihtsatest osadest
• Stiilihalduri paneeli ülevaade
• Elemendi olekud
• Praktika: elementidele sisu lisamine

PRAKTIKA

Stiili seaded. 1 osa

Uurite paneeli Style koostist ja vaatate jaotist Paigutus, mida kasutatakse elementide paigutuse konfigureerimiseks üksteise suhtes.

• Stiilipaneel: paigutuse jaotis
• Praktika: jaotiste 1 ja 2 üksikasjalik paigutus

PRAKTIKA

Stiili seaded. osa 2

Jätkate paneeli Style koostise uurimist ja ruudustiku elementi, mis vastutab elementide paigutuse eest, mis on ideaalne. Sobib mitmesuguste keerukate ruudustikupaigutuste loomiseks, sealhulgas tabelite loomiseks, mida saab mobiilis hõlpsasti kaartideks teisendada ekraanid.

• Stiilipaneel: ruudustiku element
• Praktika: jaotiste 3 ja 4 üksikasjalik paigutus

PRAKTIKA

Stiili seaded. 3. osa

Jätkate paneeli Stiil koostise uurimist ja jaotise Suurus uurimist, mis võimaldab teil määrata elemendi, komplekti suuruse minimaalsed ja maksimaalsed laiuse ja kõrguse väärtused ning kohandada piiridest väljuvate alamelementide käitumist vanem element.

• Stiilipaneel: Suuruse jaotis
• Praktika: jaotiste 5 ja 6 üksikasjalik paigutus

PRAKTIKA

Saidi lehed

Vaatame lehtede paneeli. Uurime, mis tüüpi lehti on olemas ja kuidas neid kohandada. Selle tulemusena loote saidil 7-8 jaotist.

• Saidi lehed
• Praktika: jaotiste 7 ja 8 üksikasjalik paigutus

PRAKTIKA

Sekundaarsed funktsioonid

Saate teada lisafunktsioonidest, mis aitavad teid projekti kallal töötades ja koolitusmaterjalide leidmisel. Selle tulemusena loote saidil 9–10 jaotist.

• Abimees töötab kujundaja režiimis
• Harjuta. Jaotiste 9 ja 10 üksikasjalik paigutus

PRAKTIKA

Sümbolid ja mustrid

Siit saate teada, kuidas luua Webflow elementidest või elementide rühmadest sümboleid, et hallata korduvaid plokke ja sisu. Selle tulemusel paigutate navigeerimismenüü Navbari, seadistate ankurlingid ning loote menüü ja jaluse jaoks sümbolid.

• Sümbolite paneeli ülevaade
• Valmis paigutuste ülevaade
• Tegelaste loomine
• Harjuta

PRAKTIKA

Adaptiivne paigutus

Selles õppetükis õpite tundma adaptiivse paigutuse põhitõdesid ja tutvute mõistega "Murdepunktid". Selle tulemusena looge kohandatav tahvelarvuti ja mobiiliversioon, kohandatav suurte ekraanide jaoks ja kohandatav menüü.

• Adaptiivse paigutuse põhitõed
• Katkestuspunktid
• Kohanemisvõime kontroll
• Veebisaidi kohandamine mobiiliekraanidele
• Veebilehe kohandamine suurtele ekraanidele
• Kohanemisvõime testimine

LAIENDATUD VÕIMALUSED

Animatsioon. 1 osa

Saate teada animatsiooni üldpõhimõtted, linginuppide ja muude hõljutuselementide animeerimise ning esimese ekraani animeerimise.

• Animatsiooni üldpõhimõtted
• Päästikud
• Päästikute seadistamine
• Animeerivad elemendid hõljutades
• Ankurlingid

LAIENDATUD VÕIMALUSED

Animatsioon. osa 2

Saate teada, mis on ülemaailmne animatsioon. Selle tulemusena õppige, kuidas seda luua.

• Ülemaailmne animatsioon
• Komponentanimatsioon
• Animatsioon lehe laadimisel ja kerimisel

LAIENDATUD VÕIMALUSED

Kolmanda osapoole koodi sisestamine

Saate aru, miks peate sisestama kolmanda osapoole koodi. Tutvuge komponendiga Embed. Siit saate teada, kuidas integreerida kolmanda osapoole koodi, näiteks ühendada kommentaariteenused või kaardividin. Praktikas õppige kaardi koodi sisestamist.

• Manusta komponent
• Koodi sisestamine lehe seadetesse
• Koodi sisestamine projekti seadetesse
• Koodi sisestamine elemendi seadetesse (kohandatud atribuudid)
• Kaardi sisestamine saidile

LAIENDATUD VÕIMALUSED

Analüütika ja SEO

Siit saate teada, mis on veebianalüütika ja SEO ning miks neid vaja on. Saate aru, kuidas Analyticsit ühendada ja SEO lehti seadistada.

• Analyticsi ühendamine
• Yandex Metrica ja Google Analyticsi ühendamine
• SEO seadistamine lehe seadetes

LAIENDATUD VÕIMALUSED

Projekti lõpetamine

Tehke veel kord läbi kõik veebisaidi loomise etapid. Saate aru, kuidas sait kliendile heaks kiita ja üle anda. Siit saate teada, kuidas veebisait Webflow hostimise domeeniga ühendada, veebisait üles laadida ja oma hostimisse installida.

• Kontrollnimekiri saidi kontrollimiseks
• Projekti kinnitamine ja tellijale üleandmine
• Veebisaidi ühendamine Webflow hostimise domeeniga
• Saidi üleslaadimine ja selle installimine oma hostimisse

LAIENDATUD VÕIMALUSED

Boonus

Lõpuprojekt