Futuristic Template Building (FTB1 FR)

Dimension: px
Commencer à balayer dès la page:

Download "Futuristic Template Building (FTB1 FR)"

Transcription

1 Futuristic Template Building (FTB1 FR) Extension Key: doc_tut_ftb1_fr Copyright 2005, Raphael GEYER (), traduction de Futuristic Template Building (FTB) de Kasper Skårhøj et Robert Lemke This document is published under the Open Content License available from The content of this document is related to TYPO3 - a GNU/GPL CMS/Framework available from Table of Contents Futuristic Template Building (FTB2)...1 Introduction... 1 Qu'apporte cette extension?...1 But... 2 L'extension TemplaVoila... 2 Dédicace...2 L'extension...2 ATTENTION logiciel en version beta... 3 Intégration d'une page de gabarit en HTML - avec TemplaVoila... 4 Introduction... 4 Le gabarit HTML... 4 Installation de Static info tables, TemplaVoila et de CSS Styled Content... 6 The Storage Folder...7 Création du gabarit TypoScript...8 Création de l'objet gabarit pour le gabarit du site (première méthode)... 9 Data Structures (DS) et Template Objects (TO) Utilisation du TO comme gabarit de page...16 Configuration de css_styled_content pour le rendu du contenu Ajout du contenu des pages...17 Création du menu dynamique Affectation du stylesheet et de la balise <body>...23 Résumé Création de gabarits de page supplémentaires Modification d'un couple DS/TO existant...29 Gabarit d'impression...31 Gabarit alternatif pour une section du site Création d'une page à deux colonnes Des icônes pour les TOs et les DSs...46 Les éléments de contenu flexibles Flexible Content Elements Création d'un élément flexible de base (FCE)...49 Créer un élément de contenu grille...56 Création d'un second gabarit pour le FCE à 2 colonnes Les éléments de contenu utilisant des objets répétés. 62 Création d'un élément flexible de type liste...72 Divers Utilisation du TypoScript dans les Structures de Données DS Informations concernant le mappage Reste à faire de TemplaVoila Introduction Qu'apporte cette extension? Cette extension est un tutorial réactualisé, par, de Création de gabarits futuristique écrit par Kasper Skårhøj et Robert Lemke permettant la création d'un site de gestion de contenu sous TYPO3 basé sur un gabarit HTML et utilisant l'extension TemplaVoila (ext key: templavoila ). Ce tutorial est basé sur le même contenu que Futuristic Template Building, Part 1 il reprend les mêmes éléments, mais présente l'interface actualisée de Templavoila et décrit une utilisation plus avancée de cette extension. Ce document est recommandé aux développeurs débutants et avancés. Néanmoins, avant de débuter il est conseillé de suivre les tutoriaux Débuter avec Typo3 et Modern Template Building, Part 1 de manière à connaître les bases de TYPO3. Le site que vous allez être guidé afin de réaliser ceci : Futuristic Template Building (FTB1 FR) - 1

2 But Le but de ce tutorial est de vous présenter un nouveau concept de réalisation des gabarits en utilisant l'extension templavoila basée sur les notions de FlexForms et Data Structures. La méthode traditionnelle d'intégration du contenu dans des colonnes sera également remplacé par une intégration arborescence et imbriquée. L'extension TemplaVoila L'extension TemplaVoila a été développée par Kasper Skårhøj et Robert Lemke pour un projet d'une grande entreprise française, Dassault Systemes. TemplaVoila et le résultat de l'innovation permettant la résolution de problèmes rencontrés lors du projet En particulier le fait que TemplaVoila permette de créer des structures de pages plus flexible que la méthode traditionnelle utilisant la notion de colonnes. De plus, elle intègre la notion de gabarits liés aux éléments de contenu et ceci en utilisant une méthode plus flexible basée sur une interface graphique. Finalement le développement de TemplaVoila a également fait évoluer le corps de TYPO3, en particulier le concept de FlexForms qui permet, dans le backend, de créer des formulaires hiérarchiques et de stocker leurs contenu en XML. Dédicace Kasper dédie la version anglaise du document Futuristic Template Building à ses amis de Dassault Systemes en France. L'extension Tous les fichiers de ce tutorial sont contenus dans l'extension TYPO3 (doc_tut_ftb1_fr). En général les extensions contiennent des scripts et des ressources qui étendent les possibilités de TYPO3. Néanmoins cette extension n'interagit pas avec le corps de typo3 si vous l'installée elle permet uniquement de transférer les fichiers vers votre serveur et d'ajouter les fichiers du tutorial à votre serveur et d'ajouter ce document en ligne sur typo3.org. Ainsi pour suivre ce tutorial : il faut installer le dummy-package (voir la section Les bases du tutorial Modern Template Building, Part 1 ) Futuristic Template Building (FTB1 FR) - 2

3 puis il faut importer l'extension "doc_tut_ftb1_fr" du TER (TYPO3 Extension Repository) avec le gestionnaire d'extensions (Extension Manager) et vous aurez tous les fichiers à porté de main sur votre serveur. Ce tutorial peut également être lu en ligne ou vous pouvez le télécharger sous le format openoffice SXW et Acrobat PDF depuis typo3.org. ATTENTION logiciel en version beta Bien que TemplaVoila soit utilisé en production cette extension n'est pas encore terminée. Vous devez être conscient en lisant ce document que certains éléments risquent de changer et que ce document sera amené à être profondément révisé lors de la publication de la version de TemplaVoila. Notez également que la version de de TYPO3 est nécessaire à ce tutorial! Futuristic Template Building (FTB1 FR) - 3

4 Intégration d'une page de gabarit en HTML - avec TemplaVoila Introduction Ce chapitre présente l'intégration du gabarit présenté dans Modern Template Building, Part 1 mais en utilisant TemplaVoila à la place de l'extension Auto-parse Template. Ceci permet de démontrer toute la puissance de TemplaVoila! En introduction des principes que nous allons suivre veuillez lire en premier le chapitre Implementation of a CMS in Modern Template Building, Part 1. Installation du dummy-package et de l'arborescence des pages? En premier vous devez posséder une base vierge de TYPO3 généralement le dummy-package est ce qu'il vous faut. Puis vous devrez créer l'arborescence de pages présentée dans le chapitre The Basics du Modern Template Building, Part 1 (MTB/1). Vous n'êtes pas obligé de suivre le restant du chapitre The Basics dans MTB/1 il suffit de créer la structure des pages. Vous devriez obtenir une arborescence de pages ressemblant à ceci : Le gabarit HTML L'équipe web travail pour un nouveau client - Main Dish & Son - et Raphael, l'artiste de l'équipe, a réalisé le gabarit sous forme de fichier HTML standard: Futuristic Template Building (FTB1 FR) - 4

5 Ce fichier HTML template_page.html est placé dans le dossier "fileadmin/templates/main/" relatif à l'installation de TYPO3. Pour suivre ce tutorial vous devez copier le dossier "templates/" de cette extension dans le dossier "fileadmin/. Vous devez pour cela importer l'extension doc_tut_ftb1_fr" depuis le TER! Revenons au travail de Raphael; le gabarit HTML est une simple page HTML. Mais lorsque TYPO3 importe ce fichier il est important de rendre certaines parties dynamiques. Ceci inclue le menu de gauche et la section de contenu située au centre et à droite. Etudions le code de cette page. Avec TYPO3 c'est simple il suffit d'aller dans le module File > Filelist, de cliquer sur le titre du dossier principale et de cliquer sur le titre de la page : Ceci ouvre le fichier dans un navigateur. L'observation du code source de la page HTML montre un simple document validé XHTML faisant référence à un fichier de style et utilisant un tableau pour positionner les éléments dans la page : Futuristic Template Building (FTB1 FR) - 5

6 Quelques commentaires concernant ce gabarit HTML et les défis à relever : 1. Cette section de l'entête du document doit être reprise puisqu'elle permet de faire référence à la feuille de style utilisée. Défi: Nous devons nous assurer que cette section soit extraite et régénérée par le moteur de rendu! 2. Le menu de gauche est réalisé en utilisant une balise <div> par élément du menu. A chacun de ces <div>- est associée une classe. Avec cette classe le design de chaque élément est géré en CSS depuis la feuille de style. Ceci est une très bonne méthode de création de menus puisque chaque élément est constitué d'un minimum de code HTML, et ils sont facilement répétables (nécessaire lorsque les menus sont dynamiques). Défi: Nous devons remplacer le menu statique par un menu dynamique issu de Typo3! 3. Ceci est la section de contenu que Raphael a placé dans le gabarit pour obtenir un rendu visuel cohérent. Notez le formatage du contenu avec des balises <h1> et <p> (utilisant la classe "bodytext") ceci est intéressant puisque le contenu dynamique généré par TYPO3 utilise également ces balises pour le formatage! (Raphael doit déjà avoir une expérience sous TYPO3, n'est-ce pas?) Défi: Nous devons remplacer le contenu de la page par du contenu dynamique issu de TYPO3. Maintenant que les fichiers du tutorial sont en place, nous passons à l'étape suivante l'installation des extensions nécessaires. Installation de Static info tables, TemplaVoila et de CSS Styled Content Nous devons maintenant installer TemplaVoila qui est notre moteur de gabarit et de génération de contenu. CSS Styled Content est également nécessaire pour le rendu des contenus standards de n'importe quel site classique sous TYPO3. Futuristic Template Building (FTB1 FR) - 6

