Webová stránka je dokument, který je možné pomocí webového prohlížeče zobrazit na počítači. K tvorbě webových stránek slouží značkovací jazyk HTML. Tvorba webových stránek, redakční systémy, zdrojový kód, ukázka vlastní tvorby.
Předchozí okruh: 20. Služby Internetu
Webová stránka
- dokument, který je možné zobrazit pomocí webového prohlížeče, který dokáže typ informace rozpoznat díky HTML značkám
- poskytované internetovou službou WWW (=vzájemně provázaný multimediální obsah), soubory jsou uloženy na disku/serveru, přenášeny pomocí protokolu HTTP
Tvorba webových stránek
- kód webových stránek si můžeme psát sami (HTML, CSS, Javascript,…)
- můžeme využít redakční systémy
- CMS (content management system)
- software zajišťující správu webového obsahu, nejčastěji webové aplikace
- výhody
- není nutná žádná znalost kódování ani programování
- možnost použít hotové šablony a pluginy
- rychlejší, levnější a jednodušší vývoj a tvorba webových stránek
- příklady
- WordPress
- nejoblíbenější, uživatelsky přívětivý, velmi rozšířený
- možnost vybírat z obrovského množství bezplatných šablon a pluginů
- Joomla!, Drupal, Wix, Webnode
- Prestashop, Shopify (jednoduché a oblíbené), Shoptet (český systém), Magento (komplexní a složitý systém pro velké projekty)
- CMS systémy specializované na tvorbu a správu e-shopu
- WordPress
HTML
- hypertext markup language
- značkovací jazyk užívaný pro tvorbu stránek
- příponou je .html a .htm
- je charakterizován množinou značek (tagů) a jejich vlastností (atributů)
- značky obalují veškerý obsah tak, aby byl čitelný pro prohlížeče
- značky dělíme na párové (mají otvírací a zavírací část, zavírací obsahuje navíc zpětné lomítko) a nepárové
- základní struktura HTML
- na začátku musíme deklarovat typ documentu <!doctype>
- kořenový element provázející celý dokument <html>
- hlavička dokumentu <head>
- obsahuje metadata o dokumentu, titulek stránky a další
- samotné tělo dokumentu <body>
- základní tagy
- odstavec <p></p>
- <span style=“color: blue“></span> je dvojice tagů vymezující nějak odlišný text, v tomto případě modrý
- odkaz (anchor) <a href=“adresa„></a>
- nadpisy <h1></h1> až <h6></h6>
- formátování textu
- <b></b> tučný text
- <i></i> kurzíva
- <u></u> podtržení
- vodorovná čára <hr>
- nový řádek <br>
- tabulka <table></table>
- řádek tabulky <tr></tr>
- buňka tabulky <td></td>
- seznam
- číslovaný <ol></ol>
- odrážky <ul></ul>
- položka jakéhokoliv seznamu <li></li>
- vložený obrázek <img src=“zdroj„>
- formátování
- zarovnání align=“left/center/right“
- barva style=“color: blue“
- písmo style=“font-family: Segoe UI Light“
- odstavec <p></p>
CSS
- kaskádové styly
- určuje, jak se mají zobrazovat elementy (např. barva a velikost písma, nastavení nadpisů, odkazů)
Služba WWW
- world wide web, jedna ze základních služeb internetu
- označení pro systém prohlížení, ukládání a odkazování dokumentů nacházejících se v internetu
- stránky jsou uloženy na webových serverech a jsou navzájem propojeny pomocí hypertextových odkazů zapisovaných ve formě URL
- webové stránky si prohlížíme pomocí webového prohlížeče (Google Chrome, Edge, Mozilla Firefox, Safari, Opera)
- webové stránky jsou popsány pomocí HTML jazyka a pro jejich přenos mezi počítači je používán HTTP protokol (případně zabezpečený HTTPS protokol)
- nezaměňovat s internetem: internet je globální sít, která spojuje všechny sítě, zatímco web jsou všechny informace dostupné na internetu (-> internet je infrastruktura a web je služba na ní postavená)
Následující okruh: 22. Počítačové viry a ochrana
0 komentářů