Présentation

Intervenant

À popos du cours

Cours de 9 séances, avec pour but de vous aider à la conception et à la réalisation d’un portfolio sous forme d’un site web personnel, en vous familiarisant au développement HTML/CSS/JavaScript.

Le cours est orienté projet, avec toutefois une première heure en début de séance consacrée à l’initiation d’une facette du développement web. Après c’est la pause, et après la pause vous travaillez sur votre projet en autonomie.

Les premières séances jusqu’aux vacances de la Toussaint seront consacrées à l’élaboration d’une page web expérimentale, sur un thème choisi au hasard.

De novembre à décembre, nous travaillerons sur votre véritable portfolio.

Au terme du cours, l’évaluation se fera sur l’appréciation de votre assiduité et sur le résultat de votre portfolio. La qualité graphique et de l’expérience utilisateur seront privilégiées à la qualité technique.

Qu’est-ce qu’un site web ?

Accès internet

Créer votre première page

  1. Télécharger et installer VS Code, un éditeur de code gratuit
  2. Créer un dossier nommé portfolio
  3. Créer un fichier index.html dans le dossier portfolio
  4. Ouvrir un navigateur internet et glisser le fichier index.html dedans

Pour aller plus loin

Dans la pratique, il n’est pas recommandé de développer un site web en ouvrant directement le fichier HTML dans un navigateur.

Pour gagner du temps et éviter les erreurs, il est recommandé de passer par un serveur local, qui fournira une adresse IP depuis laquelle vous pourrez voir votre site internet.

  1. Installer l’extension LiveServer
  2. Ouvrir votre dossier portfolio dans VS Code
  3. Activer le serveur local en cliquant sur « Go Live »
  4. Ouvrir la page 127.0.0:5500
  5. Éditer le fichier index.html et regarder la page s’actualiser automatiquement

Références

Galeries

Designers

Vos références