7 Si vous ne l'avez pas encore fait, importez static_info_tables, TemplaVoila et css_styled_content depuis le TER (TYPO3 Extension Repository) en utilisant le gestionnaire d'extensions EM. Lorsque cela est fait, installez les trois extensions : Lors de l'installation de TemplaVoila vous devriez activer le sélecteur de gabarit Enable Page Template Selector dans l'écran de mis à jour : Appuyez sur Update et toutes les tables et champs de la base de données seront créés automatiquement! Après avoir installé TemplaVoila, il faut réactualiser recharger votre backend puisque l'extension contient de nouveaux modules. css_styled_content Il faut maintenant installer l'extension CSS Styled Content : The Storage Folder Nous allons créer un autre élément essentiel de notre site le Storage Folder. Normalement les éléments relatifs à une page sont stockés dans la page elle-même comme par exemple les éléments de contenu ou les utilisateur du frontend. Néanmoins il est souvent nécessaire de disposer d'un point central de stockage des éléments relatifs à l'ensemble du site et pas seulement à une seule page c'est ce que nous appelons le Storage Folder (Dossier de stockage); Il s'agit d'une page définie comme SysFolder (dossier système) qui sera utilisée pour stocker ces éléments relatifs à toute une branche de l'arborescence des pages. Les étapes pour réaliser ce dossier système sont : Créer une page de type SysFolder (dossier système) dans l'arborescence des pages. En général cette page est la dernière page du premier niveau dans l'arborescence des pages. Puis il faut créer une relation dans General Storage Folder vers ce dossier dans l'entête de la page racine (root page) du site. La copie d'écran précédente montre le dossier système créé. Mais pour le configurer comme storage folder du site il faut Futuristic Template Building (FTB1 FR) - 7

8 éditer l'entête de page de Root page : Et c'est tout. Création du gabarit TypoScript Puis, il faut créer un gabarit pour la page Root page. Pour plus de détails vous pouvez vous référer au MTB/1 où cette méthode est décrite de manière plus détaillée. Le but est d'obtenir un gabarit avec le contenu suivant : Le code visible dans Setup est appelé Template TypoScript - c'est du code de configuration que le moteur de rendu de TYPO3s (frontend engine) (de l'extension cms ) interprète afin d'afficher la page du site. Dans l'exemple précédent le texte HELLO WORLD est affiché. Si vous avez une certaine expérience du TypoScript vous savez que Futuristic Template Building (FTB1 FR) - 8

9 a) le champ Setup peut finir par représenter plusieurs centaines de lignes, b) qu'après un certain temps il devient plus difficile à gérer et c) il faut de bonnes connaissances en TypoScript, généralement le contenu de TSref. Si vous connaissez la méthode employée avec le tutorial MTB/1 vous savez que la quantité de Typoscript utilisée n'était pas aussi conséquente. En fait nous avions seulement configuré l'extension automaketemplate afin de lire le contenu d'un fichier externe en HTML et ensuite nous insérions du contenu dynamique à certains endroits. Cette configuration ne nécessitait qu'une centaines de lignes, les menus mis à part. Ce qui représente beaucoup moins que par le passé. Si vous poursuivez ce document vous verrez que nous n'allons pas ajouter d'autres lignes, nous ne faisons que remplacer les deux dernières : Ainsi, la seule chose nécessaire à l'utilisation de TemplaVoila, en ce qui concerne le TypoScript, est le code suivant : # Default PAGE object: page = PAGE page.typenum = 0 page.10 = USER page.10.userfunc = tx_templavoila_pi1->main_page (Il faudra néanmoins par la suite rajouter du TypoScript puisque nous devrons définir/construire le menu...) Enregistrez le code. Si vous consultez le site vous verrez une page avec un message d'erreur indiquant que la configuration n'est pas terminée: Il faut maintenant créer un objet gabarit pour TemplaVoila (TO) et l'associer au site. Création de l'objet gabarit pour le gabarit du site (première méthode) Allez dans le module File > Filelist, cliquez sur le dossier templates/main/ et cliquez sur l'icône du fichier template_page.html : Ceci vous dirigera vers l'interface de mappage de TemplaVoila : Futuristic Template Building (FTB1 FR) - 9

10 Avec cette interface nous allons créer une Data Structure (DS - structure de données) pour le gabarit de la page et mapper ce DS avec les éléments HTML du fichier de gabarit puis pour finir nous allons stocker les informations de mappage dans un Template Object (TO) créé à partir du DS. Data Structures (DS) et Template Objects (TO) De plus amples informations techniques sont disponibles dans Data Structures du document TYPO3 Core API ainsi que dans la documentation de TemplaVoila. Néanmoins, pour résumer les différences entre DS et TO: Une Data Structure (DS) liste les champs que l'on peut mapper vers un fichier HTML. Un Template Object (TO) associe des champs du DS avec des éléments du fichier HTML. Avec cette définition nous voyons qu'un TO fait toujours lié à un DS qui indique au TO quels champs peuvent être mappés et avec quels règles et hiérarchie. Ceci implique également qu'il est possible d'avoir plusieurs TO faisant référence à une même DS c à d plusieurs gabarits pour les mêmes données! Création de la Data Structure de Main Dish & son Dans ce tutorial la structure de données DS nécessaire pour le fichier gabarit est : Définition de l'élément global contenant la page ce qui correspond a la balise <body>! Menu: Définition du conteneur du menu de gauche Contenu: Définition du conteneur de la cellule de contenu. Un tel DS pourrait être créé à la main si on connaît la syntax XML du DS, <T3DataStructure>. Néanmoins, TemplaVoila permet la création graphique avec une fonction de pointer/cliquer d'une telle structure de données! Futuristic Template Building (FTB1 FR) - 10

11 Ajout d'un élément représentant le menu : (Le nom field_menu est préfixé par field_ qui est une convention appliquée par défaut. Mais vous pouvez utiliser d'autres noms si vous le souhaitez.) Ceci affiche un formulaire permettant de saisir les détails du nouvel élément : Puis en validant avec Add, il reste à définir le nom de l'objet TypoScript identifiant le menu, dans notre cas lib.menu_1 Vous pouvez saisir les informations de façon identique aux copies d'écran. De plus amples détails sont disponibles dans la documentation de TemplaVoila mais les principaux points sont : Mapping Type: permet de définir la manière dont les éléments sont mappés vers le document HTML. Choisissez Element Editing Type: permet de sélectionner le type de contenu du champs. Dans notre cas nous allons insérer du contenu provenant d'un objet TypoScript que nous allons définir à l'aide d'un objet HMENU plus tard! Mapping rules: Comme le menu sera amené à être contenu dans des balises HTML de type <div> ou <td> etc... nous définissons une règle *:inner qui permettra de mapper le menu à l'intérieur d'un élément. Après avoir validé avec Add, Update puis Cancel/Close vous verrez ceci : Puis répétez ce procédé pour le contenu de la page : Futuristic Template Building (FTB1 FR) - 11

12 Ici nous sélectionnons Content Elements dans Editing Type ceci permet d'insérer des blocs de contenu par la suite. Après avoir validé avec Add et Cancel/Close nous disposons maintenant d'une structure de données reflétant nos besoins décrit précédemment c à d un menu et une cellule de contenu: Mappage du DS vers le contenu HTML Après avoir créé le DS (vous auriez également pu le faire pendant le mappage) vous devez mapper les éléments du DS vers la balise correspondante dans le fichier HTML. Appuyez sur Map de l'élément ROOT, puis cliquez sur l'icône de la balise <body> de la section Mapping Window : Puis sélectionnez le type de mappage dans la colonne Action de l'élément ROOT : Pour toutes les balises block-elements (le nom que je donne aux balises HTML qui ont par paires une de début et une de fin, telles que. <td>...</td> or <div>...</div>, contrairement à <img...>) vous pouvez choisir un mappage INNER ou OUTER. Ceci implique que nous remplaçons le contenu interne de la balise (en excluant la balise) ou l'extérieur de la balise (en incluant la balise). Puisque nous souhaitons placer du contenu dans la balise <body> en excluant la balise <body> nous choisissons INNER. Futuristic Template Building (FTB1 FR) - 12

