logo_gauche Bric à Brac informatique  logo_Droite

Affichage du Code Source de BlueGriffon (version 1.8)

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

Affichage du Code Source de BlueGriffon (version 1.7.2)

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



Retour

Dernière mise à jour : le 18/12/15