Comment créer un email, une newsletter en HTML? Réaction d’un web-designer lambda avant de créer son premier email: « Pwahaha! Laisse moi 5 minutes que j’te code ça rapidos! »… Mais 3 div, 1 float left et 10px de margin plus tard, il commencera à comprendre que… créer un email n’est pas si simple! Voici les thèmes que je traiterai:1) Les Styles CSS2) Les Paragraphes et les Liens3) Les TABLES4) Les IMAGES5) Tester, tester et tester! Si vous venez de lire un tuto sur l’HTML5 et le CSS3, oubliez tout et reprenez vos livres d’HTML3 de 1997… Comme je le disais il y a exactement un an jour pour jour, l’email c’est old school! Prêts pour la séquence Nostalgie? des ingrédients peu nombreux, simples et authentiquesun peu d’HTML et de CSS à l’anciennegoûter, goûter et goûter avant de servir. Après la recette du SEO, c’était la recette de l’email! 1) Les Styles CSS Tout d’abord, je vous conseille de jeter un coup d’œil au formidable tableau récapitulatif (de Campaign Monitor) des styles supportés par chaque client de messagerie: 3) Les TABLES
Protéger son adresse sur son propre site Lorque vous exposez, par le biais d'un lien mailto:, votre adresse e-mail sur votre site Web, vous risquez fort de la voir récupérée par les robots collecteurs d'adresses et de recevoir de nombreux mails non sollicités. Quelques astuces vous permettent d'éviter ce désagrément. Travestir votre adresse Comme vu précédemment, vous pouvez ajouter un texte du type pasdespam- à votre adresse. <a href="mailto:chose@pasdespam-bidule.fr">cliquez ici</a> C'est le minimum que vous deviez faire. Utiliser le JavaScript Un petit script permet d'échapper aux robots : il "découpe" en tranches l'adresse, qui devient du coup indétectable au premier abord par les spammeurs. <script type=text/javascript> var name = "dupont" ; var domain = "spam.com" ; var subject = "subject=Anti spam" ; document.write('<a href=\"mailto:' + name + '@' + domain + ' ?' (merci à Christian pour ce script) Inconvénient : Les internautes (rares) qui désactivent le JavaScript dans leur navigateur, ne verront pas apparaître le lien.
sendNews : newsletter / mass mailing en PHP - Yves tannier - grafactory.net / développeur web et webdesign à Besançon sendNews est un script sans prétention développé pour l'expédition d'une lettre d'information et l'analyse des « bounces ». Il n'est bien entendu pas destiné à spammer la planète mais bien à réaliser simplement un mass mailing à vos abonnés via une machine sur laquelle PHP 5 est disponible en version CLI. Il est distribué sous Licence GNU/GPL. Ce programme est utilisé en production sur plusieurs listes de plus de 25 000 abonnés. Il est en réalité une implémentation libre de deux autres classes PHP (rendons à César...) la très bonne classe de gestion d'envoi de mail Swiftmailer; un jeu d'expressions régulières de gestion de bounces (message de retour pour une adresse non valide) trouvé au hasard de mes recherches sur la délicate question de la détection des adresses invalides; Cette partie a été grandement réecrite par Laurent aka zas. J'attire encore une fois votre attention sur le fait que ce script est fourni sans aucune garantie ! Fonctionnalités et intérêts de sendNews Utilisation Exemple
5 Banner Ad Best Practices and Why You Should Ignore Them As any seasoned display advertiser can tell you, one of the biggest determinants of a display campaign’s performance is creative. There are quite a few established best practices for designing successful banner ads, but not all of them should be taken as gospel. With design, it’s rare to find rules that are universally applicable. Depending on your product, your brand identity, and each individual campaign’s goals, some rules are made to be broken. 1. It’s often assumed that ads featuring people will always outperform their photo-less counterparts. It all depends the photo and how you use it. Ultimately, the trick is making sure the photo is truly relatable. 2. Most webpage backgrounds are white, so the prevailing wisdom is to use bright colors to make sure your ad stands out from the background. You’ll sometimes hear that green buttons increase clicks or that yellow backgrounds encourage action, but when you look at actual test results, it’s rare that any two stories align. 3. 4. 5.
Les formulaires : enfer et paradis … | About Your Web Le formulaire peut prendre des formes très diversifiées : identificationcontactenregistrement clientinvitation à un événement… Même dans sa forme la plus simple, le formulaire doit prendre en considération des objectifs parfois contradictoires (ce qui est souvent le cas dans le métier du web) : quelles informations dois-je collecter ? La capacité du webmaster à se mettre dans la peau de son visiteur est à nouveau cruciale. Le processus sera souvent itératif : l’implémentation initiale sera suivie d’une analyse des logs : taux de visite du formulairetaux d’abandon Le taux d’abandon pourrait être révélateur d’un formulaire trop compliqué. De même, dans un site e-commerce (webshop), la constitution d’un panier anonyme suivie d’un checkout forcément plus approfondi, améliore sensiblement le taux de rétention (formulaires qui arrivent ‘au bout du processus). Nous vous recommandons ici un excellent slide qui détaille les meilleures pratiques en matière de formulaires (Luke Wroblewski de Yahoo).
Joomla, Newsletter - Gérer une newsletter sous Joomla Voilà une demande récurrente auquelle toute personne qui travaille sur le web a au moins été confronté une fois : gérer de A-Z d’une newsletter. A croire que l’on doit au minimum lire 5 newsletters par jour ! On va donc voir dans cet article comment gérer une newsletter sous Joomla 1.5. De la gestion des inscrit à l’envoi de la newsletter elle-même ! Joomla permet une gestion étendue de l’envoi de newsletter, on va donc tester quelques-uns des modules disponibles. Les tests vont être réalisés sous Joomla 1.5 en français Joomla! NB : Un conseil sur l’utilisation de ces modules : l’envoi intempestif de newsletter depuis un serveur web qui n’est pas véritablement un serveur d’envoi par exemple smtp.mac.com (serveur « white listed ») risque de causer plus de dégâts que de bienfaits à votre nom de domaine et à votre notoriété. Les critères de sélection de notre extension fonctionnelle sous Joomla Plusieurs de critères sélection président comme souvent à notre choix, citons-les en vrac : 1. 2.
Qu'est-ce qu'une bonne bannière publicitaire ? | goudengids.be Business Center Les bannières publicitaires doivent être claires, concises, honnêtes et attrayantes. Chaque aspect de votre campagne publicitaire doit servir à atteindre les objectifs que vous avez définis. Slogan accrocheur Votre slogan doit refléter votre but. Si votre campagne sert à attirer l'attention des clients sur une offre spéciale, vous devez concevoir une bannière ouverte et honnête, « Réduction de 20 % sur la collection hiver pour tous les clients ! » par exemple. Appel à l'action Cela peut vous sembler simpliste, mais vous devez dire au public ce que vous attendez de lui : « Cliquez ici », « Inscrivez-vous dès maintenant », « Faites un don », « Visionnez la vidéo », etc. Animation et images Ne tombez pas dans le piège des couleurs fluorescentes psychédéliques et des animations bas de gamme pour attirer l'attention des utilisateurs car votre marque risquerait d'en pâtir. Qualité Votre entreprise fournit-elle des services de qualité ?
Créer un formulaire de contact Nous allons ici crer un formulaire permettant d'envoyer un message sous forme d'email au webmaster du site (vous en l'occurrence) tout en dissimulant l'adresse mail de ce dernier aux yeux des robots spammeur qui parcours le web. La page contenant le formulaire de contact Le code ci dessous est celui que doit contenir la page partir de la quelle vos visiteurs vont rdiger le message vous tant adresse. Ce fichier contient les champs : Nom : nom du visiteur (ce champ n'est pas d'une très grande importance) E-mail : vous permet de répondre à la personne qui vous a écrit Sujet : permet de résumer le contenu du message Message : c'est la que le message sera tapé par votre visiteur Vous êtes libre de modifier l'emplacement des champs afin de l'adapter au design de votre site Envoi du forulaire et de redirection du visiteur <? /////voici la version Mine $headers = "MIME-Version: 1.0\r\n"; //////ici on détermine le mail en format text $headers .= "Content-type: text/plain; charset=iso-8859-1\r\n";
Mode d’emploi : Comment brancher la Freebox HD en HDMI/DVI et avoir le son sur la TV. Tout d’abord, il faut vous fournir un câble adéquate, c’est à dire qu’il faut acheter un cable adapté HDMI/DVI (directement) ou ceux proposés par Free dans votre compte. Ils sont disponible ici ensuite il faut aller sur " Acheter des accessoires pour votre Freebox " et acheter un cable HDMI et/ou adaptateur DVI/HDMI. Il faut aussi un câble RCA audio standard. Cable HDMI/DVI directement : - Cable HDMI + adaptateur vendue par Free : Cable RCA audio : Passons maintenant à la partie cablage. Petit rappel en photo de l’arrière de la Freebox HD : Tout d’abord il faut que votre Freebox fonctionne bien en péritel standard ! Si c’est le cas alors passons au cœur du sujet : Débranchez votre Freebox du secteur électrique Branchez votre cable HDMI derrière votre freebox ainsi qu’à l’arrière de votre TV (en DVI). Rallumez votre Freebox HD. Tout ceci en images : Et si cela fonctionne, lors du démarrage vous devriez avoir le "Rock&Roll" et ensuite la liste des chaines ! (plus tard !!!)
Qu'est-ce qu'une bannière publicitaire réussie ? | goudengids.be Business Center Une bannière publicitaire réussie doit être visuellement attirante, susciter l'intérêt et s'adresser à un public intéressé par ce que vous avez à offrir. Tout comme avec toute autre forme de publicité, lorsque vous lancez une campagne de bannières publicitaires, vous souhaitez qu'elle soit aussi efficace que possible. Une bannière publicitaire efficace attirera l'attention, améliorera la notoriété de votre marque et encouragera les clients potentiels à en savoir plus sur vous. Il n'y a pas de règles absolues pour concevoir une bannière publicitaire réussie. La meilleure approche consiste à tester plusieurs types de bannières et à surveiller leurs retombées pour pouvoir ensuite affiner votre méthode. En règle générale, une bannière publicitaire réussie se doit d'être : En d'autres termes, vous devez créer une bannière publicitaire attractive, suscitant l'intérêt et s'adressant à un public intéressé par ce que vous avez à offrir.
Créer un formulaire de contact personnalisé pour votre blog WordPress Un formulaire de contact est indispensable pour pouvoir communiquer avec des annonceurs, de futurs partenaires, ou tout simplement ses visiteurs… Il existe plusieurs manières d’en créer un : nous retiendrons ici celle de l’utilisation d’un plugin. Pourquoi ? C’est simple et rapide à mettre en place ; mais également très flexible à l’usage. Mais quelle extension employée, parmi les dizaines disponibles ? N.B : ce tutoriel m’a été suggéré par Funnycat, webmaster du blog Infowebmaster. Mon choix s’est arrêté sur Contact Form 7 : il fait ce qu’on lui demande, pas plus, ni moins ! Téléchargement et installation du plugin Contact Form 7 Plugin de création de formulaire de contact pour WordPress. Taille : 263, 7 KiB • Date : 28 mars 2010 • Hits : 4 666 Création d’un formulaire Sous l’onglet Outils, cliquez sur Contact Form 7. Titre du formulaire (N’oubliez pas de cliquez sur Sauvegarder) L’astérisque = champ obligatoire Collez le code du tag à l’endroit souhaité dans le formulaire Test du formulaire
Home