13 Ce qui donne : Le formulaire montre que l'élément ROOT a été mapper avec succès vers la balise <body> du gabarit! Et comme l'élément ROOT est l'élément parent de base de des éléments menu et contenu nous pouvons maintenant mapper le reste du DS. Cliquez sur le bouton Map de l'élément field_menu du DS. Puis sur l'icône de la balise <td> contenant le menu provisoire du gabarit HTML : Notez que cette fois ci nous n'avons pas d'autre choix que INNER : Ceci est du au fait que nous avions définie une règle limitant le mode à INNER - ceci laissera la balise dans le gabarit HTML et ne remplacera que son contenu par notre menu dynamique. Donc choisissez à nouveau INNER pour le mappage de cet élément : Il ne reste plus qu'à mapper l'élément Page content du DS : Futuristic Template Building (FTB1 FR) - 13

14 Comme pour les autres éléments nous utilisons le type INNER. Vous devriez obtenir ceci : Vous pouvez vérifier votre mappage un cliquant sur les liens de la colonne HTML-path. Ceci n'affichera que la section du gabarit HTML concernée : Prévisualisation du mapping Puisque nous avions saisi des données de test (champ Sample Data) dans le DS nous avons la possibilité de prévisualiser le résultat. Appuyez simplement sur le bouton Preview : Ceci génère la fenêtre Mapping Window pour vous : Futuristic Template Building (FTB1 FR) - 14

