Geek tričko zdarma SQL týden
Tričko zdarma! Stačí před dobitím bodů použít kód TRIKO15. Více informací zde
Do 19.5. až 80% sleva na Kurzy SQL.

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.

Tvorba Bootstrap šablony z PSD - Wireframe a grafický editor

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.
ZdarmaNapsala Lucie Hartingerová
Tvorba Bootstrap šablony z PSD - Založení projektu

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.
ZdarmaNehodnocenoNapsala Lucie Hartingerová
Tvorba Bootstrap šablony z PSD - O firmě

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.
ZdarmaNehodnocenoNapsala Lucie Hartingerová
Tvorba Bootstrap šablony z PSD - Kontakty a patička

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.
Premium bez přeprodáváníNapsala Lucie Hartingerová
Tvorba Bootstrap šablony z PSD - Společnosti a prohlídka

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.
Premium bez přeprodáváníNapsala Lucie Hartingerová
Tvorba Bootstrap šablony z PSD - Header a panel s tlačítky

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.
Premium bez přeprodáváníNehodnocenoNapsala Lucie Hartingerová
Tvorba Bootstrap šablony z PSD - Dokončení panelu a navigace

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.
Premium bez přeprodáváníNehodnocenoNapsala Lucie Hartingerová
Tvorba Bootstrap šablony z PSD - Dokončení pro desktop

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.
Premium bez přeprodáváníNehodnocenoNapsala Lucie Hartingerová
Tvorba Bootstrap šablony z PSD - Responzivita

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.
Premium bez přeprodáváníNehodnocenoNapsala Lucie Hartingerová


 

Aktivity (5)