Creare newsletter in Photoshop

[GabriELoS]

Titlul postului este eronat.

Photoshop este un program pentru editare imagini.

De acord, cu el am facut template-ul asa cum probabil fac multi care timit newsletter-e

Tu trebuie sa inveti sa creezi html dintr-o imagine. Trebuie sa creezi o pagina cu design similar cu ce ai in photoshop. Iar asta inseamna implicit ca ai cod html+imagini. Link-urile le adaugi pur si simplu din editor.

Functia "save for web" din photoshop face ce spui tu, cu alte cuvinte creaza o pagina index in care se gaseste codul html care alcatuieste newsletter-ul (cu imaginile aferente).

Pe mine ma intereseaza un soft care sa incarce acest continut dupa care sa fie trimis pe o adresa de mail

Am gasit acum in mailchimp o chestie interesanta. Observ ca se poate importa cod html numai ca e o mica problema cu afisarea si nu inteleg ce este de facut avand in vedere ca border este pe 0

slice.jpg

[GabriELoS]

Ok, am gasit intre timp o solutie si in continuare voi explica pe scurt intregul proces.

1. Se creaza template-ul in Photoshop (sau se cumpara de pe site-urile de profil).
2. Dupa ce ati terminat de adaugat poze, text, etc., se foloseste "slice tool" (n-am sa dezvolt, se poate cauta pe youtube).
3. Imediat cum ati terminat cu unealta "slice tool" dati "file" si apoi "save for web" si aveti grija sa selectati optiunea "html and images" cand vreti sa salvati continutul. O sa aveti asadar un folder (sa ii zicem newsletter) in interiorul caruia o sa gasiti newsletter.html (sau index, depinde ce nume ii dati) + un folder "images" in care se afla toate pozele create cu "slice tool".
4. Deschideti fisierul .html in dreamweaver, notepad++ sau orice alt editor si puneti link-urile pe sectiunile care va intereseaza. (sa zicem link de pe logo pe home page-ul domeniului vostru - ati prins ideea)
5. Va faceti un cont de mailchimp si cautati ramura templates. Aici o sa gasiti si o optiune de a insera cod html (daca nu vreti sa foloti template-urile lor).
Observatie la acest pas. Aveti grija ca acel continut exportat din photoshop sa fie urcat pe server (site-ul vostru) si mai ales url-ul imaginilor sa fie de genul http://www.numedomeniu.ro/nume_folder_creat_din photoshop/images/numele_imagine.png.

Initial in editorul vostru o sa gasiti ceva de genul "http://forum.seopedia.ro/images/nume_imagine.png" (nu uitati ca trebuie sa fie linkul complet de forma "http://www.numedomeniu.ro/nume_folder_creat_din photoshop/images/nume_imagine.png") Daca nu veti face asta nu vor fi afisate imaginile in momentul in care veti trimite newsletter si aveti o problema pentru ca nu se vede continutul.

6. O sa aveti aceasi problema ca si mine in mailchimp (vezi atasament) insa exsita o rezolvare: peste tot unde gasiti <img src="cod" "cod" "cod" style="display:block" /> puneti codul boldat. In acest mod newsletter-ul va fi afisat in mod corect.
slice.jpg

Daca am omis ceva sau nu va descurcati PM si va ajut