15 Sauvegarde du DS et TO Jusqu'à présent toutes les opérations réalisée sont stockées dans les données de votre session d'utilisateur du backend. Pour finir vous devez cliquer sur le bouton Save puis Donner un titre pour le couple DS / TO (ceci pourra être changé par la suite) Sélectionnez le type de gabarit, dans notre cas il s'agit d'un gabarit de page Page template (ceci indique à TYPO3 que ce gabarit s'applique à une page complète). Sélectionnez le dossier de stockage (Storage Folder) qui contiendra le DS et TO seul un dossier devrait être disponible. Si vous vous ne pouvez sélectionner aucun storage folder, cela signifie que vous avez commis une erreur au début du tutorial!) Si tout est OK vous devriez obtenir : Futuristic Template Building (FTB1 FR) - 15

16 Et dans le dossier de stockage Storage Folder vous retrouvez le DS et TO que vous venez de créer! Utilisation du TO comme gabarit de page Pour résumer : Fichiers de gabarit: Copie des fichiers HTML du graphiste dans fileadmin/templates/main/ Extensions: Installation de Static info tables, TemplaVoila et CSS Styled Content Storage Folder: Configuration du dossier de stockage du site. Gabarit TypoScript: Création d'un gabarit TypoScript à la racine du site contenant uniquement un cobjet USER permettant l'utilisation de TemplaVoila. Création du DS/TO: Création d'une structure de données (DS) et d'un Template Object (TO) pour le gabarit principale La dernière étape consiste à définir le TO créé comme étant le gabarit par défaut des pages. Pour cela il suffit d'éditer l'entête de la page Root page : Ceci affecte le DS permettant à TYPO3 de connaître les options de la page (dans notre cas il s'agit : d'un menu et du contenu de page). Puis il faut sauvegarder l'entête de page. Il est maintenant possible de sélectionner le type de rendu (c à d le TO): Puis sauvegardez une dernière fois - éventuellement en utilisant Sauvegarder et visualiser : Futuristic Template Building (FTB1 FR) - 16

17 Effectivement le gabarit est bien utilisé lors de la génération de la page. Mais il reste encore à : Configurer css_styled_content pour le rendu du contenu Ajouter le contenu des pages Créer dynamiquement le menu Affecter la feuille de style Configuration de css_styled_content pour le rendu du contenu Avant que le contenu des pages puisse être généré nous devons définir un gabarit statique permettant cela. Il en est de même pour les autres développements sous TYPO3; pour cela il faut éditer le gabarit Typoscript et ajouter CSS Styled Content : Sauvegardez, quittez et videz le cache. Ajout du contenu des pages Un des principaux changements qu'apporte TemplaVoila est le nouveau concept d'intégration du contenu des pages. Jusqu'à présent nous utilisions le concept de colonnes d'une page. Ainsi les éléments sont affichés en fonction de la page et de la colonne à laquelle ils appartiennent. Avec TemplaVoila le contenu est toujours associé à une page mais il existe une relation allant de la page (ou d'un élément de niveau supérieur) vers l'élément de contenu! Cette relation à une direction opposée au fonctionnement standard de TYPO3 puisque jusqu'à présent les éléments de contenu faisaient référence à la page et à la colonne qui les contenait! Nous y reviendrons plus tard. Pour l'instant affichons le contenu du nouveau module Page : ATTENTION: Le module de page n'est pas encore terminé. Les copies d'écran risque de ne pas être à jour! Pour créer du contenu dans une page, il faut cliquer sur l'icône nouveau : Futuristic Template Building (FTB1 FR) - 17

18 Ceci permet d'inclure un élément traditionnel (TEXT, TEXT et IMAGE etc...) : Puis nous ajoutons du texte extrait du gabarit HTML : Sauvegardez, et vous obtenez : Futuristic Template Building (FTB1 FR) - 18

19 Ceci est la méthode TemplaVoila pour ajouter du contenu aux pages. Vous pouvez insérer d'autres contenus, vous pouvez les copier/couper/coller, vous pouvez aussi créer des liens vers des éléments d'une autre page, vous pouvez même imbriquer des éléments comme nous allons le voire par la suite. Vous pouvez visualiser le résultat : Pas encore très élégant mais il manque la feuille de style... La nouvelle méthode de gestion du contenu avec TemplaVoila (Pour les développeurs) - Comment TemplaVoila réalise t'il la relation allant des pages vers le contenu? Par défaut, cette gestion est complètement assurée par le nouveau module Web > Page de TemplaVoila que nous venons d'utiliser. Pour comprendre le mécanisme qui se cache derrière cela vous pouvez éditer l'entête d'une page pour découvrir qu'un nouveau champ a été ajouté permettant d'affecter des éléments de contenu à la page : Futuristic Template Building (FTB1 FR) - 19

20 Vous pourriez changer la structure affichée graphiquement par le module Web > Page en ajoutant des relations vers des éléments de contenu dans cette section Content! Mais ceci n'est pas suffisamment ergonomique par un utilisateur standard! FlexForm et la structure de données (DS) qui y est liée Un autre point important est que le contenu de ce champ n'est pas stocké dans un champ spécifique de la base mais est stocké dans une structure XML dans un nouveau champ tx_templavoila_flex de la table pages qui peut potentiellement contenir d'autres champs définis par le DS. Ceci est une nouveauté fantastique des possibilités qu'offre les structures de données. Le concept est appelé FlexForms et ceci n'est qu'une des nombreuses possibilités. La structure de données que nous avons créée ainsi que le TO associé définissent tout cela. Si vous sélectionnez la page Storage Folder avec le module List, et en éditant le DS, vous pourrez observer la structure XML du DS : En étudiant ce code XML vous verrez que pour le champ field_content il existe une section définissant quelques paramètres pour TCEforms (lignes 35-46) en fait il s'agit du code généré par l'utilisation de la relation Content Elements : 1: <T3DataStructure> 2: <meta type="array"> 3: <langchildren type="integer">1</langchildren> 4: <langdisable type="integer">1</langdisable> 5: </meta> 6: <ROOT type="array"> 7: <tx_templavoila type="array">... 27: </field_menu> 28: <field_content type="array">... 42: <TCEforms type="array"> 43: <config type="array"> 44: <type>group</type> 45: <internal_type>db</internal_type> 46: <allowed>tt_content</allowed> 47: <size>5</size> Futuristic Template Building (FTB1 FR) - 20

21 48: <maxitems>200</maxitems> 49: <minitems>0</minitems> 50: <multiple>1</multiple> 51: <show_thumbs>1</show_thumbs> 52: </config> 53: <label>page content</label> 54: </TCEforms> 55: </field_content> 56: </el> 57: </ROOT> 58: </T3DataStructure> En recherchant dans la base de données (phpmyadmin) le contenu du champ tx_templavoila_flex de la page Root page nous retrouvons également une structure XML - <T3FlexForm>. Qui ressemble à ceci : 1: <?xml version="1.0" encoding="iso " standalone="yes"?> 2: <T3FlexForms> 3: <data type="array"> 4: <sdef type="array"> 5: <ldef type="array"> 6: <field_content type="array"> 7: <vdef>3</vdef> 8: </field_content> 9: </ldef> 10: </sdef> 11: </data> 12: </T3FlexForms> Notez que la valeur contenue entre les balises <vdef> correspond à l'uid du bloc de contenu Buy PaperShredder(tm) Gizmo with 30-days money-... La génération de l'affichage des blocs de contenu Il ne suffit pas de créer une relation vers les blocs de contenu, il faut également les afficher. Nous allons nous intéresser à leur rendu. Il semble que le Typoscript statique CSS Styled Content soit également utilisé avec TemplaVoila. La réponse setrouve également dans la structure de données créée. Observez les lignes 37 à 39 (fond gris clair) :... 28: <field_content type="array"> 29: <tx_templavoila type="array"> 30: <title>page content</title> 31: <description>map this to the container element for page content</description> 32: <sample_data type="array"> 33: <numindex index="0">[here goes my page content. Here goes my page content. Here goes my page content. Here goes my page content. Here goes my page content. Here goes my page content. Here goes my page content.]</numindex> 34: </sample_data> 35: <etype>ce</etype> 36: <TypoScript> 37: 10= RECORDS 38: 10.source.current=1 39: 10.tables = tt_content 40: </TypoScript> 41: </tx_templavoila> Ces lignes contiennent du TypoScript avec lequel nous sommes familier : Il utilise un cobject RECORD, permettant d'afficher les blocs de contenu de la table tt_content, en utilisant les uids de de l'élément actuel - celui-ci semble être initialisé par le contenu de la balise <vdef> affectée par dans le contexte d'exécution du TypoScript (qui se situe dans le plugin tx_templavoila_pi1 comme le montre le code précédent). Pour en savoir plus: Les FlexForms, les Data Structures et tout le reste sont présentés dans le document TYPO3 Core API. Création du menu dynamique Le menu à afficher dans la cellule de gauche est généré avec le même code TypoScript que celui du tutorial MTB/1. Rien ne change avec TemplaVoila; TypoScript reste un excellent moyen pour configurer les menus et la génération d'images. Ainsi, nous allons copier et coller le code du MTB/1 avec une exception; temp.menu_1 est remplacé par lib.menu_1 : Futuristic Template Building (FTB1 FR) - 21

22 # Menu 1 cobject lib.menu_1 = HMENU # First level menu-object, textual lib.menu_1.1 = TMENU lib.menu_1.1 { # Normal state properties NO.allWrap = <div class="menu1-level1-no"> NO.stdWrap.htmlSpecialChars = 1 # Enable active state and set properties: ACT = 1 ACT.stdWrap.htmlSpecialChars = 1 ACT.allWrap = <div class="menu1-level1-act"> } # Second level menu-object, textual lib.menu_1.2 = TMENU lib.menu_1.2 { # Normal state properties NO.allWrap = <div class="menu1-level2-no"> NO.stdWrap.htmlSpecialChars = 1 # Enable active state and set properties: ACT = 1 ACT.stdWrap.htmlSpecialChars = 1 ACT.allWrap = <div class="menu1-level2-act"> } </div> </div> </div> </div> Copiez ce code dans le champ Setup du gabarit TypoScript : Dans le MTB/1 nous faisions référence à ou nous devions copier cet objet HMENU. Ici nous faisons de même mais la référence est placée au niveau de la structure de données que nous venons de créer! Nous avions spécifier comme nom d'objet lib.menu_1 lors de la création du champ field_menu! Nous pouvons vérifier cela en éditant à nouveau le DS : Futuristic Template Building (FTB1 FR) - 22

23 Dans la section Data Structure XML pour l'élément <field_menu> nous retrouvons le nom saisi précédemment ceci est le chemin d'accès à l'objet permettant de générer le menu en TypoScript : Observons à nouveau la page : Le rendu n'est pas plus esthétique mais le menu est présent! Affectation du stylesheet et de la balise <body> Le dernier point consiste à éditer le TO, chose que nous ne pouvions faire pendant la création du DS et du TO, et à configurer l'inclusion d'éléments de l'entête de la balise <body> du fichier HTML! Futuristic Template Building (FTB1 FR) - 23

Manuel utilisateur du site www.cg-corsedusud.fr. 1. L Interface Typo 3 (version 4.4.x)

Manuel utilisateur du site www.cg-corsedusud.fr. 1. L Interface Typo 3 (version 4.4.x) Manuel utilisateur du site www.cg-corsedusud.fr 1. L Interface Typo 3 (version 4.4.x) Version 1 Le contenu de ces pages est relatif à TYPO3, CMS/Framework sous licence GNU/GPL disponible sur www.typo3.com

Plus en détail

Copyright 2005, Jean-Gaël Rouchon,

Copyright 2005, Jean-Gaël Rouchon, <jean-gael@rouchon.fr> Menus en Typo3 Copyright 2005, Jean-Gaël Rouchon, Tables des Matières Menus en Typo3...1 Introduction...1 Présentation des Gabarits et du TypoScript...1 Introduction Ce manuel vous

Plus en détail

Documentation de CMS-gen

Documentation de CMS-gen Table des matières GÉNÉRALITÉ... 1 LA ZONE D'ADMINISTRATION... 2 LOGIN SUR LA ZONE D ADMINISTRATION... 2 EDITION DU CONTENU EN LIGNE... 3 LE MODE EDITION... 3 PUBLICATION... 3 SUPPRIMER DES MODIFICATIONS...

Plus en détail

Kit de Publication v2.1

Kit de Publication v2.1 «Patch v2.1» Kit de Publication v2.1 Date modification : 25/05/2009 Kit de Publication Page 1 sur 16 Table des matières 1 OBJET..2 2 PRÉ-REQUIS D'INSTALLATION2 3 CONTENU DU PATCH.2 4 CHANGELOG..3 5 TÉLÉCHARGER

Plus en détail

Guide Rédacteur Typo3

Guide Rédacteur Typo3 Guide Rédacteur Typo3 Table des matières 1. Introduction 1 2. Login 1 3. Vue d'ensemble 2 1.1 Le mode Page...5 1.2 Le mode Voir...7 4. Créer une nouvelle page 8 5. Déplacer une page 9 6. Copier une page

Plus en détail

PREMIÈRE PRISE EN MAIN DE DJANGO CMS

PREMIÈRE PRISE EN MAIN DE DJANGO CMS PREMIÈRE PRISE EN MAIN DE DJANGO CMS 1. PRÉSENTATION DE DJANGO CMS Django CMS est un système de gestion de contenu basé sur le serveur Django / Python. Simple d'utilisation, il dispose d'une interface

Plus en détail

Guide utilisateur Typo3

Guide utilisateur Typo3 Guide utilisateur Typo3 Niveau 1 Table des matières 1.Introduction...2 2.Login...2 3.Vue d'ensemble...3 4.Colonne de gauche...5 4.1Le mode PAGE...5 4.2Le mode VOIR...7 4.3Le mode LISTE...8 5.Colonne centrale...9

Plus en détail

Guide:Développer avec Typo3

Guide:Développer avec Typo3 Guide:Développer avec Typo3 Extension Key: none Copyright 2003, Jean-Gaël Rouchon, This document is published under the Open Content License available from http://www.opencontent.org/opl.shtml

Plus en détail

SPECIFICATIONS TECHNIQUES POUR LE DEVELOPPEMENT DES PLUGINS TOURISM SYSTEM CLIENT. V 1.0 27 janvier 2011

SPECIFICATIONS TECHNIQUES POUR LE DEVELOPPEMENT DES PLUGINS TOURISM SYSTEM CLIENT. V 1.0 27 janvier 2011 SPECIFICATIONS TECHNIQUES POUR LE DEVELOPPEMENT DES PLUGINS TOURISM SYSTEM CLIENT V 1.0 27 janvier 2011 Ce document présente l'utilisation des plugins dans Tourism System Client. Dans le Client, un plugin

Plus en détail

Service d'authentification LDAP et SSO avec CAS

Service d'authentification LDAP et SSO avec CAS Service d'authentification LDAP et SSO avec CAS Clé de l'extension : ig_ldap_sso_auth 2006-2007, Michaël Gagnon, Ce document est publié sous la licence open source, disponible au

Plus en détail

Installation Linux de Typo3

Installation Linux de Typo3 Installation Linux de Typo3 Extension key: [Non attibuée] Copyright 2003, Jean-Gaël Rouchon, This document is published under the Open Content License available from http://www.opencontent.org/opl.shtml

Plus en détail

Service d'authentificationldap et SSO avec CAS

Service d'authentificationldap et SSO avec CAS Service d'authentificationldap et SSO avec CAS Clé de l'extension : ig_ldap_sso_auth 26 27, Michaël Gagnon, Ce document est publié sous la licence open source, disponible au : http://www.opencontent.org/opl.shtml.

Plus en détail

[HowTo] TYPO3. Build an extension from Scratch

[HowTo] TYPO3. Build an extension from Scratch [HowTo] TYPO3 Build an extension from Scratch Abstract: Ce document va vous expliquer comment construire votre première extension et comment utiliser quelques outils et méthodes Typo3. L extension que

Plus en détail

Gestion du design (DesignManager)

Gestion du design (DesignManager) 1 sur 7 15/10/2014 14:06 Administration de CMS Made Simple - evolution biologique - Gestionnaire de Modules Bienvenu(e) : archeo Vous avez 1 notification en cours Gestionnaire de Modules Déposer les fichiers

Plus en détail

Manuel du rédacteur. Dernière mise à jour : le 14/04/2010

Manuel du rédacteur. Dernière mise à jour : le 14/04/2010 Manuel du rédacteur Dernière mise à jour : le 14/04/2010 Table des matières 1 PRÉSENTATION GÉNÉRALE... 3 2 L INTERFACE DE GESTION... 3 2.1 ACCÈS À L INTERFACE DE GESTION... 3 2.2 PRÉSENTATION GÉNÉRALE...

Plus en détail

Formation au logiciel Typo3, pour les rédacteurs.

Formation au logiciel Typo3, pour les rédacteurs. 1 Formation au logiciel Typo3, pour les rédacteurs. 1 Accéder au système 2 1.1 Configuration du navigateur 2 1.2 Identification 2 2 L interface 2 2.1 Le module Web 3 2.2 Le module Media 3 2.3 Le module

Plus en détail

Remerciements. Je tiens à remercier tous ceux qui m'ont aidé et soutenu dans ce projet. Merci à tous! Cédric KEIFLIN

Remerciements. Je tiens à remercier tous ceux qui m'ont aidé et soutenu dans ce projet. Merci à tous! Cédric KEIFLIN KEIFLIN Cédric 1 Janvier KEIFLIN Cédric 2 Janvier Remerciements Je tiens à remercier tous ceux qui m'ont aidé et soutenu dans ce projet. Merci à tous! Cédric KEIFLIN KEIFLIN Cédric 3 Janvier Mes sites

Plus en détail

NVU, Notepad++ (ou le bloc-note), MySQL, PhpMyAdmin. HTML, PHP, cas d utilisation, maquettage, programmation connaissances en HTML, PHP et SQL

NVU, Notepad++ (ou le bloc-note), MySQL, PhpMyAdmin. HTML, PHP, cas d utilisation, maquettage, programmation connaissances en HTML, PHP et SQL Prise en main de NVU et Notepad++ (conception d application web avec PHP et MySql) Propriétés Intitulé long Formation concernée Matière Présentation Description Conception de pages web dynamiques à l aide

Plus en détail

Guide de gestion du site Web

Guide de gestion du site Web Guide de gestion du site Web Réalisé par Danny Sohier 1. Introduction Le site Web du club de golf Lorette est construit avec le CMS (Content Management System) Typo3. Ce produit en est un du domaine public.

Plus en détail

Tutoriel TYPO3 pour les rédacteurs

Tutoriel TYPO3 pour les rédacteurs Tutoriel TYPO3 pour les rédacteurs - typo3_tut_fr Tutoriel TYPO3 pour les rédacteurs Tutoriel TYPO3 pour les rédacteurs Clé de l'extension: typo3_tut_fr Langue: fr Mots-clés: foreditors, forbeginners,

Plus en détail

Personnaliser un thème WordPress pour un Blog de l'ara. Méthode pas à pas.

Personnaliser un thème WordPress pour un Blog de l'ara. Méthode pas à pas. Personnaliser un thème WordPress pour un Blog de l'ara. Méthode pas à pas. Table des matières I. Les outils nécessaires... 3 II. Utilisation de l'outil Artisteer.... 3 1. Pourquoi utiliser Artisteer?...

Plus en détail

Utilisation du site Regio 21.ch

Utilisation du site Regio 21.ch Utilisation du site Regio 21.ch Introduction Ce document est un petit aide-mémoire qui vous permettra de réaliser des tâches simples avec l'outil TYPO3. La meilleure attitude en cas de doute est d'essayer

Plus en détail

Création d'un site dynamique en PHP avec Dreamweaver et MySQL

Création d'un site dynamique en PHP avec Dreamweaver et MySQL Création d'un site dynamique en PHP avec Dreamweaver et MySQL 1. Création et configuration du site 1.1. Configuration de Dreamweaver Avant de commencer, il est nécessaire de connaître l'emplacement du

Plus en détail

Documentation utilisateur Support Rédacteur/Publicateur. Kit de Publication

Documentation utilisateur Support Rédacteur/Publicateur. Kit de Publication Kit de publication Documentation utilisateur Rédacteur / Publicateur Page 1 sur 55 Table des matières 1 Préambule...3 2 Présentation générale du backend...4 2.1 2.2 2.3 2.4 Fonctionnalités...5 Arborescence...6

Plus en détail

Personnaliser et adapter SPIP Développeur SPIP

Personnaliser et adapter SPIP Développeur SPIP Personnaliser et adapter SPIP Développeur SPIP En pratique Pour réaliser ce TD vous avez besoin de :. Un navigateur web. Un client FTP ou une invite de commande Unix. Un éditeur de texte Pour le TD nous

Plus en détail

Initiation à html et à la création d'un site web

Initiation à html et à la création d'un site web Initiation à html et à la création d'un site web Lors de la première séance de TP, vous avez mis en place la structure d'accueil pour votre site personnel et vous avez appris comment accéder librement

Plus en détail

GetSimple 3. Le guide complet pour créer des sites web. GetSimple 3 - Le guide complet pour créer des sites web. GetSimple 3 26,50.

GetSimple 3. Le guide complet pour créer des sites web. GetSimple 3 - Le guide complet pour créer des sites web. GetSimple 3 26,50. Le guide complet pour créer sites web Vous verrez ensuite comment gérer les pages qui constituent la structure du site : créer les pages, les paramétrer pour la publication, les modifier, les supprimer

Plus en détail

BTS Informatique de Gestion (lycée Rostand Chantilly) Initiation au PHP Fiche 5 Floats dynamiques - Page 1. Sommaire

BTS Informatique de Gestion (lycée Rostand Chantilly) Initiation au PHP Fiche 5 Floats dynamiques - Page 1. Sommaire Initiation au PHP Fiche 5 Floats dynamiques - Page 1 FICHE 5 Objectifs : Etre capable de gérer dynamiquement un site. Utiliser la propriété Float et la fonction include( ) Gérer à la fois du XHTML, du

Plus en détail

Tutoriel d'utilisation du site PEEP

Tutoriel d'utilisation du site PEEP Tutoriel d'utilisation du site PEEP Intro Le site, ape-niort.peep.asso.fr, est géré par un système de gestion de contenu (ici Mura CMS). Un CMS permet, entre autre, de générer un site de manière rapide

Plus en détail

Introduction à Dreamweaver CS4

Introduction à Dreamweaver CS4 Introduction à Dreamweaver CS4 Adobe Dreamweaver (anciennement Macromedia Dreamweaver) est un éditeur de site web de type «tel écrit tel écran» (cette formule remplaçant désormais dans la terminologie

Plus en détail

Idioma-tic en ligne: mode d'emploi concis 1

Idioma-tic en ligne: mode d'emploi concis 1 Idioma-tic en ligne: mode d'emploi concis 1 Idioma-tic en ligne: mode d'emploi concis Ce document est un mode d'emploi préliminaire et concis auprès de la première version en ligne d'idioma-tic. Il se

Plus en détail

Freeway 7. Nouvelles fonctionnalités

Freeway 7. Nouvelles fonctionnalités ! Freeway 7 Nouvelles fonctionnalités À propos de ce guide... 3 Nouvelles fonctionnalités en un coup d'oeil... 3 À propos de la conception d'un site web réactif... 3 Travailler avec les pages pour créer

Plus en détail

Guide de démarrage rapide Centre de copies et d'impression Bureau en Gros en ligne

Guide de démarrage rapide Centre de copies et d'impression Bureau en Gros en ligne Guide de démarrage rapide Centre de copies et d'impression Bureau en Gros en ligne Aperçu du Centre de copies et d'impression Bureau en Gros en ligne Pour accéder à «copies et impression Bureau en Gros

Plus en détail

Mode d'emploi Wordpress Administration du contenu. http://slconstantia.com/wp-admin/

Mode d'emploi Wordpress Administration du contenu. http://slconstantia.com/wp-admin/ Mode d'emploi Wordpress Administration du contenu http://slconstantia.com/wp-admin/ Sommaire I. Connexion à l'espace privé 1. 2. 3. Où est-ce? Identification Présentation de l'interface II. Notions fondamentales

Plus en détail

Initiation à html et à la création d'un site web

Initiation à html et à la création d'un site web Initiation à html et à la création d'un site web Introduction : Concevoir un site web consiste à définir : - l'emplacement où ce site sera hébergé - à qui ce site s'adresse - le design des pages qui le

Plus en détail

> Table des matières. Gestion des pages courantes... 4

> Table des matières. Gestion des pages courantes... 4 I N T E R FA C E A D M I N I S T R AT I O N M A N U E L D ' U T I L I S A T I O N D E T Y P O 3 V 4. 5 W W W. B R I G N O L E S. F R STRATIS NOVEMBRE 2011 > Table des matières Gestion des pages courantes............................................................................................................

Plus en détail

BIRT (Business Intelligence and Reporting Tools)

BIRT (Business Intelligence and Reporting Tools) BIRT (Business Intelligence and Reporting Tools) Introduction Cette publication a pour objectif de présenter l outil de reporting BIRT, dans le cadre de l unité de valeur «Data Warehouse et Outils Décisionnels»

Plus en détail

Création d'un site Web à l'aide de l'outil CMSimple

Création d'un site Web à l'aide de l'outil CMSimple Création d'un site Web à l'aide de l'outil CMSimple Par François Dallaire CDÉACF 20 juin 2007 1 Table des matières Présentation:... 3 Objectifs de la formation:... 3 Qu'est-ce que CMSimple?... 4 Comment

Plus en détail

Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013

Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013 Exemple d utilisation du gestionnaire de conception Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013 6, rue de l Etang, L-5326

Plus en détail

MODE D'EMPLOI DU CONTRIBUTEUR WEB UAPV "CONTRIBUER DANS UNE RUBRIQUE DU SITE WEB"

MODE D'EMPLOI DU CONTRIBUTEUR WEB UAPV CONTRIBUER DANS UNE RUBRIQUE DU SITE WEB MODE D'EMPLOI DU CONTRIBUTEUR WEB UAPV "CONTRIBUER DANS UNE RUBRIQUE DU SITE WEB" Quelques conseils pour bien contribuer 1 Paramétrer votre navigateur web 2 Accéder au module de gestion des pages web 2

Plus en détail

Faculté des sciences sociales Guide d utilisation du logiciel Contribute CS3 Table des matières

Faculté des sciences sociales Guide d utilisation du logiciel Contribute CS3 Table des matières Guide d utilisation du logiciel Contribute CS3 Table des matières Table des figures... 3 Section 1 : Introduction - Contribute CS3... 4 1.1 Démarrage du logiciel... 4 1.2 Aire de travail... 4 1.3 Menu...

Plus en détail

PROGRAMMER UNE PAGE WEB EN HTML ET CSS

PROGRAMMER UNE PAGE WEB EN HTML ET CSS Lycée Felix Le Dantec - Lannion PROGRAMMER UNE PAGE WEB EN HTML ET CSS 1STI2D TP8-3H NOM : PRÉNOM : CLASSE : Condition de réalisation : Travail seul Durée : 3 heures Matériel : un ordinateur sous Ubuntu

Plus en détail

Typo3 pour les Nuls. Ou comment débuter avec l'utilisation De ce gestionnaire de contenu Open Source Quand on n'y connaît pas grand chose

Typo3 pour les Nuls. Ou comment débuter avec l'utilisation De ce gestionnaire de contenu Open Source Quand on n'y connaît pas grand chose Typo3 pour les Nuls Ou comment débuter avec l'utilisation De ce gestionnaire de contenu Open Source Quand on n'y connaît pas grand chose Copyright 2000-2005, Mathieu VIDAL,

Plus en détail

Manuel utilisateur - Site BLF Impression

Manuel utilisateur - Site BLF Impression Manuel utilisateur - Site BLF Impression Version Date 1 22/08/09 Christophe Deleury : création du document Identification Afin de pouvoir accéder à l'interface d'administration, vous devez vous identifier

Plus en détail

Document d'aide phpmyadmin et MySQL

Document d'aide phpmyadmin et MySQL Document d'aide phpmyadmin et MySQL GPA775 Base de données École de Technologie Supérieure 23 juin 2009 Ce document sert de guide de base pour travailler avec l'interface phpmyadmin (interface par un navigateur

Plus en détail

Manuel MSDS+ Système de programmes pour l'impression et la gestion des fiches de données de sécurité. DR-software GmbH

Manuel MSDS+ Système de programmes pour l'impression et la gestion des fiches de données de sécurité. DR-software GmbH Manuel MSDS+ Système de programmes pour l'impression et la gestion des fiches de données de sécurité DR-software GmbH Table des matières INSTALLATION ET ACTUALISATION 1 INSTALLATION DU PROGRAMME... 2 INSTALLATION

Plus en détail

La Clé informatique. Formation Powerpoint XP Aide-mémoire

La Clé informatique. Formation Powerpoint XP Aide-mémoire La Clé informatique Formation Powerpoint XP Aide-mémoire Septembre 2003 Contenu de la formation Powerpoint XP Leçon 1 : Introduction à PowerPoint Démarrage de PowerPoint Leçon 2 : Environnement Powerpoint

Plus en détail

Naviguer CHARGER ET QUITTER INTERNET EXPLORER

Naviguer CHARGER ET QUITTER INTERNET EXPLORER Naviguer UTILISER UN NAVIGATEUR CHARGER ET QUITTER INTERNET EXPLORER Pour pouvoir travailler avec votre application Internet Explorer il est indispensable de l'ouvrir. Pour réaliser cette opération plusieurs

Plus en détail

Edition des portails régionaux du site Nature-France par les responsables SINP (rôle «manager-portail») Table des matières

Edition des portails régionaux du site Nature-France par les responsables SINP (rôle «manager-portail») Table des matières Edition des portails régionaux du site Nature-France par les responsables SINP (rôle «manager-portail») Table des matières Objectifs du document...2 Définitions...2 Convention d écriture...2 Pré-requis...2

Plus en détail

Nouveautés joomla 3 1/14

Nouveautés joomla 3 1/14 Nouveautés joomla 3 1/14 Table des matières 1 Responsive... 1 2 Bootstrap... 1 3 LESS CSS intégré... 1 4. JUI (pour les développeurs d'extensions)... 1 5. Le Mambo days vs le Génial UX... 2 6. 7 étapes

Plus en détail

Documentation de l'application de gestion de courrier évolutive (G.E.D.) pour la Mairie de Voreppe

Documentation de l'application de gestion de courrier évolutive (G.E.D.) pour la Mairie de Voreppe Documentation de l'application de gestion de courrier évolutive (G.E.D.) pour la Mairie de Voreppe Tony Galmiche le 28 février 2011 (modifiée alb) Sommaire 1 - Accès au portail de l'application GED...3

Plus en détail

Installation de TYPO3 sur les serveurs mutualisés de Free

Installation de TYPO3 sur les serveurs mutualisés de Free Installation de TYPO3 sur les serveurs mutualisés de Free Copyright 2006 Franck Evrard [ http://fr.evrard.free.fr ] --o-- This document is published under the Open Content licence available from http://www.opencontent.org/opl.shtml

Plus en détail

Support Gestionnaire pour les nouvelles versions CPM (outil Drupal) Télésanté Aquitaine

Support Gestionnaire pour les nouvelles versions CPM (outil Drupal) Télésanté Aquitaine Support Gestionnaire pour les nouvelles versions CPM (outil Drupal) Objet du document Ce document a pour but d'apporter des éléments de support au gestionnaire des nouvelles communautés de pratiques médicales.

Plus en détail

CRÉER UNE BASE DE DONNÉES AVEC OPEN OFFICE BASE

CRÉER UNE BASE DE DONNÉES AVEC OPEN OFFICE BASE CRÉER UNE BASE DE DONNÉES AVEC OPEN OFFICE BASE 3. ème partie : RAPPORTS MENU D'ACCUEIL - MIGRATION Table des matières 1. Les RAPPORTS...2 1.1 Création d'un rapport basé sur une Requête...3 1.2 Imprimer,

Plus en détail

TrashMagic 2. Manuel d'utilisation

TrashMagic 2. Manuel d'utilisation TrashMagic 2 Manuel d'utilisation Droits d auteur Ce logiciel est Copyright 2010 TED et TRI-EDRE. Ce manuel et le logiciel qu il décrit sont protégés par le droit d auteur. L utilisation de tout ou partie

Plus en détail

Débuter avec Typo3 - partie 3... 1 Accès limité à certaines pages...1 Pages protégées par mot de passe...1

Débuter avec Typo3 - partie 3... 1 Accès limité à certaines pages...1 Pages protégées par mot de passe...1 Débuter avec Typo3 - partie 3... 1 Accès limité à certaines pages...1 Pages protégées par mot de passe...1 Connexion...2 Créez utilisateurs/groupes...2 Création la fenêtre d'établissement de la connexion...4

Plus en détail

GrandReporter. Manuel d'utilisation

GrandReporter. Manuel d'utilisation GrandReporter Manuel d'utilisation Droits d auteur Ce logiciel est Copyright 2008 TED et TRI-EDRE. Ce manuel et le logiciel qu il décrit sont protégés par le droit d auteur. L utilisation de tout ou partie

Plus en détail

CMS Made Simple Version 1.4 Jamaica. Tutoriel utilisateur Récapitulatif Administration

CMS Made Simple Version 1.4 Jamaica. Tutoriel utilisateur Récapitulatif Administration CMS Made Simple Version 1.4 Jamaica Système de gestion de contenu CMS Made Simple est entièrement gratuit sous licence GPL. Tutoriel utilisateur Récapitulatif Administration Le système de gestion de contenu

Plus en détail

B) - INSÉRER CARACTÈRES avec "WORD ART" 7

B) - INSÉRER CARACTÈRES avec WORD ART 7 Sommaire A) Travaillez avec Word 2003 2 1) - Ouvrir / Enregistrer / Fermer dans WORD 2 2) - Touche de CORRECTION et de MODIFICATION dans WORD 3 3) - Touche de DÉPLACEMENT et de POSITIONNEMENT 3 4) - Touche

