Typolight Manuel utilisateur V2

Transcription

1 Typlight Manuel utilisateur V2 Cncept-Image Turs - avril

2 1 SOMMAIRE 1 SOMMAIRE 2 2 LA CONSOLE DE MISE A JOUR (BACK OFFICE) L'URL du back ffice La mise en page du back ffice Mdifier vs dnnées persnnelles Navigatin dans le back ffice Trier les enregistrements Afficher les enregistrements Rechercher dans les enregistrements Editer tus les enregistrements Sauvegarder un enregistrement Icônes de navigatin L explrateur de fichiers 6 3 LA STRUCTURE DU SITE Créer une nuvelle rubrique (menu) Cpier une rubrique existante Prpriété des pages (u rubriques) Nm de la page L alias de la page Le titre de la page La descriptin de la page Le type de page Page prtégée L affichage dans la navigatin Publiée 11 4 LE CONTENU Présentatin Générale Créatin d un article Insertin de textes et illustratins Insérer du texte et une illustratin Insertin de cde HTML Insertin de liens Liens sur une page Liens sur les mts du cntenu Liens sur du texte indépendant Liens à l intérieur d une page Insertin d un dcument en téléchargement Insertin d un frmulaire Etape 1 : renseigner les paramètres généraux du frmulaire Etape 2 : cnstruire le frmulaire Etape 3 : insérer un frmulaire dans un article 25 Cncept-Image Turs - avril

3 2 LA CONSOLE DE MISE A JOUR (BACK-OFFICE) 2.1 L'URL DU BACK-OFFICE La cnsle d administratin est aussi appelée «back-ffice» par ppsitin au «frnt ffice» qui est le site tel que le vit l internaute. Pur vus rendre sur la page d identificatin du backffice, ajutez simplement «Typlight/» à l adresse Internet de vtre site. Par exemple : Le back ffice est prtégé cntre les attaques en frce. Entrer un mauvais mt de passe plus de tris fis blque le cmpte de l'utilisateur curant pendant cinq minutes. Ceci empêche les hackers d'essayer un large nmbre de mts de passe, et de truver le bn. Pur vus rendre sur vtre site Internet, cliquez sur «Aller sur le frnt ffice». 2.2 LA MISE EN PAGE DU BACK-OFFICE Le back-ffice est divisé en tris znes. Sur la gauche vus truverez le menu de navigatin qui dnne accès aux mdules du système. Chaque mdule du back-ffice remplit une tâche spécifique que nus examinerns plus en détail dans un des paragraphes suivants. Seuls les mdules autrisés snt mntrés dans le menu de navigatin. Sur la drite vus truverez la zne principale (2) qui cntient, par exemple, une liste d'enregistrements u un frmulaire pur éditer un enregistrement spécifique (dépendamment du mdule sélectinné). La page d'accueil du back-ffice mntre une liste de tutes les tuches de raccurcis permettant une navigatin plus rapide. Pur utiliser un raccurci, pressez la tuche [ALT] et la tuche crrespndante. (3) (2) Cncept-Image Turs - avril

4 La barre de liens en haut de page (3) vus permet d'uvrir dans une autre fenêtre/nglet une prévisualisatin de vtre site (la partie frnt-ffice) u de vus décnnecter du back-ffice afin d'empêcher une utilisatin nn autrisée de vtre cmpte. 2.3 MODIFIER VOS DONNEES PERSONNELLES Chaque utilisateur back-ffice peut changer ses dnnées persnnelles cmme sn nm, , la langue du back-ffice u sn mt de passe en utilisant le mdule Dnnées persnnelles. Vus puvez accéder à ce mdule sit dans le menu à gauche sus la rubrique Dnnées persnnelles sit dans la barre de liens en haut de page (2). (2) (3) Typlight ne cnserve pas seulement les dnnées persnnelles de l'utilisateur, il enregistre aussi sa sessin. Une sessin cntient des infrmatins cmme les «nœuds» uverts, les critères de tri utilisés u les pages visitées. La prchaine fis que l'utilisateur s identifiera, le back-ffice lui sera présenté cmme il l'avait laissé la fis précédente. Cncept-Image Turs - avril

