Rechercher :

Le début avec BlueGriffon

logo imprimante helpclic.net

Bonjour à tous! Je vais vous montrer comment utiliser le logiciel de création de site internet, Blue Griffon! Vous pouvez aussi coder avec ce logiciel, mais je vais aller dans la partie plus la simple pour que vous commenciez par le comprendre! Il fait partie de la catégorie de logiciel de création de site internet WYSIWYG, ce qui veut dire que ce que vous voyez dans à l'écran est ce que vous obtenez une fois la page web terminée. Les autres catégories ce sont les éditeurs de texte. Ils permettent d'écrire du code..

Pour résumer :

  • il y a 2 catégories de logiciel pour faire un site : les WYSIWYG, et les éditeurs de code sources
  • Nous pouvons coder avec ce logiciel, mais nous allons commencer par faire notre site facilement!

Prêt? il vous faudra installer, ce petit logiciel... Alors je vais vous donner un lien qui vous permettra de le télécharger.

http://bluegriffon.org/pages/Download

Cliquer sur le lien Telechargement bluegriffon, la fenêtre suivante s'ouvre alors :

Téléchargement de bluegriffon

Dans cette fenêtre, vous allez choisir la version de bluegriffon (Mac OSX, Windows, Linux). Choisissez la version que vous souhaitez en cliquant sur le lien. Pour ma part, je vais prendre la version pour Windows en cliquant sur le lien "Download installer"

Ensuite, quand le téléchargement est terminé, commencez l'installation en double cliquant sur le fichier télécharger. La boîte de dialogue suivante apparaît :

Installation bluegriffon

Puis cliquez sur le bouton Bouton executer bluegriffon. La boîte de dialogue suivante apparaît :

langue installation bluegriffon

Pour ma part, je vais choisir le français puis cliquez sur le bouton Bouton OK. Vous pouvez changer la langue en cliquant sur la liste déroulante. La boîte de dialogue suivante apparaît :

Installation bluegriffon

Puis cliquez sur le bouton Bouton suivant. La boîte de dialogue suivante apparaît :

Installation bluegriffon

Dans cette boîte de dialogue, vous pouvez choisir le dossier de destination d'installation du logiciel en cliquant sur le bouton Bouton parcourir. Je vous conseille tout de même de le laisser à l'emplacement par défaut. Puis cliquez sur le bouton Bouton suivant. La boîte de dialogue suivante apparaît :

Installation bluegriffon

Dans cette boîte de dialogue, l'assistant va créer des raccourcis. Je vous conseille de laisser les options par défaut et de cliquer sur le bouton Bouton suivant. La boîte de dialogue suivante apparaît :

Installation bluegriffon

Dans cette boîte de dialogue, l'assistant vous demande si vous souhaitez créer une icône sur le bureau. Si vous souhaitez une icône sur le bureau cochez la case "Créer une icône sur le bureau". Puis cliquez sur le bouton Bouton suivant. La boîte de dialogue suivante apparaît :

Installation bluegriffon

Cette boîte de dialogue, vous rappelle les paramètrages précédent. Cliquez sur le bouton Bouton installer pour lancer l'installation du logiciel comme le montre l'image suivante : 

Installation bluegriffon

Une fois l'installation terminée, la dernière boîte de dialogue apparaît comme le montre l'image suivante :

Installation bluegriffon

Cliquez sur le bouton Bouton Terminer pour finir l'installation. Si vous avez laisser cocher la case "Exécuter bluegriffon", le logiciel se lance :

Bluegriffon

Dans un premier temps le haut gauche de la fenêtre de BlueGriffon est masqué en partie, par l'affichage d'une fenêtre intitulée "Astuce du jour". Il existe 20 astuces disponibles. Elles sont très utiles lors des premières utilisation de ce logiciel.

Utiliser les flèches Défilement des astuces en bas de la fenêtre, à gauche, pour afficher ces astuces, l'une après l'autre. Si vous ne souhaitez pas l'affichage de ces astuces, décocher l'option "Afficher une astuce du jour au lancement". Il sera toujours possible de réafficher cette fenêtre  en activant la commande Astuce du jour du menu Aide
Après lecture de l'astuce du jour cliquez sur le bouton Fermer Bouton fermer de la Barre de titre (en haut à droite de la fenêtre Astuce du Jour) pour rendre active la fenêtre d'accueil de Bluegriffon

Ensuite, pour ouvrir l'éditeur, appuyez simultanément sur CTRL + T.

Voilà, c'est comme dans un logiciel de texte, mais pour faire vos site web !

Bonne création! cool

Vous souhaitez faire un lien de ce tutoriel vers votre site, utilisez le code html suivant :

<a href="http://www.helpclic.net/tutoriaux/tutoriel-511-Le-debut-avec-BlueGriffon.html" title="Le début avec BlueGriffon">Le début avec BlueGriffon chez helpclic.net </a>

Pour poster un commentaire, connectez-vous
Connexion
Votre pseudo :
Votre mot de passe :
Contactez le webmaster

Vous avez des questions à propos du site, des remarques, une proposition de partenariat, une aide en informatique (dépannage, création de site...)

ATTENTION : Je ne répondrai pas aux demandes d'aide quelles qu'elles soient, le forum informatique est là pour ça. Si vous souhaitez de l'aide ne perdez donc pas votre temps à me contacter ici, posez plutôt votre question sur le forum !

Votre pseudo :
Votre email :
Titre de votre message :
Votre message :
Recopier le code suivant :
HQUR9NT8
Création compte
Afin d'éviter le spam, j'ai changé le mode d'inscription au site. L'inscription se fera automatiquement lorsque vous aurez valider le lien présent sur votre adresse email.
Nom d'utilisateur :
Mot de passe :
Confirmer le mot de passe :
Choisissez une question :
Réponse à la question :
Votre email :
Confirmation email :
Votre signature (100 caractères max) :
Recopier le code suivant :
MB1w0MNZ
Mot de passe oublié
Veuillez saisir votre adresse email dans le champ suivant puis cliquez sur Envoyer
Faire un lien du site

Le site helpclic.net vous a plu, vous souhaitez faire un lien sur votre site, voici quelques codes vous permettant de créer un lien sur le site helpclic.net

Code à copier :

<a href="http://www.helpclic.net" title="tuto informatique" target="_blank">Tutoriel informatique</a>
Tutoriel informatique

Code à copier :

<a href="http://www.helpclic.net" title="tuto informatique" target="_blank"><img src="http://www.helpclic.net/img/logo/logo_helpclic.png" width="200" height="65" alt="helpclic.net" ></a>
helpclic.net