NeoSting Press

Lorsque l’on commence à créer son propre site internet, on tombe souvent dans de nombreux pièges. Tout d’abord, on cherche un logiciel à tout faire, et ensuite, on l’utilise en mode visuel. La plupart du temps, les résultats sont presque conformes visuellement, mais lorsque l’on regarde le code généré, l’histoire se complique. Rassurez-vous, je suis passé par là. Pourtant, créer un site internet n’est pas si compliqué que ça, avec un peu de méthodologie. Il faut savoir qu’un simple bloc note peut suffire pour tout faire. Intéressons-nous aux CSS, qui servent la partie du design du site.

Kesako les CSS ?

Les CSS, ou feuilles de style en cascade servent à définir les propriétés des boites (x)HTML, comme les balises DIV, ou P. Couleurs, contours, tailles, espacement, fond et bien plus sont ici précisés. Oubliez alors les tableaux comme base structurelle ; ils ne sont de toute manière pas faits pour ça. La structure d’un site doit se créer avec les CSS.

Voici les recommandations du W3C en français en matière de CSS. Ces propriétés peuvent être appelées depuis un fichier dédié “.css” ou bien déclarées directement entre les balises HEAD du fichier principal. Il est recommandé d’utiliser l’appel. L’atout des CSS est de permettre une accessibilité optimale de vos pages à tous les internautes, contrairement aux tableaux.

Quelques sites indispensables pour commencer

Si vous débutez, commencez par suivre ces sites :

• OpenWeb (en français) ; maitriser les normes et les CSS
• SelfHTML (en français) ; pour bâtir vos connaissances en programmation)
• Alsacreation (en français) ; tutoriels pour gérer, créer et recueillir des astuces
• AllHTML (en français) ; Divers exemples et astuces sur la programmation
• Le Site du Zero (en français) ; Tutoriels bien faits pour démarrer de ZerO !
• Martius Web (en français) ; Que du bon, de la référence, un incontournable !

Avec ces références et leur communauté, vous apprendrez très vite les bases, et approfondirez rapidement vos connaissances.

Des outils ?

Même si, comme expliqué en introduction, un simple bloc note suffit, il y a tout de même quelques logiciels très intéressants qui font gagner du temps. Notons TopStyle Pro. Certes, il n’est pas donné, mais il est franchement agréable, et respecte visiblement bien les normes. Simple à utiliser, je vous le recommande pour créer vos feuilles de style, domaine dans lequel il excelle. Si vous en cherchez d’autres, voici une liste de logiciels sur Clubic dédiée à la création de site. Et, même si je ne l’ai pas essayé, vous pouvez aller voir ce que donne aussi KompoZer, qui semble être très sympa d’après la communauté du web.

Tags :

apprendre, creation de site, css, développement, feuille de style, kompozer, programmation, topstyle pro

Articles éventuellement en rapport

• Comment créer son propre thème Wordpress (0)
• Le CSS3 en question, petit bilan (0)
• Une icône dans un formulaire [input] (0)