5 Parfis une sessin n'est pas cnservée prprement u cntient une erreur qui aura des cnséquences sur la navigatin dans le back-ffice. Dans un tel cas, l'utilisateur peut effacer ses dnnées de sessin (3), ce qui restaurera le back-ffice dans sn état initial. 2.4 NAVIGATION DANS LE BACK-OFFICE Le back-ffice Typlight furnit différents utils pur trier, filtrer et rechercher des enregistrements. De cette façn, vus vus y retruverez facilement face à une grsse smme de dnnées. Vus puvez, bien sûr, cmbiner plusieurs filtres Trier les enregistrements La fnctin de tri vus permet de trier les enregistrements seln différents critères, par exemple par rdre alphabétique sur une des infrmatins Afficher les enregistrements Travailler avec un grand nmbre d'enregistrements peut cnsidérablement ralentir le chargement des pages. Habituellement, vus vudrez seulement mdifier le premier enregistrement et ne pas attendre le chargement d'une liste de 300 enregistrements. Pur éviter cela, Typlight a une fnctin d'affichage qui limite le nmbre d'enregistrements par page à Rechercher dans les enregistrements La fnctin de recherche est la slutin la plus flexible et l'util le plus puissant pur maintenir les enregistrements. Vus puvez chercher certains champs pur un enregistrement dnné et dnc limiter le nmbre de résultats aux enregistrements qui crrespndent au mtif de recherche vulu. La fnctin de recherche supprte les expressins régulières, cmme l'astérisque (*) qui signifie tut caractère Editer tus les enregistrements Avec le butn Éditer tus les enregistrements, vus puvez éditer plusieurs enregistrements à la fis. Après avir chisi un grupe d'enregistrements, vus serez redirigé vers une page affichant une liste de champs d'entrée pssible. Vus purrez alrs chisir quels champs vus vulez éditer. Les champs que vus n'avez pas sélectinnés u que vus n'êtes pas autrisé à éditer sernt cachés autmatiquement Sauvegarder un enregistrement Cmme vus l'avez peut être déjà remarqué quand vus étiez dans les cnfiguratins du back-ffice, il vus est prpsé différentes ptins au mment de la sauvegarde d'un enregistrement : «Sauvegarder» recharge la page curante après la sauvegarde «Sauvegarder et fermer» charge la page précédente après la sauvegarde «Sauvegarder et éditer» charge le nuvel enregistrement après la sauvegarde En cas d'erreur, le présent frmulaire sera rechargé par rapprt à l'ptin chisie. Un message d'erreur vus sera alrs affiché au dessus de chaque champ psant prblème. Pur éviter la perte des dnnées, tut autre champ crrect sera sauvegardé. Cncept-Image Turs - avril

6 2.4.6 Icônes de navigatin Pur mdifier un enregistrement particulier depuis une liste, vus puvez utiliser les icônes de culeur affichées à drite sur chaque ligne. Une bulle d'aide apparaît sur chaque icône si vus y laissez vtre pinteur de suris. Les icônes de navigatin changent pur chaque mdule en curs et seln les permissins utilisateur. Éditer un enregistrement Dupliquer un enregistrement Dupliquer un enregistrement et tus ses enfants Déplacer un enregistrement Cller un enregistrement après celui-ci Cller un enregistrement en tant qu'enfant de celui-ci Afficher les détails d'un enregistrement Supprimer un enregistrement Restaurer un enregistrement supprimé Publier un enregistrement Déplacer la clnne sur la gauche Déplacer la clnne sur la drite Déplacer la ligne / enregistrement vers le haut Déplacer la ligne / enregistrement vers le bas Désactiver les returs à la ligne autmatiques Masquer un élément Déplyer un élément 2.5 L EXPLORATEUR DE FICHIERS «L explrateur de fichiers» permet de gérer tus les médias du site, c'est-à-dire principalement les images et les dcuments en téléchargement. Tut média qui devra être inséré dans un article, devra être préalablement téléchargé dans cet espace. Il est rganisé en répertires qui peuvent s imbriquer les uns dans les autres. (4) (3) (2) La liste des répertires dans lesquels snt stckés les médias apparaît en liste (2). En cliquant sur le + à gauche de chaque libellé, n affiche le cntenu du répertire. Un répertire peut cntenir des fichiers u d autres répertires. Il est pssible de créer autant de sus-répertires que suhaité en cliquant sur «Nuveau répertire» (3) puis sur l emplacement désiré. Par cntre, il n est pas pssible de créer un nuveau répertire racine au niveau utilisateur. Pur ajuter un nuveau média (image, dcument pdf ) il suffit de cliquer sur «Envi de fichier» (4) puis d indiquer le répertire dans lequel télécharger le fichier : Cncept-Image Turs - avril