Plus en détail

Activation et personnalisation de votre site mobile

Activation et personnalisation de votre site mobile Activation et personnalisation de votre site mobile Page 1 / 1 Table des matières 1. Activation de la version mobile 3 2. Personnalisation de la version mobile : premiers pas 2.1. Apparence générale et

Plus en détail

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont I Open Boutique Sommaire : I Open Boutique... 1 Onglet «Saisie des Produits»... 3 Création d'une nouvelle fiche boutique :... 3 Création d'une nouvelle fiche lieux de retraits :... 10 Création d'une nouvelle

Plus en détail

Recherche Indexée. Indexation automatique

Recherche Indexée. Indexation automatique Recherche Indexée Indexation automatique SOMMAIRE INTRODUCTION... 3 1 L EXTENSION INDEXED_SEARCH... 3 1.1 INSTALLATION... 3 1.2 CONFIGURATION A L INSTALLATION... 3 1.3 CONFIGURATION DU TEMPLATE PRINCIPAL...

Plus en détail

Comment Créer, Utiliser Et Gérer les Modèles

Comment Créer, Utiliser Et Gérer les Modèles Comment Créer, Utiliser Et Gérer les Modèles Diffusé par Le projet Doc Openoffice.org Table des matières 1. Ouvrir un document à partir d'un modèle :...3 2. Créer votre modèle :...4 3. Comment organiser

