HTML & CSS pour débutants

HTML & CSS pour débutants (Partie 48) : Le site web est en ligne

Toutes les vidéos du tutoriel HTML & CSS pour débutants

Généralement, on développe son site web localement. Pour cela, on crée - comme ça a déjà été amplement montré - une structure de répertoires correspondante.

HTML & CSS pour débutants (Partie 48): Le site web est mis en ligne


Cette structure est finalement celle que l'on mettra en ligne. (Je pars du principe qu'il s'agit d'un site web statique en HTML. Cependant, même si vous développez des sites web dynamiques par exemple en PHP et MySQL, vous pouvez le faire d'abord localement. Le mot magique est alors, par exemple, XAMPP). Assurez-vous donc absolument que vos noms de répertoires et de fichiers ne contiennent ni espaces ni caractères spéciaux. De plus, je vous recommande de maintenir une cohérence de minuscules dans ces noms.

Testez votre site web localement de manière approfondie. Il devrait effectivement fonctionner de manière assez fiable.


Le fournisseur adapté

Pour pouvoir mettre en ligne votre site web, vous avez besoin de l'espace web correspondant. (Je pars du principe que vous ne souhaitez pas gérer votre propre serveur, mais louer de l'espace web chez un fournisseur).

Tout d'abord, vous devez donc vous procurer de l'espace de stockage auprès d'un fournisseur. Il en va de même pour un nom de domaine, qui est en fin de compte l'adresse à partir de laquelle le site web pourra être consulté ultérieurement. Il existe désormais de nombreux fournisseurs qui proposent de la location de l'espace web à moindre coût. Lors du choix du fournisseur et du package web, vous devriez prêter attention aux éléments suivants:

• Au moins 1,5 gigaoctet d'espace de stockage

• 1 domaine .de inclus

• Normalement, le support de PHP devrait être assuré au moins.

• Une base de données MySQL devrait être incluse.

• Assurez-vous absolument d'avoir un trafic illimité.

Notamment, le dernier point est crucial, car le trafic cache souvent de vrais pièges financiers.

Il va de soi que les éléments mentionnés ne représentent que des exigences minimales pour de petits sites web. Pour un site à forte fréquentation, il est bien sûr conseillé de monter en gamme. Cependant, une migration ultérieure d'un petit vers un plus grand package web est généralement possible sans problème. En cas de doute, renseignez-vous auprès du fournisseur au préalable.

Sur le site http://www.webhostlist.de/webhosting/vergleich/, vous pouvez chercher spécifiquement le fournisseur qui vous convient.

HTML & CSS pour débutants (Partie 48) : Le site web est mis en ligne.



Vous pouvez commencer la sélection du fournisseur sur la base de critères très différents.

Dès que vous avez choisi un fournisseur, sélectionné le package et enregistré le domaine souhaité, vous pouvez commencer. Le fournisseur vous enverra toutes les informations pertinentes, telles que les données de connexion FTP, par e-mail.

Transférer les données

Dès que vous avez les données nécessaires, vous pouvez déployer vos fichiers locaux sur le site web. Vérifiez encore une fois vos fichiers et la syntaxe qu'ils contiennent. En particulier, les éléments suivants sont cruciaux:

• Vérifiez si tous les hyperliens et les chemins d'accès aux images sont corrects. (Surtout si vous avez créé les pages HTML avec un éditeur WYSIWYG, il peut arriver que des chemins locaux aient été utilisés, qui ne fonctionneront plus en ligne).

• Vérifiez les noms de fichiers et de répertoires pour les espaces et les caractères spéciaux.

Tout est en ordre? Alors vous pouvez maintenant mettre les pages en ligne. Pour ce faire, établissez une connexion FTP avec l'espace web. Cela peut se faire avec n'importe quel outil FTP. L'un des meilleurs et en même temps disponible gratuitement de ce type est FileZilla, qui peut être téléchargé sur le site http://www.filezilla.de/.

HTML & CSS pour débutants (Partie 48) : Le site web est mis en ligne

Après avoir installé et lancé FileZilla, ouvrez Fichier>Gestionnaire de serveurs. Dans la fenêtre de dialogue qui s'ouvre, cliquez sur Nouveau serveur.

HTML & CSS pour débutants (partie 48): Le site web est en ligne

Dans la zone de droite, vous devez saisir les données FTP que vous avez reçues de votre fournisseur. Cela pourrait ressembler à ceci:

Serveur = www.votre-nom-d'utilisateur.de

Type de serveur = FTP - File Transfer Protocol

Type de connexion = Normal

Utilisateur = ftp_sdfsdfsfd@votre-nom-d'utilisateur.de

Mot de passe = Votre mot de passe

Entrez ici les données FTP. N'hésitez pas à demander à nouveau à votre fournisseur si nécessaire.

En cliquant sur Connexion, la connexion au serveur FTP est établie.

Pour simplifier les choses, je pars du principe que vous copiez votre site web directement dans le répertoire racine du site. Vous pouvez reconnaître le répertoire racine par la barre oblique placée devant.

HTML & CSS pour les débutants (Partie 48) : Le site web est mis en ligne

L'avantage de cette méthode directe est que sans autre réglage, le site web est accessible à l'adresse http://www.votre-domaine.de/. Vous n'avez donc pas besoin de configurer de redirections ou autres.

Chez de nombreux fournisseurs, les répertoires cgi-data et cgi-bin sont déjà standard dans le répertoire racine. C'est précisément à ce niveau que vous copiez tous les répertoires et fichiers de l'environnement local. Pour ce faire, recherchez les fichiers locaux dans la partie supérieure gauche de FileZilla.

Cliquez sur les fichiers et répertoires où se trouvent les données locales.

Il vous suffit maintenant de sélectionner les fichiers et répertoires qui apparaissent dans la partie inférieure de la fenêtre. Ensuite, cliquez avec le bouton droit de la souris sur les répertoires/fichiers sélectionnés et choisissez Télécharger.

HTML & CSS pour débutants (partie 48) : Le site Web est en ligne.

Les données sont maintenant chargées sur le serveur. Assurez-vous que tous les fichiers ont effectivement été transférés. Si des problèmes surviennent lors du transfert de certains fichiers, vous pouvez le voir dans la partie inférieure de la fenêtre de FileZilla.

Dès que tout le contenu est sur le serveur, vous pouvez commencer à tester le site. Vérifiez surtout que toutes les images sont présentes et que les liens fonctionnent.

Fin et Conclusion

Nous voici arrivés à la fin de cette série HTML-CSS. Ce que vous devriez retenir, ce sont les étapes fondamentales pour créer des sites web basés sur HTML et CSS et les présenter réellement au public. Surtout, une chose devrait être claire: créer un site web est un processus long. Cela commence par la conception, se poursuit par le développement web proprement dit et se termine par le téléchargement et le contrôle du site web. Je vous souhaite maintenant beaucoup de succès avec votre nouveau site web !