Tvorba Bootstrap šablony z PSD souboru
HTML a CSS
Bootstrap
Tvorba šablony z PSD souboru
V on-line kurzu se naučíme nakódovat šablonu z PSD souboru do HTML a CSS pomocí populárního frameworku Bootstrap.
V Bootstrap tutoriálu si ukážeme základy práce s grafickými editory Affinity Photo, Photopea a Paint.NET. Vysvětlíme si, co je to wireframe a PSD soubor.
Napsala Lucie Hartingerová
V HTML a CSS tutoriálu si založíme nový projekt, připojíme k němu framework Bootstrap, a vytvoříme první část šablony webové stránky.
Napsala Lucie Hartingerová
V Bootstrap tutoriálu pokračujeme v kódování reálné firemní šablony z PSD souboru. V HTML a CSS dokončíme sekci o firmě pomocí grid systému.
Napsala Lucie Hartingerová
V Bootstrap tutoriálu budeme dále pracovat na bootstrapové šabloně naší webové stránky. Ukážeme si, jak přidat kontaktní informace a patičku.
Napsala Lucie Hartingerová
V Bootstrap tutoriálu si krok po kroku vysvětlíme, jak vytvořit sekce Naše společnosti a Virtuální prohlídka.
Napsala Lucie Hartingerová
V Bootstrap tutoriálu se pustíme do headeru. Nastavíme pozadí, texty a tlačítko. Ve zbytku lekce začneme pracovat na panelu s tlačítky.
Napsala Lucie Hartingerová
V Bootstrap tutoriálu dokončíme práci na panelu s tlačítky, dodatečně ostylujeme sekci Moderní bydlení a začneme navigační menu.
Napsala Lucie Hartingerová
V HTML a CSS tutoriálu dokončíme bootstrapovou šablonu, která tak bude kompletní pro zobrazení na velkých zařízeních.
Napsala Lucie Hartingerová
V HTML a CSS tutoriálu přidáme bootstrapové šabloně responzivitu, aby se zobrazovala korektně i na mobilních zařízeních.
Napsala Lucie Hartingerová