Il existe 3 possibilités pour afficher le Code Source d'une page Web conçue dans BlueGriffon
- soit cliquer sur le bouton Code source en bas de la fenêtre principale de BlueGriffon, comme ci-dessous
- soit activer la commande : Affichage, Changer de vue
- soit activer le raccourci clavier F8
Plusieurs thèmes d'affichage de la page Code source sont disponibles. Dans Windows et dans la version 1.8, le thème eclipse est satisfaisant pour distinguer les particularités de cet affichage.
Pour changer de thème utiliser le menu Outils,
puis Préférences et onglet : Source
Description des caractéristiques de l'affichage de la page Code Source, dans le thème eclipse dela version 1.8.- Le point d'insertion clignotant, inséré dans la Page Web s'affiche au même endroit du contenu dans la page Code Source. (très souvent sur la dernière ligne affichée du Code source).
- Les éléments surlignés dans la Page
Web sont surlignés en gris clair (sur fond blanc) dans le Code Source
- BlueGriffon affiche en rouge le ou les contenus de lignes ne correspondant pas aux règles de syntaxe html
- les éléments et leurs attributs sont affichés dans des couleurs distinctes :
les éléments html sont colorés en vert clair comme <head>, <body>, <p>,etc.
les attributs sont colorés en bleu outremer,
- TRES UTILE : un clic sur une balise ouverte l'affiche sur fond orange et affiche en même temps la balise de fermeture. Ceci permet de mieux controler la syntaxe
Bien entendu, codes et contenus peuvent être insérés ou supprimés sur cette page Code source, à condition toutefois d'avoir des connaissances dans les domaines HTML et CSS
Il existe 3 possibilités pour afficher le Code Source d'une page Web conçue dans BlueGriffon
- soit cliquer sur le bouton Code source en bas de la fenêtre principale de BlueGriffon, comme ci-dessus
- soit activer la commande : Affichage, Changer de vue
- soit activer le raccourci clavier F8
Plusieurs thèmes d'affichage de la page Code source sont disponibles. Dans Windows, dans la version 1.7.2 je conseillais plutôt le thème night définie dans le menu Outils, puis Préférences et onglet : Source pour mieux distinguer les particularités de cet affichage.
Description des caractéristiques de l'affichage de la page Code Source, dans le thème night avec la version 1.7.2
- la ligne contenant le point d'insertion de la Page Web est surlignée (en gris) dans la page Code Source
- BlueGriffon affiche en rouge le ou les contenus de lignes ne correspondant pas aux règles de syntaxe html
- les éléments et leurs attributs sont affichés dans des couleurs distinctes :
les éléments html sont colorés en bleu clair comme <head>, <body>, <p>,etc.
les attributs sont colorés en orange, leur valeur (précédés du signe =) en vert, entre guillemets
- un clic sur un élément en contenant d'autres, masquent ces derniers. Pour annuler ce regroupement, effectuer un autre clic sur la flèche rouge affichée.
Bien entendu, codes et contenus peuvent être insérés ou
supprimés sur cette page Code source,
à condition toutefois d'avoir des connaissances dans les domaines HTML et
CSS
Dernière mise à jour : le 18/12/15