Detail kurzu
WordPress II. vizuálna kompozícia - dizajnovanie a tvorba obsahu, špičkové grafické podstránky pre neprogramátorov
IT LEARNING SLOVAKIA, s.r.o.
Popis kurzu
Chceli by ste graficky vyspelé a moderné web stránky, ktoré budú predávať samé? Animované bloky plné farieb a ikoniek, skvelé nadpisy a ilustrácie, tlačidlá, ktoré budú vaši návštevníci chcieť „odhryznúť“ od krásy z obrazoviek? Krásne rozdelené a členené do stĺpcov, ktoré budú navyše na mobiloch vyzerať skvele a samé sa prispôsobovať rozmerom obrazoviek? To nie je problém za predpokladu, že vaša web stránka beží na redakčnom systéme WordPress a obsah budete skladať v režime vizuálneho komponovania pomocou niektorého z blokových editorov (page builderov).
Kurz WordPress II., vizuálna kompozícia je voľné pokračovanie nášho kurzu WordPress I. Je tu pre tých, ktorí chcú vedieť tvoriť fantastické dizajnové obsahy plné moderných prvkov bez programovania. Na kurze sa budeme učiť pracovať s asi najlepším pluginom na komponovanie WordPress obsahov – WPBakery Page Builder označovaný v minulosti aj ako Visual Composer. Rozdiel medzi pluginmi WPBakery a Visual Composer si objasníme tiež.
WPBakery je dokonalý aj na výuku, pretože je jednoduchý a prácu s ním zvládne po vysvetlení aj priemerný používateľ počítača. Na kurze budeme iba klikať a trochu písať, no výsledok práce bude vynikajúci. Nikto vám neuverí, že ste web stránku tvorili sami, pretože výsledok bude vizuálne profesionálny. Príklad práce na kurze nájdete na stránke alzbeta.wpkurz.sk.
Na kurze sa zoznámite s pluginom, spoločne si ho nainštalujeme a prejdeme jeho súčasti. Praktická časť bude zameraná na cvičenia, kde spoločne vytvoríme 2 stránky a budeme ich rôzne dizajnovať. Povieme si tipy ako uvažovať pri prekresľovaní rôznych dizajnov z praktického života. Naučíte sa tvoriť, skladať, vkladať a nastavovať riadky, bloky, obrázky, slajdre, sekcie, dizajnové nadpisy, ikonky, záložky, animácie, tiež vkladať menu tam, kde v téme nie je a množstvo iného.
Dovoľte, aby vaše stránky neboli čierne texty na bielych pozadiach a sem-tam obrázok. Dovoľte, aby vaše stránky predávali samé a vyzerali po hodinke práce naozaj skvele.
Kurz je určený pre bežných používateľov WordPressu a úpravcov obsahu. Vyžadujú sa základné znalosti o WordPresse. Nemusíte ale vedieť programovať a ani programovacie jazyky HTML či CSS. Na kurz si môžete priniesť prihlasovacie údaje ku svojej web stránke alebo môžete skúšať a tvoriť na našej skúšobnej web-stránke. Súčasne na kurze získate tento užitočný "čarovný" plugin zadarmo na skúšobné a edukačné účely.
Obsah kurzu
=== Úvod do tvorby obsahu vo WordPresse - Opakovanie základov WordPress - Tvorba podstránok - Prehľad vizuálnych kompozérov a Page Builderov a ich porovnanie - Čo znamená tvorba obsahu - Aký je rozdiel medzi blokovým a bežným editorom - Kde sa dá komponovanie využiť – stránky a články a iné - Ukážka práce, alebo čo budeme robiť === Inštalácia pluginu - page builder - Kde sa dá plugin stiahnuť - Ceny a licencia - Inštalujeme WPBakery Page Builder (Visual Composer) ako plugin do našich stránok - Úvodné nastavenie a konfigurácia - Vloženie licenčného kľúča a aktualizácie === Ako sa WPBakery Page Builder (Visual Composer) používa - V akej téme ho môžem použiť - Prázdna biela téma, VS. grafická hotová téma - Editácia stránky - Vloženie elementu - Natavenie elementu - Výber elementu - Odskúšanie dizajnu - Uloženie podstránky - Šírka šablóny a obsahu === Používanie elementov - Vloženie - Nastavenie - Presúvanie - Duplikácia - Mazanie - Uloženie do témy – vlastná šablóna === Základné princípy dizajnovania stránok – riadky, bloky a sekcie - Tvorba obsahu - Ako sa tvorí obsah a jeho rozdelenie - Práca premýšľanie v mriežke - Až 12 stĺpcov na obrazovke - Čo je to respoznívny obsah - Ako sa bude obsah prispôsobovať - Vypínanie mobilných častí alebo čo keď toto na mobile nechcem - Zarovnávanie obsahu - Tvorba riadkov a práca s riadkami - Riadok v riadku - Rozdiel medzi textom a riadkom - Šírka riadka a jeho možnosti - Obsah v kontajnery - Obsah cez celú obrazovku - Dizajn a farebné možnosti riadka - Farba pozadia pre riadok - Spôsoby zarovnávania obrázkov - Veľkosti obrázkov - Obrázok na pozadí v riadku - Video v riadku - Paralax efekty a ich využitie - Animácia prílet riadku === Ako tvoriť dizajn - Nadpisy sekcií - Pozadia do riadkov - Riadky plnej šírky - Vzdušnosť a prehľad - Tlačidlá a odkazy - Striedanie obsahu - Ikony a grafika - Teória podobných farieb - Plán sekcie === Prehľad možností alebo čo môžem použiť na svojich stránkach - Práca textom - Nadpisy - Ikony - Čiary - Obrázky - Oddeľovače obsahu - Správy a zvýraznené bloky - Animované boxy a okná - Facebook tlačidlá a zdieľanie - Rozbaľovacie ponuky – FAQ - Slajdre - Galéria obrázkov - Záložky a panely - Stránkovacie kontajnery - Tlačidlá - Video prehrávač - Mapy - Slajder príspevkov a článkov - Články, novinky a aktuality - Grafy a grafické ukazovatele - Vkladanie HTML kódu a JavaScriptu - Ostatné elementy === Práca s elementami - Vkladanie elementu - Nastavenie jeho vzhľadu a dizajn - Zarovnávanie - Farebný štýl - Grafický štýl - Veľkosť a zarovnanie - Animovanie prvku - Pridanie ikonky - ID a trieda elementu - Vlastné CSS - Akcia po kliknutí - Špeciálne dizajnové vlastnosti – pozadie, odsadenie, orámovanie - Uloženie elementu - Praktické ukážky === Praktická časť - Diskusia - Výber dizajnu - Prekresľovanie a tvorba podľa predlohy - Tvorba šablón - Každý účastník prekreslí aspoň 2 dizajny podľa výberu - Odpovede na otázky účastníkov - Riešenie individuálnych otázok a problémovCieľová skupina
mierne pokročilýHodnotenie
Organizátor
Ďalšie termíny kurzu
Podobné kurzy
podľa názvu a lokality
