Hello,
 
Voilà, jusque là je faisais mes petits sites et autres pages HTML avec des éditeurs WYSIWYG tel que Dreamweaver. Maintenant j'en ai un peur marre d'avoir des comportements aléatoires en passant d'un navigateur à l'autre et en bidouillant le code du mieux que je puisse. Bref, j'aimerai apprendre à programmer de A à Z des pages simples en n'utilisant qu'un simple éditeur de texte.
Maintenant reste à savoir par où commencer. Dans le cadre de mon taf, je suis amené à faire des newsletters et pour ce genre de page, il est primordiale de rendre le format le plus universel possible tellement les messageries d'entreprise interprête l'html différemment (quand ils le font du moins). Par exemple la dernière fois j'ai réalisé une page web avec les fameuses "class" de dreamweaver et si la page s'affichait bien dans IE et Firefox, ce n'était pas le cas quand j'envoyais la page par mail.
 
Maintenant ma question est : le CSS est-il ce qu'il y'a de plus universel aujourd'hui ? Je peux commencer à apprendre à m'en servir dès maintenant ? J'ai récemment regardé le code d'une newsletter d'une agence web (donc des pros) et tout était encore codé en brut avec les attributs définis pour chaque texte, chaque cellule, chaque tableaux, etc. J'ai trouvé ça fastidieux mais après avoir testé cette page sous plein de navigateur et autre messagerie, je me suis rendu compte à quel point ce format passait bien partout !!
 
Dites moi si je me trompe, la page est celle-ci:
http://www.e-mazarine.com/lettre01/
 
Bref, je me mets direct au CSS ou je code en brut ?
 
Merci

oui je te conseille de faire comme cet entreprise..car aujourdhui c'est la meilleur solution possible pour les newletter...pour les site bien sur cette solution est complétement désuète..

Ok je vois donc dans le cadre d'une newsletter il vaut mieux tout coder en brut pour éviter les surprises mais pour un site je peux user et abuser du CSS, c'est ça ?
 
Sinon là je suis en train de taper mes premières lignes de code (ô joie).
J'utilise ConTEXT pour le moment mais j'imagine que y'a mieux comme éditeur de code HTML ? Comment vous faites pour la palette de couleur par exemple (j'entends là connaitre le code HTML d'une couleur) ?

J'utilise Scite comme editeur-à-coloration-syntaxique et pour les couleur, je code principalement avec des couleurs nomées ( http://www.w3schools.com/css/css_colornames.asp pour la liste )
Sinon, comme je fait le code et le design, j'ai toujours un PaintShop d'ouvert pour les code hexa particuliers.
 
@+
 
ps: j'ai dejà vu des editeurs de texte avec une palette de couleur, mais je ne sais plus lesquels.
 
ps²: en lisant le le debut du texte de la page que j'ai donner en liens, je remarque que seulement 16 couleur sont w3c compliant ... dammed !

Merci pour les infos !
 
Bon je suis content j'ai affiché mes premières cellules

j'utilise HTML-KIT, Jedit, ca manque pas de choix, à la rigueur si tu as un trou avec les balises HTML et les propriétés CSS
utilise ceci :  
xHTML : http://giminik.developpez.com/xhtml/
CSS  : http://dicolive.media-box.net/docCSS

Merci m'sieur, ça va me servir !
 
Sinon j'ai du mal à suivre les standards d'aujourd'hui et je n'aimerai pas apprendre un mauvais language.
 
Par exemple je vois que apparemment on est plus censé utilisé la balise <font> mais <span> à la place ? C'est quoi la différence entre font-size (en pixels) et size (de 1 à 7) ?
 
Ce que je veux avant tout c'est coder le plus proprement possible et surtout que ça passe PARTOUT !!!
 
Font chier à pas se mettre d'accord

 
 
Ben man, le mieux c'est de rester au contact des infos sur le web, tant fait pas sa change pas du jour au lendemain, mais parfois des réformes d'impose.
CSS à un bel avenir, beaucoup de chose à améliorer bien sur, mais sa viendra...

font ca existe plus
ensutie span c'est une balise juste là pour être utilisée quand tu peux pas te servir d'une autre balise
ensuite pour modifier la taille d'une police c'est la propriété font-size en CSS
 
font-size: 15px  
mais on peut aussi utiliser le pt (point), le pc (pica ), le cm (centimetre)
en unités de mesures.
 
c'est beaucoup plus précis que cette merde de <font size="">

Comment ça ça n'existe plus <font> ?
Pourtant c'est encore utilisé et ça fonctionne non ?
Pour une newsletter c'est peut être mieux non ? Dans le sens où la compatibilité descendante est plus forte ?

pour une newsletter j'avoue qu'il vaut mieux utiliser des vieux trucs tout pourris kipuducu
 
mais pour un site web, font c'est une balise dépréciée qui n'a plus aucune utilité, va faire un tour sur www.pompage.net et tu lis tous les articles
 
ensuite tu vas sur http://css.alsacreations.com et tu lis aussi les articles

www.openweb.eu.org
 
La aussi tu peux jeter un oeil, les deux mêmes

Ouais donc en gros pour les sites web il faut se mettre au gout du jour mais comme je fais aussi des newsletters je dois aussi apprendre un language kipuduku... ça me facilite pas le boulot tout ça

Je vois que souvent dans la page html que je vous ai donné dans le premier post, l'agence met une image appelé shim.gif qui est un pixel transparent. Ils l'utilisent souvent pour définir la taille d'une cellule. A quoi ça sert de mettre une image vide ?
 
Merci

A mettre un espace de taille fixe quand on conait pas les css.

C'est un antique bricolage qui relève du n'importe quoi

Donc en gros je peux très bien faire une cellule vide sans obligatoirement mettre une image fantôme ? (sachant que je n'utilise pas les CSS).
 
Sinon une autre question, toujours dans la programmation sans CSS : comme mettre les attributs d'un lien dans la balise <a href> en elle même c'est à dire : couleur du lien, couleur de survol, couleur de lien visité, etc.
Avant je le faisais via des "class" dans le CSS mais encore une fois, comme faire dans le cas NON CSS ?
 
Merci à vous

Avec les vieux attributs link, vlink etc. sur le body. Sachant que Yahoo!Mail vire en quelque sort le body, et qu'il sera impossible d'avoir plusieurs types de liens...

Ah merde j'avais vu en effet qu'il fallait mettre ça dans le <body> mais je voulais justement avoir différent type de lien ! Merci pour ta réponse en tout cas !

2 lectures :
 

• Quand CSS et Courriel s’embrassent sous le gui
• Optimizing CSS presentation in HTML emails

Superbes liens, pile dans le sujet, mille mercis