Αρχική σελίδα » Διαδίκτυο » Πώς να δημιουργήσετε και να στείλετε το ενημερωτικό δελτίο ηλεκτρονικού ταχυδρομείου δωρεάν

    Πώς να δημιουργήσετε και να στείλετε το ενημερωτικό δελτίο ηλεκτρονικού ταχυδρομείου δωρεάν

    Υπάρχουν πολλές επιλογές πληρωμής που παρέχονται από πολλούς παρόχους ενημερωτικών δελτίων ηλεκτρονικού ταχυδρομείου, αλλά αν μπορείτε να στείλετε ένα από το Gmail, το Yahoo, το Hotmail και οποιοδήποτε άλλο δωρεάν λογαριασμό ηλεκτρονικού ταχυδρομείου, μπορείτε να κάνετε κράτηση περισσότερου προϋπολογισμού σας σε άλλα στοιχεία.

    Αν ψάχνετε για καλύτερες υπηρεσίες διαχείρισης ενημερωτικών δελτίων με εργαλεία για την παρακολούθηση της καμπάνιας ηλεκτρονικού ταχυδρομείου σας, πηγαίνετε με την πληρωμένη υπηρεσία, αλλά αν θέλετε να στείλετε ένα ενημερωτικό δελτίο σε λίγους φίλους, θα αγαπήσετε αυτό το φροντιστήριο.

    Θα σας καθοδηγήσουμε για το πώς μπορείτε να αποθηκεύσετε το δικό σας πρότυπο ενημερωτικού δελτίου ως πρότυπο HTML και να το ξεκινήσετε με τη βοήθεια του CampaignMonitor.

    Ξεκινήστε με το πρότυπο ηλεκτρονικού ταχυδρομείου στο Photoshop

    Εάν έχετε μια ιδέα για το τι θέλετε να μοιάζει με το πρότυπο ενημερωτικού δελτίου σας, μπορείτε να αρχίσετε να εργάζεστε με το Photoshop. Διαφορετικά, μπορείτε να κατεβάσετε ένα πρότυπο από πολλούς δωρεάν παρόχους προτύπων ηλεκτρονικού ταχυδρομείου. Δεν υπάρχει συγκεκριμένο πλάτος και ύψος ενός προτύπου ηλεκτρονικού ταχυδρομείου, αλλά για να βεβαιωθείτε ότι είναι συμβατό και ευανάγνωστο σε οποιοδήποτε μήνυμα ηλεκτρονικού ταχυδρομείου χωρίς διαλείμματα, σας προτείνουμε να ρυθμίσετε το μέγεθος πλάτους σε μέγιστη τιμή 650px. Ωστόσο, δεν υπάρχουν περιορισμοί στα ύψη, έτσι ώστε η παράμετρος να εξαρτάται από εσάς.

    Πρότυπο ηλεκτρονικού ταχυδρομείου

    Μπορείτε να είστε τόσο δημιουργικοί όσο θέλετε με το πρότυπο ηλεκτρονικού ταχυδρομείου σας, αλλά να έχετε κατά νου, με τα πιο δημιουργικά στοιχεία που περιλαμβάνονται, θα υπάρξει περισσότερη δουλειά για τον τεμαχισμό κάθε στοιχείου. Το πρότυπο που θα χρησιμοποιήσουμε έχει μόνο μερικά απλά στοιχεία: μια κεφαλίδα, φωτογραφία, γραμμές και κείμενο, προς όφελος αυτού του οδηγού.

    Επιλογή γραμματοσειρών

    Μπορείτε να χρησιμοποιήσετε σίγουρα οποιοδήποτε τύπο γραμματοσειράς είναι διαθέσιμο στο Photoshop. Αλλά αν δημιουργείτε ένα ενημερωτικό δελτίο, συνιστάται να χρησιμοποιείτε γραμματοσειρές web όπως Times New Roman, Arial και Georgia. Διαφορετικά, χρησιμοποιήστε τις ειδικές γραμματοσειρές σας, αλλά τις αποθηκεύστε ως εικόνες, αντί ως κείμενο.

    Προσπαθήστε να περιορίσετε την ανάγκη να αποθηκεύσετε πολλές εικόνες στο πρότυπό σας, καθώς αυτό θα το κάνει μόνο μεγαλύτερο και συνεπώς θα χρειαστεί περισσότερο χρόνο φόρτωσης.

    1. Αφαιρέστε το πρόγραμμά σας ηλεκτρονικού ταχυδρομείου

    Σε αυτόν τον οδηγό, θα χρησιμοποιήσουμε μια επεξεργασμένη έκδοση του δωρεάν προτύπου ηλεκτρονικού ταχυδρομείου από το CampaignMonitor. Κατεβάστε το εδώ για να ακολουθήσετε αυτό το σεμινάριο.

    Τώρα που είστε έτοιμοι με το πρότυπο ηλεκτρονικού ταχυδρομείου σας, ανοίξτε το με το Photoshop, επιλέξτε Εργαλείο Slice και αρχίστε να κόψετε κάθε στοιχείο του προτύπου.

    Σε αυτή τη διαδικασία, πρέπει να κόψετε κάθε χώρο, κείμενο, γραμμή και εικόνα.

    Όταν κόβετε ένα κείμενο, βεβαιωθείτε ότι έχετε επιλέξει το ακριβές μέγεθος, μην αφήνετε επιπλέον χώρο στην περιοχή κειμένου. Για κενά διαστήματα, τα κόβουμε σε ένα μεγάλο κομμάτι, αλλά τα χωρίζουμε σε τετράγωνα.

    Το επόμενο εργαλείο που πρέπει να χρησιμοποιήσετε με το Photoshop είναι το Εργαλείο επιλογής κόλλας. Χρησιμοποιήστε αυτό το εργαλείο για να διορθώσετε κάθε στοιχείο σε φέτες στο πρότυπό σας. Βεβαιωθείτε ότι κάθε γραμμή είναι συνδεδεμένη, μην αφήνετε κενές περιοχές χωρίς να τις κόψετε.

    Με το εργαλείο επιλογής κόλλας, μεγεθύνετε το πρότυπο και ελέγχετε κάθε κομμάτι που έχετε φτιάξει. Βεβαιωθείτε ότι κάθε γραμμή είναι συνδεδεμένη και σταθερή.

    Το αποτέλεσμα θα μοιάζει με αυτό.

    2. Αποθηκεύστε ως πρότυπο HTML

    Όταν είστε έτοιμοι με το τεμαχισμένο πρότυπο, μεταβείτε στο Αρχείο και επιλέξτε Αποθηκεύστε για ιστό και συσκευές.

    Θα εμφανιστεί ένα παράθυρο με επιλογές αποθήκευσης. Πρώτον, κάντε διπλό κλικ στο στοιχείο εικόνας σας και ονομάστε το για να μπορείτε εύκολα να αναγνωρίσετε το αρχείο εικόνας όταν αποθηκεύεται. Κάντε κλικ Εντάξει αφού τους έχετε ορίσει.

    Στη συνέχεια, στην επάνω δεξιά γωνία του αναδυόμενου παραθύρου, ορίστε τον τύπο εικόνας ως JPEG από το αναπτυσσόμενο μενού. Η ποιότητα μπορεί να ρυθμιστεί σε 60 ή 80. Εάν ρυθμίσετε την ποιότητα σε 100, η ​​ποιότητα της εικόνας θα είναι η μέγιστη, αλλά θα κάνει το πρότυπό σας βαρύ.

    Τώρα κάντε κλικ στο Αποθηκεύσετε στο κάτω μέρος του παραθύρου.

    Θα εμφανιστεί ένα νέο αναδυόμενο παράθυρο. Εδώ, επιλέξτε τον προορισμό όπου θέλετε να αποθηκευτεί το αρχείο και, στη συνέχεια, αλλάξτε τη μορφή σε HTML και εικόνες και ρυθμίστε το Φέτες προς το Όλες οι φέτες.

    Στη συνέχεια, κάτω από το Ρυθμίσεις αναπτυσσόμενο μενού, επιλέξτε Αλλα.

    Ένα άλλο αναδυόμενο παράθυρο θα εμφανιστεί κάτω από το HTML , βεβαιωθείτε ότι οι επιλογές στην ενότητα "Μορφοποίηση" είναι οι παρακάτω. κάντε το ίδιο για την ενότητα "Κωδικοποίηση".

    Τώρα από το HTML αναπτυσσόμενο μενού, επιλέξτε Φέτες, και επιλέξτε Έξοδος φέτας προς το Δημιουργία πίνακα και ορίστε τις στήλες ως εξής.

    Τώρα από Φέτες, παω σε Αποθήκευση αρχείων από το αναπτυσσόμενο μενού, κατεβείτε στην ενότητα "Βελτιστοποιημένα αρχεία" και ελέγξτε Τοποθετήστε τις εικόνες στον φάκελο και ορίστε το όνομα του φακέλου της εικόνας. Ο προεπιλεγμένος φάκελος εικόνας θα είναι "εικόνες". Στη συνέχεια κάντε κλικ στο κουμπί 'ΕΝΤΑΞΕΙ'.

    Κάνοντας κλικ στο OK θα επιστρέψετε στο προηγούμενο αναδυόμενο παράθυρο, κάντε κλικ στο κουμπί OK Αποθηκεύσετε.

    Αφού πατήσετε το κουμπί αποθήκευσης, ανοίξτε το φάκελο όπου αποθηκεύσατε το αρχείο και θα δείτε τον φάκελο html και εικόνες που περιέχει εικόνες που έχουν ήδη αποθηκευτεί για το πρότυπο email σας.

    Ανοίξτε το αρχείο '.html' στο πρόγραμμα περιήγησής σας και θα δείτε ότι το ενημερωτικό δελτίο σας έχει πλέον μετατραπεί σε πρότυπο HTML.

    3. Διορθώστε HTML, Αλλαγή εικόνας κειμένου σε γραμματοσειρές web

    Στο τέλος των παρακάτω βημάτων, θα έχετε το οριστικοποιημένο πρότυπο ηλεκτρονικού ταχυδρομείου σε μορφή HTML.

    Όλα τα στοιχεία του ενημερωτικού δελτίου HTML αποθηκεύονται σε εικόνες που περιλαμβάνουν όλο το κείμενο. Τώρα πρέπει να μετατρέψετε τις εικόνες κειμένου σε γραμματοσειρές web. Για να το κάνετε αυτό, ανοίξτε το αρχείο .html με τον επεξεργαστή HTML. Σε αυτό το παράδειγμα, χρησιμοποιώ το Dreamweaver.

    Κάντε κλικ στην κεφαλίδα και ελέγξτε το επισημασμένο HTML.

    Το HTML θα είναι κάτι τέτοιο.

    Τώρα διαγράψτε κάθε γραμμή που έχει επισημανθεί, εναλλακτικά κάντε κλικ στην εικόνα κεφαλίδας και πατήστε διαγραφή. Μόλις διαγραφεί, θα δείτε την περιοχή που είναι γεμάτη με το προεπιλεγμένο χρώμα φόντου.

    Τώρα επιστρέψτε στο Photoshop, ελέγξτε τα στοιχεία της γραμματοσειράς της κεφαλίδας. Πρέπει να πάρετε τον τύπο, το χρώμα και το μέγεθος της γραμματοσειράς.

    Μόλις λάβετε τις λεπτομέρειες της γραμματοσειράς, εισαγάγετε το κείμενο της κεφαλίδας στην περιοχή κεφαλίδας του προτύπου και συμπεριλάβετε και τις λεπτομέρειες της γραμματοσειράς. Στο παράδειγμά μου, το κείμενο της κεφαλίδας μου HTML είναι ως εξής:

    ABC Newsletter

    Η παραπάνω γραμμή HTML έχει συμπεριλάβει το 'στυλ'. Εκεί καθορίζετε το χρώμα φόντου, την οικογένεια γραμματοσειρών, το μέγεθος της γραμματοσειράς καθώς και το διάστημα μεταξύ των γραμμάτων. Προσπαθήστε να γεμίσετε το χώρο κειμένου με κατάλληλη απόσταση γραμμάτων και μέγεθος γραμματοσειράς. βεβαιωθείτε ότι δεν σπάσει το πρότυπο.

    Τώρα πρέπει να επαναλάβετε την ίδια διαδικασία για κάθε κείμενο στο πρότυπό σας. Βεβαιωθείτε ότι όλες οι εικόνες κειμένου μετατρέπονται σε γραμματοσειρές ιστού και αποφεύγονται οι περιττές εικόνες σε HTML.

    Το επόμενο είναι προαιρετικό, αλλά μπορείτε να ορίσετε το ενημερωτικό δελτίο στο κέντρο, προσθέστε την ευθυγράμμιση στο

    Ενότητα.

    Για να ελέγξετε το τελικό σας πρότυπο, ανοίξτε το αρχείο .html στο πρόγραμμα περιήγησής σας.

    Μπορείτε επίσης να κατεβάσετε το τελικό πρότυπο εδώ για αναφορά.

    4. Στείλτε HTML ως ενημερωτικό δελτίο μέσω του Gmail

    Τώρα, εδώ είναι ένα μικρό τέχνασμα για να σας στείλουμε το ηλεκτρονικό ταχυδρομείο HTML απευθείας από το Gmail. Για να το κάνετε αυτό, πρέπει πραγματικά να ανεβάσετε το φάκελο του ενημερωτικού δελτίου στον διακομιστή ιστού σας, αλλά σε περίπτωση που δεν έχετε, αφήστε το να γίνει με Dropbox αντί.

    Χρήση δημόσιου φακέλου Dropbox

    Εάν καταχωρίσατε το λογαριασμό σας Dropbox πριν από την 1η Αυγούστου 2012, μπορείτε να ακολουθήσετε τα παρακάτω βήματα.

    1. Καταχωρίστε έναν δωρεάν λογαριασμό στο Dropbox και, στη συνέχεια, εγκαταστήστε την εφαρμογή στον υπολογιστή σας ή στο Mac, ώστε να μπορείτε να παραλείψετε τη διαδικασία αποστολής μέσω του ιστού. Αφήστε την εφαρμογή να μεταφορτώσει για εσάς.

    2. Το πρότυπο ηλεκτρονικού ταχυδρομείου που δημιουργήσατε αποθηκεύτηκε σε ένα φάκελο. Αντιγράψτε το φάκελο και επικολλήστε το στο Δημόσιο στο φάκελο Dropbox (Dropbox> Κοινό).

    3. Τώρα, εντοπίστε το αρχείο .html στο φάκελο, κάντε δεξί κλικ και επιλέξτε Αντιγραφή δημόσιου συνδέσμου.

    4. Αφού επιλέξετε "Copy Public Link", ο σύνδεσμος θα αποθηκευτεί στη μνήμη του υπολογιστή σας. Επικολλήστε αυτόν το σύνδεσμο στο πρόγραμμα περιήγησης ιστού και στη συνέχεια ανοίξτε το ως ιστοσελίδα.

    5. Πρέπει να αντιγράψετε το περιεχόμενο αυτού του ενημερωτικού δελτίου, επομένως χρησιμοποιήστε το πληκτρολόγιό σας και πατήστε Ctrl + A για να επιλέξετε όλα και μετά Crtl + C για να αντιγράψετε ολόκληρο το περιεχόμενο (για Mac, χρησιμοποιήστε το Cmd + A για να επιλέξετε όλα και Cmd + C για αντιγραφή)

    6. Ανοίξτε το Gmail, πατήστε Συνθέτω για να λάβετε ένα κενό μήνυμα ηλεκτρονικού ταχυδρομείου, κάντε κλικ στο ποντίκι στο πεδίο κειμένου και, στη συνέχεια, πατήστε Ctrl + V για να επικολλήσετε το ενημερωτικό σας δελτίο στο πεδίο περιεχομένου ηλεκτρονικού ταχυδρομείου. Οι χρήστες Mac μπορούν να πατούν Cmd + V

    7. Το ενημερωτικό σας δελτίο εμφανίζεται τώρα ως περιεχόμενο ηλεκτρονικού ταχυδρομείου. Καταχωρίστε το θέμα και τη διεύθυνση ηλεκτρονικού ταχυδρομείου και στείλτε το πρώτο ενημερωτικό δελτίο ηλεκτρονικού ταχυδρομείου!

    Χρήση εφαρμογής Site44

    Δεδομένου ότι το Dropbox δεν παρέχει πλέον δυνατότητα Δημόσιου Φάκελου για χρήστες Dropbox που έχουν εγγραφεί μετά την 1η Αυγούστου 2012, μπορείτε να δοκιμάσετε το Site44, μια εφαρμογή που μετατρέπει τους φακέλους Dropbox σε ιστότοπους.

    1. Επισκεφθείτε το Site44 και συνδεθείτε με το Dropbox για να ξεκινήσετε.

    2. Επιτρέψτε στο Site44 να συνδεθεί με το λογαριασμό σας Dropbox. Στις περισσότερες περιπτώσεις, πρέπει να επαληθεύσετε τη διεύθυνση ηλεκτρονικού ταχυδρομείου σας.

    3. Κάντε κλικ στο "Κάντε κλικ σε ένα νέο ιστότοπο" για να ξεκινήσετε.

    4. Στην ενότητα "Χρήση τομέα site44.com", πληκτρολογήστε το προτιμώμενο όνομα φακέλου για αυτόν τον ιστότοπο στο Dropbox και κάντε κλικ στην επιλογή "Δημιουργία". Σε αυτή την περίπτωση, χρησιμοποιώ "mynewsletter"ως το όνομα του φακέλου μου και στη συνέχεια αποδεχτείτε τους όρους χρήσης για να προχωρήσετε.

    5. Τώρα, το Site44 έχει δημιουργήσει νέους φακέλους για τον ιστότοπο στο Dropbox σας.

    6. Αντιγράψτε το newsletter.html και το φάκελο εικόνων που δημιουργήσατε στο φάκελο mynewsletter.site44.com Dropbox.

    7. Ανοίξτε το πρόγραμμα περιήγησης ιστού και μεταβείτε στη διεύθυνση http://mynewsletter.site44.com/newsletter.html.

    8. Πρέπει να αντιγράψετε το περιεχόμενο αυτού του ενημερωτικού δελτίου, επομένως χρησιμοποιήστε το πληκτρολόγιό σας και πατήστε Ctrl + A για να επιλέξετε όλα και μετά Crtl + C για να αντιγράψετε ολόκληρο το περιεχόμενο (για Mac, χρησιμοποιήστε το Cmd + A για να επιλέξετε όλα και Cmd + C για αντιγραφή)

    9. Ανοίξτε το Gmail, πατήστε Συνθέτω για να λάβετε ένα κενό μήνυμα ηλεκτρονικού ταχυδρομείου, κάντε κλικ στο ποντίκι στο πεδίο κειμένου και, στη συνέχεια, πατήστε Ctrl + V για να επικολλήσετε το ενημερωτικό σας δελτίο στο πεδίο περιεχομένου ηλεκτρονικού ταχυδρομείου. Οι χρήστες Mac μπορούν να πατούν Cmd + V

    10. Το ενημερωτικό σας δελτίο εμφανίζεται τώρα ως περιεχόμενο ηλεκτρονικού ταχυδρομείου. Καταχωρίστε το θέμα και τη διεύθυνση ηλεκτρονικού ταχυδρομείου και στείλτε το πρώτο ενημερωτικό δελτίο ηλεκτρονικού ταχυδρομείου!

    συμπέρασμα

    Όσο ο φάκελος HTML του ενημερωτικού δελτίου αποθηκεύεται ακόμα στον δημόσιο φάκελο του Dopbox, ο παραλήπτης σας θα μπορεί να βλέπει σωστά το ενημερωτικό σας δελτίο, αλλά μόλις αφαιρέσετε το φάκελο, ο σύνδεσμος θα σπάσει και ο παραλήπτης θα μπορέσει να δει μόνο κείμενο. Ελπίζω να μπορέσετε να ακολουθήσετε αυτό το σεμινάριο για το πώς μπορεί να δημιουργηθεί ένα βασικό ενημερωτικό δελτίο HTML με το Photoshop στη συνέχεια αποστέλλεται σε μορφή HTML μέσω του Gmail. Αν έχετε άλλους τρόπους, μοιραστείτε με τους υπόλοιπους αναγνώστες μας.

    © Savtec
    Χρήσιμες πληροφορίες και συμβουλές ανάπτυξης ιστού. Προγραμματισμός, σχεδιασμός ιστοσελίδων, CSS, HTML, JAVASCRIPT. Διαμορφώστε και επανεγκαταστήστε τα παράθυρα WINDOWS. Δημιουργία ιστοσελίδων και εφαρμογών από την αρχή.