MODE D`EMPLOI - dentellieres.fr
Contents
1. Afficher l onglet d aide amp o Page vide Effacer tout le contenu de la page Annuler la les derni re s op ration s Cu R tablir la les derni re s op ration s annul e s k4 couper Ctrl x Ea Copier Ctrl c A Coller Ctrl v B Mettre le texte s lectionn en gras F Mettre le texte s lectionn en italique U Souligner le texte s lectionn ApC Barr Aligner gauche Aligner au centre Aligner droite Justifier Liste puces T Liste num rot e z R duire le retrait Augmenter le retrait x Transforme le texte s lectionn en Exposant x Transforme le texte s lectionn en Indice Styles 7 Appliquer un style css du template Format Appliquer un format conventionnel Police i Appliquer une police d criture Taille i Appliquer une taille au texte A Appliquer une couleur au texte s lectionn iy Appliquer une couleur de fond la zone s lectionn e Vincent Blanchard Informatique Supprime les styles appliqu s de la zone s lectionn e Cet outil est tr s utile pour supprimer le style de contenu provenant de logiciels de bureautique Ins rer un caract re sp cial Ins rer un s parateur horizontal ba Texte de gauche droite qi Texte de droite gauche Afficher les lignes invisibles des tableaux Ins rer un nouveau tableau modifier le tableau s lectionn Propri t s de la ligne s lectionn e du tableau Propri t s de la cel2. S PC fixes Portables Netbooks Mat riel informatique Logiciels S curisation R seaux Assistance D pannage Devis gratuit Windows MODE D EMPLOI R diger ou modifier un article Vincent Blanchard Informatique SOMMAIRE Chapitre I Pr sentation de votre outil r dactionnel page 3 Chapitre 2 les attributs d un article page 7 2 1 Notions de DASP sein dues disant eenr ec see page 7 2 2 Q elgnes CADHCAONS Serra css csiseriliaiee liant tic iii page 8 Chapitre 3 modifier un article existant page 10 SL Mod r OR a to oo di ne page 10 SR CE DR te dia ete ob etee TE mod page 11 33 VUNU on des TaD criin N page 12 E aa E A AEE EEEE NE E E E E da page 13 3 5 Tableaux et photos par la pratique page 15 chapitre 4 r diger un nouvel article page 18 Vincent Blanchard Informatique 1 PRESENTATION DE VOTRE OUTIL REDACTIONNEL L diteur de texte disponible sur le site est l diteur JCE Celui ci va vous permettre de remplir le m me r le que votre traitement de texte favori Microsoft WORD OpenOf fice avec une particularit La fonction enregistrer ne consiste pas enregistrer votre fichier sur votre disque dur mais DIRECTEMENT sur celui du serveur d h bergement du site Rassurez vous Comme pour un fichier la maison ou au bureau vous n tes pas obliger de le finir d une traite Votre article peut tre r dig en plusieurs jours
3. regard de la page d accueil avant identification seul l article Bienvenue est visible du visiteur du site bien qu un autre article existe sur cette page Il n est simplement pas encore publi La notion publi non publi est donc fondamentale pour comprendre le fonctionnement des articles Vincent Blanchard Informatique 3 MODIFIER UN ARTICLE Nous allons commencer par apprendre modifier un article existant car dans ce cas les attributs de cet article existent d j et cela va simplifier l apprentissage Nous allons par ailleurs proc der tape par tape et commencer par du texte simple puis ensuite aborder la mise en page et enfin l insertion de photographies 3 1 modifier le texte Cliquons sur le logo li de l article d exemple On se retrouve donc sur cette page MENU PRINCIPAL Soumettre un article are diteur e Vie municipale Titre article exemple Sauvegarder Annuler e Infos Pratiques 3 Afficher Masquer e Artisants et commerces X 3 Mu En B Z U Styles Format Police v Taille El Y 14 Ey a E e E Ar e Associations e Sorties et Loisirs Ceci est un article d exemple qui est non publi le logo en bleu gauche du titre de cet article en temoigne MENU R DACTEUR otre Profil utilisateur E u DT n a vous pouvez modifier cet article au gr s de vos envies puis le Publier lorsque vous le jugerez utile Kediger
4. un article e Boite outils Chemin Image Saut de page Lire la suite Publication Section Non cat goris Cat gorie Non cat goris Publi Non oui Afficher sur la page d accueil AE PANER A Pseudo de l auteur D but de publication 2009 02 15 12 36 10 Fin de publication Niveau d acc s Public E On va rajouter ceci si vous le voulez dans la deuxi me phrase juste apr s vous pouvez puis mettre en bleu le terme Publier Pour coloriser un texte rappelez vous des fonctions d crites dans le chapitre 1 Cela dit c est exactement comme dans Word ou openoffice Titre article exemple Sauvegarder Annuler Afficher Masquer 9 19 X a aB Z U Styles Paragraphe Police v Taille bT TA P HENNEN EN ae EE des EE lt gt J 1 ss sr ac A FM RER gmg EE f pm Ceci est un article d exemple qui est non publi le logo en bleu gauche du tit P E H O B D hmoigne Plus de couleurs vous pouvez si vous le voulez modifier cet article au gr s de vos envies puis le Mall lorsque vous le jugerez utile Et voila N oubliez pas de sauvegarder en haut droite ou d annuler Vincent Blanchard Informatique Page 10 Si la sauvegarde a r ussi vous obtenez le message AHCIESAVESAT ANESueces MENU PRINCIPAL Article sauvegard avec SUCC S Commune de domecy A Bienvenue Bienvenue sur notre si
5. y Mettre le calque en arri re plan Attribuer une position absolue au calque TEL Style Citation ABEF Style Abr viation Style Acronyme T m Style Barr Style Soulign A4 Styles personnalis s E Attribuer une mise en page pr alablement enregistr e Gabarit Plugin Adh rent k Ins rer un lien Lire la suite si affich dans un Blog en News etc Ins rer un espace ins cable sans coupure T Afficher les espaces ins cables par un point Afficher l diteur en pleine page R duire Fe Pr visualiser le r sultat dans une fen tre ind pendante Imprimer le contenu 4a Rechercher un mot une lettre dans le contenu Ta Remplacer un mot une lettre dans le contenu V rificateur orthographique ka Vincent Blanchard Informatique 2 LES ATTRIBUTS D UN ARTICLE 2 1 notions de base Il est fondamental de comprendre la notion d attributs de l article Ce paragraphe va sans doute vous sembler abstrait Rassurez vous dans les chapitres suivant 1l y aura une d monstration par l exemple pour chaque cas de figure Voici le tableau des attributs d un article vous le trouverez en dessous de chaque article que vous allez par la suite modifier ou cr er Un article devra obligatoirement appartenir une section et une cat gorie de sorte s afficher AU BON ENDROIT Publication a OOO sur le site Categorie informations x Dans cet exemple cet article Alias de l
6. LS pouvez Si vous le youlez modifier cet article au gr s de vos envies puis le Publier lorsgue wous le jugerez utile Chemin table tbody s tr td Image gt Saut de page Lire la suite Vous n avez plus qu a ajouter le texte voulu de part et d autre dans les cellules vides du tableau et vous avez fait une mise en page rapide et facile de vos images Cela ne vous convient pas et vous voulez que ce tableau soit centr sur la page et bien s lectionnez votre tableau l aide de la souris en cliquant sur un des bords du tableau puis cliquez nouveau sur le bouton CA Te G n ral Avanc Propr t s g n rales Colonnes Lignes re Marge Marge int rieure ee Alignement FT Non d fini Horizontal gon goni D Bordure Non d fini Largeur Hauteur 1351 Gauche Classes SS Droite Ooo L gende Choisissez alignement horizontal centr Profitez en pour remettre Bordure sur 0 Puis cliquez sur Mettre Jour Vincent Blanchard Informatique Page 16 Et voila e Vie municipale Titre article exemple e Infos Pratiques Afficher Masquer e Artisants et commerces P 00 X238668 7 u aE Styles Format Police v Taille A 0 8 Ala a gt m Y m A p F 14 FAST S O e Associations Sorties et Loisirs vous pouvez si vous le voulez modifier cet article au gr s de vos envies puis le Publier lorsque vous le jugere
7. N oubliez surtout pas de choisir donc la cat gorie laquelle se rattache le nouvel article que vous voulez r diger Cela contribue donc d finir quel endroit cet article va apparaitre sur le site Sinon il est class dans non cat goris et ne s affichera pas Vincent Blanchard Informatique Page 18 Attention galement de choisir la bonne cat gorie Si vous choisissez une cat gorie sans rapport avec le texte cela risque de compliquer la navigation et la compr hension des visiteurs du site Ensuite il faut d finir si l article doit tre imm diatement publi ou non Dans un premier temps je vous conseille de choisir Non publi Cela ne vous emp chera pas de visualis votre article qui demeure visible tous les r dacteurs m me si non publi et de le publier ensuite si le r sultat vous convient en ditant cet article puis en changeant l attribut non publi vers Publi L attribut afficher en page d accueil sera toujours laiss sur NON sauf exception d cision coll giale de placer un article important en page d accueil Vous pouvez galement mettre votre pseudo si vous en avez un attention l article ne sera sign que si les param tres du site autorisent cette option d finir avec le webmaster Quand au champ Mots cl s mettre quelques mots repr sentatifs du sujet voqu p che poisson pour un article sur les coins de p che de la r gion Vincent Blanch
8. ard Informatique Page 19
9. auteur appartient la cat gorie informations Cela signifie qu il Statut Publi y s affiche dans cette rubrique En vedette Oui fx Cet article est publi mais n apparait pas sur la page d accueil options par d faut D but de pubication 2012 10 03 09 45 07 E d un article Fin de publication 0000 00 00 00 00 00 En vedette si OUI alors l article Acces Acc s Public apparait galement sur la page d accueil Langue Cet article est publi depuis cette date Langue Toutes H mais aucune date de fin de publication n est d finie Meladonnees Meta Description Description sommaire de votre article facultatif Mots cl s Utiles pour le r f rencement sur les moteurs de recherches comme Google Mots cles facultatif mais conseill Inutile de remplir le champ alias ni de modifier langue Vincent Blanchard Informatique 2 2 quelques explications Une fois identifi sur le site comme disposant des droits r dactionnels voir Tutoriel Identification vous allez pouvoir modifier un article existant Voyons comme exemple la page d accueil du site AVANT Identification COMMUNE DE DOMECY SUR CURE aux portes du Morvan Accueil Vie municipale Infos Pratiques Artisants et Commerces Associations Sorties et Loisirs MENU PRINCIPAL Commune de domecy Accueil ii Bienvenue e Vie municipale e Infos Pratiques Bienvenue sur notre site e Artisants et com
10. condition de sauvegarder chaque modification quand vous quittez JCE Directement enregistr sur le site Mais que vont penser les visiteurs du site en voyant certains articles en cours d criture Et bien en fait le fichier ou devrais je dire l article est sur le site mais c est vous qui choisissez de le publier lorsqu il est termin c est dire de le rendre visible Mais nous verrons tout cela dans les chapitres suivants Pour l instant d couvrons votre nouveau traitement de texte J ai nomm JCE Voici sa barre d outils B riu s roms Styles CSS Ig Polices Tailles x EC PACA EN ee a TT ETER e a A NE E EE T E E T detl Le AA fiean faten ecl A A e aia He E S OT Erich 0 La disposition et la composition de celle ci peuvent varier un peu En effet si JCE est gratuit certaines fonctions appel e ici plugins d velopp es par des tiers sont optionnelles tandis que d autres sont payantes plugins adh rents Cela dit la plupart des fonctions sont les m mes que dans votre traitement de texte habituel Vincent Blanchard Informatique Ci dessous vous trouverez un rappel de ces fonctions Certaines vous sont d j famili res justifier un texte choisir une police mettre un mot en caract res gras mais d autres le sont moins voir pas du tout ins rer un lien par exemple Nous aurons l occasion d apprendre utiliser chacune de ces fonctions
11. ifique et copier le dans votre article du site Vous pouvez ensuite appliquer les effets de mise en page souhait s Le cas cheant utilisez 2 pour achever le d parasitage d un paragraphe s lectionn Vincent Blanchard Informatique Page 11 3 3 Utilisation des tableaux Le fonctionnement du tableau la base est le m me que dans un traitement de texte classique On va choisir le nombre de colonnes et de lignes et y ins rer les informations voulues Cependant le tableau est aussi pour toute page internet un des principaux moyens de mise en page En effet il peut de mani re tout fait invisible si on ne d finie pas de couleur de bordure au tableau permettre d organiser une page en associant texte et photos Le tableau ci dessous vous montre ce type de mise en page Ici le texte souhait pour illustrer ou pr senter ce qui va suivre Ce tableau illustre comment on peut utiliser cette technique pour afficher un texte cot d une photo en toute simplicit Imaginez ce tableau sans bordure et on obtient une mise en page que vous avez souvent observ sur internet Et ici en fractionnant la PANNE LEE t aussi de ce cot cellule on peut ins rer n Tiy du texte de ce cot Et pourquoi ne pas continuer le texte de cet article en dessous de ce tableau Vincent Blanchard Informatique Page 12 3 4 Ins rer une photographie Pour ins rer une photographie vous avez plusieurs soluti
12. ilis e habituellement pour centrer l image dans la page Description Titre L gende Non Si Oui le titre de l image sera utilis comme l gende Transfert de fichiers Taille maximale 10 MB Parcourir Lancer le transfert Vous avez alors la possibilit de choisir une image d j pr sente dans le r pertoire du site chez Ph bergeur ou de transf rer une image qui se trouve encore sur votre ordinateur bouton Parcourir puis Lancer le transfert Vincent Blanchard Informatique Page 13 e Vie municipale Titre article exemple Sauvegarder Annuler e Infos Pratiques L fficher Masquer Artisants et commerces VUE 5 F 90 9 X 3 amp mAB Z U ae zi Styles Paragraphe v Police v Taille x 2 R x A ER o LA t FA NTSAGY G e Associations e Sorties et Loisirs Ceci est un article d exemple qui est non publi le logo en bleu gauche du titre de cet article en temoigne MENU R DACTEUR e Votre Profil utilisateur 2 s n NT pi Fe vous pouvez si vous le voulez modifier cet article au gr s de vos envies puis le Publier lorsque vous le jugerez utile Kediger un aricle Boite outils p ta le te eto Lie 37 t tsz FL z C iisi a 7 Ici nous avons s lectionn l image nomm e article jpg puis cliqu sur le bouton Ins rer Et voila le r sultat Attention ne pas oublier de sauvegarder l article po
13. lule s lectionn e du tableau Ajouter une ligne au tableau avant la ligne courante Ajouter une ligne au tableau apr s la ligne courante Supprimer la ligne courante Ajouter une colonne au tableau avant la colonne courante Ajouter une colonne au tableau apr s la colonne courante Supprimer la colonne courante Diviser des cellules fusionn es Fusionner des cellules Effacer le tableau s lectionn Ins rer modifier une ancre lien dans la page H E E 2 2 5 HEHE ES Ins rer modifier un lien avec possibilit de pop up classique ou Web2 avec JCE Utilities es Effacer le lien s lectionn texte image amp Ins rer un lien sur un fichier Plugin Adh rent Ins rer un Emotic ne C Ins rer une image une image r active o Ins rer une image une image r active un popup une bulle d info avec JCE Utilities Plugin R Adh rent Ins rer une image une image r active un popup une bulle d info Plugin compl mentaire A gratuit Les plugin et composant Highslide pour Joomla doivent tre install s et activ s z Ins rer un m dia Plugin Adh rent Ouvrir un diteur permettant de modifier le code HTML CSS et si autoris dans le groupe PHP Javascript Ins rer une fen tre int gr e IFrame ou Wrapper Plugin compl mentaire gratuit Afficher du code dans un contenu Plugin compl mentaire gratuit Ins rer un calque Vincent Blanchard Informatique Ci Mettre le calque au premier plan
14. merces e Associations celui ci est encore en cours de conception Sorties et Loisirs merci de votre visite et tr s bient t Copyright 2009 Commune de Domecy sur Cure Tous droits r serv s f Acc s r serv mairie Et APRES IDENTIFICATION COMMUNE DE DOMECY SUR CURE aux portes du Morvan Accueil Vie municipale Infos Pratiques Artisants et Commerces Associations Sorties et Loisirs MENU PRINCIPAL Commune de domecy e Accueil l j a A Bienvenue e Vie municipale J e Infos Pratiques Bienvenue sur notre site e Artisants et commerces e Associations celui ci est encore en cours de conception e Sorties et Loisirs merci de votre visite et tr s bient t a article exemple MENU R DACTEUR z FA Dimanche 15 F vrier 2009 12 38 amp test S 1 otre Profil utilisateur e R diger un article Ceci est un article d exemple qui est non publi le logo en bleu gauche du titre de cet article en temoigne Boite outils vous pouvez modifier cet article au gr s de vos envies puis le Publier lorsque vous le jugerez utile Copyright 2009 Commune de Domecy sur Cure Tous droits r serv s Bonjour test CSD Co onjour tes Vincent Blanchard Informatique Vous voyez la diff rence Le logo A signifie que cet article est modifiable ET qu il est d j publi Le logo signifie que cet article est modifiable MAIS qu il n est pas encore publi Comme on le constate au
15. ons Je vous conseille d utiliser cette ci Pour commencer positionner votre curseur l emplacement de l article ou vous voulez ins rer la photo e ie municipale Titre article exemple Sauvegarder Il Annuler Afficher Masquer Infos Pratiques e Artisants et commerces rar X aA DGB 7 U aE Associations Styles Format v Police v Taille ay TOUR CA I Sorties et Loisirs t ga 4 D Fid FASNTSBAadv T Ceci est un article d exemple qui est non publi le logo en bleu gauche du titre de cet article en temoigne MENU R DACTEUR e otre Profil utilisateur pe n Papil i i I no vous pouvez si vous le voulez modifier cet article au gr s de vos envies puis le Publier lorsque vous le jugerez utile KRediger un article Boite outils Chemin Image Saut de page Lire la suite Chemin Image gt Saut de page Lire lasune Sous le corps de votre article vous avez un bouton Image Cliquez dessus Vous avez alors une nouvelle fen tre qui s ouvre R pertoire Len Retour la racine Ins rer Annuler e ee E l Imagesliensites accueil banners phocagallery sampledata Koala jpg joomla_black gif joomla_green gil BI Jarila Joomla joomla_logo_bla powered_by png Si Non param tr l alignement est d fini par la classe URL Aligner Non param tr Ce img_caption none ut
16. te celui ci est encore en cours de conception merci de votre visite et tr s bient t article exemple 4 F GA Dimanche 15 F vrier 20091238 test H Ceci est un article d exemple qui est non publi le loga en bleu gauche du titre de cet article en temoiqne Vous pouvez si vous le vouled modifier cet article au gr s de vos envies puis le Publier lorsque ous le jugerez utile Mize joye Lundi 16 F vrier 2009 15 05 Effectivement c est OK 3 2 mise en page Comme dans votre traitement de texte favori il vous est possible de faire de la mise en page aligner justifier un paragraphe mettre des puces alors n h sitez pas tester diff rentes mise en page de cet article d exemple S1 vous le voulez vous pouvez faire un copier coller depuis un document word existant Cela vous fera gagner du temps si votre texte est d j saisi Sachez cependant qu une mise en page r alis e sous word est souvent incompatible avec le langage internet Comme signal au d but de cet ouvrage JCE s occupe de transformer votre saisie en un code exploitable par le serveur d h bergement Or Word la f cheuse habitude de rajouter des codes parasites mais invisibles pour l utilisateur qui peuvent rendre le document impossible afficher Une parade existe Faite un Copier depuis Word partir d un article avec le minimum de mise en page texte simple sans caract res gras ni soulign s ni police spec
17. ttre le chiffre 1 0 signifie pas de bordure 1 signifie bordure fine On choisit de mettre une bordure gale 1 dans notre exemple pour bien voir le tableau qui va illustrer notre exemple Dans 99 des cas on choisira bordure 0 pour ne pas voir les limites du tableau dans l article mais juste le r sultat On clique ensuite sur Ins rer YOUS pouvez si vous le voulez modifier cet article au gr s de vos envies puis le Publier lorsgue vous le jugerez utile Le r sultat est ce petit rectangle de 4 cases 2 colonnes 2 lignes Avec la souris on va se positionner sur le bord et agrandir ce tableau on y verra plus clair YOUS pouvez si vous le voulez modifier cet article au gr s de vos envies puis le Publier lorsgue vous le jugerez utile C est mieux Sinon vous pouvez aussi d finir une hauteur et une largeur dans la fen tre de cr ation du tableau Vincent Blanchard Informatique Page 15 Maintenant pla ons le curseur dans la premi re cellule en haut gauche puis ins rons une image selon la proc dure d crite dans le paragraphe pr c dent Puis faisons de m me dans la cellule en bas droite avec une autre photo Voila le r sultat Soumettre un article diteur E E E E a E E E a E E E E E A a A E E T a A E E T E Titre article exemple Afficher Masquer 9 9 amp 6 M B 7 U Styles Format Police Taille x 1E tE m EEE TETE amp LI FASTA Y gA VO
18. ur conserver le r sultat Le transfert d une image depuis votre ordinateur requi re un traitement pr alable de celle ci En effet imaginez que vous lanciez le transfert d une photo que vous avez pris avec votre nouvel appareil photo 8 m gapixels Et bien le poids de la photo va tre tel que l affichage de celle ci prendra plusieurs minutes depuis n importe quel navigateur Internet Le visiteur aura quitt le site avant de voir votre photo Pour ce faire nous aurons recours un petit logiciel gratuit mais tr s utile savoir VSO ImageResizer en t l chargement dans votre boite outils du menu R dacteur du site Voir mode d emploi de VSO ImageResizer A noter aussi qu il sera fait en sorte que les images envoy es sur le site soient toutes plac es dans des sous r pertoires coh rents Par exemple les photos de la commune dans un r pertoire photo_commune les photos des coins touristiques dans un r pertoire photo_tourisme Ceci dans un but vident de clart et de simplicit Vincent Blanchard Informatique Page 14 3 5 tableaux et photos par la pratique Dans votre article cliquez sur l ic ne Z dans le menu de l diteur E G n ral ANaAnC Propri t s g n rales Colonnes Marge int rieure RS a Horizontal Mon d fini Bordure Largeur O Hauteur Classes CSS L gende F Choisissez 2 colonnes et 2 lignes Dans bordure me
19. z utile MENU R DACTEUR P E B Votre Profil utilisateur e R diger un article Boite outils LIN Sy 9 SA Bien videmment ceci est un exemple de manipulation de tableau images Une bonne mise en page serait un tableau occupant toute la largeur de la page Vincent Blanchard Informatique Page 17 4 R diger un nouvel article Dans le menu r dacteur cliquez sur Ajouter un article Commencez par donner un nom explicite votre nouvel article 1ic1 D E Vous tes ici Accueil Ajouter zice Ajouter un article diteur Ajouter un article Titre Panneau de contr le Alias Photos Sauvegarder Annuler Vous allez ensuite d finir les attributs de ce nouvel article voir 2 1 pour ne pas risquer d oublier des l ments importants w B I US Formats Styles CSS 2 8 Polices Tailles A el le as E E E z els e Az LE EE IEEE HAE G Chemin Mots 0 Article 4 Image Saut de page Lire la suite 4 Publication Cat gorie Non cat goris Alias de l auteur Statut Publi En vedette Non D but de publication La Fin de publication H Acc s Acc s Public Classement Les nouveaux articles sont positionn s par d faut en d but de liste de la Cat gorie Le classement peut tre modifi depuis l administration du site Langue Langue Toutes M tadonn es Meta Description Mots cl s
Download Pdf Manuals
Related Search