Introduction
Bonjour à tous et à toutes.
Je vous propose ce petit guide pour faire des codes qui soient simples et attrayants. Parce qu'un code, ok, le rendu est important, mais l'architecture du code en lui-même l'est aussi. Comment vais-je donc structurer ce tutoriel pour que vous puissiez faire de magnifiques t-card sans pour autant être des pros en web dev' ? De cette manière :
- Je commencerai par une partie qui va expliquer globalement comment se structure un code html et un code css. Je serai très général sur le sujet, et je zoomerai ensuite sur le cas forum-actif. On trouvera dans cette partie les règles fondamentales pour ne faire se casser la gueule sur l'affichage du forum (oui, oui, ça peut
- La partie suivante concernera toutes les balises HTML qu'on va utiliser pour nos T-Cards. Je vais pas lister toutes les balises html (parce que sinon, demain on y est encore), mais celles que vous allez utiliser le plus souvent (exemple : <div>, <span> ou encore <img />)
- Suite logique du paragraphe précédent, je vous expliquerai la majorité des attributs CSS.
Mais c'est quoi tous ces mots ? "balise" ? "attribut" ?
Patience, mon petit ami :) Je vais tout expliquer pas à pas dans le premier chapitre. Pour l'instant, ce n'est qu'une présentation rapide ^^ Donc, ces attributs CSS seront expliqués dans ce chapitre. Je présenterai les principaux, comme pour les balises HTML. A partir de ce chapitre, vous aurez la possibilité de faire vos propres T-Card.
- Mais à partir du 4e chapitre, je vais vraiment attaquer les astuces pour optimiser au maximum votre code et que vos posts ne soient pas encombrés par des quantité de code incompréhensible. Je vous proposerai même une solution qui va rendre votre code aéré et agréable.
- Pour finir, le dernier chapitre sera celui des bonnes astuces CSS, histoire de savoir comment faire pour avoir un design magnifique. Il reprendra également les bonnes astuces que les membres pourraient soumettre à mon auguste personne et qu'ils souhaitaient partager !
Une fois ce tutoriel terminé, vous aurez toutes les cartes en main pour vous faire de jolies t-card, au design ultra mega-classe et hyper complexe comme le mien, ou un truc épuré, tout aussi joli, mais qui reste dans la simplicité. Je vous souhaite bonne lecture :)
- Chapitre 1 : Web design ?
- Chapitre 2 : Le HTML
- Chapitre 3 : CSSons !
- Chapitre 4 : Structure du code sur forumactif
- Chapitre 5 : Les bons plans