Plus en détail

Symfony 2. 1.Définition de symfony 2. 2.Installation. 3.Structure. 4.Symfony et les commandes

Symfony 2. 1.Définition de symfony 2. 2.Installation. 3.Structure. 4.Symfony et les commandes Symfony 2 Sommaire : 1.Définition de symfony 2 2.Installation 3.Structure 4.Symfony et les commandes 5.Le fonctionnement : le routeur (les url), les bundles, twig(templates) 6.L architecture de symfony2

Plus en détail

Gestion de contenu d un site web avec TYPO3 Manuel de l administrateur

Gestion de contenu d un site web avec TYPO3 Manuel de l administrateur Gestion de contenu d un site web avec TYPO3 Manuel de l administrateur 1. Présentation de Typo3... 2 2. Rôle de l administrateur... 2 3. Configuration du site Web... 3 3.0 Que faire si les changements

Plus en détail

CMS Made Simple Système de gestion de contenu CMS Made Simple est entièrement gratuit sous licence GPL.

CMS Made Simple Système de gestion de contenu CMS Made Simple est entièrement gratuit sous licence GPL. CMS Made Simple Système de gestion de contenu CMS Made Simple est entièrement gratuit sous licence GPL. Tutoriel Installation / mise à jour du CMS pour une version 1.6.x-1.8.x Pour information les documents

