Origine : Linux Pour Les Nuls
Auteurs : aramis_qc
Date : 2 décembre 2007

Ce tutoriel a pour but de vous aider à prendre rapidement en main l'éditeur HTML Bluefish. Il présente sommairement les différents éléments de la fenêtre de l'application, vous donne quelques exemples de son fonctionnement et vous prodique quelques conseils lors du premier démarrage.

Quand vous lancez Bluefish pour la première fois, vous voyez cette astuce :



Cette astuce sera affichée à chaque démarrage tant et aussi longtemps qu'aucun élément ne sera placé dans la barre rapide. Pour ne plus avoir ce message lors des démarrages subséquents, cochez la case N'affichez plus ce message. Pour continuer à utiliser Bluefish, cliquez sur le bouton Fermer.

La fenêtre de l'application Bluefish contient plusieurs éléments. Attardons-nous au panneau document. C'est l'espace dans lequel vous éditez une page Web. C'est à cet endroit que sont insérés ou modifiés les éléments composant une page Web. Les éléments sont :

1. Les balises HTML, DocBook
2. Le code PHP, CSS, SQL, Java, DHTML, XML
3. Les propriétés des objets

Située immédiatement sous la barre de titre, se retrouve la barre de menus. C'est une barre commune aux applications graphiques. La barre de menus de Bluefish offre en plus des menus et leurs options que nous retrouvons sur toutes barres de menus, des objets qui lui sont propres.



Voici la liste des différents menus et de leurs options :

Menu Fichier



Menu Éditer



Menu Affichage



Menu Balises



Menu Dialogues



Menu Document



Menu Aller à



Menu Projet



Menu Externe



Menu Aide



L'utilisation des menus et l'application de leurs options seront démontrées au fil de divers tutoriels.

Cette barre qui se trouve directement sous la barre des menus, contient des boutons correspondant aux options des menus les plus fréquemment utilisées.



Elle offre les options suivantes (de gauche à droite) :

1. Le bouton Nouveau pour créer une nouvelle page
2. Le bouton Ouvrir pour ouvrir une page existante ou n'importe quel autre fichier enregistré sur le poste de travail
3. Le bouton Enregistrer pour sauvegarder la page active dans le panneau Document
4. Le bouton Enregistrer sous pour sauvegarer le contenu du panneau Document sous un autre nom
5. Le bouton Fermer pour quitter Bluefish
6. Les boutons des fonctions d'édition : Couper, Copier et Coller
7. Les boutons pour Rechercher un mot et Rechercher avec remplacement
8. Les boutons pour annuler et rétablir une action
9. Les boutons pour diminuer et augemter le retrait du texte
10. Le bouton de vérification de l'orthographe
11. Le bouton Afficher dans le navigateur par défaut
12. Le bouton pour éditer les préférences de Bluefish

L'insertion d'objets : balises, images, liens et code, se réalise à l'aide de deux barres.



La première barre contient des onglets qui regroupent des objets de même type :

1. Barre rapide
2. Barre standard
3. Polices
4. Tableaux
5. Cadres
6. Formulaires
7. Liste
8. CSS
   

Un clic sur un bouton insère automatiquement la balise dans le document actif. Par exemple, en cliquant sur le bouton H de la barre standard un choix de 6 balises d'entête est offert. Un clic sur l'un des choix insère la balise d'entête dans la page à la position du curseur. Un clic sur H1 insètre la balise d'entête de niveau 1.

<h1></h1>

Il suffit ensuite de cliquer entre les deux balises pour ajouter le texte du titre.

<h1>Ceci est un titre de niveau 1</h1>

L'onglet CSS permet de créer une feuille de style ou d'insérer les balises <span> et <div>.

La seconde barre permet de personnalier un menu, d'ajouter un commentaire, C, d'insérer des fonctions spécialisées et des balises DocBook. À titre d'exemple, la sélection PHP+HTML –> Général –> Calendrier insère le code PHP pour afficher et exploiter un calendrier.

<?php
	$now = getdate(time());
	$time = mktime(0,0,0, $now['mon'], 1, $now['year']);
	$date = getdate($time);
	$dayTotal = cal_days_in_month(0, $date['mon'], $date['year']);
	//Affiche l'en-tête du calendrier avec le nom du mois.
	print '<table><tr><td colspan="7"><strong>' . $date['month'] . '</strong></td></tr>';
	for ($i = 0; $i < 6; $i++) {
		print '<tr>';
		for ($j = 1; $j <= 7; $j++) {
			$dayNum = $j + $i*7 - $date['wday'];
			//Affiche une case avec le jour. Si la date correspond à la date du jour, la met en surbrillance.
			print '<td';
			if ($dayNum > 0 && $dayNum <= $dayTotal) {
				print ($dayNum == $now['mday']) ? ' style="background: #ccc;">' : '>';
				print $dayNum;
			}
			else {
				//Affiche une case vide si aucune date ne correspond à ce jour, mais la ligne n'est pas finalisée.
				print '>';
			}
			print '</td>';
		}
		print '</tr>';
		if ($dayNum >= $dayTotal && $i != 6)
			break;
	}
	print '</table>';
?>

Les multiples fonctions de ces barres d'insertion d'objets sont abordées dans divers tutoriels sur Bluefish.

Les comportements de l'éditeur et les outils intégrés se personnalisent à l'aide de la fonction Préférences. L'appel à cette fonction s'effectue en cliquant sur le bouton des préférences de la barre de menus rapide ou par le menu Éditer → Préférences. Le dialogue de personnalisation se présente ainsi :



Les éléments disponibles à la personnalisation sont :

1. L'éditeur
2. Le HTML
3. Les fichiers
4. L'interface utilisateur
5. Les images
6. Les types de fichiers
7. La coloration syntaxique
8. Les programmes externes
9. Les analyseurs syntaxiques
10. Les serveurs
    

C'est à l'utilisation de l'éditeur Bluefish et son usage fréquent qu'on le personnalisera selon nos goûts, besoins et préférences. Pour le moment, il y a un point particulier sur lequel il s'avère intéressant de se pencher. Il concerne les navigateurs.

Lorsque vous voulez afficher dans le navigateur la page en cours et que vous sélectionnez le menu Externe –> Par défaut (Gnome), si rien ne s'affiche, cela dépend souvent de la commande générée par Bluefish. La syntaxe de la commande se trouve dans l'option Programmes externes à la ligne Par défaut (Gnome). Voici comment régler cette anomalie mineure.

Sur le bureau GNOME, aller à Système –> Préférences –> Applications préférées.

1. Copiez le texte qui est dans le champ Commande :
   

Ensuite revenez à l'éditeur Bluefish et cliquez sur le bouton Préférences de la barre des menus rapides.

1. Cliquez sur Programmes externes
2. Cliquez dans le champ Par défaut (Gnome)
3. Remplacez la commande par défaut par celle que vous avez copiée précédemment
4. Appuyez sur la touche Enter
5. Cliquez sur le bouton Appliquer
6. Validez le tout en cliquant sur le bouton Valider
   
   

Retour à la page Bluefish