Tvorba Bootstrap š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.
Lekce 1 - Tvorba Bootstrap šablony z PSD - Wireframe a grafický editor
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.
Lekce 2 - Tvorba Bootstrap šablony z PSD - Založení projektu
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.
Lekce 3 - Tvorba Bootstrap šablony z PSD - O firmě
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.
Lekce 4 - Tvorba Bootstrap šablony z PSD - Kontakty a patička
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.
Lekce 5 - Tvorba Bootstrap šablony z PSD - Společnosti a prohlídka
V Bootstrap tutoriálu si krok po kroku vysvětlíme, jak vytvořit sekce Naše společnosti a Virtuální prohlídka.
Lekce 6 - Tvorba Bootstrap šablony z PSD - Header a panel s tlačítky
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.
Lekce 7 - Tvorba Bootstrap šablony z PSD - Dokončení panelu a navigace
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.
Lekce 8 - Tvorba Bootstrap šablony z PSD - Dokončení pro desktop
V HTML a CSS tutoriálu dokončíme bootstrapovou šablonu, která tak bude kompletní pro zobrazení na velkých zařízeních.
Lekce 9 - Tvorba Bootstrap šablony z PSD - Responzivita
V HTML a CSS tutoriálu přidáme bootstrapové šabloně responzivitu, aby se zobrazovala korektně i na mobilních zařízeních.