Publicité
Je travaille sur le Web depuis un certain temps maintenant et j'ai en fait trouvé plus facile d'écrire chaque document au format HTML au lieu de DOC ou TXT. Si vous utilisez Google Docs, vous faites en fait de même, puisque Google Docs est (heureusement) devenu essentiellement un éditeur HTML WYSIWYG. La création de modèles de documents à l'aide de HTML et CSS est très simple, peut être effectuée par tout le monde, et si vous le faites correctement, tout le monde aura la même apparence.
Pourquoi utiliser HTML ?
Ma principale raison d'opter pour des documents purement HTML et CSS est que c'est probablement le format le plus compatible à travers les navigateurs et les systèmes d'exploitation, à l'exception du format PDF, qui est très difficile et/ou coûteux à faire bien. L'utilisation de Microsoft Office n'est pas non plus la meilleure. J'utilise Office 2007, qui utilise de nombreuses fonctionnalités supplémentaires non prises en charge par les versions antérieures, de sorte que la qualité peut être dégradée. Qui sait à quoi ressembleront ces docs dans Open Office par exemple? Si vous créez un document HTML qui a exactement la même apparence dans Internet Explorer et Firefox, vous avez créé un document qui peut être ouvert par les utilisateurs Mac, Linux et Windows, et aura le même aspect sur 99% des navigateurs.
Qu'est-ce que CSS et HTML ?
Si vous êtes nouveau dans tout ce truc de codage HTML et CSS, ne vous inquiétez pas. C'est très simple et vous pouvez trouver de nombreuses ressources sur le Web pour vous aider. Le code HTML et CSS est ce qui compose la plupart de ce que vous voyez sur cette page ici, HTML régit le contenu, tandis que CSS régit le style ou la façon dont le contenu est présenté.
Comment puis-je créer un modèle ?
Eh bien, vous aurez besoin d'étudier un peu de code. Heureusement, HTML et CSS sont très faciles à comprendre. Pour donner une bordure à un objet par exemple, il suffit de taper
bordure: 1px solide noir
. Cela créera une bordure solide noire de 1px de large. Il existe de nombreuses options de formatage que vous pouvez rechercher et utiliser, ma suggestion est de visualiser ce que vous voulez, puis de chercher un peu pour trouver comment le faire. Le modèle le plus basique serait un fichier HTML vide, regardez ci-dessous.
Le contenu de votre page va ici.
Vous pouvez ensuite remplir tout cela avec du contenu et du style pour créer votre document. Jeter un coup d'œil à Exemple 1, exemple 2 et exemple 3 J'ai fait. Gardez à l'esprit que le code dans le corps, le contenu est exactement le même, je ne fais que changer le code css. Cela montre que vous pouvez utiliser le style pour créer rapidement différents looks.
Pourquoi est-ce si génial ?
La raison pour laquelle c'est si génial est que vous pouvez créer des styles personnalisés pour vous-même qui peuvent devenir une sorte de "marque" de vos documents. Vous pouvez couper et coller le code CSS et penser au contenu une fois que vous l'avez finalisé. En outre, vous pouvez créer un lien dans la feuille de style, donc si vous stockez des documents en ligne, vous n'avez pas besoin d'inclure le CSS dans le fichier lui-même. Cela signifie que vous pouvez lier différentes feuilles de style pour différentes occasions et que vous n'avez pas à modifier le document tout le temps.
CSS permet également une édition plus rapide des documents en termes de style. Je préfère que mes documents aient l'air bien parce que je me sens mieux ainsi, et avec CSS, le processus de formatage devient beaucoup moins lourd. Lorsque vous spécifiez un style de titre, il sera appliqué à tous les titres de ce type. Cela signifie que vous n'avez pas à modifier individuellement la couleur d'arrière-plan, la couleur de la police, l'audace et le soulignement d'un titre, vous ne le spécifiez qu'une seule fois.
De plus, étant donné que Google Docs prend désormais entièrement en charge CSS, vous pouvez simplement copier-coller votre code de style dans Docs et changer l'apparence de vos documents sans avoir à mettre en forme chaque en-tête un par un temps.
Où puis-je en savoir plus ?
Comme je l'ai dit, CSS est un outil simple, mais il nécessite néanmoins quelques connaissances de base. Le HTML est tout aussi logique et facile à apprendre, je recommande Écoles W3C pour eux deux. J'y ai appris beaucoup de ce que je sais aujourd'hui, pour les besoins de base c'est l'un des meilleurs sites du net. Le W3C développe également les normes Web, vous pouvez donc être sûr que tout ce qu'ils écrivent sur leur page fonctionne.
Une autre page sur laquelle j'ai beaucoup appris était Votre source HTML. Cette page contient du HTML et du CSS, ainsi que des conseils avancés sur le codage, la promotion, l'accessibilité et, en général, sur la façon de créer un bon site Web. Il a une grande aide CSS, vaut vraiment le détour.
Enfin, vous pouvez jeter un œil à certains blogs et articles connexes, comme ce superbe résumé de techniques CSS essentielles et 53 techniques sans lesquelles vous ne pouvez pas vivre.
