Radomír Prokop

Tyto stránky jsou určeny jako doplněk k výuce probíhající na naší škole. Studenti mohou z těchto stránek libovolně čerpat materiály pro svou práci a podle potřeby si příslušný učební materiál vytisknout. Veškeré zde umístěné materiály neprošly jazykovou úpravou.

Všechny tyto studijní materiály jsou rovněž umístěné v aplikaci MS Teams a to v týmech pro jednotlivé třídy.



COPYRIGHT © 2001 - 2025 | HTML5 | CSS

Odkazy

Validátory a Konsorcium W3C

• Online validátor pro jazyk HTML
• Online validátor pro jazyk CSS
• Online validátor pro jazyk PHP
• Online validátor pro jazyk JavaScript
• Konsorcium W3C

Webové šablony zdarma k použití

• https://www.free-css.com/free-css-templates
• https://html5webtemplates.co.uk/templates
• https://html5up.net
• https://html5-templates.com
• https://templatemo.com/tag/html5
• https://colorlib.com/wp/free-html5-website-templates

Nástroje pro tvorbu nového webu

• Webnode
• Mozello
• Saywebpage
• WIX
• Mioweb
• Zombeek
• eStránky
• WebSnadno
• WebSite
• WordPress

Web hosting zdarma (freehosting)

• Endora
• Webnode
• Webzdarma

Online tutoriály (w3schools.com)

• HTML5
• CSS3
• JavaScript
• PHP
• SQL
• Bootstrap
• jQuery

CSS - míchání barev

• Create a Palette - Coolors
• Colorpicker - výběr HTML a CSS barev
• Barevný kruh, generátor barevné palety, Adobe Color
• Paletton - The Color Scheme Designer

Google fonts

• Google fonts

Největší databáze bezplatných ikon

• FLATICON

Fotografie zdarma

• Pixabay
• Pexels
• Unsplash
• Depositphotos
• Freepik
• Foodiesfeed

Škola a maturita

• SŠ teleinformatiky
• Škola OnLine
• Maturita / Cermat

Umělá inteligence (AI)

• ChatGPT
• Claude
• Perplexity
• Microsoft Copilot
• Gemini (Google)

Programy, aplikace, portály a služby vhodné pro web

Visual Studio Code

Je editor zdrojového kódu vyvíjený společností Microsoft pro operační systémy Windows, Linux a macOS.
Odkaz ke stažení programu: https://code.visualstudio.com

PSPad editor

Je volně šiřitelný (freeware) univerzální editor pro MS Windows.
Odkaz ke stažení programu: https://www.pspad.com/cz/download.php

Sublime Text

Je propracovaný textový editor pro kódy, html a text s mimořádnými vlastnostmi.
Odkaz ke stažení programu: https://www.sublimetext.com/download

XAMPP

Je multiplatformní softwarový balíček vyvinutý firmou Apache Friends. Vytvoří lokální webový server pro vývoj a testování.
Odkaz ke stažení programu: https://www.apachefriends.org

HTML-CSS-JS (The Client-Side Of The Web)

Online HTML, CSS a JS editor s okamžitým náhledem. Trojice HTML-CSS-JS jsou částí téměř všech webových stránek. Jedná se o bezplatnou online sbírku nástrojů.
Odkaz ke stažení programu: https://html-css-js.com

RAJCE.NET

Rajce.net je webový portál, na kterém si lidé mohou ukládat své fotografie. Na tomto webu je budou mít uložené v bezpečí a nehrozí, že by se jim jen tak smazaly. Dále lze na Rajčeti své fotografie sdílet s přáteli či rodinou nebo si vytvořit z těchto fotek profesionální fotoknihu, kalendář, pexeso, fotky na zeď, fotomagnetky na lednici nebo plakát.
Odkaz: https://www.rajce.idnes.cz

ZONERAMA

Zonerama.com je online služba, která nabízí prostor pro sdílení fotografií a videí a jejich organizování do alb. Tvůrcem této aplikace je společnost ZONER software, a. s., která je rovněž tvůrcem editoru obrazových souborů Zoner Photo Studio.
Odkaz: https://eu.zonerama.com

VIMEO

Vimeo slouží k tomu, abyste mohli prezentovat svůj audiovizuální obsah a sdílet ho tak se stejně naladěnými jedinci, potenciálními zákazníky nebo prostě s lidmi, kteří podobný typ obsahu vyhledávají. Tvůrci obsahu mohou také sdílet své pohledy na věc a vytvářet komunitu a spolupracovat s ostatními.
Odkaz: https://vimeo.com

WiseMapping

WiseMapping je bezplatná, rychlá a jednoduchá online myšlenková mapa pro jednotlivce i firmy. Zaregistrujte se nebo se přihlašte prostřednictvím Google účtu a začněte organizovat a sdílet své nápady a myšlenky. Podporuje export a import jiných formátů.
Odkaz na online aplikaci: https://www.wisemapping.com

Bubbl

Potřebujete-li rychle vytvořit myšlenkovou mapu pouze s vkládáním textu, dobrou volbou je online aplikace Bubbl. Nabízí možnost intuitivního vkládání polí, jednoduché formátování textu (editace barvy a velikosti písma) a stažení ve formátu png, jpg nebo html.
Odkaz na online aplikaci: https://bubbl.us

Canva

Online nástroj, ve kterém můžete vytvořit grafiku a použít obrázky z fotobanky naráz. Takže ať už potřebujete vytvořit obrázky na blog, příspěvky na sociální sítě nebo letáky, prezentace či vizitky, je pro vás Canva ta správná volba.
Odkaz na online aplikaci: https://www.canva.com