logo_gauche Bric à Brac informatique  logo_Droite

Affichage du Code Source de BlueGriffon  version 3

Il existe  4 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 3, 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.

- Le point d'insertion clignotant, inséré dans  la Page Web s'affiche au même endroit du contenu dans la page Code Source.

- Le point d'insertion dans le Code Source est repérable par le surlignage de couleur  bleu-clair du texte avoisinant.

- 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 rose foncé 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




Retour

Dernière mise à jour : le 21/03/17