Inspirace – Jak vypadají nejlepší a nejoblíbenější USB flash disky?
18.2.2016
Indesign – Několik tipů na urychlení práce
7.3.2016
Inspirace – Jak vypadají nejlepší a nejoblíbenější USB flash disky?
18.2.2016
Indesign – Několik tipů na urychlení práce
7.3.2016
Ukázat vše

Photoshop – Jak vytvořit HTML newsletter bez programování a editování šablony

V dnešním článku na dtpko.cz si ukážeme, jak ve Photoshopu funguje nástroj Slice (rozřezání) a jak pomocí tohoto nástroje exportovat html soubory pro web. Můžete tak vytvořit například html mail, pozvánku nebo newsletter, včetně aktivních prolinků třeba na váš web, nebo e-shop.

 

Předem tohoto článku chci upozornit, že na těchto stránkách najdete také snadné úpravy fotografií, různé efekty, retuše a jiné triky pro Adobe Photoshop a najdete je zde.

Není úplná náhoda, že na našem serveru je nejčtenější článek o webovém rozhraní pro tvorbu newsletterů Mailchimp. Zabýváme se zde i HTML problematikou, včetně návodů na on-line služby, například pro posílání newsletterů. Konkrétně jedna z nejoblíbenějších zahraničních služeb Mailchimp, si zaslouží pozornost a z těch českých jmenujme například skvělou službu Eco mail, nebo Mail Komplet.

Všechny tyto služby vám nabídnou možnost vytvořit si vlastní newsletter pomocí předem definované šablony, která má většinou jasně daný design a určitým modifikováním, si ji můžete upravit, do vaší ideální podoby. Né každému to vyhovuje a né vždy se dá vytvořit úplně přesně to, co chcete.

Pak máte dvě možnosti. Buďto zadáte vytvořit šablonu zkušenému kodérovi, který si za naprogramování řekne nemalou částku a vytvoří vám validní šablonu, ze které budou nadšení všechny spam filtry včetně Google robota, jak krásnou a validní šablonu plnou html textu kodér vytvořil, nebo můžete zkusit postup, který je popsán v dnešním článku.


– Stáhněte si kompletní tutoriály kanálu dtpko.cz bez reklam –

Když už máte hotový design newsletteru, vytvořit newsletter pomocí nástroje Slice ve Photoshopu, již pro vás bude snadné. Potřebujete k tomu pouze Photoshop, a nebo jakýkoli podobný software umožňující práci s podobným nástrojem jako je slice.
 

Tento postup pomocí nástroje Slice a programu Adobe Photoshop, je pouze návodem, jak využít tento nástroj pro export do html pro majitele programu Adobe Photoshop, nebo pro uživatele, kteří si v 30 denní lhůtě tento software testují. Nemáme v žádném případě v úmyslu znevýhodňovat HTML šablony, či HTML kodéry v jejich práci :-). Jedná se o určitou alternativu a možné řešení pro atypické newslettery, pozvánky, PFka a třeba i svatební oznámení. (tento odstavec vznikl na základě písemné stížnosti nejmenovaného kodéra)

 

V dnešním videu vás nebudeme zbytečně zatěžovat kódy navíc, které by se mohly do takto vytvořené šablony ještě přidat, například pro zobrazení na retina display, nebo korektním zobrazení v Microsoft Outlook. Tam je potřeba ještě pár úprav.

Více již prozradí dnešní video.
 

keywords:
vytvořit newsletter, jak snadno vytvořit newsletter, mailchimp,slice, photoshop pro web, photoshop export html, html pozvanka, html sablona, newsletter sablona, eco mail, mail komlet, odeslani newsletteru, jak odeslat newsletter,



– Youtube kanál dtpko.cz – Tutoriály v češtině pro Adobe Photoshop –
Na Youtube kanálu dtpko.cz aktuálně 8870 odběratelů sleduje české tutoriály pro Adobe Photoshop. Přidáte se?
UKÁZAT





3 Comments

  1. Tomáš napsal:

    To je super!!! a já se tak plácal v html a výsledek dopadnul katastrofálně… tohle je fakt easy alternativa.. díky

  2. geibi napsal:

    Zdravím Vás a děkuji za super návod! 🙂 Tohle všechno zvládnu vytvořit, ale můžete mi prosím poradit s jednou věcí? Pokud teda už mám vytvořený zip. soubor s html kódem, jak ho můžu použít v Gmailu? Jde to vůbec? Děkujii

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

0
    0
    dtpko.cz – Košík
    Košík je prázdnýNávrat do obchodu