FORMATION Typo3 Différenciation site internet grand public / Extranet et connexion à l extranet... 2 Site internet grand public... 2 Site internet Extranet... 2 Accès au Backend (espace de gestion du contenu du site)... 3 Découverte du backend (menus) et fonctionnalités des icones (+ vider le cache)... 5 Espaces de travail... 6 Zone 1... 6 Zone 2... 8 Fonctions à partir de cette zone... 9 Zone 3... 9 1 ) Editer : Edite les propriétés de la page ou de ses contenus 6 onglets sont accessibles... 9 2 ) Nouveau : créer une nouvelle page ou un nouveau contenu... 10 3 ) Copier : copie la page entière avec son contenu... 10 4 ) Historique : permet de revenir à une version an térieure... 11 5 ) Cacher : cache la page aux internautes...... 11 6 ) Options de visibilité : permet de gérer les dat es d affichages de la page... 11 Edition de contenus... 12 Contenus : texte ou texte + image... 13 Ajout ou modification d un élément de contenu :... 13 1 ) Ajout d un nouvel élément de contenu «texte» :... 14 2 ) Ajout d un nouvel élément de contenu «texte + image» :... 17 3 ) Enregistrement d un élément de contenu...... 18 Site internet CFA BTP 89 page 1/18 10/02/2011
Différenciation site internet grand public / Extranet et connexion à l extranet Site internet grand public Pas de restriction sur l affichage de l information Site internet Extranet L accès est conditionné par un identifiant et un mot de passe Ces paramètres sont récupérables par email et modifiables Les codes d accès sont différents de ceux du backend (espace de gestion du contenu du site) Site internet CFA BTP 89 page 2/18 10/02/2011
Accès au Backend (espace de gestion du contenu du site) Saisir l adresse dans le navigateur et non dans le moteur de recherche (Google) : http://www.cfa-btp-89.fr/typo3 Accès conditionné par identifiant et mot de passe fourni par l administrateur (virginie) Les identifiants et mots de passe conditionnent les accès aux différentes rubriques Site internet CFA BTP 89 page 3/18 10/02/2011
Internet - classement par rubriques Le CFA Alain Tomczak - atomczak Morgan Giabbani - mgiabbani L'alternance Morgan Giabbani - mgiabbani Sophie Panos - spanos Formation Morgan Giabbani - mgiabbani Sophie Panos - spanos Maxime Maguy - mmaguy Formation continue Morgan Giabbani - mgiabbani Virginie Hureau - hureauvirginie Choisis ton métier! Sophie Panos - spanos Extranet - classement par rubriques Vie au CFA Morgan Giabbani - mgiabbani Nehza Mamouni - nmamouni Documents administratifs Morgan Giabbani - mgiabbani Christophe Belval - cbelval Documents pédagogiques Alain Tomczak - atomczak Virginie Jayet - vjayet Infos des personnels Alain Tomczak - atomczak Virginie Jayet - vjayet Nehza Mamouni - nmamouni Virginie Hureau - hureauvirginie Intégrer le CFA Morgan Giabbani - mgiabbani Vie au CFA Nehza Mamouni - nmamouni CRAF Virginie Hureau - hureauvirginie Site internet CFA BTP 89 page 4/18 10/02/2011
Découverte du backend (menus) et fonctionnalités des icones (+ vider le cache) Vue pour un utilisateur Vue par l administrateur Site internet CFA BTP 89 page 5/18 10/02/2011
Espaces de travail Zone 1 Zone 2 Zone 3 Zone 1 Permet de sélectionner les différents modes d affichage Site internet CFA BTP 89 page 6/18 10/02/2011
Mode page => Créer et éditer des pages Ce module vous permet de créer et d'éditer des pages web. Voir la page Montre l'aspect actuel de la page et vous permet une édition directe. Mode liste => Liste des enregistrements Ce module permet de gérer le ou les contenus de la page, son rang. Attention pour obtenir cette liste et ses outils cliquer sur la case à cocher «vue éténdue» sous le tableau en bas de page Information sur les pages, ex.: statistiques, historique de changements, nombre d'éléments. Le module Web>Info présente des informations statistiques sur les pages. Ceci inclut des statistiques d'accès aux pages et le journal des changements apportés aux pages. Vous pouvez aussi consulter un sommaire du nombre d'éléments et des options de chaque page dans une présentation arborescente classique. Site internet CFA BTP 89 page 7/18 10/02/2011
Zone 2 Déploiement des différents niveaux Cette zone permet de découvrir l architecture du site. Le + permet de déployer les sous niveaux Site internet CFA BTP 89 page 8/18 10/02/2011
Fonctions à partir de cette zone Un clique gauche sur l icône d une page Ce menu contextuel donne accès à certaines fonctions qui seront accessibles en mode liste Visualiser la page 1 ) Editer : Edite les propriétés de la page ou de ses contenus 2 ) Nouveau : créer une nouvelle page ou un nouveau contenu Info : consulter les contenus de la page 3 ) Copier : copie la page entière avec son contenu Couper : coupe la page entière avec son contenu 4 ) Historique : permet de revenir à une version antérieure 5 ) Cacher : cache la page aux internautes 6 ) Options de visibilité : permet de gérer les dates d affichages de la page Editer : Edite les propriétés de la page ou de ses contenus (idem à l icône ci-dessus dans le cas ou la page n est pas ouverte) Zone 3 Au clique d un des éléments de ce menu contextuel, la zone 3 se modifie : 1 ) Editer : Edite les propriétés de la page ou de ses contenus 6 onglets sont accessibles Importants! : Onglet «Général» permet de saisir le titre de la page et le titre de navigation qui apparaitra dans le menu du site Onglet «métadonnées» permet d insérer un résumé du contenu de la page destiné à informer les moteurs de recherche Site internet CFA BTP 89 page 9/18 10/02/2011
2 ) Nouveau : créer une nouvelle page ou un nouveau contenu 3 ) Copier : copie la page entière avec son contenu Choisir copier ou couper dans le menu contextuel, Recliquer dans le menu contextuel des icones de placement s affichent Choisir l emplacement de dépôt de la copie Ces fonctions sont identiques pour la fonction «couper» Site internet CFA BTP 89 page 10/18 10/02/2011
4 ) Historique : permet de revenir à une version antérieure Sont listées ici les différentes actions portées à la page sélectionnée. En cliquant sur l icône les actions antérieures seront réactivées 5 ) Cacher : cache la page aux internautes La sélection de cette fonction cache la page aux internautes. Elle est plus ou moins active selon les droits définis aux utilisateurs 6 ) Options de visibilité : permet de gérer les dates d affichages de la page Cette fonction permet de paramétrer le début et la fin d affichage de la page. Elle conditionne aussi les sous pages de la rubrique. Site internet CFA BTP 89 page 11/18 10/02/2011
Edition de contenus Au clique sur le titre de la page, apparait en zone 3 son contenu Contenu colonne gauche Contenu centre Site internet CFA BTP 89 page 12/18 10/02/2011
Contenus : texte ou texte + image Il est possible de créer ou de modifier un nouvel élément de contenu Ajout ou modification d un élément de contenu : 1 ) Ajout : L outil «nouvel élément» permet de modifier le contenu exemple : «L établissement» 2 ) Modification : L outil «éditer cet élément» permet de modifier le contenu exemple : «L établissement» Site internet CFA BTP 89 page 13/18 10/02/2011
1 ) Ajout d un nouvel élément de contenu «texte» : En cas d erreur, il est toujours possible de changer le type d éléments de contenu Site internet CFA BTP 89 page 14/18 10/02/2011
Pour créer un nouvel élément de contenu, cliquez sur le premier choix «Elément texte» 3 onglets s affichent dans la zone 3 L onglet «Général» permet de : - Cacher ou non l élément de contenu - D insérer le titre du contenu - Insérer un lien vers le haut permet de faciliter la navigation dans une page trop longue. Dans cet exemple, le titre L établissement aura été saisi dans ce champ Site internet CFA BTP 89 page 15/18 10/02/2011
L onglet «Texte» permet de : - Saisir du texte et le mettre en page - Coller du texte en provenance d autres logiciels sous conditions - Insérer une ou des images - Insérer un tableau, L onglet «Accès» permet de limiter l affichage de l élément de contenu selon une date de début et une date de fin Site internet CFA BTP 89 page 16/18 10/02/2011
2 ) Ajout d un nouvel élément de contenu «texte + image» : Un onglet «Media «permet d insérer une image selon une mise en page prédéfinie Insertion de l image Position de l image par rapport au texte saisi dans l onglet texte Dimensions de l image au format d une vignette Lien à appliquer à l image si une page doit s ouvrir au clique sur cette image + case à cocher permet d obtenir un zoom sur la vignette Légende de l image Texte en info bulle : essentiel pour les moteurs de recherche Facultatif Facultatif Site internet CFA BTP 89 page 17/18 10/02/2011
3 ) Enregistrement d un élément de contenu En haut de ces écrans, 5 icones permettent de : Fermer sans enregistrer l élément de contenu Enregistrer l élément de contenu sans le fermer Enregistrer l élément de contenu et le visualiser Enregistrer l élément de contenu et le fermer Enregistrer l élément de contenu et en créer un nouveau Site internet CFA BTP 89 page 18/18 10/02/2011