Formation Web technologie Analyse & Gestion de projet web

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

Download "Formation Web technologie Analyse & Gestion de projet web"

Transcription

1 Formation Web technologie Analyse & Gestion de projet web Flash-comet.com Cours version

2 Sommaire Contenu du cours... 4 La législation... 4 La Cnil... 4 Droit à l image... 4 L accessibilité, une obligation légale... 5 Google images... 5 Mentions légales... 6 Les conditions générales de ventes dans le cas d'un E-commerces... 6 Fabriquer l'arborescence de votre site... 7 Comment faire un devis ou un cahier des charges... 8 Les règles de base du graphisme Les couleurs Flat design Site responsive La règle du nombre d'or Règle de base de la photographie Conseils de professionnels pour la photographie dans vos sites ou réseaux sociaux Les logos Règle de base pour la conception de son LOGO Les images et le Web Le cas du point.tel Avoir son Gravatar Créer et lire un QRcode Gestion du contenu de votre projet de site web Le flux RSS Faire de la veille technologique Les outils du webmaster Notepad Quelques CMS Base de donnée Mysql Type d'hébergements en ligne de sites Internet Les noms de domaines Comment choisir son nom de domaine Sites marchands liste des VADs Faire un Favicon dans votre site Flash-comet.com Cours version

3 Annexe exemple de réalisation d'un cahier des charges web Présentation du projet du site La cible : Nom de domaine Hébergement Outils préconisés pour la réalisation du site Arborescence Menu horizontal Menu vertical gauche ou droit Menu horizontal bas de page Couleurs Favicon Polices Logo Mots-clefs métiers Flux et partage d informations Réseaux sociaux Entreprises Exemple d'extensions du site : Séo & Référencement Google et autres moteurs Liste des pages Maquette du site Les rôles de chacun formation pour la prise en main de l'alimentation du site Maintenance Référencement Sécurité Remerciement & sources Flash-comet.com Cours version

4 Contenu du cours Webmaster & webdesigner c'est un métier, dans ce cours vous allez voir les fondamentaux du métier. La législation, la préparation d'un projet web est la base d'une réalisation web sans soucie. Connaitre les outils savoir en parler, préparer un devis ou un cahier des charges, voila en quelques mots se que vous allez voir. La législation La Cnil La Commission nationale de l'informatique et des libertés (CNIL) est une autorité administrative indépendante française. La CNIL est chargée de veiller à ce que l informatique soit au service du citoyen et qu elle ne porte atteinte ni à l identité humaine, ni aux droits de l homme, ni à la vie privée, ni aux libertés individuelles ou publiques. Elle exerce ses missions conformément à la loi n du 6 janvier 1978 Droit à l image Le droit à l'image des personnes en France repose sur plusieurs textes législatifs ; la jurisprudence y tient une place importante. Le principe de droit général est qu'il n'est possible de diffuser une photographie représentant une personne reconnaissable qu'avec son autorisation. Plusieurs exceptions notables existent toutefois. Flash-comet.com Cours version

5 L accessibilité, une obligation légale En France, la loi du 11 février 2005 en faveur de l égalité des chances fait de l accessibilité une obligation pour tous les services de communication publique en ligne de l Etat, des collectivités territoriales et des établissements publics qui en dépendent. Loin de se limiter à une obligation légale, l accessibilité numérique est un levier puissant qui permet de faciliter le quotidien des personnes en situation de handicap mais aussi d améliorer l ergonomie, l utilisabilité des sites web. Une telle démarche permet ainsi de rationaliser les coûts et d anticiper les usages et d offrir à ces utilisateurs la meilleure navigation possible. Google images Google image vous permet de faire des recherches sur le thème des images, attention toute ces images ne sont pas toute libre de droits Flash-comet.com Cours version

6 Mentions légales Tous les sites internet édités à titre professionnel, qu'ils proposent des ventes en ligne ou non, doivent obligatoirement indiquer les mentions légales suivantes : pour un entrepreneur individuel : nom, prénom, domicile pour une société : raison sociale, forme juridique, adresse de l'établissement ou du siège social (et non pas une simple boîte postale), montant du capital social adresse de courrier électronique et numéro de téléphone pour une activité commerciale : numéro d'inscription au registre du commerce et des sociétés (RCS) pour une activité artisanale : numéro d'immatriculation au répertoire des métiers (RM) numéro individuel d'identification fiscale : numéro de TVA intracommunautaire pour une profession réglementée : référence aux règles professionnelles applicables et au titre professionnel nom et adresse de l'autorité ayant délivré l'autorisation d'exercer quand celle-ci est nécessaire nom du responsable de la publication coordonnées de l'hébergeur du site : nom, dénomination ou raison sociale, adresse et numéro de téléphone pour un site marchand, conditions générales de vente (CGV) : prix (exprimé en euros et TTC), frais et date de livraison, modalité de paiement, service après-vente, droit de rétractation, durée de l'offre, coût de la technique de communication à distance numéro de déclaration simplifiée Cnil, dans le cas de collecte de données sur les clients Avant de déposer ou lire un cookie, les éditeurs de sites ou d'applications doivent : informer les internautes de la finalité des cookies, obtenir leur consentement, fournir aux internautes un moyen de les refuser. Le manquement à l'une de ces obligations peut être sanctionné jusqu'à un an d'emprisonnement, d'amende pour les personnes physiques et pour les personnes morales. Les conditions générales de ventes dans le cas d'un E-commerces Obligatoires, elles doivent contenir les dernières modifications concernant la loi "Hamon" Contenir les mentions légales Les modalités de paiement Les conditions de garanties L'expédition et le délai de livraison Le délai de rétractation Les bases de calcul des frais de ports Un document détaillé sur les conditions générales de vente est disponible à l'adresse: Flash-comet.com Cours version

7 Fabriquer l'arborescence de votre site Voilà un outil intéressant qui va vous permettre de réaliser l'arborescence de votre site, ainsi vous pourrez le faire valider par votre client. Write Map (gratuit pour trois plans de site) Flash-comet.com Cours version

