Support du 27/07/10 - ISEE
Upcoming SlideShare
Loading in...5
×
 

Support du 27/07/10 - ISEE

on

  • 980 views

 

Statistics

Views

Total Views
980
Views on SlideShare
968
Embed Views
12

Actions

Likes
0
Downloads
10
Comments
0

2 Embeds 12

http://www.yourwebsite.fr 8
http://yourwebsite.fr 4

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Support du 27/07/10 - ISEE Support du 27/07/10 - ISEE Presentation Transcript

  • ISEE Cursus Management/BBA 1ière et 3ième Année Création de Site Web Stratégie de Mise en Œuvre Frédéric SIMONET Consultant NTIC frederic.simonet@yourwebsite.fr 06 62 63 94 49 www.yourwebsite.fr
  • http://www.yourwebsite.fr Menu FORMATION # www.yourwebsite.fr
  • Programme P1 - 03H00 Volet 1.1 Priorités et Objectifs à Atteindre Volet 1.2 Principes à Appliquer Volet 1.3 Plan de Développement Fondamentaux et Stratégie www.yourwebsite.fr
  • Programme P2 - 03H00 Volet 2.1 Principes à Mettre en Œuvre Volet 2.2 Techniques à Utiliser Volet 2.3 Solutions à Intégrer Engagement et SEO www.yourwebsite.fr
  • Programme P3 - 03H00 Volet 3.1 Positionnement de Joomla Volet 3.2 Concepts Clés de Joomla Volet 3.3 DEMO Joomla CMS Joomla www.yourwebsite.fr
  • Programme P4 - 03H00 Volet 4.1 Accessibilité Volet 4.2 Layout - Zoning Volet 4.3 Charte Graphique Volet 4.4 Politique de Gestion du Design Web Design www.yourwebsite.fr
  • Volet 1.1 # Priorités Marketing et Objectifs Gagner en Visibilité Stratégie Frédéric SIMONET Consultant NTIC frederic.simonet@yourwebsite.fr 06 62 63 94 49 www.yourwebsite.fr
  • Question : Condition Sine Qua Non Du Succès D’un Site Web Réponse >>> www.yourwebsite.fr
  • # Visibilité en France >>> TOP 10 SERP 71% Référencement Naturel www.yourwebsite.fr
  • Données à Intégrer - France Google Moteur N°1 Numéro 1 Google 89,1% Numéro 2 Bing 3,6% Numéro 3 Yahoo 2,4% Moteurs de Recherche www.yourwebsite.fr
  • Contenu Pertinent Contenu Unique Contenu Récent Contenu Hyperlié au Contexte www.yourwebsite.fr
  • Volet 1.2 # Principes à Appliquer Communiquer en TEMPS RÉEL Stratégie Frédéric SIMONET Consultant NTIC frederic.simonet@yourwebsite.fr 06 62 63 94 49 www.yourwebsite.fr
  • Question : Comment Produire des des Contenus Qui Restent Pertinents Réponse >>> www.yourwebsite.fr
  • # Temps RÉEL >>> Acquisition >>> Traitement >>> Publication Netvibes - ZOHO - Joomla www.yourwebsite.fr
  • 3 Outils Représentatifs Joomla pour Publier ZOHO pour Partager Netvibes pour Agréger Les 3 Axes du Web 2.0 www.yourwebsite.fr
  • Back Office CMS Joomla www.yourwebsite.fr
  • Front Office CMS Joomla www.yourwebsite.fr
  • ZOHO Writer Traitement de Texte en Ligne www.yourwebsite.fr
  • Web Office Traitement de texte ZOHO Writer / Word Tableur ZOHO Sheet / Excel Présentation ZOHO Show / PowerPoint www.yourwebsite.fr
  • Benchmark ZOHO Google Docs Symphony Open Office InfoWorld Juillet 2008 www.yourwebsite.fr
  • Netvibes Agrégation de Flux Agrégation de Services www.yourwebsite.fr
  • A web portal presents information from diverse sources in a unified way Source WIKIPEDIA www.yourwebsite.fr
  • Question : Quelles Sont Les 3 Usages de Base Associés Au Temps Réel ? Réponse >>> www.yourwebsite.fr
  • Je Publie du Contenu Du Texte avec Joomla Des Vidéos avec YouTube Des Présentations avec SlideShare Communication Temps Réel www.yourwebsite.fr
  • Je Travaille en Ligne J’Édite avec ZOHO Je Collecte avec FormStack J’Archive avec Box.net Je Planifie avec Basecamp Partage Temps Réel www.yourwebsite.fr
  • Je Personnalise mon Portail Je Fédère avec Netvibes Je Filtre avec PostRank Je Produit avec Feed43 Acquisition Temps Réel www.yourwebsite.fr
  • Volet 1.3 Plan de développement Produire >> Interagir >> Fédérer Stratégie Frédéric SIMONET Consultant NTIC frederic.simonet@yourwebsite.fr 06 62 63 94 49 www.yourwebsite.fr
  • Plan de Mise en Œuvre Phase 1. Produire du Contenu Phase 2. Interagir avec ses Prospects Phase 3. Fédérer ses Clients De 3 à 5 ans www.yourwebsite.fr
  • Commencer par le Contenu C1 # Phase Projet 1. Couche Contenu 2. Couche Design C2 3. Couche Infrastructure C3 www.yourwebsite.fr
  • Définition des Contenus Classement/Gradation des Contenus Hiérarchisation des Contenus Standardisation des Contenus Calibrage des Contenus www.yourwebsite.fr
  • Inverser les Priorités C3 # Phase de Maintenance 1. Couche Infrastructure 2. Couche Design C2 3. Couche Contenu C1 www.yourwebsite.fr
  • Hébergement - Critères Disponibilité > 99% 50 ms < Temps de Chargement < 100ms 1 heure < Réactivité Support < 3 heures Interface Administration type Cpanel Script Installation fantastico Outils Open Source www.yourwebsite.fr
  • Hébergeurs à Retenir + Confidentiels Institutionnels Maven Hosting Orange PlanetHoster OVH Infomaniak Gandi www.yourwebsite.fr
  • Interagir avec ses Prospects Entreprise >>> Prospects/Clients PC >>> Entreprise PC << >>PC www.yourwebsite.fr
  • Fédérer ses Clients www.yourwebsite.fr
  • Réseaux Sociaux 1. Brand Exposure - Exposition 2. Amélioration du SEO 3. Customer Communication - CGM 4. Traffic - Génération de Trafic Du + vers le - www.yourwebsite.fr
  • Exposition de la Marque Outils à Exploiter Twitter Facebook Youtube LinkedIn Digg www.yourwebsite.fr
  • Amélioration du SEO Outils à Exploiter Flickr YouTube Digg Delicious www.yourwebsite.fr
  • CGM et Interactivité Outils à Exploiter Twitter Facebook Youtube www.yourwebsite.fr
  • Volet 2.1 # Principes à Mettre en Œuvre Engagement des Prospects Frédéric SIMONET Consultant NTIC frederic.simonet@yourwebsite.fr 06 62 63 94 49 www.yourwebsite.fr
  • Processus d’Engagement 1. Générer un Trafic Qualifié 2. Retenir l’Attention - Taux de Rebond 3. Augmenter le Taux de Conversion Recommandations www.yourwebsite.fr
  • Démultiplier les Sources Produire du Contenu sur son Site Distribuer ses Contenus RSS/Newsletters/Annonces Investir les Réseaux Sociaux Générer du Trafic www.yourwebsite.fr
  • Jouer l’Interactivité Podcast/Screencast Participation Contenus à la Carte - Technologie RSS Taux de Rebond www.yourwebsite.fr
  • Retenir l’Attention - Texte Délivrer l’Information par Pallier Hiérarchiser/Standardiser/Calibrer/ D’abord les Avantages Ensuite les Caractéristiques Techniques Taux de Rebond www.yourwebsite.fr
  • Hiérarchiser et Standardiser www.yourwebsite.fr
  • Retenir l’Attention Larger online images hold the eye longer than smaller images Source : Eyetrack III At least 210 x 230 Taux de Rebond www.yourwebsite.fr
  • Donner de l’Information Produits/Services Tarifs >>> Eléments de Comparaison Témoignages Etudes de Cas Livres Blancs Taux de Conversion www.yourwebsite.fr
  • Donner des Garanties Sur l’Activité de l’Entreprise Projets, Partenaires, Taux de Croissance Sur la Confidentialité des Données Sur la Sécurité des Données >>> Achats Taux de Conversion www.yourwebsite.fr
  • Volet 2.2 # Techniques à Utiliser SEO - Search Engine Optimization Frédéric SIMONET Consultant NTIC frederic.simonet@yourwebsite.fr 06 62 63 94 49 www.yourwebsite.fr
  • Classer les Contenus Définir un Classement Arborescent Rubrique de Niveau 1 Rubrique de Niveau 2 Page de Niveau 3 Entre 300 et 1200 Mots par Page Optimiser son SEO www.yourwebsite.fr
  • Calquer les Menus Lien de Niveau 1 <> Rubrique Niveau 1 Lien de Niveau 2 <> Rubrique Niveau 2 Lien de Niveau 3 <> Page Niveau 3 Optimiser son SEO www.yourwebsite.fr
  • Hiérarchiser les Mots Clés Mots Clés Stratégiques Mots Clés Importants Mots Clés Spécifiques Optimiser son SEO www.yourwebsite.fr
  • Distribuer les Mots Clés Nom de Domaine <> MC. Stratégiques Titre des Pages <> MC. Importants Contenu des Pages <> MC. Spécifiques www.yourwebsite.fr
  • Définition du Nom de Domaine Juxtaposer >>> facebook Ajouter un suffixe >>> Shopify Fusionner >>> Travelocity www.yourwebsite.fr
  • Définition du Nom de Domaine Facile à Lire et à Prononcer Facile à Retenir Court >>> 4 Syllabes Maxi Pas de Caractères Spéciaux (& - _ ) .com + Souvent Indexés URL Descriptive >>> lastminute.com www.yourwebsite.fr
  • Hiérarchie des Mots Clés TITLE >>> 10 MAXI META DESCRIPTION >>> 20 MAXI H1, H2 etc. STRONG EM Optimiser son SEO www.yourwebsite.fr
  • Etude de Cas # Répartition des Mots Clés SEO - Search Engine Optimization Frédéric SIMONET Consultant NTIC frederic.simonet@yourwebsite.fr 06 62 63 94 49 www.yourwebsite.fr
  • Répartition des Mots Clés TITLE Fenêtre double / triple vitrage PVC, bois - isolation rénovation - pose META DESCRIPTION Fenêtre double / triple vitrage PVC, bois – isolation rénovation - pose 10 ans www.yourwebsite.fr
  • Répartition des Mots Clés H1 Fenêtre double ou triple vitrage en PVC ou en bois H2 Avantages pour une fenêtre en double vitrage 8/5/8 www.yourwebsite.fr
  • # Elément STRONG A Utiliser sur Mots Clés dans Paragraphes www.yourwebsite.fr
  • Répartition des Mots Clés SRC fenetre-double-triple-vitrage.gif ALT et TITLE = H1 Fenêtre double ou triple vitrage en PVC ou en bois Images www.yourwebsite.fr
  • Répartition des Mots Clés Libellé Caution Douane Francaise URL caution-des-douanes.html TITLE Caution auprès des douanes Liens www.yourwebsite.fr
  • # Densité Mots Clés Doit Être Inférieur à 10% par Mot Clé www.yourwebsite.fr
  • Etude de Cas # Backlinks et PR SEO - Search Engine Optimization Frédéric SIMONET Consultant NTIC frederic.simonet@yourwebsite.fr 06 62 63 94 49 www.yourwebsite.fr
  • Typologie des Liens Backlinks Externes Backlinks Internes Liens Sortants Optimiser son SEO www.yourwebsite.fr
  • Page Ranking = PR Page A Facteur de Convergence d (Constante) Pages Appelantes Page A : T1, T2… Tn Nb. De Liens Sortants Page Tn : C(Tn) Variables du PR www.yourwebsite.fr
  • PR(A) = (1-d) + d (PR(T1)/C(T1) + … + PR(Tn)/C(Tn)) www.yourwebsite.fr
  • Transfert de PR Transfert de PR des Pages Appelantes Bon PR Page Appelante Peu de Backlinks Backlinks Externes www.yourwebsite.fr
  • # Achat Massif de Backlinks Inopérant Voire Pénalisant www.yourwebsite.fr
  • Observation - Lissage du PR Etude de Cas 1 Si A >> B >> C >> A Alors PR(A) = PR(B) = PR(C) = 1 Backlinks Internes www.yourwebsite.fr
  • Observation - Lissage du PR Etude de Cas 2 Si A << >> B et A << >> C Alors PR(A) = 1,46 et PR(B) = PR(C) = 0,77 Backlinks Internes www.yourwebsite.fr
  • Observation - Contrôle du PR Etude de Cas 3 Si A << >> B, A << >> C et B >> C Alors PR(A) = 1,30 PR(B) = 0,70 et PR(C) = 1 Backlinks Internes www.yourwebsite.fr
  • # Distribution Backlinks Internes = Contrôle Fuite PR Liens Sortants www.yourwebsite.fr
  • # Interdiction des Liens Sortants Inopérante voire Pénalisante www.yourwebsite.fr
  • Qualité des Backlinks Backlink Page Visée Libellé du Lien TITLE URL META DESCRIPTION TITLE Hn Cohérence des Mots Clés www.yourwebsite.fr
  • A Ne Pas Faire # Spam, Cloacking, Duplication SEO - Search Engine Optimization Frédéric SIMONET Consultant NTIC frederic.simonet@yourwebsite.fr 06 62 63 94 49 www.yourwebsite.fr
  • Pratiques à Proscrire Spamdexing, Cloaking, Duplication Masquer des Contenus Produire des Contenus non Conformes Truquer les Contenus avec Mots Clés Dupliquer les Contenus www.yourwebsite.fr
  • Spamdexing # Multiplication des Titres Niveau 1 sur Fond Blanc www.yourwebsite.fr
  • Cloaking # Dissociation Content >> Bot Content >> Prospects www.yourwebsite.fr
  • Spam de Liens # Achat Massif de Backlinks NON Liés au Contenu www.yourwebsite.fr
  • Bilan # Classement, Titres, Backlinks SEO - Search Engine Optimization Frédéric SIMONET Consultant NTIC frederic.simonet@yourwebsite.fr 06 62 63 94 49 www.yourwebsite.fr
  • www.yourwebsite.fr
  • www.yourwebsite.fr
  • Recommandations Google (I) Utiliser un CMS compatible avec Google S’assurer que robots.txt est lisible Générer un sitemap avec Yooda Map Aspects Techniques www.yourwebsite.fr
  • Recommandations Google (II) Tester l’Accessibilité avec Lynx Produire un Code Interopérable (FF, IE) Tester avec BrowserShots Aspects Techniques www.yourwebsite.fr
  • www.yourwebsite.fr
  • Volet 2.3 # Solutions à Intégrer Engagement - SEO Frédéric SIMONET Consultant NTIC frederic.simonet@yourwebsite.fr 06 62 63 94 49 www.yourwebsite.fr
  • Solutions Orientées Contenu WordPress >>> Simplicité Joomla >>> Diversité des templates Drupal >>> Fonctions de Classement Plone >>> Sécurité CMS Entreprises www.yourwebsite.fr
  • Solutions Tiers Widgets, Mashups Google Site Search - Trouver l’Information Clavardon - Stimuler les Echanges ReversoForm - Simplifier l’Engagement CMS + Solutions Tiers www.yourwebsite.fr
  • Solutions Orientées Web 2.0 Réseaux Sociaux Plates-formes de Partage Facebook, Twitter YouTube Lithium SlideShare Mzinga Flickr Sites Communautaires www.yourwebsite.fr
  • Solutions Orientées Marketing Google AdWords - Attirer des Prospects Joomla Acajoom - Fidéliser ses Clients Google AdSense - Vendre son Espace www.yourwebsite.fr
  • Solutions Orientées Analyse Google Analytics, FeedBurner Yooda Match Density , Google AdWords Google Website Optimizer Woozweb www.yourwebsite.fr
  • ZOOM # Taux de Conversion Panorama des Solutions de Google Frédéric SIMONET Consultant NTIC frederic.simonet@yourwebsite.fr 06 62 63 94 49 www.yourwebsite.fr
  • AdWords Raffinement des Contenus/Mots Clés Volume de Recherche Tendances sur 1 An Volume le + Elevé (Mois) Générateur Mots Clés www.yourwebsite.fr
  • Générateur Mots Clés www.yourwebsite.fr
  • Analytics (I) Statistiques Visiteurs Nombre de Visites/Pages Consultées Temps Passé sur le Site Origine Géographique + Navigateur Période Donnée www.yourwebsite.fr
  • Analytics (II) Statistiques Macro sur Contenus Pages les + Consultées Pages de Destination Pages de Sortie Classement www.yourwebsite.fr
  • Analytics (III) Statistiques Micro sur Contenus Page d’Entrée OUI/NON + Nombre Page de Rebond OUI/NON + Nombre Taux de Rebond = Rebonds/Entrées Page Donnée www.yourwebsite.fr
  • Analytics (IV) Statistiques ROI Actions Marketing Mots Clés Annonces AdWords Emailing Objectifs www.yourwebsite.fr
  • Web Optimizer Tester des Contenus Différents Améliorer son Taux de Conversion Augmenter son ROI Fidéliser ses Clients Web Optimizer www.yourwebsite.fr
  • Procédure Google Website Optimizer 1. Définir les Scénarios Alternatifs 2. Comparer les Résultats 3. Modifier le Contenu www.yourwebsite.fr
  • Volet 3.1 # Positionnement de Joomla Typologie - Marché - Exemples de Sites Frédéric SIMONET Consultant NTIC frederic.simonet@yourwebsite.fr 06 62 63 94 49 www.yourwebsite.fr
  • Contexte Joomla Famille d’Application Solutions Comparables Demande du Marché Utilisateurs www.yourwebsite.fr
  • Joomla - Typologie CMS Content Management System A rapprocher des WIKIs et des Blogs Parenté avec UGC Content Management # Information Management # Life Management #
  • Joomla - Typologie CMS Content Management System Système de Gestion de Contenu Ne PAS Confondre Avec Les Solutions Collaboratives # La GED - Gestion Electronique de Documents # Les Portails ie. Agrégateurs #
  • Gestion de Documents Typologie Fonction Famille d’application CMS Publication UGC Outils Partage SaaS Collaboratifs GED Archivage SaaS Portails Agrégation WebTop
  • Typologie Applications 2.0 SaaS UGC WebTop Navigateur
  • Joomla 2.0 ++ = Mashup Publier du Contenu Agréger des Flux d’Information RSS Agréger des Services Widgets Application Composite
  • Solution Joomla Progiciel Client/Serveur Double Interface FO / BO Utilisateur Final / Administrateur(s) « Application Générique Orientée Communication Multi-utilisateurs » www.yourwebsite.fr
  • Back Office Joomla www.yourwebsite.fr
  • Front Office Joomla www.yourwebsite.fr
  • NE PAS CONFONDRE Joomla avec Dreamweaver ! www.yourwebsite.fr
  • Benchmark delicious 22/01/2009 26/10/2009 10/12/2009 Drupal 14497 16778 (+15%) 17167 (+2,3%) Joomla 11207 13239 (+18%) 13535 (+2,3%) Plone 5242 5928 (+13%) 6018 (+1,5%) eZ Publish 1086 1268 (+16%) 1296 (+2,2%) www.yourwebsite.fr
  • Benchmark Google Trends www.yourwebsite.fr
  • Benchmark Alexa www.yourwebsite.fr
  • Portails Joomla En France et dans le Monde Devoteam FEVAD PGA, L’UNESCO Groupes, PMI/PME, TPE Entreprises Associations Fédérations www.yourwebsite.fr
  • Boutiques/Vitrines Joomla En France et dans le Monde DONNAE - Produits Cosmétiques CoreCases - Coques IPOD Vitrine Porsche Groupes, PMI/PME, TPE Entreprises www.yourwebsite.fr
  • Joomla et le ecommerce Tendances - Google Trends Frédéric SIMONET Consultant NTIC frederic.simonet@yourwebsite.fr 06 62 63 94 49 www.yourwebsite.fr
  • OsCommerce vs VM Joomla www.yourwebsite.fr
  • Demande du Marché www.yourwebsite.fr
  • Demande du Marché www.yourwebsite.fr
  • Propriétaire vs OS www.yourwebsite.fr
  • Solutions Propriétaires Solution Tarif Editeur Com..Server nc Microsoft WebSphere 5K€ - 25K€ IBM eCommerce 230K€ BroadVision www.yourwebsite.fr
  • Webographie OsCommerce - Open Source Magento - Open Source ZenCart - Open Source PrestaShop - Open Source NETSUITE - Solution Intégrée www.yourwebsite.fr
  • Volet 3.2 # Concepts Joomla Gestion des Droits et des Contenus Frédéric SIMONET Consultant NTIC frederic.simonet@yourwebsite.fr 06 62 63 94 49 www.yourwebsite.fr
  • Fiche Joomla Solution type CMS Open Source GNU/GPL 2 Interfaces Back/Front Office Architecture 3 Tiers Technologies PHP/CSS, MySQL, XML Stable depuis 2005 www.yourwebsite.fr
  • Droits d’Accès - Classement 7 Niveaux d’Intervention 3 Espaces de Consultation 2 Niveaux de Classement Synthèse www.yourwebsite.fr
  • www.yourwebsite.fr
  • 3 Espaces de Consultation Espace Public Espace Membre - Users Enregistrés Espace Special - Administrateurs Droits d’Accès FO www.yourwebsite.fr
  • Classement des Contenus ARTICLE - CORPS de Page Web Article/Catégorie/Section Article NON Classé = Article STATIQUE Article/Catégorie/Section www.yourwebsite.fr
  • 2 Niveaux de Classement www.yourwebsite.fr
  • Volet 3.3 # DEMO Joomla Administration et Création de Contenu Frédéric SIMONET Consultant NTIC frederic.simonet@yourwebsite.fr 06 62 63 94 49 www.yourwebsite.fr
  • Fonctions de Base Gestion des Articles Gestion des Catégories/Section Gestion des Menus Gestion du Site www.yourwebsite.fr
  • Manager ses Articles (I) Ecran 01 : Page d’Accueil Ecran 02 : Gestionnaire des Articles Ecran 03 : Définition des Contenus Fonctionnalités www.yourwebsite.fr
  • Manager ses Articles (II) Ecran 04 : Onglet « Images » Ecran 05 : Onglet « Parameters » Ecran 06 : Onglet « Meta Info » Fonctionnalités www.yourwebsite.fr
  • Manager ses Catégories/Sections Ecran 07 : Gestionnaire des Catégories Ecran 08 : Gestionnaire des Sections Ecran 09 : Définition Sections/Catégories Fonctionnalités www.yourwebsite.fr
  • Manager ses Menus Ecran 10 : Gestionnaire des Liens Ecran 11 : Paramétrage des Liens Ecran 12 : Gestionnaire de Menu Ecran 13 : Gestionnaire de Modules Fonctionnalités www.yourwebsite.fr
  • Manager son Site Configuration Ecran 14 : Onglet Site Ecran 15 : Onglet Content Ecran 16 : Onglet Metadata Fonctionnalités www.yourwebsite.fr
  • Méthodologie Définir les Contenus - Hors Joomla Classer les Contenus - Section/Cat. Hiérarchiser les Liens des Menus www.yourwebsite.fr
  • Volet 4.1 # Accessibilité Web Design Frédéric SIMONET Consultant NTIC frederic.simonet@yourwebsite.fr 06 62 63 94 49 www.yourwebsite.fr
  • Accessibilité Navigation Contrastes de Couleur Images Liens Paragraphes Formulaires 95 Critères www.yourwebsite.fr
  • Gestion de la Navigation Définir 3 Modes d’Accès aux Contenus Menus Moteur de Recherche Plan du Site Accessibilité www.yourwebsite.fr
  • Niveaux de Contraste Limiter Combinaisons Arrière-plan/Texte 7 : 1 >>> Texte de moins de 18 pt 4 : 1 >>> Texte de plus de 18 pt Standard WCAG 2.0 www.yourwebsite.fr
  • Gestion des Images Image de Présentation <img src=«tigre.png» alt=«tigre» /> Alternative Textuelle www.yourwebsite.fr
  • Gestion des Images Image de Décoration <img src=«spacer.gif» alt=«» /> Alternative Textuelle www.yourwebsite.fr
  • Gestion des Images Image Porteuse d’Information <a href="next.html"><img src="fleche_droite.gif" alt="page suivante" /></a> Alternative Textuelle www.yourwebsite.fr
  • Gestion des Liens Privilélier l’Intitulé <a href=« actualites.html« > En savoir + sur les actualités </a> Pas de Titre de Lien www.yourwebsite.fr
  • Gestion des Liens Usage du Titre de Lien <a href=« actualites.html » title=« nouvelle fen&ecirc;tre » > En savoir + sur les actualités </a> www.yourwebsite.fr
  • Gestion des Liens Titre de Lien et SEO <a href=« actualites.html » title=« actualit&eacute;s (nouvelle fen&ecirc;tre) » > En savoir + sur les actualités </a> www.yourwebsite.fr
  • Gestion des Paragraphes 11px < font-size < 16px PAS de Justification du Texte 80 Caractères Maxi par Ligne Interligne = 1,5 x font-size Inter-paragraphes = 1,5 x Interligne www.yourwebsite.fr
  • Gestion des Formulaires Aligner à Droite les Libellés Indiquer le Format des Champs jj/mm/aaaa Expliciter les Boutons <input type=« submit » value=« OK » value=« Recherche de Vol »> www.yourwebsite.fr
  • www.yourwebsite.fr
  • www.yourwebsite.fr
  • www.yourwebsite.fr
  • www.yourwebsite.fr
  • www.yourwebsite.fr
  • www.yourwebsite.fr
  • www.yourwebsite.fr
  • www.yourwebsite.fr
  • www.yourwebsite.fr
  • serif Cambria Constantia Times New RomanTimes Georgia sans-serif Andale Mono Arial Arial Black Calibri Candara Century Gothic Corbel Helvetica Impact Trebuchet MS Verdana cursive Comic Sans MS monospace Consolas Courier New Courier www.yourwebsite.fr
  • Volet 4.2 # Organisation des Contenus Web Design Frédéric SIMONET Consultant NTIC frederic.simonet@yourwebsite.fr 06 62 63 94 49 www.yourwebsite.fr
  • Layout - Structure du Site www.yourwebsite.fr
  • Layout - Structure des Pages www.yourwebsite.fr
  • F-Shaped Pattern www.yourwebsite.fr
  • Web Design Hiérarchie Structure - Layout Contraste Equilibre Symétrique ou Asymétrique Alignement Unité www.yourwebsite.fr
  • Emphasis - Contraste www.yourwebsite.fr
  • Contraste www.yourwebsite.fr
  • Equilibre Symétrique www.yourwebsite.fr
  • Equilibre Asymétrique www.yourwebsite.fr
  • Alignement www.yourwebsite.fr
  • Répétition/Cohérence www.yourwebsite.fr
  • Volet 4.3 # Charte Graphique Web Design Frédéric SIMONET Consultant NTIC frederic.simonet@yourwebsite.fr 06 62 63 94 49 www.yourwebsite.fr
  • Charte Graphique 1 Couleur Dominante Couleur de Deuxième Niveau Background de Lecture 3 Couleurs MAXI www.yourwebsite.fr
  • Volet 4.4 # Gestion du Design Web Design Frédéric SIMONET Consultant NTIC frederic.simonet@yourwebsite.fr 06 62 63 94 49 www.yourwebsite.fr
  • Solutions Alternatives Acheter un KIT - 50 euros Utiliser Artisteer - 129,95 euros Coder le Template - 3000 euros Gestion du Design www.yourwebsite.fr
  • Acteurs du Web Design Portail Best of Joomla Editeur Template YOOtheme Editeur Template RocketTheme Editeur Template JoomlArt www.yourwebsite.fr
  • Framework Warp YOOTheme www.yourwebsite.fr
  • Annexe IHM - Fondamentaux Frédéric SIMONET Consultant NTIC frederic.simonet@yourwebsite.fr 06 62 63 94 49 www.yourwebsite.fr
  • www.yourwebsite.fr
  • www.yourwebsite.fr
  • www.yourwebsite.fr
  • www.yourwebsite.fr
  • www.yourwebsite.fr
  • www.yourwebsite.fr
  • www.yourwebsite.fr
  • www.yourwebsite.fr
  • www.yourwebsite.fr
  • www.yourwebsite.fr
  • www.yourwebsite.fr
  • www.yourwebsite.fr
  • www.yourwebsite.fr
  • www.yourwebsite.fr
  • www.yourwebsite.fr
  • www.yourwebsite.fr
  • Annexe Références Bibliographiques Frédéric SIMONET Consultant NTIC frederic.simonet@yourwebsite.fr 06 62 63 94 49 www.yourwebsite.fr
  • www.yourwebsite.fr
  • Support SlideShare www.yourwebsite.fr