logo_gauche Bric à Brac informatique  logo_Droite

Affichage du Code Source de BlueGriffon 2.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

ET DEPUIS LA VERSION 2.3, il est possible d'afficher la vue WYSIWYG en côte à côte avec le Code source en cliquant sur le bouton Vue combinée.


Plusieurs thèmes d'affichage de la page Code source sont disponibles. Dans Windows et dans la version 2, 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 de la version 2.

- Le point d'insertion clignotant, inséré dans  la Page Web s'affiche au même endroit du contenu dans la page 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




Retour

Dernière mise à jour : le 15/02/17