Manuel d'utilisation pour Zimplit

Transcription

1 Manuel d'utilisation pour Zimplit Introduction Ce document vous présente un aperçu de l'interface utilisateur et les fonctions du gestionnaire de contenu Zimplit. Informations Générales Version: 0.3 Modifié le: 26/09/2008 Faite par: Silver Sikk (Krabi & Mask) Traduction par: Alexandre Gauvin Modifié le: 20/01/2009

2 Table des matières (1) Compte utilisateur... 1 (1.1) Installer Zimplit... 1 (1.2) Créer un compte utilisateur... 1 (1.3) Se connecter au compte utilisateur... 2 (1.4) Changer le mot de passe... 3 (2) Travailler avec une page web... 4 (2.1) Barre d'outils... 4 (2.2) Sauvegarder votre site... 4 (2.3) Annuler des actions... 4 (2.4) Gestion du texte... 4 (2.5) Gestion des images... 5 (2.6) Réglages des images... 6 (2.7) Créer des liens... 7 (2.8) Ajouter des fichiers... 7 (3) Travailler avec des pages web... 8 (3.1) Créer des pages...8 (3.2) Supprimer des pages...8 (3.3) Structure et Navigation... 9 (3.4) Renommer des pages (3.5) Insérer des menus (3.6) Supprimer des menus...11 (4) Pour utilisateurs expérimentés (4.1) Visualiser le code (4.2) Vos réactions... 12

3 1 (1) Compte utilisateur (1.1) Installer Zimplit Après avoir télécharger Zimplit (voir zimplit.org), vous devez extraire le fichier. Ce fichier inclus l'application Zimplit qui est contenu dans un fichier PHP (zimplit.php) et la version standard inclut également un thème gratuit pour votre site web. 1. Charger le(s) fichier(s) sur votre serveur. Assurez-vous que le fichier zimplit.php est dans le même répertoire que le fichier index.html. 2. Utiliser votre logiciel FTP pour définir les permissions CHMOD du fichier zimplit.php à 755 sur votre serveur. 3. Il vous faut également définir les permissions CHMOD du fichier index.html à Assurez-vous que les permissions CHMOD de votre répertoire racine (le répertoire qui contient le fichier zimplit.php et index.html ) sont à 755. (1.2) Créer un compte utilisateur Vous devez créer un compte utilisateur pour gérer votre site web avec Zimplit. Vous ne pourrez le créer qu'après avoir chargé l'application Zimplit sur votre serveur (voir 1.1). Entrez l'adresse du site que vous souhaitez gérer avec Zimplit dans la barre d'adresse de votre navigateur et ajoutez /zimplit.php à la fin (par exemple, Une fenêtre va s'ouvrir dans laquelle vous pourrez entrer les informations suivantes: 1. Nom d'utilisateur 2. Mot de passe 3. Confirmation du mot de passe 4. Courriel de l'utilisateur Cliquez sur Démarrer et votre compte utilisateur sera créé. Après la création de votre compte utilisateur, une fenêtre va s'ouvrir dans laquelle vous pourrez entrer votre nom d'utilisateur et mot de passe.

