TUTORIEL Pour des sites internet complexes et sur-mesure pour répondre aux cahiers des charges des clients les plus exigeants. Par :
MENU UTILISATEUR Connexion Pour se connecter Entrez vos codes d accès suivant : Nom d usager : Mot de passe : Menu de CONFIGURATION compte rédacteur Contact : pour s envoyer un courriel à soi-même Mon compte : permet de modifier son profil Créer un contenu : permet de créer des pages, des sondages, des pages sécurisées et des sujets de discutions dans le forum. Dernières contributions : permet de voir qui a écrit du contenu Aggregator de flux : permettrait de suivre le fil d ariane du site ainsi que d autres fils d arianes externes Se déconnecter Page 2
CRÉER DES PAGES première partie - Page et Story 2 3 Tags : 4 5 6 7 - Choisir le type de page 2 - Inscrire le titre de la page 3 - Inscrire les Tags à cette page (s il y a lieu) 4 - Mettre le titre du lien (éviter les caractères spéciaux) 5 - Choisir le menu ou le lien doit être Primary link (menu du haut) Secondary links (menu de droite) 6 - Le poids doit être un chiffre négatif pour que le lien soit plus haut dans la liste VS un chiffre positif pour que le lien soit au bas de la liste. 7- La langue de cet article Page 3
CRÉER DES PAGES deuxième partie - Le contenu 2 3 Voir page 6 pour plus de détail sur le point et 2 4 5 Nom du fichier 6 7 - Outils de base pour la création de contenu 2 - Outils de mise en forme du texte et ajouts de liens 3 - Champs de composition du contenu de la page 4 - Sélectionnez «Full HTML» 5 - Champs pour ajouter des fichiers 6 - Permettre ou non au membre d écrire des commentaires sur cette page 7 - Enregistrer ou voir l aperçu de cette page Page 4
CRÉER DES PAGES deuxième partie - Ajout d image et de lien Nom du fichier http://liensdufichier... 2 4 - Utiliser le champ d ajout de fichier pour envoyer votre image sur le serveur. Une fois fait, vous voyez le lien de l image sous le nom du fichier - sélectionner ce lien et copier le dans le presse-papier (touches «ctrl+c»). Décocher la case «lister» si vous ne souhaitez pas que l image soit affichée en pièce jointe. 2 - Retourner dans le champ de composition de la page (#3 page précédente), positionnez le curseur à l endroit ou vous voulez ajouter l image et cliquez sur l icône «image» Votre image 3 3 - Copier le lien de l image dans le champ «URL», inscrire un texte de remplacement si désiré, indiquer le format (largeur/hauteur), l épaisseur de la bordure... Une fois que l image s affiche comme vous le souhaitez, cliquez sur «OK» 4 - Pour ajouter un lien, sélectionnez le ou les mots qui serviront de lien et cliquez sur l icône «lien». Choisir le type de lien (URL, ancre ou e-mail), indiquer l adresse et cliquez sur «OK» n.b. si vous utilisez une version payante de CKEditor, vous pourrez sauter l étape Page 5
OUTIL WYSIWYG CKEditor / FKEditor 2 3 4 5 6 7 8 9 0 2 3 4 5 6 Un outil WYSIWYG est une interface «intuitive» : l utilisateur voit directement à l écran à quoi ressemblera le résultat final. «WYSIWYG» est l acronyme de la locution anglaise «What you see is what you get», signifiant littéralement en français «ce que vous voyez est ce que vous obtenez». À noter que CKEditor et FKEditor est un module externe qui peut être ajouté à l interface de Drupal. - Voir la programmation html (code source du contenu) 2 - Couper / Copier / Coller... 3 - Vérification de l orthographe (module complémentaire requis) 4 - Annuler / Refaire 5 - Recherche 6 - Recherche et remplacement 7 - Tout sélectionner 8 - Effacer la mise en forme 9 - Image, animation flash, tableau, ligne de séparation, émoticône, caractères spéciaux, iframe (imbrique une page web externe) 0 - Mode plein écran, ajout d un bloc paragraphe - Choix de style prédéfini 2 - Caractère gras, italique, souligné, barré, indice, exposant 3 - Liste numérotée, liste avec puces, moins de marge de gauche, plus de marge de gauche, citation, bloc «div» avec style prédéfini dans la feuille de style 4 - Alignement à gauche, au centre, à droite ou justifier. Alignement du paragraphe (gauche ou droite) 5 - Ajouter un lien, supprimer une lien, ajouter ou modifier une ancre 6 - Saut de page Page 6
MODIFICATIONS du contenu Modifier une page existante Cliquez sur la page que vous souhaitez modifier Cliquez sur l onglet «modifier» Traduire une page Cliquez sur l onglet «traduire» et sur le lien «ajouter une traduction» 2 3 4 Créer un sondage - À partir du menu de configuration du rédacteur, cliquez sur «créer un contenu» et sur «sondage» 2 - Inscrire la question 3 - Inscrire les choix de réponse 4 - Ajouter plus de choix de réponse Page 7
MODULES Suggérés Voici une liste des modules que je suggère pour votre site Drupal Drupal version 6 et 7 Aggregator Block Blog Book Color Comment Contact Content translation Contextual links Dashboard Database logging Field Field SQL storage Field UI File Filter Forum Help Image List Locale Menu Node Number OpenID Options Overlay Path Poll RDF Search Shortcut Statistics Syslog System Taxonomy Text Toolbar Tracker Trigger Update manager Upload User AddToAny Backup and Migrate Comment notify Facebook Like Button Feedback Simple Include Libraries Mobile Theme Quotations Site map Twitter Chaos tools CAPTCHA Image CAPTCHA Mail System Mime Mail Mime Mail Action Mime Mail CSS Compressor Simplenews CKEditor External Links Localization update Printer-friendly pages TagClouds Visitors Views Views UI XML sitemap XML sitemap custom XML sitemap engines XML sitemap menu XML sitemap node XML sitemap taxonomy *La plupart de ces modules sont facultatifs, ils peuvent être activés ou désactivés selon vos besoins. Page 8
Dries Buytaert, né le 9 novembre 978 à Wilrijk en Belgique, est un développeur de logiciels open-source et le fondateur et chef du CMS Drupal. En date du 7 mars 202 782,892 personnes, dans 228 pays, parlant 8 langues utilisent DRUPAL. CRÉDIT Drupal Développeur : Dries Buytaert Première version : janvier 200 Écrit en : PHP Environnements : Multiplate-forme Langues : Multilingue Type : CMS (système de gestion de contenu) Licence : GNU GPL Site web : drupal.org Ce tutoriel pour rédacteur Drupal vous est offert par LaGraphiste.com Page 9