Construct2

Fermer Explications

Fermer Débuter en vidéo

Fermer Images

Fermer Audio

Fermer Plugins

Fermer Commentaires

Fermer Interactions

Fermer Associations

Fermer Texte à trous

Fermer Choix audio

Fermer Puzzle

Fermer Tri d'images

Fermer Consignes

Fermer Construction

Fermer Dessin

Fermer Graphisme

Fermer Ordre

Fermer Quizz

Fermer Score

Fermer Animations

Fermer Fichiers

Fermer Masques

Fermer Données

Fermer En ligne

Fermer Générateurs

Notepad++

Fermer Les mains dedans

Visites

 220768 visiteurs

 3 visiteurs en ligne

Préférences
Se reconnecter
---

Votre nom (ou pseudo) :

Votre code secret

 Nombre de membres 4 membres


Connectés :

( personne )
Webmaster - Infos
Ecrire à Denis Galipot  Webmestre
Ajouter aux favoris  Favoris
Version mobile  Version mobile
Plugins 4.6

Le site des Plugins (extensions)

pour GuppY 4.6.xx.

wink
Les mains dedans - Notepad++
rss Ces articles sont disponibles en format standard RSS pour publication sur votre site web:
http://galipot.org/html5/data/artfr.xml

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 1494 fois

Imprimer l'article Imprimer l'article

Réactions à cet article

Personne n'a encore laissé de commentaire.
Soyez donc le premier !

^ Haut ^