Composer vos trois pages HTML

Mettre à jour vos pages HTML

Durant toute la session, vous avez créé des pages HTML à la main sur votre serveur web. Ces pages se trouvent dans votre répertoire portfolio sous des sous-répertoires devoirs, exercices, tests et examens. Cette partie de la PFI vise à les mettre à jour si elles ne sont pas terminées et à y ajouter quelques éléments spécifiés dans les consignes.

Vous avez appris durant le cours comment créer des pages HTML à la main à l’aide de l’éditeur de texte de votre Gestionnaire de fichiers.

Dans le cadre de votre PFI, vous devez mettre à jour vos pages HTML à la main.

Créer les pages directement sur le serveur web

Pour créer vos pages directement sur le serveur web, suivez les étapes suivantes :

  1. connectez-vous au cPanel de votre serveur web;
  2. cliquez sur Gestionnaire de fichier;
  3. à gauche dans votre liste de dossiers,
  4. cliquez sur public_html;en haut à gauche du menu, cliquez sur +Dossier;
  5. nommez votre dossier portfolio, conformément aux consignes de la pfi;
  6. double-cliquez sur le dossier portfoliol pour y accéder;dans le menu, cliquez sur +Fichier;
  7. nommez votre premier fichier index.html et cliquez sur Create New File;
  8. cliquez sur le nouveau fichier index.html, puis sur Modifier;
  9. cliquez sur Edit dans la boite de dialogue qui apparait;
  10. copiez le modèle de page présenté dans les notes de cours et collez-le dans votre document;
  11. suivez les consignes de la PFI pour créer et mettre à jour votre contenu;
  12. utilisez les balises HTML que nous avons vues dans le cours;
  13. inspirez-vous de quelques pens tagués « HTML » sur CodePen.io au besoin;
  14. testez votre site en ouvrant votre site à l’adresse [utilisateur].pourleweb.ca/portfolio dans Firefox ou Chrome;
  15. utiliser le raccourci clavier Ctrl+U pour vérifier s’il y a des erreurs dans votre code (lignes rouges);
  16. créez les pages manquantes en suivant la liste présentée dans les consignes;
  17. assurez-vous de tester les liens de votre site à la main entre vos différentes pages;
  18. assurez-vous de bien lier vos pages à votre fichier CSS à l’aide de la balise <link rel= »stylesheet » href= »css/styles.css »> dans l’entête <head> de vos trois pages (le chemin peut changer selon la positions de vos page dans votre site web) .
  19. assurez-vous que tous vos fichiers sont liés entre eux et qu’ils contiennent un lien vers votre site WordPress, situé à la racine de votre site (utilisateur.pourleweb.ca) (si vous n’avez pas encore installer WordPress pour votre PFI, vous obtiendrez un message Forbidden 403, ça va pour l’instant…);
  20. fermez les onglets contenant l’éditeur de fichier.

Des questions?

Utilisez la boite de commentaires ci-dessous pour m’en faire part. Il me fera plaisir de vous répondre et de clarifier les procédures en cas de besoin!

Laisser un commentaire