Un Site Internet à votre mesure. Un site internet gratuit sur mesure en toute indépendance

Transcription

1 Un site internet gratuit sur mesure en toute indépendance

2 Quelques exemples

3 Quelques exemples

4 Quelques exemples

5 Quelques exemples

6 Quelques exemples

7 Quelques exemples

8 Quelques exemples

9 Quelques exemples

10 Un Site Internet Quelques exemples

11 En cours de réalisation

12 L outil de gestion de contenus

13 Accès sécurisé par Internet avec authentification

14 Simplicité de la mise à jour Une fois que vous êtes connectés, vous pouvez éditer les contenus directement depuis le site internet

15 Simplicité de la mise à jour Les outils s affichent directement en haut de la page

16 Côté console d administration : Zoning Les outils L arborescence Les zones (fonction du gabarit) Les contenus (déplaçables à la souris)

17 Gestion indépendante de l arborescence et des pages Les types de pages Standard, Raccourci vers une autre page du site, Lien vers une URL externe Lien vers un fichier Gestion des titres : des titres des sous-titres, des titres de navigation Hors menu / ou pas Hors ligne / ou pas

18 Gestion des propriétés de page Les métadonnées pour le référencement sur les moteurs de recherche Mots clés Description Gestion de l image d arrière plan : possibilité de changer l image de fond

19 Gestion des propriétés de page Gestion des dates de mise en ligne des pages - date de lancement - date d arrêt

20 Les outils en accès direct Pour ajouter un contenu avant le bloc de contenus Pour ajouter un contenu entre les blocs de contenus Les outils : - Crayon pour modifier - Copier/couper/ - Créer une référence pour copier/coller sans duplication - Couper - Dissocier de la page - Supprimer

21 Les différents types de contenu Contenus de page Texte Texte avec images Images seules Listes à puces Tableaux

22 Gestion du texte Module de traitement de texte Avec feuille de style intégrée (chapôs, informations pratiques, Titre de niveau 2 à 6) Outils de mise en page Gras, italique, exposant, souligné, ferré à gauche, centré, ferré à droite, justifié, liste à puces, liste à chiffre, tabulation, caractères spéciaux, création liens hypertextes, insertion images, création de tableaux, code html, copier/couper/coller, revenir en arrière

23 Création des liens hypertexte Vers une page du site Vers un site extérieur Vers un Vers une actualité Vers une fiche de l annuaire Vers un fichier (pdf ou autre) En respectant l accessibilité Choix d ouverture (même fenêtre ou nouvelle fenêtre) Balise titre

24 Import et gestion des images Import depuis l ordinateur ou depuis le serveur Gestion de la position par rapport au texte Gestion du nombre de colonnes Gestion de la taille (largeur, hauteur) Lien hypertexte sur image Cliquer pour agrandir Légende Titre de survol En respectant l accessibilité Alternative textuelle (accessibilité) Description longue (txt ou html)

25 Les images Taille (hauteur ou largeurs) Sur une ou plusieurs colonnes Habillage du texte Couleur ou noir&blanc Légende Alternatives et titres (accessibilité)

26 Les différents types de contenu Les éléments spéciaux - Liste de liens vers des fichiers (pdf par exemple) - Plan du site - HTML brut (pour intégrer des plans google maps ou des vidéos Youtube) - Trait de séparation - Media (Flash, fichier audio, fichier vidéo)

27 Vidéos Au format flash ou intégration HTML des vidéos youtube ou daily motion Cartographie google maps Intégration HTML

28 Les différents types de contenu Les formulaires - De contact - De recherche - D identification (accès sécurisé pour extranet par exemple)

29 Les différents types de contenu Les formulaires de contact / renseignements

30 La mise en page Les contenus flexibles permettent de moduler à loisir la mise en page - 1 colonne (de base) - 3 colonnes (1/3 x 3) - 2 colonnes (50% / 50%) - 2 colonnes (25% / 75 %) - 2 colonnes (75% / 25%) - Contenus secondaires

31 Les différents types de contenu Les plugins / outils - Iframe (pas accessible) - Gestion de fichier - Outil maps (image interactive) - Forum - Actualités - Calendrier d actualités - Météo - Recherche pages jaunes - Annuaire - Graphiques - Gestion de tâches - Inscription newsletter

32 Vidéos Au format flash ou intégration HTML des vidéos youtube ou daily motion Images interactives Intégration HTML

33 Les actualités Moteur de recherche : par catégorie, mois, année Liste : Triée par date, date d archivage, croissante, décroissante, les dernières, par catégorie, le nombre que je veux Actualité détaillée Calendrier interactif

34 Gestion des actualités depuis la console d administration Une fois votre arborescence et vos contenus saisis (mise à jour semestrielle ou annuelle), vous pouvez gérer votre site uniquement à partir des actualités Pour créer une actualité Pour modifier une actualité Pour copier/coller Pour supprimer

35 Onglet général pour gérer le titre, le sous-titre et le contenu texte

36 Onglet spécial pour gérer la date et l archivage

37 Onglet média pour gérer les photos et les fichiers associés

38 Onglet pour gérer les catégories et les relations avec d autres éléments

39 Onglet accès pour gérer les dates de mise en ligne

40 Onglet News calendar pour gérer les remontées dans le calendrier

41 Un outil statistique : google analytics

42 Les avantages Graphisme : 2 gabarits gratuits avec mise en page modulable sur mesure - Images d arrière plan modulables - Couleurs modulables : fond de site, rubriques, blocs d accès rapide, bloc outils, blocs flexibles (1/2/3 colonnes), bandeaux de bas de page, - Feuille de style prédéfinie (couleur des titres et des liens correspondant à la couleur de la rubrique) Ou possibilité de créer et d intégrer vos propres gabarits / chartes (à vos frais en passant par notre prestataire)

43 Les avantages Gabarit existant personnalisé Outil de gestion de contenus Maintenance Hébergement du site Des outils certifiés accessibles (RGAA : Référentiel Général d Accessibilité pour les Administrations) Simplicité (en accès direct) et indépendance dans la gestion de vos contenus (arborescence, contenus) Vous bénéficiez des évolutions développées par la COMPA Mutualisation des informations avec la compa et les autres communes (actualités, annuaires ) Conseil et accompagnement à la réalisation Formation des administrateurs / rédacteurs tout au long de la vie du site (notamment en matière d accessibilité) Appui technique tout au long de la vie du site

44 Reste à votre charge : Le dépôt de nom de domaine (de 5 à 100 /an suivant les services Vous pouvez garder votre prestataire) Le template et son intégration si gabarit différent de l existant (à l image du site Internet Riaillé. La mairie a fait appel à notre prestataire pour créer sa maquette et intégrer son propre gabarit) Le travail de réflexion sur l arborescence et les contenus La collecte et le traitement de l information La saisie des contenus textes/images/actualités La mise à jour des contenus

45 D ici 2015 Nouvelle version de notre outil (évolutions, nouveaux gabarits) Adaptation graphique à la mobilité (lecture du site sur mobile et tablette)

46 Votre contact Marie-laure BOITIERE Chargée de Communication et TIC