C týden
Tento týden až 80% sleva na e-learning týkající se jazyka C
50 % bodů zdarma na online výuku díky naší Slevové akci!

Tvorba Bootstrap šablony z PSD souboru - Online kurz

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.
Napsala Lucie Hartingerová
Zdarma Zobrazit popis
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.
Napsala Lucie Hartingerová
Zdarma Zobrazit popis
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.
Napsala Lucie Hartingerová
Zdarma Zobrazit popis
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.
Napsala Lucie Hartingerová
PRO Zobrazit popis
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.
Napsala Lucie Hartingerová
PRO Zobrazit popis
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.
Napsala Lucie Hartingerová
PRO Zobrazit popis
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.
Napsala Lucie Hartingerová
PRO Zobrazit popis
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.
Napsala Lucie Hartingerová
PRO Zobrazit popis
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.
Napsala Lucie Hartingerová
PRO Zobrazit popis


 

Aktivity (7)