Rédacteur Comment ajouter / modifier du texte

Transcription

1 Rédacteur Comment ajouter / modifier du texte Etape 1 : Authentifier sur le site Cliquez sur Privé puis saisissez votre «Nom d'utilisateur» et «Mot de passe» Une fois authentifier, cliquer sur le bouton [CMS Login] pour passer en mode «rédacteur». Le fait de cliquer sur le bouton [ CMS Login] permet de rendre certaines parties du site accessible en modification en fonction de vos droits d'accès. Barre d'outils : Supprimer l'élément (veiller à en laisser tjs un même vide) Créer un élément Modifier un élément Important : Ne pas utiliser les autres icônes. Ne pas supprimer tous les éléments, en laisser au moins un non rempli. Cliquer sur le «crayon» pour ajouter, modifier, supprimer du texte. Apparaitra une nouvelle fenêtre qui s ouvre sur l onglet général En tête correspond au nom du bloc (pour qu il ne soit pas visible par la suite sur le site, dans type : choisir : caché) Si on choisit des types prédéfinis, le nom du bloc se mettra en titre sur le site avec la mise en forme prédéfinie. Rédacteur : Valérie BARRA - Direction des Systèmes d'information 1/5

2 Onglet Texte : Vous pouvez saisir votre texte, lui appliquer un style,. ATTENTION NE PAS FAIRE DE COPIER COLLER AVEC UN DOCUMENT WORD OU EQUIVALENT, HTML Si vous voulez incorporer du texte issu d'un fichier WORD, copie d un site, vous devez passer par une étape intermédiaire. Sélectionner le texte, copier le et coller le dans un éditeur de base comme NotePad (windows) ou gedit (linux), cette action va supprimer tout le formatage de texte. Ensuite copier et coller le résultat dans la fenêtre ci-dessus. Maintenant vous pouvez appliquer le style que vous voulez. Les options de formatage les plus usitées fournies par le '''Rich Text Editor''' (RTE) incluent: 1. le '''gras''' et l'''italique'' 2. puissances et indices 3. les listes numériques et non-ordonnées 4. les paragraphes pré-définis 5. l'insertion de caractères spéciaux 6. si du texte est selectionné, cette option vous permet de créer un lien hypertexte, voir ci-dessous 11. défaire/refaire une action Rédacteur : Valérie BARRA - Direction des Systèmes d'information 2/5

3 Créer un lien Une fois que vous avez sélectionné un mot ou plus cliqué sur l'icône '''Lien''', vous accédez aux options suivantes: 1. Onglet page : Créer un lien vers une page du site Dans la deuxième case de cible : cliquez sur la flèche et sélectionner nouvelle fenêtre (la page sera ouverte ainsi dans une nouvelle fenêtre) puis cliquez sur la page dans l arborescence. 2. Onglet fichier : Créer un lien vers un fichier de votre PC Dans arborescence, ouvrir le dossier qui recevra le fichier que vous allez mettre en ligne avec la petite flèche orange, au dessus apparaît parcourir : allez chercher le fichier sur votre pc puis envoyer fichier, il se rajoutera a droite de l arborescence, Dans la deuxième case de cible : cliquez sur la flèche et sélectionner nouvelle fenêtre (le document sera ouvert ainsi dans une nouvelle fenêtre) puis cliquez sur le fichier rajouté, la fenêtre de lien se ferme. Dans la fenêtre principale de travail une icône avec flèche s est rajoutée, vérifier le lien avec clic droit, et si c est ok enregistrer. 3. Onglet URL externe : Créer un lien vers un autre site, en saisissant simplement l'adresse (URL) du site en question dans le champ approprié Dans la deuxième case de cible : cliquez sur la flèche et sélectionner nouvelle fenêtre (le site sera ouvert ainsi dans une nouvelle fenêtre et cliquez sur '''appliquer le lien''' 4. Onglet Créer un lien vers une adresse mail, en la saisissant dans le champ approprié et en cliquant sur '''appliquer le lien''' Titre : opens internal link in current window, il s agit dune bulle texte qui apparaît sur le site., remplacer le texte ou le laisser vide Rédacteur : Valérie BARRA - Direction des Systèmes d'information 3/5

4 Travailler avec des images La plupart du temps vous travaillez soit avec des éléments de contenu de type ''texte avec image'' soit de type ''images seules'', et ces cas d'utilisation sont justement détaillés dans ce chapitre. Afin de travailler efficacement avec les images dans TYPO3, il peut être utile d'activer l'option '''Afficher les options secondaires (palettes)''' en bas d'une page d'édition (de propriétés de page ou d'élément de contenu). Images Pour ajouter une nouvelle photo sur le site : parcourir, la chercher sur son pc, ouvrir et enregistrer avec la première des trois petites disquettes L image s est rajoutée dans le dossier. Ce dossier «image» contient toutes les images du site stockées sur le serveur. (Pour supprimer une image, la sélectionner et la retirer de la liste en cliquant sur la croix). Si la photo que vous voulez ajouter sur une page existe déjà sur le site, ouvrir le dossier image et sectionner la photo. La sélectionner. Positions Choisir son emplacement par rapport au texte. Pour ajouter une image provenant des '''fichiers''' du serveur, cliquez sur le bouton en forme de dossier Pour déposer une image depuis votre ordinateur en vue de l'utiliser directement dans l'élément de contenu, utilisez ce champ Rédacteur : Valérie BARRA - Direction des Systèmes d'information 4/5

5 Images dimensions Spécifier la largeur et/ou la hauteur des images contenues dans l'élément (il suffit de préciser la hauteur ou la largeur). La taille moyenne d affichage d une image cliquable est : largeur 120, la hauteur sera calculée automatiquement. Liens d images : ajouter l URL d un site, si vous souhaitez qu en cliquant le visiteur soit renvoyé vers un site (exemple si vous mettez un logo et voulez renvoyer vers le site concerné par le logo Activer SmoothGallery : si vous avez plusieurs photos à rendre visible sous forme de bandeau, selectionnre d abord toutes les photos dans «images» En résumé : Se connecter, activer CMS LOGIN Cliquer sur le crayon, ajouter, modifier ou supprimer du texte et enregistrer avec la première disquette. Sur le site faire F5 pour voir les modifications apportées. Pour créer un lien vers un fichier: Sélectionner un mot ou phrase Aller sur l onglet fichier Dans arborescence, ouvrir le dossier où sera stocké le document Parcourir est apparu, chercher le fichier sur son Pc et faire ouvrir Envoyer fichier (le fichier s est rajouté à droite de arborescence Dans la deuxième case de cible, choisir : nouvelle fenêtre Et cliquer sur le fichier La fenêtre se ferme, le lien apparait Enregistrer Rédacteur : Valérie BARRA - Direction des Systèmes d'information 5/5