Plus en détail

Documentation pour webmasters

Documentation pour webmasters Documentation pour webmasters Version du 20 juin 07 Fonctionnalités de base... 1 1 Comment se connecter sur le site?... 1 2 Comment modifier le contenu une page?... 2 Plus en détails...... 3 3 Comment

Plus en détail

Ajouter les miniatures dans le re sultat de recherche pour SharePoint Foundation 2013

Ajouter les miniatures dans le re sultat de recherche pour SharePoint Foundation 2013 Ajouter les miniatures dans le re sultat de recherche pour SharePoint Foundation 2013 Après avoir installé SharePoint Foundation 2013, puis configuré le moteur de recherche, voyons comment personnaliser

Plus en détail

Comment Utiliser les Versions, les Modification, les Comparaisons, Dans les Documents

Comment Utiliser les Versions, les Modification, les Comparaisons, Dans les Documents Comment Utiliser les Versions, les Modification, les Comparaisons, Dans les Documents Diffusé par Le Projet Documentation OpenOffice.org Table des Matières 1. Les Versions...3 2. Les Modifications...5

Plus en détail

Tutoriel de base. Copyleft 2010 réalisé par Roger Star sur Ooo

Tutoriel de base. Copyleft 2010 réalisé par Roger Star sur Ooo Tutoriel de base Table des matières 1Préambule1 2Téléchargement de Joomla1 3Base de données2 4Installation de Joomla2 5Contenu5 6Administration5 7Présentation de la structure de Joomla6 8Structure du site7

Plus en détail

Support de cours de la formation izi-media

Support de cours de la formation izi-media Support de cours de la formation izi-media Préambule Ce support de cours s'adresse aux participants du module de formation «izi-media». Il n'a pas pour but de se substituer à la formation présentielle,

Plus en détail

1. Introduction... 2. 2. Création d'une macro autonome... 2. 3. Exécuter la macro pas à pas... 5. 4. Modifier une macro... 5

1. Introduction... 2. 2. Création d'une macro autonome... 2. 3. Exécuter la macro pas à pas... 5. 4. Modifier une macro... 5 1. Introduction... 2 2. Création d'une macro autonome... 2 3. Exécuter la macro pas à pas... 5 4. Modifier une macro... 5 5. Création d'une macro associée à un formulaire... 6 6. Exécuter des actions en

Plus en détail

Intelligence d entreprise Guide de mise en route

Intelligence d entreprise Guide de mise en route Intelligence d entreprise Guide de mise en route 2013 Table des matières Guide de mise en route... 1 Rapports standard de Sage 50 Intelligence d'entreprise... 1 Accès aux rapports de Sage 50 Intelligence

Plus en détail

Mémo pour la réalisation de sites Web avec e-majine

Mémo pour la réalisation de sites Web avec e-majine Mémo pour la réalisation de sites Web avec e-majine Pour accéder aux différentes interfaces d'administration e-majine (manage et webo-factory), vous avez un accès de type agence (premièrelettreduprénom.nom%agencedépartement

Plus en détail

Publication d'application

Publication d'application Publication d'application Vue d'ensemble JetClouding supporte 3 types de publication d'application: Microsoft Remote Desktop: L'utilisateur verra le Bureau à distance Windows dans la session. Le contrôle

Plus en détail

Guide de démarrage rapide

Guide de démarrage rapide Comment démarrer rapidement votre Box e-commerce. Guide de démarrage rapide Autres supports : Vidéos démos disponibles sur le portail. Contactez notre service client : 0 969 366 636 Guide de démarrage

Plus en détail

Préface des auteurs 17. Àpropos decelivre 19. Introduction 21

