Vietņu izveide vietnē Webflow - kurss RUB 31 900. no Uprokas, apmācība 4 mēneši, datums 2023. gada 27. novembris.

instagram viewer

TEORIJA

Ievads

Šajā nodarbībā jūs uzzināsiet par kursu un apmācības norisi. Iepazīstieties ar Webflow bezmaksas un maksas plānu funkcijām un mērķiem. Jūs arī uzzināsit, kā strukturēt darbu pie projekta no analīzes līdz palaišanai.

• Par ko ir šis kurss?
• Kā kurss darbojas
• Plāni un tarifi
• Vietņu plāni
• Kontu plāni
• Pārskatīšana un izkārtojuma analīze
• Izkārtojuma pieņemšanas kontrolsaraksts
• Darba plāns
• Izkārtojuma sagatavošana maketēšanai
• Eksportējiet un optimizējiet attēlus
• Notiek citu failu sagatavošana

TEORIJA

Tīmekļa struktūra

Šajā nodarbībā jūs iepazīsities ar tīmekļa lapas pamatelementiem un bloku izkārtojuma principiem, uz kuriem darbojas Webflow pakalpojums. Pamatzināšanas palīdzēs izprast tīmekļa izstrādes pamatterminoloģiju. Jūs uzzināsiet, kas ir tīmekļa lapu hierarhija un no kā tā sastāv. Izpētiet paneli Navigator, lai saprastu, kā elementu struktūra tiek izveidota un parādīta Webflow.

• Bloku izkārtojums un pamata HTML un CSS
• Vietnes elementu hierarhija
• Navigatora panelis
• Prakse: Vietnes struktūras plānošana

TEORIJA

Projekta izveide un publicēšana

Šajā nodarbībā jūs uzzināsiet, kā reģistrēties Webflow vietnē un izveidot projektu, uzzināsiet projektu un lapu skaita ierobežojumus projektā. Jūs sapratīsit, kādi darbības režīmi pastāv pakalpojumā Webflow. Un arī uzziniet, kā aktivizēt savu kontu un publicēt vietni, izmantojot nolaižamo paneli Publicēt.

• Reģistrācija un projekta izveide
• Tīmekļa vietnes publicēšana
• Kopīgojiet projektu
• Projekta klonēšana
• Pielāgotas veidnes klonēšana

TEORIJA

pamata iestatījumi

Jūs iepazīsities ar projekta pamata iestatījumiem režīmā Project Settings. Rezultātā iestatiet projektu, augšupielādējiet attēlus mapēs un izveidojiet lietotāja interfeisa komplektu.

• Projekta iestatījumi
• Jūsu domēna savienošana
• Vietnes faili
• Vispārīgi projekta iestatījumi
• Pamatstilu iestatīšana
• Augšupielādē attēlus
• UI galveno elementu komplekts

PRAKSE

Elementi

Šajā nodarbībā jūs uzzināsit par veidiem, kā vietnes lapai pievienot elementus un kādus elementus nevar atrast to veida iekšienē. Uzziniet, kādi ir tīmekļa vietnes izveides pamatelementi un kāds ir to mērķis. Visbeidzot izveidojiet vietnes struktūru un pievienojiet saturu elementiem.

• Elementu pievienošana
• Pārskats par galvenajiem elementiem
• Funkcionālo elementu pārskats
• Elementu personalizēšana
• Prakse: Vietnes galvenās struktūras izveide
• Prakse: elementu un klašu pievienošana

PRAKSE

Elementu stili

Jūs iepazīsities ar tādiem jēdzieniem kā klases un kombinētās klases un uzzināsit par to mērķi. Rezultātā pievienojiet klases sadaļām, konteineriem, attēliem, tekstiem.

• Visparīgie principi
• Pārskats par vienkāršām paneļa Style sadaļām
• Stila pārvaldnieka paneļa pārskats
• Elementa stāvokļi
• Prakse: satura pievienošana elementiem

PRAKSE

Stila iestatījumi. 1 daļa

Jūs izpētīsit paneļa Style sastāvu un izpētīsit sadaļu Layout, ko izmanto, lai konfigurētu elementu izvietojumu attiecībā pret otru.

• Stila panelis: izkārtojuma sadaļa
• Prakse: 1. un 2. sadaļas detalizēts izkārtojums

PRAKSE

Stila iestatījumi. 2. daļa

Jūs turpināsiet izpētīt paneļa Style sastāvu un izpētīt Režģa elementu, kas ir atbildīgs par elementu izvietojumu, kas ir ideāls Piemērots dažādu sarežģītu režģa izkārtojumu izveidei, tostarp tabulu, kuras var viegli pārveidot par kartēm mobilajā ierīcē ekrāni.

• Stila panelis: režģa elements
• Prakse: 3. un 4. sadaļas detalizēts izkārtojums

PRAKSE

