Diskuze: Dizajn
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Zobrazeno 18 zpráv z 18.
K personalizaci obsahu a reklam, poskytování funkcí sociálních médií a analýze naší návštěvnosti využíváme soubory cookie. Informace o tom, jak náš web používáte, sdílíme se svými partnery pro sociální média, inzerci a analýzy. Partneři tyto údaje mohou zkombinovat s dalšími informacemi, které jste jim poskytli nebo které získali v důsledku toho, že používáte jejich služby.
Používáme nezbytné cookies pro fungování webu a s tvým souhlasem také analytické a marketingové cookies.
Zajišťují základní funkce, bezpečnost a služby, které sis vyžádal. Nelze je vypnout.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| ITnetwork | ITnetwork | Provoz webu, relace, přihlášení a uložení nastavení cookies. | PHPSESSID, auth_token, sid, itn_consent_impression, __Host-itn_consent | Relace až 1 rok |
| Google Tag Manager | Správa značek a načítání měřicích nástrojů webu. | Žádné | Neukládá se | |
| Google Fonts | Načítání typografie webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google Hosted Libraries | Načítání potřebných knihoven a stylů webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google reCAPTCHA | Ochrana formulářů a webu před zneužitím. | _GRECAPTCHA, rc::a, rc::b, rc::c, rc::f | Relace až 180 dní | |
| YouTube | Přehrávání vloženého video obsahu. | localStorage, IndexedDB; cookies after playback interaction | Relace až trvalé úložiště | |
| Vimeo | Vimeo | Přehrávání vloženého video obsahu. | __cf_bm, _cfuvid, vuid, localStorage, IndexedDB | Relace až 2 roky |
| Facebook Login | Meta | Přihlášení pomocí účtu třetí strany. | Úložiště řízené poskytovatelem | Relace až 1 rok |
| GoPay | GoPay | Zpracování uživatelem vyžádané platby. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
Pomáhají nám porozumět používání webu a zlepšovat ho.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Analytics 4 | Měření návštěvnosti a používání webu. | _ga, _ga_* | Až 2 roky | |
| Microsoft Clarity | Microsoft | Měření návštěvnosti a používání webu. | _clck, _clsk, _cltk | Relace až 1 rok |
Slouží k měření kampaní, personalizaci reklamy a marketingové komunikaci.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Ads | Měření kampaní, reklama a remarketing. | _gcl_au, _gcl_ls | Relace až 90 dní | |
| Meta Pixel | Meta | Měření kampaní, reklama a remarketing. | _fbp, _fbc, localStorage | Až 90 dní |
| Sklik | Seznam.cz | Měření kampaní, reklama a remarketing. | retargeting, sid, szn:* | Relace až trvalé úložiště |
| LinkedIn Insight | Měření kampaní, reklama a remarketing. | bcookie, li_gc, lidc, __cf_bm | Relace až 1 rok | |
| Ecomail | Ecomail.cz | Měření kampaní, reklama a remarketing. | ecmid, Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
| Atribuce kampaní ITnetwork | ITnetwork | Přiřazení návštěvy a objednávky ke kampani. | campaign_clid[*], user_session_context | Až 1 rok |
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
a povieš ako? 
Myslím, že sa to dá (a keďže Kit napísal, že ano, tak to tak aj je), ale nikdy som to neskúšal, pretože som to nikdy nepotreboval. Ako sa to dá spraviť?
Tato technologie se dá s výhodou využít také na to, aby se komplet celý design webu nacpal do jednoho obrázku. Je to úspornější a mnohem rychlejší, než klasické řešení. Používá to např. Google. Stačí si nechat zobrazit některý z obrázků na pozadí a hned to bude jasné.
Slouží k tomu vlastnost :hover u selektoru v CSS. Úplně základní změnu pozadí uděláš tak, že si nadefinuješ 2 styly, jeden s hover a jeden bez něj, třeba:
#menu li {
background-image:url('neaktivni.png');
}
#menu li:hover {
background-image:url('aktivni.png');
}
Lepší je to pozadí přednačíst, jak ti posílal Kit.
Nespôsobí to náhodou to, že sa zmení iba pozadie objektu, v ktorom je odkaz?
Však to stačí, ne? Můžeš změnit i barvu a typ písma a další atributy, ale proč bys to dělal?
To sa mi nezdá. Ono to iba posúva prvok iným smerom. Nechápem, ako by sa tým dalo nastaviť zmenu pozadia niečoho iného s úplne inými rozmermi.
EDIT: Ja som mal na mysli zmenu pozadia úplne iného objektu (napr. kliknem na menu a zmení sa mi hlavička stránky.
To určite. Neviem o tom, aby to dokázalo samotné CSS. Ale je to zložité,
alebo stačí na to jeden riadok kódu? (Ak sa to dá jednoducho, tak ako?)
Ešte by som chcel vedieť, či neexistuje spôsob, ako zistiť rozmery objektov
a automaticky ich zapísať (pomocou php/javascript)
CSS není kompletní jazyk. V Javascriptu si na obsluhu napíšeš funkci, která se může vejít na 1 řádek. Dobře se to dělá i v jQuery.
Jestli myslíš rozměry obrázků, tak v PHP je na to funkce http://php.net/…magesize.php , která ti ty rozměry rovnou může strčit do HTML.
Výsledek je předán v poli:
Array
(
[0] => 1024
[1] => 768
[2] => 2
[3] => width="1024" height="768"
[bits] => 8
[channels] => 3
[mime] => image/jpeg
)
Stačí vzít $pole[3] a přidat ke značce img.
Ahoj chcem sa ešte spýtať: mam prázdnu stránku a chcel by som si to urobiť ako v programe GIMP to menu poradťe pls
Na tvorbu menu se mi osvědčila stránka
http://css.maxdesign.com.au/listamatic/
Netuším, co si mám představit "ako v programe GIMP". V Gimpu jsem menu nikdy nedělal, to je program na tvorbu obrázků a animací.
?
Ja si dizajn robím pomocou skicára v pc. Vytvorím si jednotlivé diely
pozadia a pripočítam veľkosti jednotlivých dielov, ktoré potom vkladám do
stránky. Pritom používam výhradne formát PNG, pretože obrázky
nedeformuje, zaberá minimum pamäte a prehliadače tento formát
podporujú.
Zobrazeno 18 zpráv z 18.
