je créé mon site internet en quelques clics (wix) · internet, page du site, mail, ou document)....

37
Je créé mon site internet en quelques clics (Wix) Lieu et date de l’atelier Les ateliers Numériques 2015

Upload: others

Post on 14-Sep-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Je créé mon site interneten quelques clics (Wix)

Lieu et date de l’atelier

Les ateliersNumériques 2015

Page 2: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Qui sommes nous ?

Lévy

Page 3: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

En préambuleAttention :

nous proposons des accompagnements à la pratique du numérique et àl'appropriation des nouveaux outils du web, et non des formations

(nous ne pourrons donc pas délivrer d'attestation de formation).

Attention BIS :SAV possible (dans la mesure du raisonnable) mais ..

Faire à votre place … IMPOSSIBLE

Page 4: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Et vous ?

Qui êtes vous ?Où en êtes avec (thématique de l’atelier) ?Pratiquez-vous ?En avez-vous peur ?

Page 5: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Réunion avec un commercialInfographieDéveloppementPrésentationFormationMis en ligneRéférencement

Les agences web (voir liste)

A savoir : avant de se lancer soi-même : comment procède une agence web ?

Page 6: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Le cahier des charges

Le cahier des charges est un document rédigé parl’entreprise qui est transmis aux prestatairesintéressés dans le but de faire une offre commercialepour la réalisation d’un site internet.

Source : infocahierdescharges.com

Page 7: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Le cahier des charges pour unsite web

Évaluer :

les différents prestataires

Votre structure et vos cibles

Les contraintes techniques et organisationnelles

Le contenu du site et les ressources disponibles(photo, vidéo)

Votre Budget

Page 8: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Bâtir son site web en 5 étapes :

Étape 1 : Votre stratégieÉtape 2 : La conceptionÉtape 3 : La productionÉtape 4 : La mise en ligneÉtape 5 : La maintenance

Page 9: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Étape 1 : Votre stratégie

Pour réaliser votre site internet :

vous devrez savoir traduire, comprendre lesbesoins du client afin de déterminer lesdifférentes cibles.Cible, objectifs pour concevoir lesfonctionnalités et le design de votre siteWeb.

Dans le but d’augmenter votre Chiffred’affaires.

Page 10: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Pêcher là où il y a du poisson !

photo : nextinpact.com

Page 11: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Étape 2 : La conception

Créer l'arborescence c’est à dire le squelettedu site.

Établir également un cahier des charges.

Page 12: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Un site adapté à la demandetouristique

Page 13: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

La place des SmartphonesEt des tablettes

La démocratisation du smartphone et de la tablette.

Page 14: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Outil pour concevoirl’arborescence

Page 15: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Étape 3 : La production

Réalisation technique : le fond et la forme dusite internet en s’adaptant à la demandetouristique.

Page 16: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Les systèmes de gestion decontenu (CMS en Anglais)

Exemples de SGC

Un système de gestion de contenu est un logiciel qui permet deconcevoir un site internet ainsi que sa mise à jour.La plupart ont des versions gratuites et payantes offrant plus defonctionnalités.

Page 17: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Étape 4 : La mise en ligne

Un hébergeur est un prestataire capable de fournir :Un serveur permettant le stockage du site.

La connexion internet performante permettant l’accès au site.

Page 18: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Exemple d’OVH

Page 19: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Différents tarifs

Page 20: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Étape 5 : La maintenance

Analyse de vos résultats :Avez-vous plus réservations?Avez-vous augmenté votre Chiffre d’Affaires ?

Outil de Mesure de l’audience:

Une règle essentielle tenir à jour votre site Internet et publierdu contenu !Le référencement !

Page 21: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Wix

Page 22: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Interface principale

Page 23: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

● En accédant à la gestion de son site il est possible de l’administrer.● Interface de gestion pour les informations générales● Nombreuses actions possibles grâce aux raccourcis utiles

Page 24: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Raccourcis de gestion du site.

Les plus importantes

Modifier : permet d’accéder au CMSRenommer : permet de changer l’adresse de son site !!!

Il est possible de passer à une formule payante qui offriraplus de fonctionnalités.

On peut aussi investir dans un nom de domaine quipermettra d’avoir une vraie adresse url sans Wix

Page 25: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Interface principale● CMS : c’est l’interface de création du site● Principe du drag&drop● Facilité de prise en main● Menu d’édition pour aligner les éléments et annuler les actions● Menu d’administration pour gérer ses pages et les éléments qu’elles

contiennent

Page 26: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Il est important de bien renseigner toutes les infos afin d’optimiser son site,notamment pour le référencement

Nom de la page : telqu’il apparaîtra dans lemenu

Adresse de la page :telle qu’elle apparaîtradans l’url

Paramètres de référencement : permettent derenseigner le titre et la description de la page ainsi queles mots clés !!! Essentiel pour un bon référencement

Page 27: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Design : modifiel’ensemble despropriétés du site. Il sedivise en 3 sousrubriques offrant delarge possibilités depersonnalisation

Je vous invite à tester les différentes possibilités afin detrouver quelque chose qui correspond à vos attentes maisaussi et surtout aux tendances en terme de design. Ne pas

hésiter à faire de la veille et à faire évoluer votre site.

Page 28: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Le menu + vous permet d’ajouter tout le contenusur vos pages :

● Texte● Photos● Galeries et diaporamas● Vidéos, sons ou documents● Formes variées● Boutons pour notamment créer des liens internes

ou externes● Blog : pour ajouter un blog au site et publier des

articles sur l’actualité de votre structure● Vous pouvez si vous le souhaitez ajouter une

boutique● Nombreux modules pour intégrer les réseaux

sociaux● Apps : ajout de carte, formulaires de contact

Privilégié le plus possible les images et les vidéos maissans omettre les textes. Ceux-ci sont importants carc’est ce qui sert à Google pour le référencement.

Page 29: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Wix dispose d’une boutique vous permettant d’ajouter des fonctionnalités supplémentaires au cas où cellesproposées par défaut nous vous conviendraient pas.

Attention certainesapplications sontpayantes. D’autressont gratuites à labase maisdeviennent payantessi l’on souhaite allerplus loin.

A vérifier en dessousde chaqueapplications

Page 30: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Le menu “Paramètres” :● Modifier les informations concernant le site :● Son titre,● La description● Les mots clés, utiles pour le référencement.

Attention à bien autoriser Google à indexer le site.

Vous pouvez aussi renseigner votre page Facebook pouraméliorer l’intégration du réseau social sur votre site.

Statistiques : par défaut Wix ne bénéficie pas d’analyses defréquentation. Il faut passer à un forfait payant pour pouvoirutiliser Google Analytics.

Favicon : il s’agit de l’image qui apparaît sur l’onglet, à côté dunom du site.

Page 31: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Les menus contextuelsUne fois les éléments en place, il est possible d’en modifier les propriétés ou l’aspect à l’aide desmenus contextuels. Ceux-ci apparaissent en cliquant sur l’élément que l’on souhaite éditer.

Concernant les textes le menu est assez simple on peut cliquer sur modifierpour accéder à l’éditeur, ou ajouter une animation pour l'apparition du bloc detexte.

Page 32: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Lorsque l’on souhaite modifier du texte on dispose d’un éditeur assez proche de ceque l’on peut trouver dans un logiciel comme Word.

FonctionnalitésChanger la police, sa taille, ses attributs (gras, italique, souligné) ou sa couleur.

Création des liens (externes ou internes) sur du texte en utilisant le “maillon dechaîne”.

Concernant le texte il faut faire attention aux types de police choisies il est essentiel dene pas en avoir plus de 3 différentes sur un même site afin de ne pas nuire au confortde lecture.

Page 33: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

● Créer des liens à l’aide de boutons● Cela est plus esthétique que sur du texte.● Cliquer sur “Connecter à”● Sélectionner ce vers quoi l’on souhaite renvoyer (site

Internet, page du site, mail, ou document).

Changer Style :● Personnaliser la forme du bouton,● Son aspect,● La couleur,● Les ombres● L’aspect du texte à l’intérieur.

Les boutons en bas des menus contextuels :● Copier/coller● Mettre en arrière ou en avant. En effet, dans Wix vous

pouvez superposer les éléments.

Page 34: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Merci de votre attention !

Page 35: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

5 minutes pour …

Enquête de satisfaction à l’issu decet atelier

http://bit.ly/SatisfactionAtelierEtourisme_ArdechePleinCoeur

Page 36: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Merci de votre attention !

Page 37: Je créé mon site internet en quelques clics (Wix) · Internet, page du site, mail, ou document). Changer Style : Personnaliser la forme du bouton, Son aspect, La couleur, Les ombres

Les Animateurs numériques de TerritoireArdèche Plein Cœur

[email protected]