4 2 NOTE! Si la fenêtre s'ouvre de nouveau après avoir créé le compte utilisateur, il vous sera probablement impossible de créer un compte en raison des permissions d'accès limitées. Assurez-vous que vos fichiers ont les permissions requises (voir 1.1 ou contactez l'administrateur de votre serveur). (1.3) Se connecter au compte utilisateur Pour vous connecter à votre compte utilisateur, entrez l'adresse du site que vous souhaitez géré avec Zimplit dans la barre d'adresse de votre navigateur et ajoutez /zimplit.php à la fin (par exemple, Veuillez entrer votre nom d'utilisateur et votre mot de passe dans la fenêtre. Cliquez sur Démarrer.

5 3 (1.4) Changer le mot de passe Pour vous connecter à votre compte utilisateur, entrez l'adresse du site que vous souhaitez géré avec Zimplit dans la barre d'adresse de votre navigateur et ajoutez /zimplit.php à la fin (par exemple, Cliquez sur Mot de passe oublié? dans la fenêtre. Un nouveau mot de passe sera envoyé à l'adresse courriel de l'utilisateur.

6 4 (2) Travailler avec une page web (2.1) Barre d'outils Après vous être connecté, le site s'ouvre dans le navigateur. Il s'agit d'une page normale sur laquelle vous pouvez utiliser les menus mais les liens ne sont pas cliquables. Vous avez tous les outils nécessaires pour gérer votre site dans la barre d'outils de Zimplit dans le coin gauche de la page. (2.2) Sauvegarder votre site Après chaque action ou changement vous devez sauvegarder votre site en cliquant sur Sauvegarder sur la barre d'outils. Vous perdrez toute modification non sauvegardée si vous vous déplacez de page en page sans sauvegarder préalablement votre travail. (2.3) Annuler des actions Les changements peuvent être annulés en cliquant sur la combinaison des touches Ctrl+z (Commande+z sur Mac). (2.4) Gestion du texte Pour gérer le texte, allez sur la page sur laquelle vous souhaitez effectuer des modifications ou des ajouts de textes. Cliquez sur le texte et un curseur apparaitra qui vous permettra d'intervenir sur ce texte de la même façon que dans un éditeur de texte standard. Ajoutez ou annulez le texte. Pour mettre en forme le texte, sélectionnez le texte à mettre en forme et choisisses parmi les options suivantes dans la barre d'outils: 1. Gras rend le texte Gras/normal. Sélectionnez le texte que vous souhaitez modifier et cliquez sur Gras dans la barre d'outils. 2. Italique rend le texte en italique/normal. Sélectionnez le texte que vous souhaitez modifier et cliquez sur Italique dans la barre d'outils.

7 5 3. Souligné rend le texte souligné/normal. Sélectionnez le texte que vous souhaitez modifier et cliquez sur Souligné dans la barre d'outils. 4. La mise en forme du texte vous permet d'utiliser des formats par défaut. Sélectionnez le texte que vous souhaitez modifier et cliquez sur Mise en forme dans la barre d'outils. Sélectionnez le format souhaité (Normal, Titre 1, Titre 2, Titre 3). (2.5) Gestion des images Les fichiers images doivent être au format GIF, JPEG ou PNG. Pour ajouter une image, cliquez à l'endroit où vous souhaitez ajouter l'image sur votre page. Cliquez sur Ajouter une image dans la barre d'outils. Une fenêtre va s'ouvrir dans laquelle vous pourrez charger une image à partir de votre ordinateur. Vous pourrez également définir l'emplacement de l'image et choisir entre les options image normale ou vignette. Vignette signifie que cette image est affichée comme une vignette que vous pourrez agrandir en cliquant dessus. Pour définir une image comme une vignette, cocher l'option Clic et zoom.

8 6 (2.6) Réglages des images La taille d'une image normale peut être modifiée en cliquant sur l'image. Le bouton des propriétés de l'image apparait dans le coin inférieur droit de l'image. Cliquez dessus en tenant enfoncé le bouton gauche de la souris, ensuite déplacez le marqueur d'image jusqu'à la taille désirée. Une image agrandie perd sa netteté si l'image originale est plus petite. Pour définir les réglages d'une vignette, cliquez sur Réglages dans la barre d'outils et sélectionnez l'option Image. Une fenêtre va s'ouvrir dans laquelle vous pourrez définir la taille de la vignette (cad. La taille maximale des images sur la page) et la taille des grandes images (cad. La taille maximale des images dans l'aperçu des vignettes). La taille de l'image est affichée en pixels. La taille par défaut des images dans Zimplit peut être vue dans la fenêtre. Si la taille de l'image chargée est plus grande que la taille définie, vous devez alors redéfinir la taille de l'image.

9 7 (2.7) Créer des liens Un lien est un objet cliquable sur une page qui conduit normalement vers une autre page ou un autre site. Pour créer un lien texte, sélectionnez le texte que vous souhaitez devenir un lien et cliquez sur Ajouter un lien dans la barre d'outils. Une fenêtre va s'ouvrir. Veuillez entrez l'adresse vers laquelle le lien doit conduire et cliquez sur OK. Pour créer une image lien, clquez sur l'image que vous souhaitez devenir un lien. Le bouton des propriétés de l'image apparait dans le coin inférieur droit de l'image. Cliquez dessus et ensuite sur Ajouter un lien dans la barre d'outils. Une fenêtre va s'ouvrir. Veuillez entrez l'adresse vers laquelle le lien doit conduire et cliquez sur OK. (2.8) Ajouter des fichiers Pour ajouter un fichier (ex. Au format PDF) sur une page, cliquez à l'endroit où vous souhaitez ajouter un lien texte au nom du fichier. Cliquez sur Ajouter dans la barre d'outils et sélectionnez Fichier. Une fenêtre va s'ouvrir dans laquelle vous pourrez indiquer l'emplacement du fichier sur votre ordinateur.

10 8 (3) Travailler avec des pages web (3.1) Créer des pages Un site web consiste en plusieurs pages web. Pour créer une nouvelle page web, cliquez sur Nouvelle page dans la barre d outils. Une fenêtre va s ouvrir. Entrez le nom de la nouvelle page et sélectionnez la page que vous souhaitez utiliser comme modèle pour cette nouvelle page. Avec Zimplit, les nouvelles pages sont toujours des copies de pages existantes. Les nouvelles pages peuvent être créées hiérarchiquement. Une nouvelle page doit être créée comme une page-fille de la page en cours. Par exemple, si vous souhaitez créer une page-fille Employés de la page Contacts, vous pouvez le faire à partir de la page Contacts. La première page est l exception. Les pages-fille de la première page se situent sur le même niveau que celle-ci. (3.2) Supprimer des pages Pour supprimer une page web, cliquez sur Supprimer la page dans la barre d outils. Vous pouvez supprimer une page seulement lorsque vous êtes sur cette page et si cette page n a pas de pages-fille. Si une page a une ou des pages-fille, vous devez préalablement supprimer les pages-fille associées à la page que vous souhaitez supprimer. NOTE! Les pages supprimées ne peuvent pas être récupérées. Une fenêtre va s ouvrir en vous demandant de confirmer votre choix de supprimer la page.

11 9 (3.3) Structure et Navigation Vous pouvez utiliser le menu pour naviguer sur le site. Si votre site web n a pas de menu de navigation ou qu il n a pas de pages affichées dans le menu, vous pouvez naviguer dans les pages en cliquant sur Menu dans la barre d outils. Vous pouvez sélectionner Structure et options de menu. Une fenêtre va s ouvrir en affichant toutes les pages de votre site. Veuillez sélectionner une page et cliquez dessus. Veuillez ensuite sélectionner Éditer la page et vous serez redirigé vers la page désirée.

12 10 (3.4) Renommer des pages Pour renommer une page, cliquez sur Menu dans la barre d outils. Veuillez sélectionner ensuite Structure et options de menu. Une fenêtre va s ouvrir en affichant toutes les pages de votre site. Cliquez sur la page que vous souhaitez renommer. Une liste d options s affichera. Veuillez ensuite sélectionner Renommer et entrer un nouveau nom pour cette page. N oubliez pas de sauvegarder. (3.5) Insérer des menus Vous avez besoin d un menu de navigation pour votre site web. Les menus n affichent seulement que les pages existantes et sont mis à jour automatiquement si une nouvelle page est créée. Gardez toujours ceci en mémoire. Par exemple, vous avez inséré un menu de pages-fille sur une page mais il ne contient aucun titre de menu. Ceci parce que vous n avez pas encore créée de pages-fille encore. Créez une nouvelle page (see 3.1) et elle apparaitra automatiquement

13 11 dans le menu. Il est plus efficace d insérer tous les titres de menus au commencement. De cette façon, toutes les nouvelles pages que vous créez apparaitront dans les menus. Pour insérer un menu, placez le curseur à l endroit où vous souhaitez insérer un nouveau menu. Cliquez sur Menu dans la barre d outils. Les options suivantes s afficheront: 1. Menu d ensemble permet d insérer la structure de menu complète du site avec les pages-fille de tous les niveaux du menu. 2. Insérer menu principal (liens seulement) permet d insérer le menu principal comme barre de menu horizontal (avec les liens situés un à côté de l autre). 3. Insérer menu principal (avec des éléments de liste LI) permet d insérer le menu principal comme liste de lien vertical (avec les liens situés l un sous l autre). 4. Insérer ce niveau et ses page-filles permet d insérer un menu et ses sous-menus d un niveau spécifique. 5. Insérer pages-fille de cette page permet d insérer un menu avec les pages-fille de tous les niveaux de cette page. 6. Structure et options de menu ouvre l ensemble du site en arborescence. Vous pouvez naviguer sur l ensemble du site (voir 3.3) ou travailler une page à la fois (voir 3.3 and 3.4). (3.6) Supprimer des menus Pour supprimer un menu sur une page, cliquez sur Supprimer sur la droite du menu.

14 12 (4) Pour utilisateurs expérimentés (4.1) Visualiser le code Les utilisateurs familiers avec le code des pages web ont la possibilité de gérer leur site en visualisant le code des pages. Cliquez sur Code. Une fenêtre va s'ouvrir dans laquelle vous pourrez choisir de visualiser le code HTML ou le code CSS. Vous pouvez effectuer des changements au design et au fonctions du site. N'oubliez pas de sauvegarder vos changements. (4.2) Vos réactions Si vous avez des suggestions ou commentaires pour l'équipe de Zimplit, vous pouvez le faire en utilisant le formulaire à cet effet en cliquant sur Vos réactions.