Exemple type de dossier que suggère Corinne Schillinger dans son livre "Intégration Web les bonnes pratiques".
Préparer votre dossier avec les éléments suivants :
- sources (documents utiles pour faire l'intégration, maquettes, textes)
- spec (on retrouve le zoning, cachier des charges, l'arborescence, évolution, fonctionnelles)
- www (la racine du site à mettre en ligne, c'est ici que se trouvera votre site internet)
- base.html (pour une bonne base je vous conseil d'aller ici)
- css (dossier css, contenant feuille de style, bootstrap etc...)
- img (dossier images)
- js (dossier javascript, contenir librairie jquery etc...)
- theme (déclinaisons du site en fonction des saisons par exemple Noël)
Pour le CSS, je vous conseille de bien nommer vos class et id dans votre HTML de manière spécifique.
<img src="fond.jpg" alt="" title=""/>
Si vous devez mettre une font spécifique à un paragraphe
<p class="font-size-20">Texte de 20px </p>
Faire un choix de nommage entre l'anglais ou le français pour mieux comprendre et faire aussi comprendre aux autres qui prendront votre projet.
Mettez les noms des classes et id au singulier.
Utiliser des traits d'union : .font-size-20
Éditeurs de texte gratuits pour avoir une couleur de syntaxe.
Notepad ++ / Sublim text /
Payant :
Dreamviewer de chez ADOBE qui propose l'interface WYSIWYG (What You See And What You Get)