Diskuze: PSD do HTML
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.


Zobrazeno 9 zpráv z 9.
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.


Nevím, jak to přesně myslíš. Pokud máš nějaký návrh v PSD, tak podle něj děláš stránku pomocí HTML/CSS. Pokud by si chtěl aby to za tebe udělal někdo jiný, tak si asi budeš muset zaplatit. Pokud já vím, tak žádný program na "automatický" převod neexistuje.
Jednoduše - metodou replikace.
Snažíš se pomocí HTML a CSS vyjádřit to, co se nachází na grafickém
podkladu, tj. PSD soubor.
Jedná se o činnost ručně vykonávanou.
Abych tě vyvedl z omylu, žádný spolehlivý nástroj, co to oddře za tebe, neexistuje.
Tutoriál? Mrkni sem, na ITNetwork, co se HTML a CSS týče, je toho tady dost (ne, adresu ti nepošlu, odkaz máš skoro před ksichtem).
A pokud máš problém, vygoogli si ho. Já to tak praktikuji hodně dlouho.
Klasicky ideš zaradom od hora dole, vyberáš si z PSD obrázky, ktoré ti treba vložiť do html, alebo css, kopíruješ hexadecimáílne kódy farieb z PSD do CSS a tak podobne...
Na záver by som pripomenul, že vytvoriť KVALITNÚ repliku PSD v HTML a CSS nie je vôbec také jednoduché, ako sa javí. Isteže, dá sa to spraviť za dve hodinky, ale tak, že potom všetci nadávajú...
PS podporuje i funkci, která ti umožní získat rychle CSS (nevím, jak je to s kvalitou, nepoužívám to) - púravý tlačítko a kopírovat CSS. Můžeš taky použít program třeba Adobe Muse, nebo stáhnout nějakou free html template a tu následně upravit do potřebné představy.
Super program který ti s převodem pomůže je avocode (https://avocode.com/…veloper.html) je teda ale placenej...
Jak už tady bylo hodně řečeno - pokud máš nějaký návrh, nejlepší
je, udělat si to pěkně sám postupně.
Obzvlášť jestli začínáš dělat weby na zakázku pro klienty, není
úplně dobré vzít si od něj práci a prohnat to přes nějaký program. Já
osobně jsem nikdy nepoužíval žádný a po pár týdnech kódování se do
toho pomalu dostaneš 
Zobrazeno 9 zpráv z 9.