
Envoyé par
albesoft
II/ Pour enseigner HTML, CSS, Javascript, PHP et obliger les élèves à coder proprement, il vaut mieux se "fabriquer" soi-même son IDE :
[LIST][*]Notepad++ : pour écrire du code HTML, Javascript, PHP (et j'en passe) avec coloration syntaxique, indentation automatique, autocomplétion, possibilité de définir ses propres ensembles de fonctions et instructions, blocs de code etc...
Et il y a même la possibilité de travailler à plusieurs, en réseau, sur le même fichier !
Et tout une pléthore de possibilités à découvrir et à explorer...
Prix : gratuit (mais vous pouvez faire un don, il est largement mérité)[*]Topstyle Lite : pour les CSS
Avantages :
- Visualiser en temps réel le rendu des styles que l'on crée, y compris les réactions :hover sur les liens par exemple.
- Assistance à la saisie : soit dans la partie code, soit dans un volet dans lequel les propriétés sont regroupées fonctionnellement...
- Prix : gratuit (mais il devient difficile de retrouver la version Lite)
Inconvénient : reste en CSS2, mais propose plusieurs groupes de propriétés adaptées à différents navigateurs voire différents médias (WAP etc)[*]Firefox avec Firebug, FirePHP
Avec Firebug : inspection instantanée des éléments de votre page, changement "en direct" des styles, positions, examen du DOM, console, débogage du javascript avec points d'arrêt et variables "espions" etc.
Avec FirePHP en plus : possibilité d'obtenir des messages sur la console de firebug, depuis PHP, sans perturber l'affichage HTML.
Parmi les nombreuses extensions, j'ai découvert XRefresh : lorsque vous sauvegardez les modifications de votre code source, la page correspondante, affichée dans Firefox, est automatiquement mise à jour !
Partager