Télécharger
Transcription
Télécharger
Manuel accompagnant le module d'entretien du site Web Hermes CMS. Pour qui ? Vous désirez présenter votre entreprise d'une manière professionnelle ? Vous aimeriez gérer vous-même votre site Web ? Vous aimeriez que le budget reste peu élevé ? Quoi ? Le Site Light est un site Web que vous pouvez gérer et mettre à jour vous-même, aussi souvent que vous le souhaitez. Pour ce faire, vous ne devez pas disposer de connaissances techniques, tous les utilisateurs de Word en sont capables ! Aucune installation n'est réalisée sur votre ordinateur. Il vous suffit de vous connecter dans notre module d'entretien basé sur Word et vous pouvez vous atteler à la tâche. Viva – Korenbloemstraat 5 – 3800 Sint-Truiden [email protected] – 011-58.48.94 - 1 Table des matières I. Accès au module d'entretien 3 II. Création de la mise en page 3-4 1. 2. 3. 4. 4 4 4 4 Choix de l'arrière-plan Choix des polices Fenêtres contextuelles Largeur de la zone de texte III. Création de la structure du site Web 5-7 1. 2. 3. 4. 5. 6. 7. 8. 5 5 5 6 6 6 7 7 Modifier le nom d’un dossier Supprimer un dossier Modifier l'emplacement d'un dossier Introduire un dossier Modifier le nom d'une page Supprimer une page Modifier l'emplacement d'une page Introduire une nouvelle page IV. Créer et entretenir des pages 8-15 1. Commencer à partir du code source A. Intégrer du texte B. Intégrer des illustrations C. Faire ressortir du texte D. Remarques 8 8 9 9 10 2. Commencer à partir de l'éditeur A. Introduire des photos B. Changer la couleur des textes C. Choisir les polices C. Introduire des tableaux D. Introduire des hyperliens E. Intégrer dans des textes une numérotation ou des tirets F. Aligner des textes G. Appliquer un retrait à des textes 10 11 11 11 11 12 12 12 13 3. Activer des pages sur le site Web A. Activer une page B. Activer la fenêtre publicitaire C. Activer le formulaire à compléter D. Remarque 14 14 14 14 15 Viva – Korenbloemstraat 5 – 3800 Sint-Truiden [email protected] – 011-58.48.94 - 2 I. Accès au module d'entretien Dans le bas droit du site Web, vous cliquez sur « maintenance ». Une page fait alors son apparition dans laquelle vous devez compléter le mot de passe et le nom d'utilisateur. Par la suite, une page contenant le dossier racine fait son apparition (si cette page n'apparaît pas immédiatement, vous devez alors cliquer d'abord sur la langue de votre choix). !! Pour chaque opération que vous désirez réaliser, vous devez commencer à partir de cette page de maintenance ! II. Création de la mise en page !! Avant de commencer à créer des pages, il vaut mieux d'abord créer la mise en page : celle-ci est alors reprise automatiquement sur chaque page. De la même manière, lorsque vous désirez apporter des modifications à la mise en page, il faut d'abord le faire en premier lieu si vous désirez que ces changements soient repris sur chaque page. Vous devez alors à nouveau enregistrer les pages dans le code source (voir les pages création dans le code source). Viva – Korenbloemstraat 5 – 3800 Sint-Truiden [email protected] – 011-58.48.94 - 3 Ouvrez le module d'entretien. Cliquez au-dessus dans le menu sur « suppléments/extra ». Vous pouvez choisir entre : • • • • Couleurs d'arrière-plan (Background pages) Polices (Font pages) Fenêtres contextuelles (Win/Popup) Largeur de la zone de texte (Width txt bx) 1. Choix des couleurs d’arrière-plan - Sélectionnez la couleur souhaitée dans la case à option. Cliquez sur save. 2. Choix des polices - Choisissez la taille de police, la couleur et la police souhaitée. Cliquez sur save. 3. Fenêtres contextuelles Pour par exemple attirer l'attention sur des promotions en plaçant des fenêtres contextuelles sur le site Web. 4. Largeur de la zone de texte Pour régler la largeur de la zone de texte dans « l'éditeur ». Viva – Korenbloemstraat 5 – 3800 Sint-Truiden [email protected] – 011-58.48.94 - 4 III. Gestion du site Web 1. Modifier le nom d'un dossier • • • • Ouvrez le module d'entretien. Sélectionnez le dossier « directory » que vous désirez modifier. Introduisez le nouveau nom dans la fenêtre « Rename directory ». Cliquez sur le bouton Rename directory. Remarque : n’oubliez pas de mettre le statut du directory sur « live », si vous voulez voir directement la modification sur le site Web ! 2. Supprimer un dossier existant • • • Ouvrez le module d'entretien. Sélectionnez le dossier « directory » que vous désirez supprimer. Cliquez sur le bouton Delete directory. 3. Modifier l'emplacement d'un dossier Ouvrez le module d'entretien. Cliquez au-dessus, dans la bannière, sur « Change sequence ». Viva – Korenbloemstraat 5 – 3800 Sint-Truiden [email protected] – 011-58.48.94 - 5 4. Des flèches font alors leur apparition à côté des dossiers, et vous pouvez alors choisir si vous voulez placer le dossier au-dessus ou en dessous. Cliquez sur les flèches jusqu'à ce que le dossier se trouve à l'emplacement souhaité. Créer un nouveau dossier • • • • 5. Ouvrez le module d'entretien. Ici, vous pouvez créer le premier « child directory ». Dans la case, vous écrivez le nom de ce dossier. Cliquez sur « Add child dir ». Le nouveau dossier fait alors son apparition dans le dossier racine. Modifier le nom d'une page existante 6. Ouvrez le module d'entretien. Cliquez d'abord dans le bon dossier sur la page dont vous désirez modifier le nom. Introduisez le nouveau nom de la page dans la fenêtre d'insertion. Cliquez sur « Rename page ». Supprimer une page existante Ouvrez le module d'entretien. Dans le directory, cliquez sur la page que vous souhaitez supprimer. Cliquez sur « Delete page ». Viva – Korenbloemstraat 5 – 3800 Sint-Truiden [email protected] – 011-58.48.94 - 6 7. Modifier l'emplacement d'une page existante 8. Ouvrez le module d'entretien. Cliquez au-dessus, dans la bannière, sur « Change sequence ». Cliquez sur le dossier dans lequel se trouve la page dont vous désirez modifier l'emplacement. Des flèches font alors leur apparition à côté des pages, et vous pouvez alors choisir si vous voulez placer le dossier au-dessus ou en dessous. Cliquez sur les flèches jusqu'à ce que le dossier se trouve à l'emplacement souhaité. Introduire une nouvelle page Viva – Korenbloemstraat 5 – 3800 Sint-Truiden [email protected] – 011-58.48.94 - 7 Ouvrez le module d'entretien. Cliquez sur le dossier dans lequel vous désirez introduire la nouvelle page. Un formulaire à compléter fait alors son apparition dans lequel vous pouvez créer une page. Complétez le nom de la page. Cliquez sur « Add ». IV. Créer et entretenir des pages Ouvrez « maintenance ». Dans le directory, vous cliquez sur la page que vous désirez créer. Cliquez ici sur « edit source » ou « edit page ». Attention ! Lorsque vous créez une page pour la première fois ou lorsque vous désirez réaliser de nombreuses adaptations, il vaut mieux commencer à partir de « edit source ». Ce faisant, la structure de votre site Web est en effet déterminée de manière automatique. 1. Commercer à partir du « code source ». Cliquez sur le bouton « edit source ». Un formulaire à compléter fait maintenant son apparition dans lequel vous pouvez insérer les titres, du texte et des photos. A. Intégrer du texte Viva – Korenbloemstraat 5 – 3800 Sint-Truiden [email protected] – 011-58.48.94 - 8 Intégrez le titre dans la zone « titre ». Intégrez le texte souhaité dans la zone « texte ». Si vous voulez faire ressortir le texte, vous pouvez choisir parmi différents pixels. B. Intégrer des illustrations Cliquez sur le bouton parcourir. Allez jusqu'au fichier souhaité (par exemple : mes illustrations). Double-cliquez ensuite dans le dossier sur l'illustration souhaitée. Remarques 1. L'illustration ne peut pas être supérieure à 110 k ! Si la largeur est supérieure à 560, elle est alors automatiquement adaptée. 2. Vous pouvez également télécharger gratuitement un logiciel pour travailler les photos par l'intermédiaire de notre site Web www.viva.be, un logiciel gratuit tel que le « Download Photo resize magic » (réduction de photos avec une bonne qualité) C. Faire ressortir du texte Cliquez sur « edit source ». Viva – Korenbloemstraat 5 – 3800 Sint-Truiden [email protected] – 011-58.48.94 - 9 Cliquez sur la case « text border » pour indiquer le nombre de pixels souhaités. Cliquez sur « save » dans le bas de la page. D. Remarques 1. Après avoir inséré les titres, le texte et les photos, n'oubliez pas de cliquer en dessous sur le bouton « save source code and go to editor ». 2. Vous arrivez ensuite dans l'écran « editor ». Ici aussi, vous devez sauvegarder la modification par l'intermédiaire du bouton situé dans le bas « Save ». Après la sauvegarde, veuillez fermer la fenêtre. 3. Si vous voulez voir les modifications directement sur votre site Web, cliquez au niveau de « activation status » sur « live » et le statut save. 4. Si vous regardez ensuite sur votre site Web, après avoir ouvert votre site Web, il vaut mieux cliquer sur la touche « F5 » pour renouveler l'écran. 5. Vous pouvez supprimer toute une rubrique de texte en cliquant sur le bouton « delete item », ensuite sur le bouton « save » dans le bas. 6. Si vous désirez supprimer des photos, cliquez sur la touche « del picture », cliquez ensuite sur la touche « save » dans le bas. N'oubliez pas d'enregistrer les adaptations. Cliquez toujours sur « save » dans le bas de la page. 2. Commencer à partir de l'éditeur. Ici, vous pouvez toujours introduire du texte, des tableaux, créer des hyperliens, etc. L'éditeur fonctionne de la même manière qu'un éditeur dans Word. Viva – Korenbloemstraat 5 – 3800 Sint-Truiden [email protected] – 011-58.48.94 - 10 VIVA propose à tous ses clients un cours gratuit. Trois parties sont expliquées dans ce cours. A. Introduire des photos Vous pouvez encore introduire des photos ici. L'éditeur est intéressant pour introduire des boutons et des petites illustrations. Il vaut mieux introduire de grandes illustrations par l'intermédiaire du code source, parce qu'elles sont alors automatiquement bien placées. • Dans la barre de menu, cliquez sur la touche (introduction d'illustrations). Dans l'écran qui fait son apparition, vous pouvez parcourir dans le coin inférieur droit pour aller dans le dossier où se trouvent vos illustrations. Dans le dossier, vous cliquez alors sur la photo souhaitée. Par la suite, vous choisissez « Upload ». Vous recevez alors une communication vous indiquant que votre illustration a été chargée avec succès. Vous pouvez encore choisir d'encadrer votre illustration, de la mettre dans telle ou telle couleur, etc. Ensuite, vous cliquez sur « Insert ». N’oubliez pas d'enregistrer par l'intermédiaire de la touche « Save » dans le bas. B. Changer la couleur des textes. Vous sélectionnez le texte dont vous souhaitez changer la couleur et vous cliquez ensuite sur . Vous indiquez la couleur souhaitée par la suite. Viva – Korenbloemstraat 5 – 3800 Sint-Truiden [email protected] – 011-58.48.94 - 11 C. Choisir les polices. Vous sélectionnez le texte et vous choisissez ensuite la police et la taille de police souhaitées. Vous pouvez également choisir si vous voulez mettre le texte en gras, en italique ou si vous désirez le souligner. D. Introduction de tableaux. Vous cliquez sur . Ici, vous pouvez choisir le nombre de lignes et de colonnes que vous désirez introduire. Par la suite, vous pouvez toujours fusionner, supprimer, ajouter, etc. des lignes et . L'utilisation de tableaux est très pratique des colonnes pour bien arranger votre page. C'est la raison pour laquelle vous devez certainement lire notre brochure : astuces pour un site réussi. E. Intégrer des hyperliens. Vous sélectionnez le mot ou l'illustration pour laquelle vous désirez créer un hyperlien. Par la suite, vous cliquez sur . Vous arrivez dans un formulaire à compléter. Ici, vous introduisez toute l'adresse URL (adresse Web) et vous choisissez ensuite dans quel écran vous voulez faire apparaître le lien : dans la même fenêtre ou dans une nouvelle fenêtre. F. Intégrer dans des textes une numérotation ou des tirets. Vous sélectionnez le texte dans lequel vous désirez intégrer un tiret ou une numérotation et vous cliquez ensuite sur . G. Aligner des textes. Vous sélectionnez le texte que vous désirez aligner et vous cliquez ensuite sur . Viva – Korenbloemstraat 5 – 3800 Sint-Truiden [email protected] – 011-58.48.94 - 12 H. Appliquer un retrait aux textes. Vous sélectionnez le texte auquel vous désirez appliquer un retrait et vous cliquez . ensuite sur I. Intégrer des hyperliens PDF Créez un fichier en pdf. Remplacez les « blancs » par un blanc souligné. N’ulitez pas de caractères étrangères comme %, +,…. Cliquez dans le module d’entretien sur le buton et téléchargez le fichier. Sélectionnez le mot sur lequel vous voulez placer un hyperliens de pdf et fait un clic sur le buton . Dand l’écran suivant, vous pouvez télécharger le fichier en pdf par le buton « bladeren ». Séctionnez aussi « ouvriez en un autre écran et séctionnez un couleur. En suivant, inserez le fichier par cliquez le buton « Insert ». Viva – Korenbloemstraat 5 – 3800 Sint-Truiden [email protected] – 011-58.48.94 - 13 3. Activer des pages sur le site Web. Lorsque vous créez une page, vous pouvez choisir si vous l'activez déjà sur le site ou non. A. Activer une page. Vous cliquez dans le dossier sur la page que vous désirez activer. B. Activer la fenêtre publicitaire. Chaque site Web comprend une fenêtre publicitaire. Celle-ci n'est pas activée de manière standard. Si vous désirez utiliser la fenêtre publicitaire, il vous suffit de créer une nouvelle page (voir introduire une page et créer une page). Au-dessus de « l'éditeur », vous sélectionnez la case à options promo. La page apparaît alors à l'ouverture du site dans une fenêtre publicitaire. C. Activer le formulaire à compléter sur le site. C. Activer le formulaire à compléter sur le site. Viva – Korenbloemstraat 5 – 3800 Sint-Truiden [email protected] – 011-58.48.94 - 14 De manière standard, le site Web comprend un formulaire à compléter. Pour activer ce formulaire à compléter, vous cliquez au-dessus dans le module d'entretien. Vous arrivez alors dans un formulaire à compléter. Au niveau de « Send this form to next e-mail address », vous cliquez sur le bouton et vous introduisez ici votre adresse électronique. Au niveau de « discription in outlook », vous pouvez par exemple mettre la demande d'informations du client. Au niveau de Description in form reply, vous pouvez par exemple compléter la demande d'informations après avoir appuyé sur le bouton . Vous pouvez également choisir de mettre une réponse automatique après la demande, afin que la personne qui pose une question reçoive immédiatement une réponse. Par exemple : « Votre demande sera traitée le plus rapidement possible ». Dans le bas, vous pouvez créer les champs que vous aimeriez que les visiteurs remplissent, par exemple : nom, adresse, questions, etc. Cliquez par exemple sur le bouton : et ensuite sur . Introduisez ici un nom pour le champ, par exemple entreprise, nom, adresse... Viva – Korenbloemstraat 5 – 3800 Sint-Truiden [email protected] – 011-58.48.94 - 15 Si vous souhaitez un champ plus large, cliquez d'abord sur nom du champ. et ensuite le Exemple En plaçant un astérisque derrière un champ, vous pouvez indiquer si le visiteur doit obligatoirement ou non remplir le champ. D. Remarque : Afin de pouvoir remplir les champs, vous devez faire sorte que le blocage des fenêtres contextuelles ne soit pas activé dans le dossier « respect de la vie privée ». Si vous avez encore des options, n'hésitez pas à nous contacter. Tous les mercredis soir, vous pouvez également venir chez nous pour nous poser vos questions, après avoir pris rendez-vous. Viva – Korenbloemstraat 5 – 3800 Sint-Truiden [email protected] – 011-58.48.94 - 16 Viva – Korenbloemstraat 5 – 3800 Sint-Truiden [email protected] – 011-58.48.94 - 17