Télécharger la présentation
La présentation est en train de télécharger. S'il vous plaît, attendez
Publié parFlorent Simoneau Modifié depuis plus de 6 années
1
Créer un site internet Formation à l’Espace Public Numérique dans la médiathèque de Jacob-Bellecombette
2
Qu’est-ce qu’un site? Un site internet (ou site web), accessible grâce à une adresse (par exemple est un ensemble de pages comprenant des informations Les sites internet ont besoin d’être hébergés, c’est-à-dire stockés, sur des serveurs (gros disques durs). Il est donc nécessaire d’acheter un espace de stockage pour héberger son site internet. Il peut également être nécessaire d’acheter un nom de domaine, c’est-à-dire l’adresse à laquelle on trouvera le site (exemple : Google a acheté l’adresse pour qu’ils en soient les seuls propriétaires Créer un site internet à l’EPN de Jacob-Bellecombette
3
Des solutions pour héberger
Pour héberger son site internet, on peut donc faire appel à des sociétés spécialisés dans ce domaine, comme OVH (pour donner une idée des tarifs, chez OVH, l’hébergement d’un site personnel coute 1,79€/mois) On peut également héberger son site internet chez soi, mais cela est relativement compliqué et a un cout en terme d’électricité Enfin, certains sites proposent d’héberger gratuitement des sites, avec une limite dans le choix de l’adresse Créer un site internet à l’EPN de Jacob-Bellecombette
4
Wordpress Wordpress est un système de gestion de contenu (CMS) libre et gratuit. Il s’agit donc d’un logiciel accessible par tous et qui peut être installé chez soi comme bon nous semble Le site WordPress.com, lui, propose un service d’hébergement gratuit pour que n’importe qui ait accès à l’éditeur de sites Wordpress Créer un site internet à l’EPN de Jacob-Bellecombette
5
S’inscrire sur Wordpress.com et choisir sa page d’accueil
Pour créer un site gratuit, il faut se rendre sur wordpress.com, puis cliquer sur « commencer » On nous demande d’abord quel genre de site et quelle page d’accueil on veut créer : une page d’accueil pour un site (de manière classique, une page d’accueil, avec un menu en haut de la page qui mène à différentes pages), ou bien des pages d’accueil pour blogs qui listent les articles qu’on vient d’écrire, sous forme de liste ou de tableau Créer un site internet à l’EPN de Jacob-Bellecombette
6
Choisir un thème Le thème est l’apparence générale que va avoir notre site : ses couleurs générales, l’apparence des menus, des boutons… Le thème est donc l’élément principal qui décidera de l’esthétique du site. Il faut donc choisir un thème qui nous plait Pas besoin de paniquer, le thème pourra être changé plus tard si vous changez d’avis Créer un site internet à l’EPN de Jacob-Bellecombette
7
Choisir un nom de domaine
Le nom de domaine est donc l’adresse que tapera un utilisateur pour accéder à notre site web. Il s’agit d’une certaine manière de la carte d’identité du site (par exemple, on identifie tout de suite Google grâce à son adresse Il faut donc choisir un nom de domaine parlant qui pourra donner une idée du contenu de votre site directement à sa lecture A noter : dans sa version gratuite, l’adresse de notre site comportera forcément la mention « .wordpress.com » Créer un site internet à l’EPN de Jacob-Bellecombette
8
Choisir son offre Lors de l’étape suivante, Wordpress.com propose différentes offres. Il est en effet possible de payer des services supplémentaires sur Wordpresse.com qui permettront d’avoir plus d’options que la version gratuite Dans le cadre d’un petit site internet personnel, les options proposées par la formule payante ne sont pas nécessaire et on peut donc se contenter de choisir l’option « start with gratuit » Créer un site internet à l’EPN de Jacob-Bellecombette
9
Créer son compte Comme pour la majorité des sites internet, il est nécessaire de se créer un compte pour accéder au service Il faudra donc renseigner une adresse mail, ainsi qu’un mot de passe Ce sont ces identifiants qui serviront à se connecter sur votre site internet pour le modifier dans le futur Créer un site internet à l’EPN de Jacob-Bellecombette
10
Premier contact avec votre site
Une fois inscrit et l’adresse mail validée, une fenêtre affiche votre site internet, avec un menu présent sur la gauche. C’est par ce menu qu’on passera pour effectuer des modifications sur le site Il est possible de modifier notre site internet grâce au bouton en haut à gauche « Mon site » On peut ensuite utiliser le bouton personnaliser, situé sur la ligne « thèmes » afin de changer certaines options de base du site Créer un site internet à l’EPN de Jacob-Bellecombette
11
Gérer les options du thème
Chaque thème propose différentes options, qu’on pourra retrouver sur le bouton « personnaliser » à gauche de l’écran d’accueil On pourra y changer de nombreuses options et il est intéressant d’aller regarder chaque paramètre disponible pour régler au mieux son site internet On pourra ainsi changer le titre du site, sa couleur dominante, les polices, l’image d’en tête ou encore les menus Une fois les options modifiées, cliquer en haut à gauche sur « enregistrer & publier » Créer un site internet à l’EPN de Jacob-Bellecombette
12
Penser à la structure du site
Il est important de penser à la structure de son site, c’est-à-dire la manière dont les pages s’arrangeront entre elles En d’autres termes, il peut être utile de préparer sur un papier des noms de menus, de pages ou de sous pages pour bien s’y retrouver Il est conseillé de choisir des noms de menus facilement compréhensibles avec des titres évocateurs Créer un site internet à l’EPN de Jacob-Bellecombette
13
Créer du contenu Un site internet doit avoir un contenu intéressant. Il existe une multitude de sites internet, et il faut donc proposer du contenu original et de qualité pour se démarquer On peut également créer un site juste pour ses amis ou ses proches et l’originalité du contenu est donc moins importante Si on veut tenir un blog, il faut en général publier du contenu régulièrement pour garder ses lecteurs intéressés Créer un site internet à l’EPN de Jacob-Bellecombette
14
Créer des pages ou des articles
Selon le type de site internet qu’on a choisi, on pourra créer des pages (qui seront statiques et présenteront du contenu informatif) ou des articles (qui seront plus dynamiques et permettront aux visiteurs du site de commenter…) Une page ou un article sont en général constitués de texte et de médias (photos, vidéos ou formulaires) Le texte doit être clair, lisible et aéré. On pourra utiliser les options de mise en forme de wordpress.com pour que le texte soit agréable à lire Créer un site internet à l’EPN de Jacob-Bellecombette
15
Les options de publication de pages
Lorsqu’on crée une page ou un article, il faut tout d’abord lui donner un titre On pourra ensuite y taper du texte et le mettre en forme grâce aux options présentes au centre de la fenêtre On peut utiliser le bouton + situé en haut à gauche de l’écran pour ajouter une image, une vidéo ou du son… On peut également ajouter un formulaire qui permet aux lecteurs du site de nous contacter A droite de l’écran, la colonne « paramètres de l’article » permet d’ajouter quelques options Une fois la page terminée, cliquer sur « mettre à jour » ou « publier » pour enregistrer la page Créer un site internet à l’EPN de Jacob-Bellecombette
16
Bien gérer ses menus Les menus représentent la structure du site, la manière dont les pages s’arrangent entre elles. Lorsqu’on crée une page, on peut choisir dans quel menu elle s’intégrera grâce à l’option « Attributs de la page » On pourra ainsi décider si notre page se situera en « premier niveau », c’est-à-dire dans la ligne de menus, ou bien si elle aura une page parent, c’est-à-dire qu’il s’agira d’une sous page On peut également gérer les menus dans les options du thème Créer un site internet à l’EPN de Jacob-Bellecombette
17
Les médias On désigne par médias les images et les vidéos qu’on va ajouter sur notre site pour le rendre plus attractif On peut retrouver toutes les images qu’on a mises en ligne dans le menu d’options « médias ». On peut supprimer ou ajouter des photos, ou encore les modifier, après avoir cliqué dessus, pour leur donner un titre, une légende… Attention, dans sa version gratuite, Wordpress.com ne propose un espace de stockage que de 3 Gb, donc le nombre de photos qu’on pourra mettre sur le site est limité Créer un site internet à l’EPN de Jacob-Bellecombette
18
Les droits relatifs aux images
Attention! Lorsqu’on met une image en ligne, il faut avoir le droit de le faire. Privilégier ainsi les photos personnelles, en s’assurant de l’accord des personnes qui sont dessus On peut également mettre sur son site des images libres de droits (licence Creative Commons). On peut notamment en retrouver sur des sites comme pexels, wikimedia commons, stock-up, visual hunt ou pixabay Créer un site internet à l’EPN de Jacob-Bellecombette
19
Le référencement A partir du moment où on a choisi un nom de domaine et créé un compte, notre site est en ligne est accessible à tous pour peu qu’on connaisse son adresse Lorsqu’on ajoute du contenu sur le site et que des personnes le visitent, les moteurs de recherche le référencent et il peut apparaître dans la liste des résultats quand on effectue une recherche On peut améliorer le référencement de notre site en mettant des mots-clés, en donnant des titres à nos images, ou bien lorsqu’un lien vers notre site est effectué depuis un autre site à bonne réputation Créer un site internet à l’EPN de Jacob-Bellecombette
20
Accéder à son site Pour accéder à son site, on peut taper directement son adresse (ou nom de domaine), choisi précédemment, ou bien effectuer une recherche dans un moteur de recherche, mais cela ne fonctionnera que si le site est déjà bien référencé Lorsqu’on se situe sur le site, un petit bouton en bas à droite qui représente des points de suspension nous permet de remodifier le site Il faudra alors s’identifier à l’aide de son mot de passe précédemment choisi Créer un site internet à l’EPN de Jacob-Bellecombette
21
Prochaines séances! Montage de vidéos/diaporamas
Mardi 20 juin (18h-20h) Mercredi 21 juin (10h-12h) Vendredi 23 juin (14h-16h) Créer un site internet à l’EPN de Jacob-Bellecombette
Présentations similaires
© 2024 SlidePlayer.fr Inc.
All rights reserved.