Préface des auteurs 17. Àpropos decelivre 19. Introduction 21 Table des matières Préface de Kasper Skårhøj 11 Préface des auteurs 17 Àpropos decelivre 19 Introduction 21 1 Introduction 23 1.1 Historique..................................... 23 1.2 Qu est-ce qu un

Plus en détail

Site Internet DOCS. Manuel de l utilisateur. Infocentre. 30 juin 2010. help@hector.unil.ch

Site Internet DOCS. Manuel de l utilisateur. Infocentre. 30 juin 2010. help@hector.unil.ch Site Internet DOCS Manuel de l utilisateur Infocentre 30 juin 2010 help@hector.unil.ch 1 Présentation rapide Le service en ligne DOCS a été développé par HEC pour faciliter le processus de gestion des

Plus en détail

Copyright : Philippe STEINER Licence : GNU / GPL http://joomla.buldozer.fr

Copyright : Philippe STEINER Licence : GNU / GPL http://joomla.buldozer.fr Copyright : Philippe STEINER Licence : GNU / GPL http://joomla.buldozer.fr Table des matières I Introduction...3 Logiciels nécessaires :...3 Petit rappel...3 Les fichiers nécessaires au template...4 II

Plus en détail

MANUEL WORDPRESS. Objectif: Refonte d un site web sous Wordpress I PRE-REQUIS: 1 / Créer un backup (sauvegarde) du site:

MANUEL WORDPRESS. Objectif: Refonte d un site web sous Wordpress I PRE-REQUIS: 1 / Créer un backup (sauvegarde) du site: MANUEL WORDPRESS Objectif: Refonte d un site web sous Wordpress I PRE-REQUIS: 1 / Créer un backup (sauvegarde) du site: A/ Traitement de la base de données: Pour cette étape, vous aurez besoin au préalable

Plus en détail

PHP 5.4 Développez un site web dynamique et interactif

PHP 5.4 Développez un site web dynamique et interactif Editions ENI PHP 5.4 Développez un site web dynamique et interactif Collection Ressources Informatiques Extrait 183 Chapitre 7 Gérer les formulaires 1. Vue d'ensemble Gérer les formulaires 1.1 Petit rappel

Plus en détail

BSD/BSD Plus. NOTE D'APPLICATION Comment personnaliser ses pages web

BSD/BSD Plus. NOTE D'APPLICATION Comment personnaliser ses pages web BSD/BSD Plus NOTE D'APPLICATION Comment personnaliser ses pages web CRE Technology estime que les informations contenues dans ce document sont justes et fiables et se réserve le droit de modifications

Plus en détail

Manuel d'utilisation d'apimail V3

Manuel d'utilisation d'apimail V3 Manuel d'utilisation d'apimail V3 I Préambule Page 3 II Présentation Page 4 III Mise en route Configuration Page 5 Messagerie Serveur smtp Serveur pop Compte pop Mot de passe Adresse mail Laisser les messages

Plus en détail

Mode d emploi de Typo3

Mode d emploi de Typo3 Mode d emploi de Typo3 1. Accès à l interface d administration Slide 2 2. Description de l interface Slide 3 3. Le menu Slide 4 4. Gestion des circulaires administratives 4.1 Affichage - Sélection Slide

Plus en détail

Vous devez alors choisir votre UNIQUE mot de passe à retenir.

Vous devez alors choisir votre UNIQUE mot de passe à retenir. Découverte KEEPASS Vous voilà sur l'interface principale de Keepass. Pour l'instant, tout est grisé ou presque et votre interface devrai ressembler à ceci : 1. En français! Pour passer l'interface en français,

Plus en détail

Une méthodologie de Sauvegardes, & Restaurations

Une méthodologie de Sauvegardes, & Restaurations «Quand la connaissance change de support alors change la civilisation» Michel SERRE académicien Une méthodologie de Sauvegardes, & Restaurations Avant-propos. des cours Moodle. ( Ne sera pas traité le

Plus en détail

1. TABLEUR OOCALC : MISE EN PAGE D'UNE FEUILLE DE CALCUL 1

1. TABLEUR OOCALC : MISE EN PAGE D'UNE FEUILLE DE CALCUL 1 2009-2010 C2i Thème 5 feuille 1 Mise en page des feuilles de calcul Liaison entre le tableur et le traitement de texte Modèles de document Objectif du TP : Impression de feuilles de calcul, insertion de

Plus en détail

7.0 Guide de la solution Portable sans fil

7.0 Guide de la solution Portable sans fil 7.0 Guide de la solution Portable sans fil Copyright 2010 Sage Technologies Limited, éditeur de ce produit. Tous droits réservés. Il est interdit de copier, photocopier, reproduire, traduire, copier sur

Plus en détail

http://pedagogie.edhec.asso.fr/cfcl/edhec2/elect1/word/default.htm

http://pedagogie.edhec.asso.fr/cfcl/edhec2/elect1/word/default.htm Page 1 sur 17 EDHEC 2 Page précédente --------------- Le Mailing Avancé - Téléchargement Le sujet - Filtrer les enregistrements - La liaison - Prix total HT - La condition SI ---- 1ère condition ---- 2ème

Plus en détail

Formation des enseignants universitaires à la conception d'un cours en ligne sur une plateforme d'enseignement à distance

Formation des enseignants universitaires à la conception d'un cours en ligne sur une plateforme d'enseignement à distance Formation des enseignants universitaires à la conception d'un cours en ligne sur une plateforme d'enseignement à distance PARTIE2 : PRATIQUE Implémentation d'un cours en ligne sur une plateforme d'enseignement

Plus en détail

Les Utilisateurs dans SharePoint

Les Utilisateurs dans SharePoint Les Utilisateurs dans SharePoint La gestion des utilisateurs dans SharePoint SharePoint dont le cœur est l'outil collaboratif, Windows SharePoint Services. Chaque utilisateur (ou collaborateur) peut créer

Plus en détail

Système de gestion de contenu (SGC)

Système de gestion de contenu (SGC) Bracher-Automation Système de gestion de contenu (SGC) Guide de l'utilisateur 05.09.09 12:03:22 1/12 Index Système de gestion de contenu (SGC)...1 Introduction...3 Explication du système...3 Fichiers et

Plus en détail

1. Installation du Module

1. Installation du Module 1 sur 10 Mise en place du Module Magento V 1.5.7 1. Installation du Module Vous pouvez installer le module de deux façons différentes, en passant par Magento Connect, ou directement via les fichiers de

Plus en détail

Tutoriel Pas à Pas pour Game Develop. Galaxies War

Tutoriel Pas à Pas pour Game Develop. Galaxies War Galaxies War Table des matières Galaxies War...1 Avant propos...2 Préparer le terrain...3 Création d'une première scène...3 Création et positionnement des objets...5 Création des évènements...9 Déplacer

Plus en détail

Table des matières. Microsoft Excel 2007. Présentation de la nouvelle interface (1)

Table des matières. Microsoft Excel 2007. Présentation de la nouvelle interface (1) Microsoft Excel 2007 Table des matières Présentation de la nouvelle interface (1) Interface utilisateur Ruban Onglets qui s affichent uniquement lorsque vous en avez besoin (2) Onglets de programme (3)

Plus en détail

v7.1 SP2 Guide des Nouveautés

v7.1 SP2 Guide des Nouveautés v7.1 SP2 Guide des Nouveautés Copyright 2012 Sage Technologies Limited, éditeur de ce produit. Tous droits réservés. Il est interdit de copier, photocopier, reproduire, traduire, copier sur microfilm,

Plus en détail

Introduction aux concepts d ez Publish

Introduction aux concepts d ez Publish Introduction aux concepts d ez Publish Tutoriel rédigé par Bergfrid Skaara. Traduit de l Anglais par Benjamin Lemoine Mercredi 30 Janvier 2008 Sommaire Concepts d ez Publish... 3 Système de Gestion de

Plus en détail

Dispositions relatives à l'installation :

Dispositions relatives à l'installation : Dispositions relatives à l'installation : Consultez le Guide d'installation pour obtenir des informations détaillées sur les opérations décrites dans ce guide, notamment sur l'alimentation, le montage

Plus en détail

Guide d utilisateurs Plesk WEBPACK GUIDE D UTILISATEURS

Guide d utilisateurs Plesk WEBPACK GUIDE D UTILISATEURS Guide d utilisateurs Plesk WEBPACK GUIDE D UTILISATEURS 1 PleskWebpack MAS_FR- Octobre 2010 SOMMAIRE - Introduction 1 - Créer un compte FTP et les droits d accès 2 - Utiliser l outil de rapport (statweb,

Plus en détail