CRÉER SON SITE INTERNET. Créer son site Internet. Méd de Roanne. FG 16/09/08

Transcription

1 CRÉER SON SITE INTERNET 1

2 Tout d abord, nous allons réviser quelques notions de base permettant de comprendre ce qu est un site Internet, et ce que cela implique. Dans un second temps, le lien ci-après vous permettra d obtenir d avantage de détails : Cliquez ici. ( 2

3 Rappel Un site web, c est en fait une série de mises en pages écrites (photos, textes etc.) que l on va transmettre sur un serveur. (Ordinateur puissant relié 24h/24 au réseau Internet). Pour cela, il faut dans un premier temps: Avoir des choses à écrire, et avoir Internet. On peut : avoir envie de vendre des produits, ou avoir envie d offrir de l information uniquement. Ce dernier point n est pas anodin, la mise à disposition d informations demandant une rigueur particulière et une bonne connaissance du sujet si possible. En effet, de l ordonnancement de votre site et de sa souplesse de navigation dépendra sa qualité. 3

4 La première page Nb : La mise en page pure d un site web (l ordonnancement de ses pages) demande une expérience préalable dans le domaine de la mise en page. Aussi, nous n aborderons pas le sujet ici. Si vous ne vous sentez pas de partir sur un tel travail, créez plutôt un Blog, ce sera plus simple. (Cf. autre tutoriel). Pour rédiger sa première page Web, on a deux solutions : - Partir d une page blanche du logiciel Word ou Wordpad. Et l enregistrer sous format HTML. (Le format de page web.) - Partir d un logiciel de mise en page web directement. Le plus souvent cité est Dreamweaver, mais il en existe des gratuits. 4

5 Attention : Dans tous les cas, les pages créées le seront sur votre ordinateur, puis devront être ensuite transférées grâce à ce qu on appelle un logiciel de transfert. (FTP, pour «File transfert Protocole») sur le serveur de votre hébergeur. Il est impératif au stade de la première page de créer ce qu on appelle le fichier «Index», c està-dire la page d accueil de votre site. Ce fichier nommé «index.html» devra impérativement se trouver à part des autres pages et autres dossiers créés. 5

6 Exemple : Dans le dossier «Mon site» que vous allez créer dans votre ordinateur, la première page «Index» (ici créée avec Word) sera seule, éventuellement accompagnée d une image jpg (par exemple), mais tous les autres textes et documents devront se trouver rangés à part dans d autres dossiers. Si l image «Flash », était rangée dans le dossier «Photo» par exemple, elle ne pourrait apparaître sur votre page d accueil. 6

7 Hébergement du site A partir de cette donnée essentielle de démarrage, vous allez pouvoir confirmer l hébergement de votre site auprès de votre hébergeur. (Et donc le mettre «en ligne».) 2 solutions : soit vous créez vos pages chez votre fournisseur «habituel» (Orange, Free ), auquel cas celui-ci vous explique comment créer votre «répertoire». 7

8 Sur la page d accueil de votre fournisseur Internet (ici Orange), vous vous rendez sur la rubrique «Pages perso». (Une fois connecté évidemment avec votre identifiant.) 8

9 Orange vous propose trois solutions : «Débutant, Confirmé, Premium», allant d une solution accompagnée de 100 Mo, en passant par un espace de stockage de 100 Mo beaucoup plus libre, jusqu à la dernière solution, payante, la plus importante : 150 Mo d espace, pour 9 euros TTC/mois. Cliquons sur «Créer un site». 9

10 Une fois que vous avez cliqué sur «Créer un site», vous devez lire et accepter les conditions. A gauche, un manuel de référence vous est proposé afin de vous aider. 10

11 Nb : Ce tutoriel d explication en ligne est aussi téléchargeable en PDF. Il vous guidera à l aide de textes et tableaux. Il faudra cependant bien évidemment être capable de le comprendre. Car rien n est totalement simple. Nous sommes dans de la création, ne l oublions pas. 11

12 Voilà ce qui s affiche sur Orange lorsque l on a créé une adresse avec la solution «Confirmé». Dans tous les cas, il aura fallu trouver un nom de site, qui prendra la forme : On vous explique ensuite qu il vous faut cependant télécharger un logiciel FTP afin de transférer vos pages sur le serveur Orange. 12

13 Les outils Pour trouver les outils qu il vous faut, un site incontournable : Clubic.com Dans la rubrique «Télécharger», recherchez les mots clé : «Logiciel FTP» et «Création de pages web». Clubic vous proposera toute une liste de logiciels (la plupart gratuits). 13

14 Le transfert FTP Une fois votre page créée, (le fameux «Index.html», pour commencer, il ne vous reste plus qu à l envoyer sur le serveur concerné. Orange vous a évidemment donné des identifiants : login et mp pour réaliser ce transfert. Ensuite, un simple copier-déposer dans la fenêtre de ce logiciel. (Attention : Dans les bons dossiers!), et une mise à jour «Rafraichissement» de celui-ci et de votre navigateur Internet permettra de visualiser les pages sur le web. 14

15 Ici Fetch est le logiciel de transfert utilisé. Un exemple de transfert de dossiers : à gauche les dossiers de votre ordinateur, à droite, la fenêtre du logiciel FTP. Un simple cliquer-déposer à droite amène le fichier ou dossier sur le serveur connecté (ici perso-ftp.orange.fr), afin de mettre le site à jour. 15

16 Vous n aurez normalement plus à revenir sur cette page une fois le site créé, sauf pour constater éventuellement l espace de stockage restant. (Ici : à peine 36 Mo.) ou effectuer des modifs (adresse, etc.) 16

17 Vous pouvez aussi choisir de créez vos pages chez un autre hébergeur, (payant), qui vous proposera d avantages de services. (Achat de noms de domaine, plusieurs comptes de messagerie, plus d espace de stockage etc.) Une recherche sur le web vous permettra de trouver des services. 17

18 Nom de domaine On a vu que lorsque vous êtes hébergés par votre fournisseur d accès Internet, l adresse de votre site web possède une forme «imposée», de type : Le nom de domaine est : pagesperso-orange.fr Vous avez la possibilité d acheter un autre nom de domaine, qui se «collera» (à votre demande) sur l adresse, rendant invisible aux visiteurs le nom en «perso-orange.fr». Il suffira de demander cela à votre fournisseur de nom de domaine. Cet achat a pour avantage de personnaliser votre site, et de le rendre plus accessible lors d une recherche sur Internet. (Adresse URL plus simple aussi.) 18

19 Un exemple de page d accueil de site web hébergé chez Orange. Notez l adresse URL propre à Orange. 19

20 Notez maintenant la même page, avec un nom de domaine différent, personnalisé. (Celui-ci a été acheté.) Mais c est toujours Orange qui héberge le site. 20

21 Propriété 1) Ce nom de domaine, on l a vu, vous pouvez l acquérir auprès de services en ligne que vous trouverez en tapant «Nom de domaine» dans la barre de recherche de votre moteur favori. Attention cependant : ce nom de domaine ne vous appartiendra que durant le temps où vous payerez votre facture! On vous spécifiera d abord si ce nom de domaine n est pas réservé. Si c est le cas, vous ne pourrez l acheter. 2) Tout ce que vous mettrez en ligne sur votre site devra respecter le droit international du code de la propriété intellectuelle. A savoir que tout image, son, texte mis à disposition ne respectant pas cette loi pourra entrainer la fermeture de votre site. Ne «psychotons» pas trop, mais il faut l avoir en mémoire. 21

22 Référencement Votre site étant maintenant créé, il va falloir le rendre «visible» à l ensemble des utilisateurs du web. Cela ne se fait pas automatiquement. Je vous renvoie sur le tutoriel de la première page afin que vous trouviez les informations essentielles à ce travail, relativement important si vous souhaitez être visité un tant soit peu. 22

23 Bon courage! 23