Course Web developer, web editor

Inštalácia a spustenie WordPress

Získanie domény a webhostingu pre stránku Nahranie WordPressu na webhosting cez FTP / inštalácia XAMPP Úvodné nastavenie, vytvorenie administračného konta a nastavenie databázy

Základná orientácia a nastavenia

Dashboard (Domovská stránka) Administračné rozhranie Nastavenie názvu a sloganu stránky, jazyk prostredia, viditeľnosť pre vyhľadávače Prechod na zobrazenie stránky pre návštevníka Správa a roly užívateľov

Vytváranie obsahu webstránky

Rozdiel medzi stránkami a článkami Vytváranie nových stránok a článkov, vymazanie a revízie Nastavenie poslednej časti URL, času publikovania, ilustračného obrázku Úprava článkov a stránok novým editorom Gutenberg a pôvodným classic editorom (TinyMCE) Práca s blokmi editoru Gutenberg Vkladanie externého obsahu: obrázok, video, odkaz, ... Správa kategórií článkov, nastavenie názvu a URL, nastavenie kategórií článkom Povolenie/Vypnutie komentárov, správa komentárov Nastavenie úvodnej stránky a počtu zobrazených článkov

Vzhľad stránky

Pridávanie tém (šablóny pre vzhľad stránky a rozloženie obsahu), zmena témy Prispôsobenie témy vloženie loga stránky Vysvetlenie pracovného priestoru stránky Nastavenie Menu Nastavenie a umiestenie widgetov na stránku

Dopĺňanie funkcionality do WordPress

Vyhľadávanie a inštalácia Pluginov (Doplnkov) Aktivácia a aktualizácia Pluginov Použitie vybraných Pluginov na: SEO, optimalizácia výkonu stránky, kontaktný formulár, GDPR výzvu, bezpečnosť, Google analytics Použitie shortcodov

Úvod do jazyka HTML

Úvod a popis jazyka HTML Čo je www a web server, čo je http protokol, ftp protokol Princíp fungovania a možnosti uloženia www stránok na internete Základy práce s textovými editormi Základy a pokyny práce s WYSIWYG editorom Práca a popis jednotlivých HTML značiek Popis hlavných značiek v HTML: html, body a head Popis príkazov a značiek vyskytujúce sa v hlavičke Popis značiek a príkazov nachádzajúcich sa v tele stránky Postup a správne zapisovanie v HTML jazyku

Text a farby na www stránkach

Základné formátovanie textu, zarovnávanie odstavca Formátovanie textu pomocou nadpisov v HTML Zmena farieb písma, pozadia, hypertextu

Obrázky na internetovej stránke

Správne formáty obrázkov pre www stránky Vloženie, zarovnanie obrázku Veľkosť obrázku, zarovnávanie okrajov Obrázok na pozadí www stránky

Zoznamy a hypertextové odkazy

Čo je to hypertextový odkaz a zoznamy na internetovej stránke Použite hypertextu a zoznamov Triedené a netriedené zoznamy Prelinkovanie stránok, odkazy na stránkach, zasielanie emailov

Práca s tabuľkami a rámami

Popis značiek na tvorbu tabuľky, priradenie parametrov tabuľkám Zlučovanie buniek v tabuľkách a zarovnávanie buniek Osadenie textu v tabuľkách a vzdialenosť medzi bunkami Základný popis rámov a ich využitie na tvorbu www stránky Použitie tabuliek pre celkovú tvorbu stránky

Formuláre a práca s nimi

Tvorba textových polí a hodnoty parametrov Tvorba tlačidla (Prihlasovacie tlačidlo...) Tvorba zaškrtávacích políčok Textové polia s heslom Práca s WYSIWYG editorom Práca s jednotlivými HTML značkami Formátovanie textu, odstavce a ich úprava v kóde HTML a v grafickom formáte stránky Obrázky, zoznamy a hypertextové odkazy v kóde HTML a v grafickom formáte stránky Tvorba tabuliek a formulárov v kóde HTML a v grafickom formáte www stránky Tvorba celkovej výslednej www stránky Zopakovanie orientácie v admin prostredí Dashboard (Domovská stránka) Zopakovanie základných pojmov Administračné rozhranie Správa a roly užívateľov Práca s FTP

Úprava vzhľadu stránky

Jednoduché prispôsobenie vzhľadu stránky Úprava html kódu stránky Úprava stránky pomocou dodatočného kódu CSS a priame vkladanie Editácia kódu témy – výhody/nevýhody Použitie child témy Tvorba obsahu stránky/článku Práca s grafickým rozhraním a editorom kódu Vkladanie externého obsahu pomocou iframe (Google mapy, formuláre, ...) Porovnanie vizuálnych editorov: Page builder, Elementor, Gutenberg Prispôsobenie pomocou vizuálneho editora Práca s blokmi editoru Gutenberg Vkladanie mediálneho obsahu (obrázky, videá) a galérie Úprava vzhľadu stránky Jednoduché prispôsobenie vzhľadu stránky Úprava html kódu stránky Úprava stránky pomocou dodatočného kódu CSS a priame vkladanie Editácia kódu témy – výhody/nevýhody Použitie child témy Rozšírenie stránky o widgety

Webstránka, sociálne siete a Google produkty

Facebook social buttons Facebook a Instagram feed Facebook messenger ako komunikačný nástroj stránky Google tag manager (Analytics, Ads), Google AdSense SEO Výber vhodného pluginu Nastavenie a práca s pluginom Vytváranie trvalých odkazov, meta description (popis stránky pre vyhľadávače) Tvorba sitemap.xml Google Search console Význam heatmapy pri optimalizácii webstránky

Zabezpečenie webstránky

Výhody použitia SSL na webstránke Zmena prihlasovacej stránky, vytvorenie silného administrátorského účtu Využitie bezpečnostných prvkov Optimalizácia rýchlosti webstránky Minimalizácia pluginov Optimalizácia veľkosti obrázkov Minifikácia kódu stránky a správa pamäte (cache) pomocou pluginu AMP (Accelerated mobile pages) Záloha webstránky a databázy