5. modul - 5.lekce
Efekty - oživení webu
V této lekci si ukážeme nastavení, která pomohou oživit váš web.
STÍNY
U každého prvku, jako jsou například texty, fotky, ikony či tvary, můžete nastavit stíny. Využít se to může například u PDF ke stažení, které vytvoříte jednoduše ze dvou fotek a stínováním mu dodáte pocit fyzického dokumentu. Další zajímavou variantou jsou stíny u tlačítek.
ROHY
Zaoblení rohů, ať už všech čtyř nebo jen jednoho, je dobře využitelné u pozadí tlačítek. Vytvořit si však můžete i zajímavé grafické prvky, které můžete využít na webu.
HOVER
Tato funkce se nejvíce využívá u textů, ale není výjimkou ani u fotek či tvarů. Jde o to, co se stane s prvkem, když se na něj najede kurzorem myši. Tlačítko může změnit barvu, text změnit font, velikost i barvu, fotka může být průhlednější nebo úplně zmizet.
CANVAS BACKGROUND
Nastavení pozadí nemusí být jen nudná barva či statická fotka. Těmito možnostmi rozzáříte a rozpohybujete váš web:
Před pokračováním do další části kurzu si prověřte své nově získané znalosti v krátkém kvízu. Úspěšné zvládnutí kvízu vám potvrdí, že jste pátý modul správně pochopili a můžete se pustit do dalších lekcí.
STÍNY
U každého prvku, jako jsou například texty, fotky, ikony či tvary, můžete nastavit stíny. Využít se to může například u PDF ke stažení, které vytvoříte jednoduše ze dvou fotek a stínováním mu dodáte pocit fyzického dokumentu. Další zajímavou variantou jsou stíny u tlačítek.
ROHY
Zaoblení rohů, ať už všech čtyř nebo jen jednoho, je dobře využitelné u pozadí tlačítek. Vytvořit si však můžete i zajímavé grafické prvky, které můžete využít na webu.
HOVER
Tato funkce se nejvíce využívá u textů, ale není výjimkou ani u fotek či tvarů. Jde o to, co se stane s prvkem, když se na něj najede kurzorem myši. Tlačítko může změnit barvu, text změnit font, velikost i barvu, fotka může být průhlednější nebo úplně zmizet.
CANVAS BACKGROUND
Nastavení pozadí nemusí být jen nudná barva či statická fotka. Těmito možnostmi rozzáříte a rozpohybujete váš web:
- Video - Umístění videa na pozadí canvasu je dokonalá možnost, jak vnést na svůj web pohyb. Video musí mít malou velikost (maximálně 8 MB), ale zároveň být v dobré kvalitě. Přes video pak můžeme přidat text a celkově video ztmavit, aby text dobře vynikal.
- Scroll image - Pokud na pozadí canvasu zvolíte fotografii, nemusí být opět jen nudně statická. Pomocí nastavení "scroll with page" bude daný canvas vypadat jako pohyblivý.
- Gradient - Pokud chcete na webu něco extra, využijte na pozadí canvasu gradient - neboli stínování. Zvolíte dvě barvy, které se dokonale prolnou a vytvoří krásný efekt.
Před pokračováním do další části kurzu si prověřte své nově získané znalosti v krátkém kvízu. Úspěšné zvládnutí kvízu vám potvrdí, že jste pátý modul správně pochopili a můžete se pustit do dalších lekcí.