7 En cliquant sur le butn «Parcurir les fichiers», n indique l emplacement du/des fichier(s) à télécharger sur le pste lcal. Il est pssible de télécharger une infinité de fichiers simultanément. Attentin cependant à ne pas excéder un ttal de 8 M par envi. Une fis les différents fichiers repérés sur le pste lcal, la liste des fichiers chisis apparait en dessus, il suffit de cliquer sur «Lancer le transfert» pur les télécharger. Les fichiers s ajutent alrs à la liste des médias dispnibles, dans le répertire chisi préalablement. Il est alrs pssible de les insérer dans les articles du site. Chaque média cntenu dans l explrateur de fichier peut être : Edité (mdificatin de sn nm) Cpié (Attentin, cpier un média dans le même répertire que sa surce supprimera le fichier! Il est frmellement cnseillé de ne cpier les médias que dans un répertire différent de celui de la surce) Déplacé Supprimé 3 LA STRUCTURE DU SITE La structure du site est la clnne vertébrale de vtre site. Elle est, par exemple, utilisée pur créer le menu de navigatin. Les pages snt rdnnées hiérarchiquement et peuvent hériter de certaines cnfiguratins de leurs pages parentes. Cncept-Image Turs - avril

8 Chaque page a un symble particulier qui vus indique nn seulement le type de page mais aussi si elle est visible u nn, si elle est publiée u si elle est prtégée par mt de passe. Page publiée Page prtégée et publiée Page publiée qui n est pas visible dans le menu de navigatin Page prtégée publiée qui n apparaît pas dans le menu de navigatin Editer l article de la page Butn pur dé-publié la page Page nn publiée Page prtégée et nn publiée Page nn publiée qui n est pas visible dans le menu de navigatin Page prtégée nn publiée qui n apparaît pas dans le menu de navigatin La page ne cntient pas d article Butn pur publié la page Le back-ffice Typlight est bien dcumenté. Chaque champ d'entrée est suivi d'une curte explicatin décrivant la fnctin du champ et les pssibles valeurs d'entrée. Dnc seuls les principes de base et les champs d'entrée les plus imprtants snt expliqués dans ce guide utilisateur. 3.1 CREER UNE NOUVELLE RUBRIQUE (MENU) Pur créer une nuvelle rubrique, c'est-à-dire une nuvelle entrée dans le menu, il faut d abrd cliquer sur le lien «Nuvelle page» Deux nuvelles icônes (2) apparaissent alrs à drite de chaque rubrique : (3) (2) Ces deux icônes servent à indiquer ù la nuvelle rubrique dit être insérée : Cncept-Image Turs - avril

