Lekce 13 - Tvorba CSS pro tisk
V předchozí lekci, Responzivní tabulky, jsme se dozvěděli, jaké jsou způsoby responzivních tabulek a také jsme si je ukázali.
V tomto tutoriálu responzivního webdesignu se naučíme, jak správně vytvářet CSS pro tisk stránek na tiskárně.
Motivace
Představte si, že uvidíte recept na vaše oblíbené lasagne na nějaké webové stránce:
Tento recept si chcete vytisknout na papír. Máme zde ale hodně rušivých elementů - bannery v pozadí stránky a také hned další napravo od receptu. Jsou zde zobrazeny také podobné recepty. Barvy tiskárny bychom klasickým tiskem zbytečně vyplýtvali. Když stránku vytiskneme klasickým způsobem (pravým kliknutím a výběrem možnosti Tisk), dostaneme tento výsledek:
Webový prohlížeč dokázal obsah stránky alespoň částečně zredukovat. V receptu jsou přesto zbytečné fotografie a další tlačítka. Kromě toho jde pouze o druhou stránku z 5. Pokud jste všímaví, na stránce pod receptem je tlačítko Vytisknout recept, kdy skript nahraje vlastní CSS a vytiskneme pouze daný recept bez zbytku stránky:
Nyní je na papíře jen to, co tam má být. Ukažme si další příklad. Mějme webovou aplikaci pro rezervaci vozidel ve firmě:
...konec náhledu článku...
Pokračuj dál
Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.
roční PŘEDPLATNÉ
1 082 Kč
měsíčně, placeno ročně (12 984 Kč)14 000+ lekcí, cvičení a testů
6 000+ ti zůstane napořád
Neomezený přístup ke všem aktuálním
i připravovaným kurzům.
Koupit pouze tento kurz
Získej okamžitý přístup ke kurzu bez
časového omezení.
175 Kč
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš s Provozními podmínkami.
- Přístup k jednotlivým lekcím dle způsobu pořízení.
- Kvalitní znalosti v oblasti IT.
- Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.
Popis článku
Požadovaný článek má následující obsah:
V tomto tutoriálu si vysvětlíme, jak vytvořit CSS styly, které se aplikují při vytisknutí stránky na tiskárně.
David se informační technologie naučil na Unicorn University - prestižní soukromé vysoké škole IT a ekonomie.