====== Prise en main de Bluefish ====== //**Origine : [[http://www.linuxpourlesnuls.ch|Linux Pour Les Nuls]]**//\\ //Auteurs : aramis_qc //\\ //Date : 2 décembre 2007 // ==== Avant-propos ==== 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. ==== Premier démarrage ==== Quand vous lancez **Bluefish** pour la première fois, vous voyez cette astuce :\\ \\ {{:bluefish:bluefish-02.png?nolink}}\\ \\ 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**. ==== Le panneau document ==== {{:bluefish:bluefish-03.png?nolink}}\\ \\ 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 : - Les balises HTML, DocBook - Le code PHP, CSS, SQL, Java, DHTML, XML - Les propriétés des objets ==== La barre de menus ==== 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.\\ \\ {{:bluefish:bluefish-04.png?nolink}}\\ \\ Voici la liste des différents menus et de leurs options :\\ \\ **Menu Fichier**\\ \\ {{:bluefish:bluefish-05.png?nolink}}\\ \\ **Menu Éditer**\\ \\ {{:bluefish:bluefish-06.png?nolink}}\\ \\ **Menu Affichage**\\ \\ {{:bluefish:bluefish-07.png?nolink}}\\ \\ **Menu Balises**\\ \\ {{:bluefish:bluefish-08.png?nolink}}\\ \\ **Menu Dialogues**\\ \\ {{:bluefish:bluefish-09.png?nolink}}\\ \\ **Menu Document**\\ \\ {{:bluefish:bluefish-10.png?nolink}}\\ \\ **Menu Aller à**\\ \\ {{:bluefish:bluefish-11.png?nolink}}\\ \\ **Menu Projet**\\ \\ {{:bluefish:bluefish-12.png?nolink}}\\ \\ **Menu Externe**\\ \\ {{:bluefish:bluefish-13.png?nolink}}\\ \\ **Menu Aide**\\ \\ {{:bluefish:bluefish-14.png?nolink}}\\ \\ L'utilisation des menus et l'application de leurs options seront démontrées au fil de divers tutoriels. ==== La barre de menus rapide ==== 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.\\ \\ {{:bluefish:bluefish-15.png?nolink}}\\ \\ Elle offre les options suivantes (de gauche à droite) : - Le bouton Nouveau pour créer une nouvelle page - Le bouton Ouvrir pour ouvrir une page existante ou n'importe quel autre fichier enregistré sur le poste de travail - Le bouton Enregistrer pour sauvegarder la page active dans le panneau Document - Le bouton Enregistrer sous pour sauvegarer le contenu du panneau Document sous un autre nom - Le bouton Fermer pour quitter Bluefish - Les boutons des fonctions d'édition : Couper, Copier et Coller - Les boutons pour Rechercher un mot et Rechercher avec remplacement - Les boutons pour annuler et rétablir une action - Les boutons pour diminuer et augemter le retrait du texte - Le bouton de vérification de l'orthographe - Le bouton Afficher dans le navigateur par défaut - Le bouton pour éditer les préférences de Bluefish ==== Insertion d'objets ==== L'insertion d'objets : balises, images, liens et code, se réalise à l'aide de deux barres.\\ \\ {{:bluefish:bluefish-16.png?nolink}}\\ \\ La première barre contient des onglets qui regroupent des objets de même type : - Barre rapide - Barre standard - Polices - Tableaux - Cadres - Formulaires - Liste - 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.
Il suffit ensuite de cliquer entre les deux balises pour ajouter le texte du titre.