9 En cliquant sur cette icône, la nuvelle rubrique sera insérée dans la rubrique crrespndante (en tant que sus rubrique. En cliquant sur cette icône, la nuvelle rubrique sera insérée sus la rubrique chisie, au même niveau que celle-ci. Pur annuler l ajut d une rubrique, il suffit de cliquer sur le lien «Vider le presse papier» (3). 3.2 COPIER UNE RUBRIQUE EXISTANTE Il est aussi pssible de cpier une rubrique existante en reprenant tutes ses prpriétés sans ses sus pages. Pur cela, cliquer sur l icône située à drite de la rubrique à cpier. Pur cpier une rubrique existante ainsi que ses sus pages cliquer sur l icône. Les deux icônes de psitinnement apparaissent alrs. Indiquer simplement ù la cpie de la rubrique dit être insérée. 3.3 PROPRIETE DES PAGES (OU RUBRIQUES) Une page u rubrique peut avir de nmbreuses prpriétés : Les prpriétés de base snt : Le nm de la page L alias de la page Cncept-Image Turs - avril

10 Le type de page Le titre de la page La descriptin de la page Page prtégée L affichage dans la navigatin Publiée Nm de la page Le nm de la page est en fait le nm de la rubrique u du menu tel qu il apparaitra sur le site L alias de la page L alias de la page est en fait le nm qui se truvera dans l url de la page, celui-ci est utile au référencement. Le champ se rempli autmatique en sauvegardant la page Le titre de la page Le titre de la page apparaît en haut du navigateur, il est aussi utilisé pur le référencement La descriptin de la page La descriptin de la page n apparait pas visuellement sur le site, mais elle se situe dans les balises «meta» du cde de la page, utile pur le référencement Le type de page Le type détermine si une page affiche sn cntenu, si elle redirige le visiteur vers une autre page du site u d un autre site. Une page simple se cmprte cmme une page HTML statique. Elle est utilisée pur afficher des articles, du cntenu et des mdules. La plupart des pages du site d'exemple snt des pages simples. Une page de redirectin n'affiche aucun cntenu mais redirige les visiteurs vers une autre page. L'URL cible est n'imprte quelle page qui ne peut pas être vue sus vtre dmaine. Ce type de page est similaire à un lien de redirectin vers une URL externe (par exemple Un page pintant vers une autre page du site n'affiche pas plus de cntenu, mais redirige les visiteurs vers une autre page interne au site Page prtégée Cette ptin apparaît si la fnctinnalité «accès sécurisé» a été implémentée sur le site. L espace sécurisé permet de réserver une partie du site à un grupe de membres. L accès à ces pages se fera après s être cnnecté avec un lgin et un mt de passe. L ptin «page prtégée» permet dnc déterminer à quel grupe de membres la page sera réservée. Cncept-Image Turs - avril

11 Si l ptin n est pas cchée, la page sera visible par tus les visiteurs L affichage dans la navigatin Cette ptin permet d indiquer si la page créée apparaitra u nn dans les menus. Si elle est cchée il sera tut de même pssible d afficher la page en tapant sn URL dans la barre d adresse, mais aucun lien n apparaitra dans les menus. Cette fnctinnalité peut être utile pur créer des pages qui sernt en lien avec une autre page, mais qui ne s inscrirnt pas dans le menu, pur ne pas l alurdir Publiée Cette case permet de préciser si n suhaite publier la page u pas. Elle est très utile pur masquer des pages temprairement sans les supprimer. Cncept-Image Turs - avril

12 4 LE CONTENU Avant d abrder les articles, il faut bien cmprendre cmment est rganisé le cntenu dans Typlight. Une page de cntenu est au minimum cmpsée de 3 éléments : Une rubrique qui crrespnd au menu de l arbrescence. L ensemble des rubriques cnstitue la structure du site. Un u plusieurs articles, qui crrespndent à un cntenu chérent. Des blcs d éléments, qui cntiennent les cntenus de l article. Pur bien cmprendre le fnctinnement de Typlight, il faut bien assimiler cette rganisatin. Les rubriques et les articles ne snt que des «cntenants», le cntenu se truve uniquement dans les «éléments» qui cnstituent l article. 4.1 PRESENTATION GENERALE Les articles snt des cntenus textuels, illustratifs u fnctinnels, qui cnstituent une page web. Typlight utilise ces articles pur rganiser les éléments de cntenu. Ils peuvent alrs être affichés dans une rubrique particulière d'une présentatin de page. Ils peuvent aussi être facilement déplacés d une rubrique à l autre. L accès à la gestin des articles se fait via le menu «Articles» du mdule d administratin. Il est pssible de créer un nmbre illimité d'articles qui sernt affichés sur le site les uns au dessus des autres (les articles publiés seulement) (2). (2) Dans l exemple ci-dessus, la rubrique «Texte et images» cntient 3 articles : «Textes et images», «Définitin des prfils utilisateurs» et «Nuvelle page auteur». Le nm de ces articles n apparaît nulle par sur le site et il n y a aucune différence d affichage entre 3 articles distincts et un seul article cmprtant 3 éléments. Autrement dit, l ensemble de ces 3 articles aurait pu être rassemblé dans un seul sans qu il n y ait aucune différence d affichage sur le site. Il est dnc pertinent de créer plusieurs articles par rubriques si n veut puvir les déplacer facilement les uns par rapprt aux autres u les changer de rubrique. Cncept-Image Turs - avril

13 4.2 CREATION D UN ARTICLE Pur créer un nuvel article il faut : Cliquer sur le menu «Articles» Cliquer sur «Nuvel Article» (2) Chisir dans quelle rubrique u après quel article, insérer ce nuvel article (3) (2) (3) En chisissant l emplacement du nuvel article, l écran suivant apparaît : Il suffit d indiquer le titre de l article et si il dit être publié u pas. Le titre n apparaitra que sur la cnsle d administratin, il n apparaitra pas sur le site. Une fis le titre renseigné, l article peut être créé en cliquant sur «Sauvegarder». Cncept-Image Turs - avril

14 L écran suivant apparaît : (2) (3) Cet écran reprend les prpriétés de l article qui snt mdifiables à tut mment en cliquant sur l icône. A cet article nus allns maintenant ajuter des «éléments». Pur cela, il suffit de cliquer sur «Nuvel élément» (2) puis de chisir l emplacement de ce nuvel élément en cliquant sur l icône (3). L écran suivant apparaît alrs : Seln le chix du type d élément dans la liste dérulante, les znes à remplir sernt différentes. Il y a différents niveaux d éléments. Les basiques qui snt dispnibles quelque sit les fnctinnalités misent en place pur le site : Titres : cet élément sera répété sur chacun des autres éléments. Texte : pur insérer du texte et une image HTML : pur insérer du cde HTML dans la page (ex : vidé yutube u carte Ggle) Liste : pur gérer une liste d éléments Cde : pur publier du cde de prgrammatin sur le site Lien hypertexte : pur insérer un lien vers une page du site u extérieure au site Lien vers le haut de page : pur insérer un lien vers le haut de la page en curs Téléchargement(s) : pur mettre en téléchargement un u plusieurs fichiers Cncept-Image Turs - avril

15 Image : pur insérer uniquement une image Frmulaire : pur insérer un frmulaire déjà créé Les fnctins évluées, qui ne snt dispnibles si l ptin a été retenue pur le site : Tableau : pur créer un tableau facilement mdifiable, que le visiteur purra trier lui-même Galerie d images : pur insérer des images sus frme de vignettes cliquables Galerie d image «dfgallery» : pur insérer une galerie Flash capable d afficher un diaprama Accrdén : pur créer des listes qui se déplient et se replient en un clic Cmmentaires : pur permettre aux internautes de cmmenter les pages du site u les articles Les fnctins experts, qui nécessitent une cnnaissance apprfndie du système : Eléments de cntenu : pur reprendre les éléments de cntenu d une autre page du site Cntenu d un article : pur insérer le cntenu d un autre article du site Accrche d un article : pur insérer l accrche d un article déjà présent sur le site Mdule : pur installer un mdule spécifique sur une page Dans ce manuel, seuls les éléments basiques sernt abrdés. 4.3 INSERTION DE TEXTES ET ILLUSTRATIONS Insérer du texte et une illustratin Pur puvir ajuter une image sur une page il faut tut d abrd télécharger cette image sur le serveur du site cmme indiqué au pint 2.5. Pur insérer du texte et une illustratin, il suffit de chisir l élément «Texte» dans la liste dérulante. Cncept-Image Turs - avril

16 L écran suivant apparaît alrs : (2) Le titre est facultatif, mais il permet d intrduire l article. Il est pssible de chisir différents niveaux de titre qui aurnt chacun leur mise en frme. Cncept-Image Turs - avril

17 Pur cpier/cller du texte à partir d autres surces (Wrd, par exemple), il est frtement recmmandé d utiliser l icône située dans la barre d utils. Cette prcédure permet de nettyer le texte à cller de tus les cdes de mise en frme qui purraient parasiter la charte graphique du site. D autres icônes bien cnnues permettent de mettre en frme le texte (casse, culeur ). A nter 2 icônes intéressantes : pur ajuter des liens et pur insérer une image. Cncernant cette dernière, il est tutefis préférable d utiliser la case «Ajuter une image» (2) car elle permet un meilleur cntrôle des illustratins. La liste dérulante «Alignement de l élément» permet de régler l alignement par rapprt à la page. Attentin, cette ptin n a aucun effet pur certains éléments, car ce snt les paramètres de la charte graphique du site qui priment. Les znes «Espace avant» et «Espace après», permettent de régler l espacement avant et après l élément. Si la case «Ajuter une image» est cchée, de nuvelles ptins apparaissent : En cchant la case «fichier surce» n accède aux répertires qui cntiennent les illustratins qui nt été préalablement téléchargées (vir pint 3.3.1). Il suffit de chisir l image à insérer. Attentin, bien qu il sit pssible de sélectinner un répertire, cela n a aucun effet. Le système ne purra pas faire apparaitre plus d une image. Les autres ptins snt facilement cmpréhensibles et permettent d ajuster la mise en page : Marge Largeur et hauteur Lien Légende Alignement Cncept-Image Turs - avril

18 Vue en taille réelle sur clic 4.4 INSERTION DE CODE HTML Il est parfis utile d insérer du cde HTML sur une page web. Cela permet d appeler du cntenu situé sur un autre site par exemple. L exemple le plus intéressant est celui de YuTube. Chaque vidé prpse en effet le cde HTML à insérer par simple cpier/cller. Pur insérer une vidé YuTube, il suffit de rechercher cette vidé sur Puis de cpier le lien situé dans la zne «Intégrer une vidé sur un site». Dans la cnsle d administratin Typlight, créer un article, insérer un élément et chisir «HTML» dans le type de champ. L écran suivant apparaît : Cncept-Image Turs - avril

19 Il reste à sauvegarder cet élément et la vidé est en ligne. En regardant le cde de plus près, n repérera facilement des paramètres qui peuvent être persnnalisés cmme la taille du lecteur width (largeur), height (hauteur) Cette technique est une excellente manière d insérer de la vidé sur un site. En effet, l encdage, l hébergement et le flux snt assurés par YuTube dans les meilleures cnditins. La fnctin HTML peut aussi être utilisée pur insérer des cartes Ggle Map. 4.5 INSERTION DE LIENS Il y a plusieurs types de liens : liens sur une rubrique liens sur des mts du cntenu liens sur du texte indépendant liens à l intérieur d une page Liens sur une page Un lien sur une page permet de renvyer une rubrique vers une autre page du site u externe. Cette fnctinnalité est utile pur insérer une rubrique à différents endrit de la structure u pur intégrer un lien vers un autre site directement dans la structure du site. L insertin d un tel lien se fait à partir de la «structure du site». Lrs de la créatin d une nuvelle rubrique. Cette prcédure est décrite dans le pint 3.3.2) Liens sur les mts du cntenu L espace de saisie du texte cmprte une icône qui permet d insérer un lien vers une page du site u une page externe au site Liens sur du texte indépendant L icône permet de supprimer un lien créé. Attentin, il faut sélectinner le texte cmprtant le lien avant de le supprimer. Il est pssible avec Typlight d insérer un lien individuel, c'est-à-dire un texte cliquable. Cncept-Image Turs - avril

20 Lrs de l insertin d un élément dans un article, chisir l élément «Lien Hypertexte». L écran suivant apparaît : Le titre est facultatif, par cntre il faut bligatirement renseigner la zne «URL Cible» sit en indiquant une adresse web ( u en cliquant sur l icône liste. Attentin de ne pas ublier les caractères « dans le cas d un URL externe. pur chisir une page du site dans la La zne «Titre du lien» permet d indiquer le libellé du lien. Si cette zne est vide, le libellé sera l adresse du lien. La case «Ouvrir dans une nuvelle fenêtre», permet de préciser si la page liée dit s uvrir dans une nuvelle fenêtre (u nuvel nglet) u à la place de la page actuelle. La case «Image lien» permet d afficher une image cliquable pur prter ce lien Liens à l intérieur d une page Il est pssible très simplement d insérer un lien qui renvi vers le haut de la page. Ceci peut être utile quand la page est lngue. Pur insérer ce type de lien, il suffit de chisir l élément «Lien vers le haut de page» dans la liste «Type d éléments». Cncept-Image Turs - avril

21 4.6 INSERTION D UN DOCUMENT EN TELECHARGEMENT Pur insérer un dcument en téléchargement, il faut d abrd le télécharger sur le serveur cmme décrit au pint Lrs de la créatin d un élément, il suffit alrs de chisir «Téléchargement» u «Téléchargements». Dans les deux cas, il faudra ensuite ccher la case «Changer la sélectin» et indiquer le u les fichiers à mettre en téléchargement. Si plusieurs fichiers nt été sélectinnés, il faudra alrs indiquer l rdre de tri de la liste dans la zne «Trier par». 4.7 INSERTION D UN FORMULAIRE Dans Typlight, les frmulaires snt des éléments à part entière, c'est-à-dire qu ils divent être créés séparément, puis insérés dans les pages. Il est dnc pssible d insérer le même frmulaire sur plusieurs pages. Cncept-Image Turs - avril

22 4.7.1 Etape 1 : renseigner les paramètres généraux du frmulaire Pur créer un frmulaire, il faut cliquer d abrd sur «Générateur de frmulaire» : La partie centrale de l écran affiche alrs la liste des frmulaires dispnibles. Certains d entre eux peuvent d ailleurs être utilisés par des pages du site (frmulaire de cntact, par exemple). Pur créer un nuveau frmulaire, cliquer sur «Nuveau frmulaire». Cncept-Image Turs - avril

23 L écran apparaît : Le titre du frmulaire, qui n apparaît que dans la cnsle d administratin et qui sert à identifier le frmulaire. Le mail du destinataire (il est pssible d indiquer plusieurs destinataires en séparant les adresses par des virgules). Le sujet du mail envyé au destinataire du frmulaire. Le frmat de dnnées précise le frmat du mail : Dnnées brutes : les dnnées du frmulaire sernt envyées en texte simple avec chaque champ sur une nuvelle ligne. Frmat ce frmat n est valable que pur les champs , subject et message. Les autres nms de champ sernt ignrés. Les téléchargements de fichier snt permis. Fichier XML Les dnnées du frmulaire sernt attachées à l' en tant que fichier XML. Fichier CSV Les dnnées du frmulaire sernt attachées à l' en tant que fichier CSV (valeurs séparées par des virgules). Cncept-Image Turs - avril

24 4.7.2 Etape 2 : cnstruire le frmulaire En sauvegardant et quittant l écran précédent n revient à l écran frmulaire : C est à partir de cet écran que va être cnstruit le frmulaire en ajutant les différentes znes qui le cmpse. Pur ajuter un nuveau champ, cliquer sur «Nuveau Champ». L écran suivant apparaît : Le «Nm du champ» sera le nm du champ dans la cnsle d administratin. Le «Libellé du champ» sera le libellé tel qu il apparaitra sur le site. Vici les différents types de champs pssibles : Cncept-Image Turs - avril

25 Champ titre : un champ de titre peut être emplyé pur structurer un frmulaire en séparant plusieurs champs avec un titre. Champ d'explicatin : un champ d'explicatin peut être emplyé pur insérer une explicatin u une questin devant un champ. HTML : ce champ peut être utile pur insérer du cde HTML dans le frmulaire. Champ texte : un champ texte, est un champ de saisie d'une ligne destiné à un curt u un myen texte. Champ masqué : un champ masqué, est un champ de saisie d'une ligne destiné à un mt de passe. Zne de texte : une zne de texte est un champ de saisie multi-lignes pur les textes. Liste dérulante : une liste dérulante cntient plusieurs ptins dnt une peut être sélectinnée. Menu butn radi : un menu butn radi est un menu multi-lignes cntenant plusieurs ptins dnt une peut être sélectinnée. Menu case à ccher : un menu case à ccher est un menu multi-lignes cntenant une u plusieurs ptins dnt tutes peuvent être sélectinnées. Envi de fichier : un champ d'envi de fichier cntient un butn permettant de chercher un fichier sur vtre disque dur et de l'envyer sur le serveur. Champ caché : un champ caché est un champ d'une ligne qui ne sera pas visible dans le frmulaire. Questin de sécurité : ce champ ajute une questin simple de calcul qui dit être répndue afin de sumettre le frmulaire (prcédure anti-spam). Champ de sumissin : un champ de sumissin cntient le butn d'envi et les dnnées d'entête du frmulaire (ex : destinataire et sujet de l' ). Chaque type de champ à ses prpres paramètres. Ils snt faciles à renseigner et cmmentés par un petit texte en dessus Etape 3 : insérer un frmulaire dans un article Une fis le u les frmulaires créés, il faut les insérer dans un article. Cncept-Image Turs - avril

26 Un frmulaire est un élément de l article. Il s ajute dnc cmme les autres éléments, à partir de l écran article : Cmme vu précédemment, en cliquant sur «Nuvel élément» n btient : En chisissant «Frmulaire» dans le Type d élément, la liste des frmulaires dispnibles apparaît. Il suffit de chisir le frmulaire suhaité et de valider. Pur mdifier un frmulaire existant, il faut se rendre dans le générateur de frmulaire et il n y aura pas besin de l insérer à nuveau dans l article. Cncept-Image Turs - avril