Návody

Naučte se tvořit web

Srozumitelné návody pro úplné začátečníky – HTML, CSS a PHP. Bez zbytečné teorie, rovnou k věci a s příklady, které si hned vyzkoušíte.

HTML→CSS+PHP

Pro tvorbu vzhledu doporučuji pořadí HTML → CSS. PHP je samostatné téma (dynamické weby) – CSS pro něj není podmínkou, stačí základy HTML.

Začít prvním návodem →

Co znamenají úrovně: úplný začátečník = nemusíte umět vůbec nic · začátečník = hodí se základy HTML (z 1. návodu) · mírně pokročilý = počítá se se základy HTML i CSS.

HTML

Obsah a struktura stránky – kostra každého webu.

Jak vytvořit první webovou stránku v HTML ★ Začněte tadyKrok za krokem od prázdného souboru k první funkční stránce. Čtení 7 min · úplný začátečník → Jak udělat web z více stránek NavazujeDruhý soubor, propojení stránek odkazy a společné menu. Čtení 4 min · začátečník → Jak přidat obrázky a odkazy na web NavazujeObrázek, odkaz a jednoduché menu – s kódem i náhledem. Čtení 4 min · začátečník → Jaký je rozdíl mezi HTML a CSS? Dobré vědětNejčastější otázka začátečníků na jednom názorném příkladu. Čtení 4 min · úplný začátečník → Jak udělat tabulku v HTML HTML · tabulkyZnačky table, tr, td a th, hlavička, spojování buněk a hlavně kdy tabulku použít a kdy ne. Čtení 7 min · začátečník →

CSS

Vzhled a design – barvy, písmo a rozložení.

HTML a CSS pro začátečníky za 15 minut Základ CSSJak dát stránce vzhled: pravidla, vlastnosti, třídy. Čtení 13 min · začátečník → Barvy, písmo a rozvržení v CSS CSSBarvy a pozadí, písmo a rozvržení – box model i flexbox. Čtení 5 min · začátečník → Jak udělat vyjížděcí menu Praktické CSSRozbalovací podmenu i hamburger menu na mobilu. Čtení 5 min · mírně pokročilý → Jak udělat web, který funguje na mobilu Responzivní webViewport, pružné rozměry a media queries – aby web slušel telefonu i počítači. Čtení 9 min · mírně pokročilý →

PHP

Dynamické weby – formuláře, načítání dat.

Co je PHP a k čemu se hodí Úvod do PHPÚvod do jazyka, který oživí web. Čtení 5 min · začátečník → Kontaktní formulář v PHP Praktické PHPFormulář, který po odeslání pošle e-mail. Čtení 8 min · mírně pokročilý → Společná hlavička a patička přes include PHP · includePříkazy include a require – rozdělte web na opakující se kousky a upravujte menu na jediném místě. Čtení 8 min · mírně pokročilý →

Databáze / SQL

Ukládání a čtení dat – jazyk, kterým se mluví s databází.

Co je databáze a SQL SQL · úvodDatabáze, tabulky, řádky a sloupce, k čemu je SQL a jak souvisí s HTML a PHP. Čtení 7 min · začátečník → Vytvoříme první tabulku (CREATE TABLE) SQL · CREATE TABLECREATE TABLE, datové typy, NOT NULL, primární klíč a AUTO_INCREMENT. Čtení 7 min · začátečník → Jak z databáze vytáhnout data (SELECT) SQL · SELECTSELECT, filtrování přes WHERE, řazení ORDER BY a omezení počtu přes LIMIT. Čtení 8 min · začátečník → Jak data přidat, změnit a smazat (INSERT, UPDATE, DELETE) SQL · změny datINSERT, UPDATE a DELETE, nebezpečí zapomenutého WHERE a pravidlo nejdřív SELECT. Čtení 8 min · mírně pokročilý → Spojování tabulek (JOIN) SQL · JOINProč víc tabulek, cizí klíč a spojení přes JOIN – a jak to celé navazuje na PHP. Čtení 9 min · mírně pokročilý →

Praktické návody

Hotové funkce a tipy na web – krok za krokem.

Cookie lišta na web krok za krokem HTML · CSS · JSFunkční lišta se souhlasem – proč a jak spustit měření až po souhlasu. Čtení 7 min · mírně pokročilý → Jak dostat hotový web na internet Hosting · FTP · doménaDoména, hosting a nahrání webu přes FTP – krok za krokem. Čtení 8 min · začátečník → SEO: jak web najde Google SEOTitulek, popisek, nadpisy, obsah a sitemap – základ, aby web našel Google i zákazníci. Čtení 8 min · pro každého → Proč musí být web rychlý (a jak toho dosáhnout) Rychlost webuOptimalizace obrázků, méně zbytečností a jak rychlost změřit – aby web nikoho nenudil čekáním. Čtení 7 min · pro každého → Jak vybrat dobrou doménu DoménaKrátká a zapamatovatelná, .cz vs .com a kde ji pořídit – jak vybrat adresu webu. Čtení 6 min · pro každého →