Stila iestatījumi. 3. daļa

Jūs turpināsiet pētīt paneļa Style sastāvu un pētīt sadaļu Izmērs, kas ļauj noteikt elementa izmēru, iestatīt minimālās un maksimālās platuma un augstuma vērtības un pielāgot to pakārtoto elementu darbību, kas pārsniedz robežas vecāku elements.

• Stila panelis: Izmēru sadaļa
• Prakse: 5. un 6. sadaļas detalizēts izkārtojums

PRAKSE

Vietnes lapas

Mēs apskatīsim lapu paneli. Noskaidrosim, kāda veida lapas pastāv un kā tās pielāgot. Rezultātā jūs izveidosit 7-8 vietnes sadaļas.

• Vietnes lapas
• Prakse: 7. un 8. sadaļas detalizēts izkārtojums

PRAKSE

Sekundārās funkcijas

Jūs uzzināsiet par papildu funkcijām, kas jums palīdz, strādājot pie projekta, kā arī meklējot mācību materiālus. Rezultātā jūs izveidosit 9-10 vietnes sadaļas.

• Palīgs darbojas dizainera režīmā
• Prakse. Detalizēts 9. un 10. sadaļas izkārtojums

PRAKSE

Simboli un raksti

Uzziniet, kā izveidot simbolus no elementiem vai elementu grupām pakalpojumā Webflow, lai pārvaldītu atkārtotus blokus un saturu. Rezultātā jūs izkārtosiet navigācijas izvēlni, navigācijas joslu, iestatīsiet enkura saites un izveidosiet simbolus izvēlnei un kājenei.

• Simbolu paneļa pārskats
• Gatavo izkārtojumu apskats
• Rakstzīmju veidošana
• Prakse

PRAKSE

Adaptīvs izkārtojums

Šajā nodarbībā jūs apgūsit adaptīvā izkārtojuma pamatus un iepazīsities ar jēdzienu “Pārtraukuma punkti”. Rezultātā izveidojiet adaptīvu planšetdatoru un mobilo versiju, adaptīvu lieliem ekrāniem un adaptīvu izvēlni.

• Adaptīvā izkārtojuma pamati
• Pārtraukuma punkti
• Pielāgošanās spējas pārbaude
• Vietnes pielāgošana mobilo ierīču ekrāniem
• Vietnes pielāgošana lieliem ekrāniem
• Pielāgošanās spējas pārbaude

PAPLAŠINĀTAS IESPĒJAS

Animācija. 1 daļa

Jūs uzzināsit vispārīgos animācijas principus, kā animēt saišu pogas un citus kursora elementus, kā arī animēt pirmo ekrānu.

• Vispārīgi animācijas principi
• Trigeri
• Trigeru iestatīšana
• Animācijas elementi virzot kursoru
• Enkura saites

PAPLAŠINĀTAS IESPĒJAS

Animācija. 2. daļa

Jūs uzzināsiet, kas ir globālā animācija. Rezultātā uzziniet, kā to izveidot.

• Globālā animācija
• Komponentu animācija
• Animācija, ielādējot un ritinot lapu

PAPLAŠINĀTAS IESPĒJAS

Trešās puses koda ievietošana

Jūs sapratīsit, kāpēc jāievieto trešās puses kods. Iepazīstieties ar Embed komponentu. Uzziniet, kā integrēt trešās puses kodu, piemēram, pievienot komentāru pakalpojumus vai kartes logrīku. Praksē uzziniet, kā ievietot kartes kodu.

• Iegult komponentu
• Koda ievietošana lapas iestatījumos
• Koda ievietošana projekta iestatījumos
• Koda ievietošana elementu iestatījumos (pielāgoti atribūti)
• Kartes ievietošana vietnē

PAPLAŠINĀTAS IESPĒJAS

Analytics un SEO

Uzziniet, kas ir tīmekļa analīze un SEO un kāpēc tie ir nepieciešami. Jūs sapratīsit, kā savienot Analytics un iestatīt SEO lapas.

• Analytics savienošana
• Yandex Metrica un Google Analytics savienošana
• SEO iestatīšana lapas iestatījumos

PAPLAŠINĀTAS IESPĒJAS

Projekta pabeigšana

Vēlreiz izejiet visus vietnes izveides posmus. Jūs izdomāsit, kā apstiprināt un nodot vietni klientam. Uzziniet, kā savienot vietni ar Webflow mitināšanas domēnu, augšupielādēt vietni un instalēt to savā mitināšanā.

• Kontrolsaraksts vietnes pārbaudei
• Projekta apstiprināšana un nodošana klientam
• Vietnes savienošana ar Webflow mitināšanas domēnu
• Vietnes augšupielāde un instalēšana savā mitināšanā

PAPLAŠINĀTAS IESPĒJAS

Bonuss

Izlaiduma projekts