Programovací jazyky pro tvorbu webových stránek.
V jakých jazycích se webové stránky píší?
Pro tvorbu internetových stránek je k dispozici mnoho programovacích jazyků.
Mezi ty hlavní dnes patří:
HTML,
CSS,
JavaScript,
PHP,
Python,
Ruby,
Java,
C#
HTML je značkovací jazyk, který se používá k vytváření struktury stránek.
CSS je jazyk stylů používaný k vytváření vzhledu stránek.
JavaScript je programovací jazyk používaný k dynamické interakci s uživatelem a k zajištění interaktivity stránek.
PHP je programovací jazyk, který se používá k vytváření složitějších funkcí a aplikací, jako je zpracování formulářů, manipulace s databází atd.
Python je programovací jazyk, který se používá k vytváření webových aplikací, strojového učení a dalších úloh.
Ruby je programovací jazyk, který se používá k vytváření webových aplikací, zejména pomocí frameworku Ruby on Rails.
Java je programovací jazyk, který se používá k vytváření webových aplikací, zejména s využitím frameworků, jako je Spring.
C# je programovací jazyk, který se používá k vytváření webových aplikací, zejména s využitím rámců .NET.
V závislosti na potřebách a požadavcích projektu lze použít kterýkoli z těchto programovacích jazyků. K dispozici je také mnoho frameworků a dalších nástrojů, které vám pomohou vytvářet webové aplikace rychleji a efektivněji.
Nejčastěji používaným jazykem pro tvorbu webových stránek byl jazyk HTML.
HTML (HyperText Markup Language) je značkovací jazyk, který se používá k vytváření struktury webových stránek. Jazyk HTML se skládá z různých značek, které popisují různé prvky stránky, například nadpisy, text, obrázky a odkazy.
Zde je několik příkladů tagů HTML:
<html> – definuje začátek HTML dokumentu;
<head> – obsahuje informace o dokumentu, jako je název, meta tagy a odkazy na externí zdroje;
<title> – definuje název dokumentu, který se zobrazuje v záhlaví okna prohlížeče;
<body> – obsahuje obsah dokumentu, jako je text, obrázky a tabulky;
<h1> – definuje nadpis první úrovně;
<p> – definuje odstavec textu;
<img> – definuje obrázek;
Ke každé značce HTML lze přidat atributy, které určují další informace o prvku, například jeho velikost, barvu, adresu odkazu atd.
Příklad kódu HTML, který vytvoří jednoduchou webovou stránku se záhlavím, odstavcem textu a obrázkem:
<!DOCTYPE html>
<html>
<head>
<title>Moje první webová stránka</title>
</head>
<body>
<h1>Vítejte na mé webové stránce!</h1>
<p>Toto je moje první webová stránka vytvořená pomocí jazyka HTML.</p>
<img src=”myimage.jpg” alt=”Můj obrázek”>
</body>
</html>
Prohlížeč z tohoto textu vytvoří stránku s názvem „Vítejte na mé webové stránce!“, odstavcem textu „Toto je moje první webová stránka vytvořená pomocí jazyka HTML“ a obrázkem nazvaným „myimage.jpg“ s popiskem „Můj obrázek“.
CSS (Cascading Style Sheets)
Nejedná se o samostatný jazyk, ale umožňuje vám vytvořit krásný vzhled vašich stránek.
Jedná se o jazyk pro stylování, který se používá k „zdobení“ webových stránek vytvořených pomocí jazyka HTML. CSS se používá ke změně vzhledu prvků webových stránek, jako jsou barvy, písma, velikosti, pozice atd.
Pravidla CSS vypadají přibližně takto:
color: red; – určuje barvu textu na stránce;
font-family: – určuje písmo textu na stránce;
font-size: 16px; – definuje velikost písma na stránce;
background-color: #f0f0f0; – definuje barvu pozadí na stránce;
margin: 10px; – definuje vzdálenost od okrajů stránky k prvku;
padding: V případě, že se prvek nachází na okraji stránky, je třeba jej oddělit od okraje stránky;
border: 1px solid black; – definuje ohraničení kolem prvku.
Pravidla CSS se vztahují na prvky na stránce zadáním jejich názvu, třídy nebo identifikátoru. Identifikátory určují pravidla pro jednotlivé prvky, třídy umožňují určit pravidla pro skupiny prvků.
Zde je příklad kódu CSS, který nastavuje styly pro prvky záhlaví, odstavce a obrázku na webové stránce vytvořené pomocí jazyka HTML.
Tento kód nastavuje barvu textu nadpisu (h1) na modrou a velikost písma na 24px, barvu textu odstavce (p) na černou a velikost písma na 16px a vnější rámeček obrázku (img) na tloušťku 1px a černou barvu s odsazením 10 pixelů.
h1 {
color: blue;
font-size: 24px;
}
p {
color: black;
font-size: 16px;
}
img {
margin: 10px;
border: 1px solid #ccc;
}
Jazyk JavaScript
Pokud potřebujete, aby vaše stránky byly dynamičtější a interaktivnější, použijte JavaScript.
Tento jazyk umožňuje vytvářet webové stránky, které mohou reagovat na akce uživatele, měnit obsah stránky bez opětovného načtení, validovat formuláře a další.
Co všechno můžete pomocí JavaScriptu dělat:
- Pokud uživatel klikne na určitý prvek na stránce, zobrazí se vyskakovací okno.
- Změnit obsah stránky, když uživatel klikne na tlačítko nebo jiný prvek.
- Zkontrolovat, zda je formulář před odesláním na server správně vyplněn.
- Automaticky načíst obsah stránky, když uživatel posune stránku na její konec.
- Ověřovat data zadaná uživatelem a zajistit tak bezpečnost proti SQL injection a dalším útokům.
Takto vypadá kód JavaScriptu, který mění obsah stránky, když uživatel klikne na tlačítko:
// Get the button element
const button = document.querySelector(‘button’);
// Add an event handler to the button
button.addEventListener(‘click’, function() {
// Get the div element with the identifier “output”
const outputDiv = document.querySelector(‘#output’);
// Change the content of the div element
outputDiv.textContent = ‘Kliknul jsi na tlačítko!’
});
Tento kód přidá k tlačítku obsluhu události a změní obsah prvku „output“, když uživatel klikne na tlačítko. Po kliknutí na tlačítko se obsah prvku „output“ změní na „Kliknul jsi na tlačítko!“.
JavaScript také umožňuje komunikovat s cizími rozhraními API a službami, vytvářet animace a další funkce.
Jazyk PHP
JavaScript umožňuje vytvářet webové stránky libovolné složitosti v kombinaci s HTML, CSS.
PHP je skriptovací programovací jazyk, který se používá k vytváření dynamických webových stránek.
To znamená, že pokud má stránka vytvořená pomocí HTML konstantní strukturu a po otevření stránky HTML se zobrazí stejný kód.
Stránka vytvořená pomocí jazyka PHP vytváří tuto strukturu stránky z kódu PHP znovu při každém otevření.
Tento jazyk umožňuje komunikovat s databázemi, zpracovávat formuláře, spravovat relace uživatelů a mnoho dalšího.
Co všechno můžete s PHP dělat:
- Zpracování formulářů: PHP umožňuje získávat data z formulářů odeslaných uživateli a provádět s nimi akce, jako je ukládání do databáze, odesílání e-mailů atd.
- Manipulace s databází: PHP umožňuje připojit se k databázím, provádět dotazy vůči databázím a získávat výsledky dotazů.
- Generování dynamického obsahu: PHP umožňuje generovat dynamický obsah stránek na základě dat uložených v databázích nebo jiných zdrojích.
- Správa uživatelských relací: PHP umožňuje vytvářet a spravovat uživatelské relace a ukládat data mezi různými požadavky na server.
Zdá se, že není vhodné uvádět zde příklady kódu PHP. Jak je vidět z popisu, jedná se o složitější programovací jazyk než HTML a JavaScript.
Podívali jsme se na čtyři nejoblíbenější jazyky, které umožňují vytvářet internetové stránky. Další programovací jazyky, které se používají k tvorbě webových stránek, jsou složitější a používají se pro specializovanější úkoly.
Proto na závěr podotkneme, že programovací jazyky, které jsme popsali, není příliš obtížné zvládnout (no, snad s výjimkou PHP). Vytvořit elementární webovou stránku není nijak super složitý úkol. Stačí věnovat trochu času a mít umělecký vkus. Ale vytvořit funkčnější, složitější stránky, jako je například internetový obchod, bude vyžadovat mnohem více času a dovedností.
Pokud tedy tvorba stránek není vaší hlavní náplní práce, je lepší obrátit se na odborníky, formulovat svá přání a neustále upravovat interprety.
