Accueil  Téléchargements 
Notepad++

Développer en HTML5 avec un éditeur comme Notepad++
"Réglages de Notepad++"
 

Les éditeurs : libres et gratuits

Notepad++ (Editeur multi-langage avec coloration syntaxique. Geany sous Linux)
BlueGriffon (Editeur HTML5 avec rendu Wysiwyg)

Firefox et son mode développeur.


- - - - - - - - - - - - - - - - - - - - - - -
Le but n'est pas de faire des exploits de programmation pour en mettre plein la vue.
J'utilise les dernières normes techniques pour être multi-plateforme tout en restant le plus simple et le plus accessible possible.
Le plus souvent des morceaux de code testés et validés sont repris, copiés-collés et adaptés, parfois au détriment de la longueur, de l'optimisation du code.
Cela permet de rester compréhensible par un maximum de gens qui ne passent pas leur journée à programmer.
Objectifs principaux :
 -Libre et gratuit
 -Durable
 -Commenté
 -Accessible librement en téléchargement
 -Multi-plateforme : Windows, Linux, Apple, ..., PC, smartphones, tablettes et autres hybrides
 -Utilisable hors-ligne (en local sans internet) et en ligne.
 -Pouvoir décliner les exercices, sans tout reprogrammer, par exemple, en changeant juste les images.

- - - - - - - - -MENU - - - - - - - - - - - - - -
1/ Régler Notepad++
2/ Visualiser le résultat

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

1/ Régler Notepad++ : Afficher des caractères accentués dans une page Web


-Dans le "<head>" des fichiers HTML créés par Notepad++, ne pas oublier de mettre : <meta charset="utf-8">

-Dans l'onglet [Encodage], cocher [Encoder en UTF-8] :



2/ Visualiser et tester votre appli développée avec Notepad++  :

- Ouvrir le fichier index.html avec le navigateur Firefox.

- A chaque modification du code avec Notepad++ :
    Enregistrer avec Notepad++.
    Recharger la page web sous Firefox. (F5) !
- Si l'application ne fonctionne pas, on peut utiliser le "mode Développeur" de Firefox : Ctrl+maj+i pour trouver les erreurs :



Ci-dessous, la console d'erreur  du "mode développeur" de Firefox : Ctrl+maj+i
firefox02



Ci-dessous, l' inspecteur  du "mode développeur"
de Firefox : Ctrl+maj+i
firefox01








Date de création : 22/06/2016 @ 20:39
Dernière modification : 03/07/2016 @ 07:27
Catégorie : Les mains dedans
Page lue 1688 fois

up Haut up


Site propulsé par GuppY - © 2004-2013 - Licence Libre CeCILL