--- site_name: WPlama site_description: "Správa, opravy a vývoj WordPress webů a e-shopů" site_url: https://www.wplama.cz contact_email: info@wplama.cz title: "SERIÁL „ZAČÍNÁME S PROGRAMOVÁNÍM“ – Úvod: Z čeho se skládá web" url: https://www.wplama.cz/serial-zaciname-s-programovanim-z-ceho-se-sklada-web/ date: 2014-06-06 modified: 2014-06-12 author: Zdeněk Vojáček type: post categories: [Snippety] tags: [Programování, WordPress návody, Základy] --- Snippety # SERIÁL „ZAČÍNÁME S PROGRAMOVÁNÍM“ – Úvod: Z čeho se skládá web [ZV **Zdeněk Vojáček**](https://www.wplama.cz/author/wojda/) Publikováno 6. 6. 2014 Aktualizováno **12. 6. 2014** 2 min čtení Pozor: Článek je z roku 2014. Některé postupy se mohly změnit. ![HTML](https://www.wplama.cz/wp-content/uploads/2014/06/HTML.jpg "HTML") Obsah článku (5 kapitol) 1. [HTML](https://www.wplama.cz/serial-zaciname-s-programovanim-z-ceho-se-sklada-web/#html) 2. [PHP](https://www.wplama.cz/serial-zaciname-s-programovanim-z-ceho-se-sklada-web/#php) 3. [CSS](https://www.wplama.cz/serial-zaciname-s-programovanim-z-ceho-se-sklada-web/#css) 4. [Javaccript](https://www.wplama.cz/serial-zaciname-s-programovanim-z-ceho-se-sklada-web/#javaccript) 5. [MySQL](https://www.wplama.cz/serial-zaciname-s-programovanim-z-ceho-se-sklada-web/#mysql) Běžný web se skládá z pěti částí popsaných dále v textu. Každá z nich má jiný účel a nelze ji plně nahradit jakoukoliv další vrstvou: HTML, CSS, programovací jazyk, databáze. Podíváme se z čeho je tvořen **web běžící na WordPressu**. ## HTML Hyper Text Markup Language – značkovací jazyk pro hypertext. Používá se **pro vytvoření struktury** a obsahu webu, tvorbu tabulek a formulářů. Pomocí HTML lze i nastavit jednoduchý vzhled nicméně není to ideální řešení, protože neposkytuje dostatečně širokou paletu funkcí pro nastavení layoutu webu. Mnohem lepší je použít **CSS**. Zápis HTML je tvořen takzvanými TAGY, které se zapisují do špičatých závorek. Tagy mohou být **párové** nebo**nepárové.** **Párové** `tučné -> **tučné** odkaz -> [odkaz](https://wplama.cz)` **Nepárové** `
-> odřádkování
-> Vodorovná čára` ## PHP *Hypertext Preprocessor – skriptovací prorgramovací jazyk* Slouží k vytvoření funkce webu. Jako například odesílání emailů, práce s formuláři… Běží na straně serveru. To znamená že se neodesílá do prohlížeče při otevření stránek, ale zpracování probíhá na straně serveru a odesílá se jen výsledek. Například ` -> Vypíše text Ahoj -> Vypíše náhodné číslo od 5 do 15` ## CSS *Cascading Style Sheets* Slouží pro **stylování webu**. Pomocí CSS se nastavuje barva, písmo, umístění, jednoduchá animace… Například `p {color:#f00; border: 1px solid #f0f; } ->ukázka` ## Javaccript objektivně orientovaný skriptovací jazyk Slouží k vytvoření **funkcí na straně klienta**. Provádí jej prohlížeč. Lze použít například ke kontrole vyplnění formuláře, k zobrazení oken s varováním, ke změnám na stránkách bez nutnosti nového načtení stránky, k animaci,.. Například `document.write("Ahoj!"); -> Vypíše Ahoj!` ## My SQL Používá se společně s PHP (PHP umí zasílat dotazy do databáze). Slouží jako **úložiště pro data** k webu která nechceme mít trvale vypsaná v kódu. Skládá se z libovolného množství tabulek, ze kterých si poté voláme požadované informace. Například můžeme mít v tabulce zapsané datum od 1.ledna do 31.prosince a ke každému datu mít napsané, kdo má svátek. Pomocí příkazu si poté můžeme tyto informace vypsat nebo si v nich vyhledat, kdo má svátek právě dnes. - [#Programování](https://www.wplama.cz/stitek/programovani/) - [#WordPress návody](https://www.wplama.cz/stitek/navody/) - [#Základy](https://www.wplama.cz/stitek/zaklady/) Sdílet - - [](mailto:?subject=SERIÁL „ZAČÍNÁME S PROGRAMOVÁNÍM“ – Úvod: Z čeho se skládá web&body=SERIÁL „ZAČÍNÁME S PROGRAMOVÁNÍM“ – Úvod: Z čeho se skládá web https://www.wplama.cz/serial-zaciname-s-programovanim-z-ceho-se-sklada-web/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fserial-zaciname-s-programovanim-z-ceho-se-sklada-web%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fserial-zaciname-s-programovanim-z-ceho-se-sklada-web%2F) ZV Autor Zdeněk Vojáček Milovník žen, masa a PHP kódu 11 článků [Všechny články autora →](https://www.wplama.cz/author/wojda/) ## Komentáře Zatím tu nikdo nekomentoval. Napište první komentář. ### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/serial-zaciname-s-programovanim-z-ceho-se-sklada-web/#respond) [← Předchozí článek Jak automaticky přidat vodoznak do obrázků ve WordPressu](https://www.wplama.cz/jak-automaticky-pridat-vodoznak-do-obrazku-ve-wordpressu/) [Další článek → Základy on-page SEO pro web na WordPressu](https://www.wplama.cz/zaklady-on-page-seo-pro-web-na-wordpressu/) Související ## Mohlo by vás zajímat [Všechny články z rubriky Snippety →](https://www.wplama.cz/wordpress/kodovani/) ![wordpress programovani](https://www.wplama.cz/wp-content/uploads/2025/10/wordpress-programovani.jpg "wordpress programovani") Snippety ### [Jak ve WordPressu (včetně Gutenberg) automaticky nahradit „a, i, k, o, s, u, v, z“ pevnou mezerou](https://www.wplama.cz/jak-ve-wordpressu-vcetne-gutenberg-automaticky-nahradit-a-i-k-o-s-u-v-z-pevnou-mezerou/) 8. 10. 2025 3 min čtení --- ![wordpress editor](https://www.wplama.cz/wp-content/uploads/2024/02/wordpress-editor.png "wordpress editor") Snippety ### [Editor souborů ve WordPress](https://www.wplama.cz/editor-souboru-ve-wordpress/) 25. 3. 2024 2 min čtení --- ![cookies](https://www.wplama.cz/wp-content/uploads/2023/06/cookies.jpg "cookies") WordPress návody ### [Jak u pluginu Complianz upravit lištu a zvýšit počet lidí, který s použitím cookies souhlasí](https://www.wplama.cz/jak-u-pluginu-complianz-upravit-listu-a-zvysit-pocet-lidi-ktery-s-pouzitim-cookies-souhlasi/) 3. 7. 2023 1 min čtení ---