8 Comment faire un devis ou un cahier des charges Tout vrai professionnel se doit de faire un cahier des charges ou un devis, pour éviter de se tromper. Il doit se poser les bonnes questions: La cible? (des particuliers, des professionnelles? ) les mots le langage sera différant Le nombre de pages? (pensez que Google considère un site de qualité à partir de 15 pages) Le contenu? (est-il fourni) ou faite vous appel à un rédacteur Les images? (sont-elles fournies), une banque d'images comme "fotolia" peut vous rendre service, pensez à rajouter les crédits photos dans les mentions légales. L'arborescence du site? (faite la valider, si elle n'est pas fournie) Charte graphique? (les codes couleurs, le logo, la forme ) Un template? (vous fournit-on une maquette) Un nom de domaine? existe il, réservez le dans le cas contraire Un hébergeur? (prendre en considération la taille le nombre de visite, un e-commerce, une association ou professionnel) Les langues? le site à t'il des langues complémentaire ( Français/Anglais) E-commerce? le client veut il une boutique, peut être que juste un bouton d'achat "Paypal" suffit. Le référencement? trop souvent oublié lors de la conception, posez la question à votre client E-communication? à ce jour un site professionnel doit partager ses informations aux travers des réseaux sociaux. Formation client? votre client sera t'il autonome pour la gestion du contenu, lors de la livraison de votre site? Assistance? les mises à jours, les versions du CMS, les sauvegardes, qui fait quoi Flash-comet.com Cours version

9 Exemple de modèle de calcul d'un devis pour un site sous le CMS Joomla Description prestation Création de site Qté Temps Prix Oui/non Nom de domaine 1 1 heure 45 Hébergement Installation Cms Joomla 1 1 heure 45 Installation & paramétrage Galerie photo 1 1 heure 45 Installation & paramétrage VirtueMart 1 4 heures 175 Installation & paramétrage Akeeba backup 1 1 heure 45 Installation & paramétrage Editeur JCE 1 1 heure 45 Installation & paramétrage Proformbasic 1 4 heures 175 Installation & paramétrage Xmap 1 1 heure 45 Création Template graphique 1 8 heures 350 Création des menus 1 1 heure 45 Création des articles de pages (pres-rempli) 5 1 heure 45 Création des liens de menu 4 2 heures 90 Création des catégories de la boutique 1 1 heure 45 Création des produits 3 2 heures 90 Création des liens de menus de la boutique 1 1 heure 45 Installation du module "panier" 1 1 heure 45 Installation du module "likebox" 1 1 heure 45 Installation du module "map" 1 1 heure 45 Installation du module "type personnalisé" 1 1 heure 45 Création d'un blog 1 1 heure 45 Description prestation Référencement Qté Temps Prix Oui/non Paramétrage SEO partie configuration 1 1 heure 45 Paramétrage SEO partie Alias menu 3 4 heures 175 Paramétrage SEO partie Alias article 3 4 heures 175 Paramétrage SEO partie article page 5 2 heures 90 Paramétrage SEO partie article produits 3 1 heure 45 Paramétrage SEO partie template 1 1 heure 45 Paramétrage SEO Google plus 1 2 heures 90 Paramétrage SEO Facebook 1 2 heures 90 Paramétrage SEO Xmap 1 1 heure 45 Inscription Google 1 2 heures 90 Inscription Yahoo Bing 1 2 heures 90 Branchement Google analitycs 1 4 heures 175 Formation Une journée de formation sur site Assistance Un an 1er niveau Total Flash-comet.com Cours version

10 Les règles de base du graphisme La règle du nombre d'informations : Ne dépassez pas 19 informations par interface, en effet c'est le nombre maximum que le cerveau peut enregistrer à la fois. Règle sur les polices: Ne dépassez pas trois polices différentes sur un site, exemple une pour le titre du site, une pour le titre des pages, une pour le texte Dafont.com, un des sites de ressources de "polices" Flash-comet.com Cours version

11 Comment reconnaitre une police sur une image Sur ce site vous pouvez uploader une image, elle reconnaitra la police dessinée sur cette image. https://www.myfonts.com/whatthefont/ Flash-comet.com Cours version

12 Les couleurs La règle des trois couleurs: La règle des trois couleurs est un commandement sacré. Ne dépassez pas trois couleurs pour un site, toutefois il existe des cas particuliers dans le cas des teintes. le noir et le blanc sont des teintes alors que le rouge, le bleue sont des couleurs. Symbolique des couleurs Le noir et le blanc ne sont pas considérés comme des couleurs. Ils sont très peu présents dans la nature à l état pur. On peut donc facilement les associer avec n importe quelle couleur. Le gris, très neutre, s accorde aussi avec beaucoup de couleurs. Privilégier toujours les couleurs plus sombres pour le bas. Un site intéressant pour aller plus loin sur les couleurs : Flash-comet.com Cours version

13 Tableau récapitulatif sur la symbolique des couleurs ROUGE BLEU VERT JAUNE BLANC Force Passion Puissance Interdiction Danger Virilité Courage Action Force Paix Vertu Immatérialité Méditation Sagesse Rêverie Confiance Bonté Calme Sécurité Foi Féminité Espérance Nature Immortalité Repos Foi Jeunesse Fécondité Satisfaction Calme Science Conscience Idéalisme Action Luminosité Orgueil Jalousie Calme Sécurité Pureté Innocence Chasteté Richesse Silence OR/ARGENT ORANGÉ VIOLET GRIS NOIR Immortalité Richesse Gloire (or) Respect (argent) Dignité (argent) Chine Egypte Energie Ambition Enthousiasme Imagination Richesse Honneur Politesse Jalousie Mystère Spiritualité Mélancolie Tristesse Modestie Religion Inconscient Secret Ténèbres Mort Piété Noblesse Sobriété Tristesse Modernisme Peur Monotonie Symbolique des couleurs par civilisations Mort Deuil Nuit Mystère Monotonie Tristesse Détresse Angoisse Noblesse Distinction Élégance Silence ROUGE BLEU VERT JAUNE BLANC Joie Mariage Mort Méchanceté Désert Paradis Légèreté Vertu Vérité Fidélité Immortalité Dynastie Ming Paradis Légèreté Fertilité Force Islam Naissance Santé Force Joie Prospérité Mort Pureté Joie Fête Etats-unis Danger Masculinité Sécurité Lâcheté Pureté France Inde Japon Anarchisme Communisme Vie Créativité... Colère Danger Liberté Paix Royauté Criminalité Temporalité Méchanceté Bassesse Prospérité Fertilité Futur Jeunesse Énergie Succès Grâce Noblesse Monarchie Neutralité Mort Pureté Mort Source : CRIM formation - Ecole polytechnique de Montréal Flash-comet.com Cours version

14 Association des couleurs Le cercle chromatique correspond au dégradé des couleurs. Les couleurs primaires : bleu, rouge magenta, jaune. Les couleurs secondaires : vert, orange et violet qui résultent du mélange des trois couleurs primaires. Les couleurs tertiaires : pourpre, écarlate, indigo, turquoise, vert chartreuse, doré. Le contraste de couleur revient à associer deux couleurs opposées sur le cercle chromatique. Les associer : c est risqué! Se servir du site "Colourlover" pour associer des couleurs Vous pouvez aussi vous servir du site " pour vous aider à choisir les couleurs de vos interfaces. Connectez vous sur ce site, cliquez sur la loupe du moteur de recherche interne, dans le formulaire ci-dessous saisissez un code couleur ou un mot-cles, le site vous fera des propositions de couleurs. Flash-comet.com Cours version

15 Flat design Définition du flat design A ce jour tout deviens Flat design, plus qu'une mode on le retrouve partout, un exemple regardez vos smartphones. Le flat design est un style graphique associé au design de sites internet, c est un sous-genre du courant minimaliste. Il se caractérise par des formes simples, sans textures, ni effets de volumes. Les couleurs, souvent vives sont utilisées en aplats. Certains éléments récurrents sont caractéristiques à cette tendance comme les icônes dessinées sous forme synthétique et l utilisation de polices de caractères non standards, notamment dans les titrages, qui peuvent être de taille importante. Si le style flat fait beaucoup parler de lui en ce moment, il n en reste pas moins que le graphisme épuré et minimaliste en web design n est pas nouveau. Flat ou pas flat design Flash-comet.com Cours version

16 Site responsive Le responsive web design site responsive est un site qui s'adapte aux formats des smartphones et tablettes, pour information Google prends en compte ce critère pour l'indexation des sites dans son moteur de recherche. Le responsive web design ou site adaptatif, qui permet d adapter un site à la taille d un écran, rentre de plus en plus dans les habitudes de conception web. Beaucoup de designers intègrent même cette fonctionnalité par défaut dans tout leur site, considérant, à raison, qu il s agit d un devoir d accessibilité. Les contraintes du responsive imposent des éléments graphiques permettant une certaine souplesse d utilisation, pour pouvoir facilement les modifier selon la taille de l écran, sans alourdir le site. Ce qui veut dire que les composants vectoriels sont préférés aux images bitmap, plus rigides. Et pour ce genre d image, le flat design est très approprié. Le flat a l air donc bien parti pour s attirer les faveurs des développeurs allergiques aux images complexes, issues des esprits torturées des designers! Un bon exemple qui montre que design et développement peuvent faire bon ménage! Flash-comet.com Cours version

17 La règle du nombre d'or La règle du nombre d'or fait partie des programmes de formations pour les écoles d'arts, les architectes, les décorateurs. En respectant la règle du nombre d'or vous mettrez votre logo au bon endroit, respecterez la bonne taille d'image, positionnerez le sujet de votre photo correctement Définition : Le nombre d'or est une proportion, définie initialement en géométrie comme l'unique rapport a/b entre deux longueurs a et b telles que le rapport de la somme a + b des deux longueurs sur la plus grande (a) soit égal à celui de la plus grande (a) sur la plus petite (b) c'est-à-dire lorsque (a + b)/a = a/b. Le découpage d'un segment en deux longueurs vérifiant cette propriété est appelé par Euclide découpage en «extrême et moyenne raison». Le nombre d'or est maintenant souvent désigné par la lettre φ (phi). Ce nombre irrationnel est l'unique solution positive de l'équation x 2 = x + 1. Il vaut exactement : soit approximativement 1 1, Nombre d'or dans la peinture ou dans la photographie Vous allez voir des exemple plus concrets dans les exemples ci-dessous. Flash-comet.com Cours version

18 Règle de base de la photographie La règle des tiers (ou règle d'or), les lignes de force La règle des tiers, aussi appelée règle d'or, c'est la règle des règles en photo... Tout le monde la connaît, peu de gens la respectent. Le principe est très simple : pour bien cadrer, cherchez toujours à placer le sujet de votre photo (ce que vous souhaitez que le lecteur regarde en priorité) sur un point fort de l'image.. Les points de croisement des lignes rouges sont les points forts de l'image. Dans la majorité des cas, placer le sujet principal de la photo sur un de ces points est une bonne chose. Remarque importante La règle des tiers s'applique également au ciel dans vos compositions! Sauf cas de ciel très joli et chargé de beaux nuages, il est donc inutile de présenter une surface énorme de ciel pour un tout petit bout de terre, surtout si votre sujet est à terre! C'est une «erreur» très classique.. Flash-comet.com Cours version

19 Conseils de professionnels pour la photographie dans vos sites ou réseaux sociaux Vous photographiez un objet, utilisez un trépied pour éviter les photos floues Vous photographiez des petits objets, utilisez un objectif de type "Macro" Pour éviter les images floues, en plus d un pied utilisez un retardateur ou un déclencheur à distance Photographiez en musique pour décontracter votre personnage. Faites assoir votre personnage Coupez le haut de la tête pour faire ressortir les informations essentielles «1.2.3 souriez» à proscrire, pas de décompte Resserrez la cadre autour du sujet Flash-comet.com Cours version

20 Photographiez les profils horizontalement Le format vertical est le format des pros Flash-comet.com Cours version

21 Le sourire n'est pas une obligation Ne photographiez pas un portrait les épaules en face de l'appareil Photographiez de trois quarts vos sujets (nombre d'or) Flash-comet.com Cours version

22 Les logos On retrouve le logo sur l ensemble des supports Carte de visite papier Carte de visite CD CD ROOM Flash-comet.com Cours version

23 QR CODE Moyens de communication dans lesquels apparaissent vos logos Les Pages jaunes, Le point tel, Site Internet, E-commerce, QR CODE, Carte de visite, Affiche, Plaquette. Un dénominateur commun le LOGO Règle de base pour la conception de son LOGO Règle n 1: votre logo sera simple. La sobriété du design d un logo inspire confiance aux utilisateurs. Plus votre logo est simple, plus il reste en mémoire. De multiples exemples viennent à l esprit: Apple, Nike, VW, CNN, Bayer, etc. Quel que soit le domaine d activité, des sociétés mondialement connues ont choisi des logos simples et facilement reconnaissables partout dans le monde. Pensez-y si vous songez à développer votre activité internationale et assurez-vous que votre nom logo soit compréhensible dans toutes les langues. Flash-comet.com Cours version

24 Règle n 2: votre logo sera équilibré. Les proportions d un logo sont d autant plus importantes que l esprit perçoit un design harmonieux comme naturellement agréable et attrayant. Pour atteindre une telle harmonie, votre logo doit miser sur l équilibre entre graphisme, couleurs, typographie. Les dimensions de votre logo importent également: n oubliez pas de tester la lisibilité de votre logo dans différentes tailles. Le nom et les détails graphiques doivent rester visibles et compréhensibles même si vous réduisez votre logo (pensez à son utilisation sur des enveloppes, votre papier à entête, etc.). Pensez également aux restrictions propres à certains médias ou aux réseaux sociaux (qui réclament souvent un affichage dans un carré). Règle n 3: votre logo maîtrisera ses couleurs. La théorie des couleurs est fort complexe mais si vous appliquez quelques règles de base, vous minimiserez les risques d erreurs : les couleurs évoquent des sentiments et des humeurs et elles n ont pas forcément la même signification d un pays à l autre le choix d une palette de couleurs (chaudes ou froides) est important car il reflète l esprit de votre marque le choix d une couleur particulière ou d une association de couleurs «innovante» peut devenir un signe distinctif (ex:, le rouge Coca Cola.) Attention: votre logo doit pouvoir se décliner en noir & blanc, en niveaux de gris, voire en deux couleurs et rester toujours agréable à regarder! Règle n 4: votre logo se choisira une typo exclusive. Le choix d une typographie est plus subtil qu il n y paraît. Que la typo soit inclue dans le logo ou en «accroche», vous devrez tester un certain nombre de typos avant d en trouver une qui s intègre parfaitement au design. Trois points à considérer : Evitez les typographies banales (Arial, Times New Roman, etc.), trop ornementales ou artisanales. Préférez une typo exclusive (quelques exemples marquants: Twitter, Google, Coca Cola, Walt Disney). Assurez-vous que la typo est toujours lisible, même lorsque vous réduisez votre logo à la taille d un timbre poste. Choisissez une seule typo, deux au grand maximum. Règle n 5: votre logo sera original Rappelez-vous, le but premier de votre logo n est pas de décorer mais bien de construire votre notoriété. Il doit donc être unique et facile à mémoriser! Les grandes marques l ont tellement bien compris qu un seul élément de leur logo permet de reconnaître la marque (on songe à Windows, Nike, Mac Donald, Caterpillar, et bien d autres). Règle n 6 Votre logo doit être utilisable sur tous types de support Le déploiement identitaire d une marque ne se réduit plus qu à la simple présence d un logo sur une en-tête de lettre. Une entreprise a aujourd hui les moyens de communiquer sur toutes sortes de Flash-comet.com Cours version

25 supports, print ou multimédias, et son logo doit être travaillé en conséquence. Garder ces questions en tête vous évitera beaucoup d erreurs. Règle n 7. Votre logo devrait être imprimable en noir et blanc. Graphisme et logo, cette règle est une invitation à la simplicité, pour que ce soit le concept lui-même qui fasse la différence, et non la façon dont il est rendu. Règle n 8. Les formes du logo. Les formes arrondies correspondent à la créativités Les formes carrées correspondent au sérieux Les formes triangulaires correspondent aux danger Flash-comet.com Cours version

26 Les images et le Web Les images: règles de nommage Vous allez très probablement insérer des images dans votre site, pour la bonne marche de votre projet il faut respecter quelques règles. Retaillez vos images afin qu'elles ne dépassent pas une largeur de 800 pixels Renommez-les avec des noms de mots clés afin de vous donner plus de chance à votre futur référencement. Evitez les majuscules Evitez les espaces entre les mots Evitez les caractères spéciaux Séparez les mots par des tirets Mon-image.jpg mon image.jpg Image-métier.jpg dsc0001.jpg mon-image.jpg : oui Flash-comet.com Cours version

27 Formats d images recommandés pour vos sites internet Jpg Oui Standard Png Oui Si vous voulez gérer des fonds transparents gif Oui Si ce n est pas une photo Tif Non AI Non SVG Oui EPS Non BMP Non Trop lourd Le cas du point.tel Le.tel est un "annuaire unique mondial".tel permet de stocker, publier et de gérer en ligne toutes vos coordonnées et vos mots-clés, sous un nom de domaine unique, sans avoir besoin de site Web. Un point tel acheté chez Ovh coute une dizaine d'euros par an. Flash-comet.com Cours version

28 L interface de saisie de vos informations Flash-comet.com Cours version

29 Avoir son Gravatar un Gravatar est une image qui vous suit d'un site à l'autre, apparaissant à côté de votre nom quand vous postez un commentaire ou un article sur un blog. Les avatars favorisent l'identification de vos messages sur les blogs et les forums, alors pourquoi pas sur tous les sites? Pour créer son Gravatar : https://fr.gravatar.com/ Flash-comet.com Cours version

30 Créer et lire un QRcode Pour créer votre Qrcode, je vous invite à aller sur le site suivant : Choisissez votre type de Qrcode, saisissez vos informations, votre Qrcode est généré Saisissez simplement les informations suivantes : Puis téléchargez-le Flash-comet.com Cours version

31 Pour lire un Qrcode depuis un Smartphone, il existe une multitude d'applications gratuites, en voici quelques une : Flash-comet.com Cours version

32 Gestion du contenu de votre projet de site web Ecrire en langage Google Je rédige des contenus rédactionnels adaptés au web et répondant à différentes lignes rédactionnelles. Les règles d écriture web diffèrent de celles de la presse écrite : l écriture doit être concise, rapidement compréhensible et le style dynamique. Oubliez les textes ennuyants à saveur générique et développez la confiance de votre marché d affaires grâce à un contenu de qualité concis, attrayant et accessible! Mes textes sont pensés pour le référencement naturel et optimisés pour vous apporter une plus grande visibilité sur les moteurs de recherche tels que Google. Car l écriture web doit prendre en compte les exigences des moteurs de recherche (densité de motsclés, liens hypertextes ) pour vous offrir des messages qui informent, convainquent et que les moteurs de recherche apprécient! Structurer l'information Première étape importante pour un site web accessible, il faut offrir un contenu structuré sur chaque page web avec des titres, paragraphes, listes à puces et autres éléments de marquage sémantique. Décrire les images et les vidéos Il est nécessaire d'ajouter une alternative textuelle à tous les contenus multimédias porteurs d'informations utiles pour les internautes. Si ces contenus sont purement décoratifs, inutiles de les décrire, cela pourrait nuire à la compréhension globale du site. Proposer des tableaux accessibles et agréables Les tableaux sont souvent oubliés dans l'accessibilité d'un site et ils s'avèrent généralement peu lisibles pour les personnes en situation de handicap. Pour des tableaux accessibles, vérifiez que vous pouvez facilement ajouter un titre et un résumé à votre tableau dans votre CMS. Il vous faut aussi identifier clairement les cellules d'entête. Proposer des formulaires en lignes accessibles Autre type de contenus souvent peu accessibles, les formulaires en lignes sont pourtant très utilisés pour tout type de projet web. Flash-comet.com Cours version

33 Le flux RSS Essentiel à ce jour, un site qui fournit du flux rss à plus de chance que les autres d'être bien positionné que les autres dans les résultats de moteurs de recherches. RSS (sigle venant de l'anglais «Really Simple Syndication») est une famille de formats de données utilisés pour la syndication de contenu Web. Un produit RSS est une ressource du World Wide Web dont le contenu est produit automatiquement (sauf cas exceptionnels) en fonction des mises à jour d un site Web. Les flux RSS sont des fichiers XML qui sont souvent utilisés par les sites d'actualité et les blogs pour présenter les titres des dernières informations consultables. On emploie parfois à tort le terme RSS pour désigner le format concurrent Atom. Exemple de flux provenant de Facebook https://www.facebook.com/feeds/page.php?format=rss20&id= Exemple de flux provenant du site Flash-comet Flash-comet.com Cours version

34 Faire de la veille technologique Essentiel dans ce métier. Chez IBM on nous disait une année web est égale à cinq ans. Méthode 1 pour faire de la veille Créer des alertes : vous ajoutez des mots-clés ( par exemple "référencement") et à chaque fois qu'il se passe quelque chose en rapport a ces mots vous recevez un mail. Google Alerte : https://www.google.fr/alerts Méthode 2 pour faire de la veille C'est le même principe que la méthode 1 à la différence que le résultat apparait dans Google actualités. Google actualités : https://news.google.fr/news Flash-comet.com Cours version

35 Les outils du webmaster Outils Ftp (filezilla) Le File Transfer Protocol (protocole de transfert de fichiers), ou FTP, est un protocole de communication dédié à l échange de fichiers sur un réseau. Il permet, depuis un ordinateur, de copier des fichiers depuis ou vers un autre ordinateur du réseau, d administrer un site web, ou encore de supprimer ou modifier des fichiers sur cet ordinateur. Protocole applicatif pour le transfert de fichiers sur Internet. Le recours à ce protocole est nécessaire pour transférer son site Web d une machine locale au Web mondial. Connexion Associer un programme Les droits d'écriture Flash-comet.com Cours version

36 Le navigateur Mozilla Les outils de Mozilla Firebug: permet de gérer son code et votre fichier CSS MeasureIt : permet de mesurer en pixel des parties de votre site ColorZilla : permet de connaitre le code couleur hexadécimal de votre site Flash-comet.com Cours version

37 Notepad ++ Ce logiciel, basé sur la composante Scintilla, a pour but de fournir un éditeur léger (aussi bien au niveau de la taille du code compilé que des ressources occupées durant l exécution) et efficace. Il est également une alternative au bloc-notes de Windows (d où le nom). Le projet est sous licence GPL. Quelques CMS Joomla Wordpress Prestashop Spip Drupal CMS Made simple Gestion de contenus Gestion de contenus E-commerce Gestion de contenus Gestion de contenus Gestion de contenus Base de donnée Mysql La majorité des CMS sont écrits en langage " PHP", le contenu des pages n'est pas présent dans les pages mais dans une base de données nommée "MSQL" MySQL est un système de gestion de bases de données relationnelles (SGBDR). Il est distribué sous une double licence GPL et propriétaire. Il fait partie des logiciels de gestion de base de données les plus utilisés au monde1, autant par le grand public (applications web principalement) que par des professionnels, en concurrence avec Oracle, Informix et Microsoft SQL Server. Flash-comet.com Cours version

38 Type d'hébergements en ligne de sites Internet Un hébergement est un espace disque sur une machine (serveur) connectée 24h/24 à internet, de telle manière que toutes les personnes désirant voir votre site puissent le faire depuis n importe quel pays et à n importe quelle heure de la journée. En fait, un hébergement peut être soit un serveur dédié (pour les grandes sociétés), un serveur virtuel VPS (pour les grands sites) ou un hébergement mutualisé (pour les sites moyens et petits). L hébergement a des caractéristiques: Comme votre ordinateur, le serveur web utilise un système d exploitation, que ce soit Linux, Windows ou autre Il faut choisir le bon système d exploitation, je recommande le Linux, plus rapide, plus sécurisé. Windows, pour les sites de Microsoft :D L espace/bande passante : Votre hébergement doit répondre aux besoins de votre site web, l espace ne doit être ni très large ni beaucoup plus petit, il doit répondre uniquement aux besoins de votre site! Si votre site n héberge aucun contenu média (Photos, audio, vidéo, ) vous n aurez pas besoin d un hébergement de plus de 100 GO, la même chose pour un site qui héberge tas de données La bande passante est la quantité des données émis par votre hébergement pendant un mois, cette dernière dépendra du trafic de votre site web, et normalement la bande passante augmente si l espace de votre hébergement augmente La vitesse/pays hébergeur : La vitesse est primordiale pour offrir à vos internautes un meilleur service, et ne pas les faire fuir Vous devez chercher l hébergeur le plus proche de votre niche de visiteurs, si vous habitez en France, et que vous ciblez des français, vous pouvez utiliser un hébergement français, pour rendre plus rapide le chargement des pages de votre site web. Côté hébergeur/support technique/service après vente : Un bon hébergeur c est celui qui offre un support technique 7/7 jrs toute la journée. Ce dernier doit vous fournir de l aide à tout moment et que ce soit vos questions Sans oublier l interface d utilisateur et services offerts Le gratuit, à éviter! Voici un conseil d or : Évitez l hébergement gratuit, c est dangereux! Si vous choisissez un hébergement gratuit, vous risquez de perdre toutes vos données, car il n existe aucun hébergeur gratuit jusqu à présent qui garanti la disponibilité de votre site web Il va venir le jour ou vous allez trouver votre site web sans hébergement Flash-comet.com Cours version

39 Les noms de domaines Comment choisir son nom de domaine Bien choisir son nom de domaine Un site web, ça a un nom (de domaine) Quel nom choisir pour vous identifier? Le choix de votre nom de domaine demande une attention toute particulière. C est en effet grâce à lui qu on vous reconnaîtra sur la Toile. Et, s il est très facile de le réserver et de le mettre en ligne, il est vraiment compliqué de changer de nom, le jour où l on n en veut plus, car il est bien ancré dans les esprits, et référencé. ou Flash-comet.com Cours version

40 Ou acheter votre nom de domaine? Gandi, Ovh, Amen, 1&1, Nfrance... Le prix varie de 5 à 15 par an Vous avez un site Internet et un hébergement, sachez qu'il est possible de rattacher plusieurs nom de domaine à un hébergement, toutefois il faut respecter quelques règles. Il existe deux moyens de brancher un nouveau nom de domaine à un hébergement : le premier, faire une redirection d'un nom de domaine vers un site existant: Inconvénient :ce nom de domaine ne pourra être pris en compte pour du référencement Avantage: procédure simple et rapide Deuxième méthode, brancher votre nom de domaine via le DNS de votre hébergement (Brancher un nom de domaine supplémentaire avec un hébergement ovh https://www.ovh.com/fr/g1332.mise-en-place-multidomaine ) Flash-comet.com Cours version

41 le principe, il faut connaitre l'adresse Ip de l'hébergement pour cela ouvrez une fenêtre de commande dos, puis tapez : ping par exemple, vous verrez apparaitre l'adresse exemple : Cette IP est gérable dans les formulaires de gestion de votre prestataire de services, ci-dessous OVH Flash-comet.com Cours version

42 Sites marchands liste des VADs Dans votre projet de site, vous avez un E-commerce, je vais essayer de vous faire gagner du temps, en dehors de paypal ou la configuration est enfantine, préférez un professionnel pour faire cette prestation, le prix moyen du marché tourne autour de 350 Euros. BANQUES EN LIGNE Frais d ouverture Abonnement mensuel Commissions par transaction Solutions % (0,15 minimum) + 0, NC ,8% + 20 /mois (100 tr.) + 0,5 /tr.supp. 0,8% + 0,15 / transaction ,8 % ,33% + 0,20 / transaction ,8 % + 0, ,5 % + 0, NC NC NC Flash-comet.com Cours version

43 Systèmes alternatifs (VAD obligatoire) ,50 50 transactions comprises 390-4%HT + 2, %banque + 0,063 (100/mois gratuites) Systèmes bancaires alternatifs de (VAD non obligatoire) - - de 2,9 à 3,4 % + 0, ,50 0,25 NC Flash-comet.com Cours version

44 Faire un Favicon dans votre site L image doit avoir une taille de 16px par 16 px Il doit avoir un format «.ico» Il doit avoir le nom : favicon.ico Vous pouvez le réaliser avec Photoshop, Gimp ou des outils en ligne. Exemple de site en ligne pour réaliser votre Favicon Flash-comet.com Cours version

45 Annexe exemple de réalisation d'un cahier des charges web Présentation du projet du site Le site réalisé présentera les laboratoires Plantaurel: L'entreprise, sa philosophie Ses services Ses produits... Le site sera conforme ( responsive) aux médias actuels, CAD : lisible sur Smartphones et tablettes. Il sera évolutif et pourra intégrer une partie E-commerce. L'analyse du contenu prendra en compte les normes des moteurs de recherche de type "Google", les informations contenues pourront être exploitées dans les divers réseaux sociaux professionnels. Il sera possible d'exploiter les informations dans une Apps (application téléchargeable depuis Google play & Apple store). Il pourra être multi-langues. Les outils, le contenu restera la propriété de l'entreprise " les laboratoires Plantaurel". Les informations, la mise à jour du contenu du site pourront être gérées par les laboratoires Plantaurel qui détiendront tous les accès et droits de l'ensemble du site. (Les Laboratoires pourront être indépendants s'ils le souhaitent) La cible : Les professionnels de la Dermocosmétologie (Laboratoires etc...) Ce site permettra l'accès à ses clients ou prospects de bénéficier d'un accès privé. Possibilité de télécharger des documents privés etc.. Nom de domaine 2 solutions, soit : La société gestionnaire du nom de domaine actuel (http://www.laboratoires-plantaurel.com/) donne la possibilité de le récupérer soit, il sera crée un nom de domaine équivalent. Exemple: il est possibile d'avoir plusieurs noms de domaine attachés à 1 site (pour information un nom de domaine coûte 10 ). Flash-comet.com Cours version

46 Hébergement Le site sera hébergé sur un serveur professionnel de type semi-dédié. L'hébergeur prend en charge une sauvegarde journalière sur 15 jours glissants. Une assistance téléphonique et mails est inclus dans le pack pour tout ce qui concerne les questions éventuelles d'hébergement, de sauvegarde, de nom de domaine etc...). Outils préconisés pour la réalisation du site Le logiciel Joomla 3 associé à Hikashop ou virtuel mart pour une évolution vers un e-commerce. Joomla vous permettra de saisir en ligne vos pages, leur contenu, d'effectuer vos modifications, de télécharger vos photos etc...et vopus procure une autonomie compléte. Pourquoi Joomla : Ce CMS a gagné les Owards du meilleur logiciel libre du monde depuis 5 ans, il est évolutif, conforme aux référencements et normes Google. Il existe des milliers d'extensions possibles à installer en fonction des besoins, des métiers ( galerie photo, droits d'accès, paniers, vidéo,...). Adapté à votre métier et aux besoins futurs d'évolutions de l'entreprise. Arborescence Menu horizontal Accueil Thème 1 Thème 2 Thème 1 Contact autant d'onglets que de rubriques et selon le nombre, il est possible d'avoir des sous menus. Menu vertical gauche ou droit Autre thème 1 Autre thème 2 Autre thème 3 Autre thème 4 Autre thème 5 Menu horizontal bas de page Mentions légales Accès clients Texte pied de page : Copyright & mentions légales Flash-comet.com Cours version

47 Couleurs *Exemple de base de couleurs Fond : à définir Feuille : à définir Menu: à définir Typo: à définir Flash-comet.com Cours version

Cahier des charges du projet de site Laboratoires du Plantaurel

Cahier des charges du projet de site Laboratoires du Plantaurel Cahier des charges du projet de site Laboratoires du Plantaurel Sommaire Cahier des charges... 2 Présentation du projet du site... 2 La cible :... 2 Nom de domaine... 2 Hébergement... 3 Outils préconisés

Plus en détail

Analyse & Gestion de projet web

Analyse & Gestion de projet web Analyse & Gestion de projet web Sommaire Contenu du cours...4 La législation...4 La Cnil...4 L accessibilité, une obligation légale...4 Google images...5 Mentions légales...5 Les conditions générales de

Plus en détail

Joomla et VirtueMart

Joomla et VirtueMart Valérie Isaksen Avec la contribution de Thierry Tardif Joomla et VirtueMart Réussir sa boutique en ligne Groupe Eyrolles, 2008, ISBN : 978-2-212-12381-4 Table des matières 1. VOTRE PROJET DE BOUTIQUE EN

Plus en détail

Réaliser une brochure

Réaliser une brochure Réaliser une brochure Quelques conseils IUT Information-Communication 5 Questions clés Qui : À qui je m adresse? Caractéristiques de la cible : si particulier (âge, sexe, CSP ), si entreprise (client,

Plus en détail

WordPress : Guide à l édition

WordPress : Guide à l édition WordPress : Guide à l édition WordPress : Guide à l édition... 1 Présentation... 2 1. Accès au site... 2 2. Le tableau de bord... 2 3. Editez les contenus... 4 Quelle est la différence entre les pages

Plus en détail

Formation Joomla 3 Réalisez votre Template

Formation Joomla 3 Réalisez votre Template Formation Joomla 3 Réalisez votre Template Flash-comet.com Cours version 2015 1 Sommaire Contenu du cours... 3 Création d'un template avec "Template Créator CK"... 3 Principe de fonctionnement... 3 Ce

Plus en détail

AgriShop Boutique en ligne

AgriShop Boutique en ligne AgriShop Boutique en ligne Version 1.1 du 02/02/2010 EDUTER-CNERTA. Ce document est propriété d EDUTER-CNERTA et ne peut être copié, reproduit par quelque procédé que ce soit, utilisé ou transmis à des

Plus en détail

1 Module 1 : feuille de style, position des blocs, nombre d éléments

1 Module 1 : feuille de style, position des blocs, nombre d éléments Plugin d'habillage d'eva-web 4 Le plugin d'habillage d'eva-web permet de : adapter la position, la taille des divers éléments la composant choisir les couleurs de fonds des divers secteurs choisir la taille,

Plus en détail

Cahier des Charges. Nom de l entreprise : Neriah Jewels Personnes à contacter dans l entreprise : Sébastien et Vincent SOMMAIRE

Cahier des Charges. Nom de l entreprise : Neriah Jewels Personnes à contacter dans l entreprise : Sébastien et Vincent SOMMAIRE Cahier des Charges Nom de l entreprise : Neriah Jewels Personnes à contacter dans l entreprise : Sébastien et Vincent SOMMAIRE 1 PRESENTATION DE L ENTREPRISE... 2 PRESENTATION DU PROJET... 2.1 ROLES...

Plus en détail

COMMENT RÉDIGER UN CAHIER DES CHARGES POUR UN SITE INTERNET?

COMMENT RÉDIGER UN CAHIER DES CHARGES POUR UN SITE INTERNET? COMMENT RÉDIGER UN CAHIER DES CHARGES POUR UN SITE INTERNET? 1. Présentation 1.1 Les coordonnées Mentionnez ici les coordonnées exactes de l entreprise ou de la collectivité (adresse postale, numéro de

Plus en détail

Bienvenue chez Spluw

Bienvenue chez Spluw 1 Bienvenue chez Spluw Ce guide présente les principales fonctions de mise en page et d édition de votre site Web. Vous y trouverez les étapes essentielles de construction de page et de mise en forme pour

Plus en détail

Créez votre premier site web De la conception à la réalisation

Créez votre premier site web De la conception à la réalisation Chapitre 1 : Introduction A. Introduction 17 Chapitre 2 : Les langages A. L objectif 21 B. L HTML 21 1. L état des lieux 21 2. Les éléments HTML 21 3. Les attributs 22 4. Les caractères 23 5. Les espaces

Plus en détail

Site Internet WWW.CAPSANTE93.FR

Site Internet WWW.CAPSANTE93.FR Site Internet WWW.CAPSANTE93.FR Table des matières Présentation du site internet de Cap Santé 93.... 3 Structure du site internet de Cap Santé 93.... 4 Les fonctions du site CAP Santé 93.... 5 L abonnement

Plus en détail

Je crée mon site Internet CERFRANCE. Guide de l utilisateur. 1- Créer mon site. 2- Voir mon site. 3- Modifier mon site. 4- Faire vivre mon site

Je crée mon site Internet CERFRANCE. Guide de l utilisateur. 1- Créer mon site. 2- Voir mon site. 3- Modifier mon site. 4- Faire vivre mon site Je crée mon site Internet CERFRANCE Guide de l utilisateur 1- Créer mon site 2- Voir mon site 3- Modifier mon site 4- Faire vivre mon site 5- Transformer mon site 1-Créer mon site : Pour créer votre site,

Plus en détail

Installer, configurer et personnaliser Joomla

Installer, configurer et personnaliser Joomla Installer, configurer et personnaliser Joomla Web Platform Installer 2.0 15/02/2010 Access IT Julien CHOMARAT jchomarat@access-it.fr http://www.sharepointofview.fr/julien Retrouvez cet atelier à l adresse

Plus en détail

MODE D EMPLOI (v1.1) DE PARUMOBILE, ÉDITEUR EN LIGNE DE SITE MOBILE

MODE D EMPLOI (v1.1) DE PARUMOBILE, ÉDITEUR EN LIGNE DE SITE MOBILE MODE D EMPLOI (v1.1) DE PARUMOBILE, ÉDITEUR EN LIGNE DE SITE MOBILE TABLE DES MATIÈRES 1. Inscription (p.3) 2. Connexion / Votre compte (p.4) 3. Édition (p.5) 3.1. Manager 3.1.1. La barre horizontale des

Plus en détail

Programme CREATION SITE INTERNET (CMS Wordpress)

Programme CREATION SITE INTERNET (CMS Wordpress) Programme CREATION SITE INTERNET (CMS Wordpress) Objectifs de la formation Apprendre à créer son site internet. Cette formation vous permettra de gérer et d'optimiser le contenu d'un blog professionnel

Plus en détail

Création de l'interface du site (template) par notre graphiste

Création de l'interface du site (template) par notre graphiste Toutes nos offres web incluent: Création de l'interface du site (template) par notre graphiste o nous la modifions jusqu'à validation de votre part Intégration (conversion du template en site internet)

Plus en détail

Manuel d utilisation de mon.vie-publique.fr

Manuel d utilisation de mon.vie-publique.fr Manuel d utilisation de mon.vie-publique.fr Sommaire Présentation Accéder à mon.vie-publique.fr Ma page : votre page d accueil personnelle Votre profil Modifier les données de votre profil Configuration

Plus en détail

PROJET «EUROSCANNING»

PROJET «EUROSCANNING» PROJET «EUROSCANNING» Bruxelles, le 14 Mai 2007 Ce document est rédigé en réponse à la demande de Monsieur Xavier WEIL concernant la conception d'un site internet destiné à présenter et promouvoir la société

Plus en détail

Devis pour la création de votre site Internet

Devis pour la création de votre site Internet Proposition commerciale Réf. : PR1408-0288 Date : 28/08/2014 Durée de validité : 30 jours Code client : CU1408-2685 Adressé à : Serial Kreative SPRL Chaussée de Tubize 208 1440 Wauthier-Braine BE0845551275

Plus en détail

Cahier des charges Site internet

Cahier des charges Site internet 1 Cahier des charges Site Internet Cahier des charges Site internet INNOCORP MADA www.innocorp-mada.com Tel: 01.80.82.88.80 contact@innocorp-mada.com 2 Cahier des charges Site Internet CONTEXTE Introduction

Plus en détail

Créer une page Google+ Pro www.croissance- internet.com

Créer une page Google+ Pro www.croissance- internet.com Créer une page Google+ Pro Développer concrètement son activité grâce à Internet Créer une page Google + Pro Créer une page «Google pour les pros» vous permettra de vous rendre immédiatement visible pour

Plus en détail

Présentation du site internet EcoleDirecte

Présentation du site internet EcoleDirecte Présentation du site internet EcoleDirecte La vie scolaire de votre enfant sur https://www.ecoledirecte.com Janvier 2013 SOMMAIRE 1 PRESENTATION DU SITE INTERNET ECOLEDIRECTE DEDIE AUX FAMILLES ET AUX

Plus en détail

Mode d emploi d artishoc mobile

Mode d emploi d artishoc mobile Mode d emploi d artishoc mobile Version gratuite Version 4 Mise à jour le 05/01/2011 Ce mode d emploi est à l usage exclusif des utilisateurs de l offre mobile gratuite d artishoc mobile. Il n a pas de

Plus en détail

Portail des communes Guide Référent ville

Portail des communes Guide Référent ville Portail des communes Guide Référent ville Services aux communes Introduction Vous êtes Référent pour votre commune et venez de recevoir vos identifiants de connexion à l ENT école. Ce document va vous

Plus en détail

Un portail-cdi avec Google.

Un portail-cdi avec Google. Un portail-cdi avec Google. Le moteur de recherche Google, tout le monde connaît. Mais Google c est aussi un ensemble de services souvent gratuits tels qu une messagerie (Gmail), un agenda en ligne, la

Plus en détail

Aide à l utilisation du logiciel IziSpot.Mobi

Aide à l utilisation du logiciel IziSpot.Mobi 1 Sommaire 1. Description logiciel (explication des menus)... 3 1.1. Description de la barre de menu... 3 2. Onglet configuration... 4 2.1. Gestion du logo... 4 2.1.1. Affichage du zoom... 4 2.1.2. Disposition

Plus en détail

Joomla : un système de gestion de contenu

Joomla : un système de gestion de contenu CHAPITRE 2 Joomla : un système de gestion de contenu Si SGC est l abréviation française pour système de gestion de contenu, l abréviation CMS de l anglais Content Management System est le terme le plus

Plus en détail

CAHIER DES CHARGES SITE WEB

CAHIER DES CHARGES SITE WEB CAHIER DES CHARGES SITE WEB Présentation de la structure : Nom de la structure : Activités principales : Contact suivi de projet : Nom : Prénom : Adresse mail : Tel1 : Tel2 : Présentation du projet : Indiquez

Plus en détail

Créer son site internet avec Jimdo

Créer son site internet avec Jimdo Présentation Jimdo: Dernière actualisation: le 17.10.2011 Créer son site internet avec Jimdo www.jimdo.com Jimdo: Un système de création de site facile et gratuit - Jimdo est un CMS en ligne qui permet

Plus en détail

THEME RESPONSIVE DESIGN

THEME RESPONSIVE DESIGN THEME RESPONSIVE DESIGN Tablettes, smartphones, netbooks, ordinateurs les résolutions d écrans sont nombreuses. Adaptez vous aux nouvelles habitudes des utilisateurs en étant visible de façon optimale.

Plus en détail

Travaux pratiques. avec. WordPress. Karine Warbesson

Travaux pratiques. avec. WordPress. Karine Warbesson Travaux pratiques avec WordPress Karine Warbesson Toutes les marques citées dans cet ouvrage sont des marques déposées par leurs propriétaires respectifs. Mise en pages réalisée par ARCLEMAX Illustration

Plus en détail

NOTICE INTERFACE WIFI

NOTICE INTERFACE WIFI NOTICE INTERFACE WIFI Notre interface d administration WIFI vous permet de : Personnaliser votre portail WIFI Gérer & paramétrer votre installation WIFI Tél : 02 40 71 71 21 Email : contact@va-solutions.fr

Plus en détail

CAHIER DES CHARGES DE REALISATION DE SITE INTERNET

CAHIER DES CHARGES DE REALISATION DE SITE INTERNET CAHIER DES CHARGES DE REALISATION DE SITE INTERNET Nom de l entreprise : Adresse : Tel : Fax : Email : Personne à contacter dans l entreprise : 1 SOMMAIRE 1 PRESENTATION DE L ENTREPRISE...3 2 PRESENTATION

Plus en détail

Le guide du référencement Avec WebGazelle CMS 2.0

Le guide du référencement Avec WebGazelle CMS 2.0 Fiche Outil : Référencement Avec WebGazelle CMS 2.0 Le guide du référencement Avec WebGazelle CMS 2.0 Le guide du référencement avec WebGazelle CMS 2.0 1/10 SOMMAIRE 1 PRESENTATION GENERALE... 3 2 LES

Plus en détail

Présentation du site internet EcoleDirecte

Présentation du site internet EcoleDirecte Présentation du site internet EcoleDirecte Mise à jour : Octobre 2013 La vie scolaire de votre enfant sur https://www.ecoledirecte.com SOMMAIRE 1 PRESENTATION DU SITE INTERNET ECOLEDIRECTE DEDIE AUX FAMILLES

Plus en détail

Cahier des charges Analyse de projet de réalisation d'un site Internet

Cahier des charges Analyse de projet de réalisation d'un site Internet Cahier des charges Analyse de projet de réalisation d'un site Internet Ce document a pour but de prendre connaissance des différents interlocuteurs (client/prestataire) qui travailleront sur le projet

Plus en détail

Sommaire. Qu est ce qu un blog? Blog / site : quelle différence? Les plateformes de blog

Sommaire. Qu est ce qu un blog? Blog / site : quelle différence? Les plateformes de blog Sommaire Qu est ce qu un blog? Blog / site : quelle différence? Les plateformes de blog Premiers pas sur Wordpress Créer un compte utilisateur Créer un blog Tableau de bord et administration Interface

Plus en détail

Création de site internet

Création de site internet Création de site internet [Nom de votre société / collectivité] - Cahier des Charges - Sommaire : 1. Présentation... 2 1.1. Les coordonnées... 2 1.2. Description de l établissement... 2 1.3. Contexte...

Plus en détail

REALISER SON CAHIER DES

REALISER SON CAHIER DES Page 0 sur 9 REALISER SON CAHIER DES CHARGES Technique et fonctionnel Avant de démarrer son site internet, il est recommandé de «poser ses idées sur le papier». Ainsi, il sera plus aisé de faire des corrections

Plus en détail

Les ateliers Numériques 2015 Je créé mon site internet en quelques clics (Wix)

Les ateliers Numériques 2015 Je créé mon site internet en quelques clics (Wix) Les ateliers Numériques 2015 Je créé mon site internet en quelques clics (Wix) Lieu et date de l atelier Qui sommes nous? Lévy En préambule Attention : nous proposons des accompagnements à la pratique

Plus en détail

Sommaire. 1 Introduction 19. 2 Présentation du logiciel de commerce électronique 23

Sommaire. 1 Introduction 19. 2 Présentation du logiciel de commerce électronique 23 1 Introduction 19 1.1 À qui s adresse cet ouvrage?... 21 1.2 Comment est organisé cet ouvrage?... 22 1.3 À propos de l auteur... 22 1.4 Le site Web... 22 2 Présentation du logiciel de commerce électronique

Plus en détail

Projet. Entreprise :. Nom :... Davelop'web Dave DELALLEAU. Cahier des charges site internet N.. 396, rue PASTEUR 33200 Bordeaux. Email :.

Projet. Entreprise :. Nom :... Davelop'web Dave DELALLEAU. Cahier des charges site internet N.. 396, rue PASTEUR 33200 Bordeaux. Email :. Davelop'web Dave DELALLEAU 396, rue PASTEUR 33200 Bordeaux 0601754512 contact@davelopweb.fr Entreprise :. Nom :... Tel :. Email :. SIREN :. SIREN : 800 073 926 Dispensé d immatriculation au registre du

Plus en détail

Conception Création Site. Web CAHIER DES CHARGES CREATION DE SITE WEB

Conception Création Site. Web CAHIER DES CHARGES CREATION DE SITE WEB Conception Création Site Web CAHIER DES CHARGES CREATION DE SITE WEB Nom de l entreprise : Adresse : Tel : Email : Personne(s) à contacter dans l entreprise : 1 CCS S.A.R.L. au capital de 45 000 RCS 434

Plus en détail

Les outils du Web* : comment ça marche et à quoi ça sert?

Les outils du Web* : comment ça marche et à quoi ça sert? Sites Web Les outils du Web* : comment ça marche et à quoi ça sert? Sites marchands, e-commerce Forums Blogs Réseaux sociaux grand public : Facebook, Twitter Réseaux sociaux professionnels : Linkedin,

Plus en détail

QUESTIONNAIRE CAHIER DES CHARGES POUR FACILITER LA CREATION DE VOTRE SITE WEB

QUESTIONNAIRE CAHIER DES CHARGES POUR FACILITER LA CREATION DE VOTRE SITE WEB QUESTIONNAIRE CAHIER DES CHARGES POUR FACILITER LA CREATION DE VOTRE SITE WEB 1. Quel est mon idée? Mon concept? Un site vitrine Un portfolio Un site de commerce 2. Quel est l objectif de mon site? 3 quels

Plus en détail

votre site web et autre stratégie digitale

votre site web et autre stratégie digitale votre site web et autre stratégie digitale 2014 SERVICES sur mesure Audit Stratégie éditoriale Production de contenu Webrédaction Blogs, réseaux sociaux Veille Community Management Accompagnement de projet

Plus en détail

LES CONTENUS : POUR ALLER PLUS LOIN

LES CONTENUS : POUR ALLER PLUS LOIN Conception et construction LES CONTENUS : POUR ALLER PLUS LOIN Sommaire 1. Les liens...3 2. Introduction...4 3. Quelles sont les fonctionnalités pour mon site e-commerce?...5 4. Comment exploiter les réseaux

Plus en détail

... 13. Présentation de la structure... 3. Enjeux... 3. Présentation du projet... 4. Cible... 4

... 13. Présentation de la structure... 3. Enjeux... 3. Présentation du projet... 4. Cible... 4 biz Table des matières... 3 Présentation de la structure... 3 Enjeux... 3 Besoins, cible et les objectifs...4 Présentation du projet... 4 Cible... 4 Quelle portée espérez-vous pour votre site? (locale,

Plus en détail

Chapitre 1 Créer votre site web avec Dreamweaver 8 11

Chapitre 1 Créer votre site web avec Dreamweaver 8 11 Chapitre 1 Créer votre site web avec Dreamweaver 8 11 1.1. Installer Dreamweaver sur votre ordinateur... 12 1.2. Découvrir l interface de Dreamweaver... 15 La manipulation de l interface... 16 La gestion

Plus en détail

Partager ses photos sur Flickr

Partager ses photos sur Flickr Flickr est un service en ligne de stockage et partage de photos racheté par yahoo en 2005. En 2010, le site hébergerait plus de 4 milliards de photos. Un grand nombre de photographes professionnels utilise

Plus en détail

Référencement et visibilité sur Internet Comment améliorer la visibilité de son site internet sur les principaux moteurs de recherche?

Référencement et visibilité sur Internet Comment améliorer la visibilité de son site internet sur les principaux moteurs de recherche? 9 Référencement et visibilité sur Internet Comment améliorer la visibilité de son site internet sur les principaux moteurs de recherche? Le trafic d un site internet Le référencement naturel Les freins

Plus en détail

site internet www.petitsfreres.asso.fr Comment devenir contributeur

site internet www.petitsfreres.asso.fr Comment devenir contributeur site internet www.petitsfreres.asso.fr Comment devenir contributeur Sommaire 1. Se connecter Les codes d accès Alimenter votre page 2. Formulaire de création d une actualité ou d un événement Utiliser

Plus en détail

SITE INTERNET. Bijouterie ANDRE FAUR

SITE INTERNET. Bijouterie ANDRE FAUR SITE INTERNET Véronique POTIN Date 24 Mars 2008 Version 1.0 Auteur Véronique POTIN Référence Site Internet FAUR Société Véronique POPTIN SOMMAIRE 1 Introduction...3 1.1 Objet du document... 3 2 Contenu

Plus en détail

Créer un site à l aide de Google Site

Créer un site à l aide de Google Site Créer un site à l aide de Google Site N Vanassche www.nathalievanassche.be Ifosupwavre Mise en contexte www.nathalievanassche.be Blog ou Google Site? La réalisation d un blog à l aide de Blogger (non traité

Plus en détail

CRÉER ET ANIMER UN BLOG

CRÉER ET ANIMER UN BLOG CRÉER ET ANIMER UN BLOG Objectifs : Créer un blog avec le logiciel wordpress, savoir le gérer, en modifier la structure, l ergonomie et les principales fonctionnalités de manière autonome 1.Définition

Plus en détail

Service e-carte Bleue

Service e-carte Bleue Service e-carte Bleue Adoptez la simplicité et la tranquillité pour tous vos achats en ligne avec le service e-carte Bleue! EN BREF Achetez en toute sécurité sur Internet sans communiquer votre numéro

Plus en détail

CAHIER DES CHARGES. Sommaire. 1 Présentation 1.1 Vos interlocuteurs 1.2 Date de remise des offres

CAHIER DES CHARGES. Sommaire. 1 Présentation 1.1 Vos interlocuteurs 1.2 Date de remise des offres CAHIER DES CHARGES Utilisation du cahier des charges : - conservez ou modifier les textes en noir. Nous avons volontairement ajouté de nombreux points ou caractéristiques dans le cahier des charges. Vous

Plus en détail

Une communication pertinente. Il ne suffit pas de savoir faire, il faut aussi le faire savoir!

Une communication pertinente. Il ne suffit pas de savoir faire, il faut aussi le faire savoir! Kit communication La boîte à outils de votre Union Commerciale Une communication pertinente Il ne suffit pas de savoir faire, il faut aussi le faire savoir! Une communication pertinente Introduction :

Plus en détail

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Atelier «pour débuter» La gestion des photos avec Windows 10 1 Généralités sur le jargon de l image numérique Les différents formats d image : une image enregistrée

Plus en détail

Présentation rapide. Intranet. Planning. Office 365. Mars 2015

Présentation rapide. Intranet. Planning. Office 365. Mars 2015 Présentation rapide Intranet Planning Office 365 Mars 2015 Informations Vous les utiliserez pour vous connecter : - A votre espace Intranet - A votre espace Office 365 - Au réseau Wifi de l IPAG - Aux

Plus en détail

Devis pour la création de votre site Internet

Devis pour la création de votre site Internet Proposition commerciale Réf. : PR1408-0287 Date : 28/08/2014 Durée de validité : 30 jours Code client : CU1408-2685 Adressé à : Serial Kreative SPRL Chaussée de Tubize 208 1440 Wauthier-Braine BE0845551275

Plus en détail

Refonte des sites internet du SIEDS

Refonte des sites internet du SIEDS Refonte des sites internet du SIEDS Formation à la rédaction de contenu 31 juin 2005 09 h 00 Salle du CA, rue Notre Dame, à NIORT Déroulement Un CMS à quoi çà sert? La gestion de contenu selon SPIP Agora

Plus en détail

Utiliser un CMS: Wordpress

Utiliser un CMS: Wordpress Utiliser un CMS: Wordpress Annie Danzart Annie.Danzart@telecom-paristech.fr Wordpress Concevoir un site web statique Concevoir un site web dynamique Choisir un hébergement Choix du CMS Wordpress: installation

Plus en détail

Note d intention : ce document est long mais en définitive ne fait pas mal

Note d intention : ce document est long mais en définitive ne fait pas mal PUBLIER DES ARTICLES SUR WWW.JETFM.ASSO.FR TUTORIEL Note d intention : ce document est long mais en définitive ne fait pas mal Il est demandé à TOUS les adhérents et ce pour chaque émission de créer un

Plus en détail

Sites web propriétaires

Sites web propriétaires Ce document est disponible à : C:\Users\pc_samba\Documents\Doc sites prop.docx Sommaire 1 Introduction... 3 2 Création du mini-site... 4 2.1 Autorisation de création... 4 2.2 Création de votre site Web...

Plus en détail

Envoyez de vraies cartes postales personnalisées

Envoyez de vraies cartes postales personnalisées La Poste, http://www.laposte.fr/, aime les nouvelles technologies et offre de plus en plus de nouveaux services en ligne afin de faciliter les démarches de ses clients. C est ainsi que la lettre recommandée

Plus en détail

STAGE2 STAGIAIRE / NIKOLAOS TSOLAKIS. 16/02/2015 : choix des outils nécessités pour l application : Didier Kolb, le maitre de stage

STAGE2 STAGIAIRE / NIKOLAOS TSOLAKIS. 16/02/2015 : choix des outils nécessités pour l application : Didier Kolb, le maitre de stage STAGE2 STAGIAIRE / NIKOLAOS TSOLAKIS 16/02/2015 : choix des outils nécessités pour l application : Didier Kolb, le maitre de stage m invite à faire une étude sur les outils qui seraient utilisés. Sites

Plus en détail

financières de Pôle Emploi Mme LE CALLONEC Sophie / M LERAY Jean Paul

financières de Pôle Emploi Mme LE CALLONEC Sophie / M LERAY Jean Paul Accompagnement Construire son site e-commerce et pas aides à pas! Mme LE CALLONEC Sophie / M LERAY Jean Paul 2- Site Internet : moyen de communication indispensable Hausse du marché e- commerce 13% (2013)

Plus en détail

Comment écrire un article pour le site HCE?

Comment écrire un article pour le site HCE? Comment écrire un article pour le site HCE? Explication courte Les explications courtes sont les meilleures. Naviguez sur http://www.hce.asso.fr/ecrire/ et laissez-vous guider par les écrans. Explication

Plus en détail

Administration du site

Administration du site Administration du site 1 TABLE DES MATIÈRES Administration du site... 1 Accéder à la console d administration... 3 Console d administration... 4 Apparence... 4 Paramètres... 5 Allez sur le site... 5 Edition

Plus en détail

Création de site Web à l aide de l outil SimpliSite

Création de site Web à l aide de l outil SimpliSite Centre de documentation sur l éducation des adultes et la condition féminine (CDÉACF) Création de site Web à l aide de l outil SimpliSite Par François Dallaire CDÉACF Décembre 2006 Création de site Web

Plus en détail

Optimiser le référencement naturel de son site web

Optimiser le référencement naturel de son site web Rodez, le 15 avril 2011 Les moteurs de recherche Les moteurs utilisés dans le monde Les moteurs utilisés en Europe Où clique un internaute? Référencement «payant» 35-40% des clics sur Google Référencement

Plus en détail

Félicitation, votre site est créé!

Félicitation, votre site est créé! Guide de démarrage e-monsite.com Félicitation, votre site est créé! Vous avez fait le plus difficile. A présent, découvrez comment administrer votre site web. 1 Comprendre l interface du manager de votre

Plus en détail

Débuter avec WordPress 1/5

Débuter avec WordPress 1/5 Débuter avec WordPress 1/5 Penser son future site internet Avant de commencer la construction d un site, pour gagner du temps, essayé de penser comment se présentera ce site, voir même de l esquisser sur

Plus en détail

AIDE A LA REDACTION CAHIER DES CHARGES DE REALISATION DE SITE INTERNET

AIDE A LA REDACTION CAHIER DES CHARGES DE REALISATION DE SITE INTERNET AIDE A LA REDACTION CAHIER DES CHARGES DE REALISATION DE SITE INTERNET 30670 Aigues-Vives info@co-medias.com http://www.co-medias.com Tèl. : 04.66.80.21.25 Port : 06.69.30.72.57 Nom de l entreprise : Adresse

Plus en détail

Personne à contacter : Françoise LE GUERN

Personne à contacter : Françoise LE GUERN Mairie de Guingamp 1 place du Champ-au-Roy BP 50543 22205 GUINGAMP cédex Tél : 02 96 40 64 40 Fax : 02 96 44 40 67 Email : mairie@ville-guingamp.com Personne à contacter : Françoise LE GUERN SOMMAIRE 1

Plus en détail

P ROJET DE SI TE INTERNET NON COMMERCI AL DE MR/ MME/ MELLE (Votre nom)

P ROJET DE SI TE INTERNET NON COMMERCI AL DE MR/ MME/ MELLE (Votre nom) P ROJET DE SI TE INTERNET NON COMMERCI AL DE MR/ MME/ MELLE (Votre nom) Avant de répondre à ce questionnaire, nous vous demandons de bien vouloir lire attentivement les Conditions Générales de vente. Questionnaire

Plus en détail

Documentation Utilisateur SEO EXPERT

Documentation Utilisateur SEO EXPERT Documentation Utilisateur SEO EXPERT SEO EXPERT est un module très complet qui vous aide à optimiser rapidement le référencement naturel de votre boutique sur les principaux moteurs de recherche mais aussi

Plus en détail

Refonte du site internet de la Ville d Etrépagny www.etrepagny.fr

Refonte du site internet de la Ville d Etrépagny www.etrepagny.fr Rue Maréchal Foch B.P. 11 27150 ETREPAGNY Refonte du site internet de la Ville d Etrépagny www.etrepagny.fr CAHIER DES CHARGES Marché passé sans formalité préalable selon procédure adaptée. Pouvoir adjudicateur

Plus en détail

Présentation générale

Présentation générale Présentation générale Izi-média est une solution facile, immédiate et à portée de tous Vous avez besoin de réaliser des sites web simples ou des sites évènementiels? Izi-media est la solution faite pour

Plus en détail

2.1 Bien cerner le site et le concevoir sur de bonnes bases : - quel est l objectif du site?

2.1 Bien cerner le site et le concevoir sur de bonnes bases : - quel est l objectif du site? A quoi sert le cahier des charges? Un cahier des charges est un document contractuel définissant de façon exhaustive ce que le commanditaire attend de la réalisation d un produit ou d un service. Le cahier

Plus en détail

Étape 1 / CHOISIR UN HÉBERGEMENT

Étape 1 / CHOISIR UN HÉBERGEMENT expérience HÉberger son blog Wordpress Pour des projets modestes ou si on veut juste s essayer à la publication en ligne, on peut créer un blog chez un hébergeur clés en mains et gratuit (ex: Blogger,

Plus en détail

Cahier des charges modèle

Cahier des charges modèle VErSIon 1 - JuIn 2012 offert PAr www.en-haut.be Et www.valls.be Cahier des charges modèle nom de votre entreprise :... Date de rédaction :... Personnes participants à la rédaction :... E-mail de contact

Plus en détail

TRAME POUR LA REALISATION D UN CAHIER DES CHARGES SITE WEB

TRAME POUR LA REALISATION D UN CAHIER DES CHARGES SITE WEB TRAME POUR LA REALISATION D UN CAHIER DES CHARGES SITE WEB 2 Trame cahier des charges site Web Vous êtes une entreprise, une collectivité, une association, et vous souhaitez faire réaliser un site web.

Plus en détail

LISTES DE DISTRIBUTION GÉRÉES PAR SYMPA DOCUMENT EXPLICATIF DE L'INTERFACE WEB À L'INTENTION DES ABONNÉS

LISTES DE DISTRIBUTION GÉRÉES PAR SYMPA DOCUMENT EXPLICATIF DE L'INTERFACE WEB À L'INTENTION DES ABONNÉS LISTES DE DISTRIBUTION GÉRÉES PAR SYMPA DOCUMENT EXPLICATIF DE L'INTERFACE WEB À L'INTENTION DES ABONNÉS MAI 2013 Table des matières 1. Introduction... 3 2. Interface d accueil... 4 2.1. Zone d authentification...

Plus en détail

Guide de l administrateur de rubriques du site communal d ORCHAISE

Guide de l administrateur de rubriques du site communal d ORCHAISE Guide de l administrateur de rubriques du site communal d ORCHAISE Sommaire Comment est organisé le site?... 1 Comment accéder à l interface privée?... 2 Comment se connecter?... 2 Comment modifier son

Plus en détail

Cahier des charges Site Web

Cahier des charges Site Web Cahier des charges Site Web SEW Site En Wordpress Http://site-en-wordpress.com Merci de remplir le formulaire ci-dessous, afin que nous puissions cerner et répondre au mieux à votre demande. Le cahier

Plus en détail

PRETASHOP. Etre à l'aise avec l'utilisation d'un ordinateur et d'internet. Maitriser les bases de Microsoft Word.

PRETASHOP. Etre à l'aise avec l'utilisation d'un ordinateur et d'internet. Maitriser les bases de Microsoft Word. PRETASHOP LES OBJECTIFS : Vous verrez comment installer Joomla! localement puis sur un serveur distant, concevoir l organisation de votre site, rédiger vos premiers articles, maitriser les feuilles de

Plus en détail

OPPassessment Guide d utilisateur

OPPassessment Guide d utilisateur OPPassessment Guide d utilisateur SOMMAIRE 1. Se connecter... 3 2. Changer de mot de passe... 5 3. Créer une nouvelle campagne... 7 4. Envoi de questionnaires... 8 5. Commande de rapports à partir d un

Plus en détail

www.riaq.ca de Microsoft NIVEAU 2 Initiation à une messagerie Web en ligne.

www.riaq.ca de Microsoft NIVEAU 2 Initiation à une messagerie Web en ligne. NIVEAU Initiation à une messagerie Web en ligne. de Microsoft Windows Live Mail peut vous aider à classer tout ce qui vous intéresse au même endroit sur votre PC. Ajoutez et consultez plusieurs comptes

Plus en détail

Créer votre Site Internet

Créer votre Site Internet Créer votre Site Internet 1. Présentation et déroulement du stage 2. Définition du contenu 3. Choix du nom de domaine 4. Choix de l'hébergeur 5. Installation de Joomla 6. Paramétrage de Joomla 7. Création

Plus en détail

Leçon N 5 PICASA Généralités

Leçon N 5 PICASA Généralités Leçon N 5 PICASA Généralités Avec cette leçon N 5, nous allons commencer l étude du traitement de vos photos avec le logiciel de GOOGLE, PICASA, que vous avez téléchargé dans la leçon N 3. 1 Présentation

Plus en détail

Analyse comparative de trois sites d e commerce

Analyse comparative de trois sites d e commerce Analyse comparative de trois sites d e commerce M1105 Par Benjamin ANDRE Romain LUTIC - Jérémy MONIER (A/B) I/ Analyse des sites Amazon.com 1 ère 1 ère impression bonne, site épuré, bien organisé, on reconnait

Plus en détail

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. 1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de

Plus en détail

Créer un site internet (ou des pages)

Créer un site internet (ou des pages) Ce qu il faut savoir avant de commencer Driss SABRI Une page Web est un outil de communication pour lequel on a des contraintes spécifiques 1. avant d en créer il faut se poser les questions habituelles

Plus en détail

Livret d accueil web. Gérer votre site Ace Crédit en toute simplicité! 11 Place Jean-Paul II 57000 METZ T : 03 87 30 55 89 www.is-webdesign.

Livret d accueil web. Gérer votre site Ace Crédit en toute simplicité! 11 Place Jean-Paul II 57000 METZ T : 03 87 30 55 89 www.is-webdesign. Livret d accueil web Gérer votre site Ace Crédit en toute simplicité! 11 Place Jean-Paul II 57000 METZ T : 03 87 30 55 89 www.is-webdesign.com 1 Sommaire 1. Comment me connecter à l administration? 2.

Plus en détail