écrire une page WEB [NSI]

commente lire et écrire une page web

butineurs ... ? ?

Une page "WEB" est un fichier texte avec un contenu de type balisé.

Donc, on peut ouvrir / écrire une page WEB avec un simple éditeur de texte, il faudra cependant utiliser un navigateur (Firefox, Opéra ..) pour interpréter le code .

Ce langage balisé répond à une norme : le HTML5. On enregistre ces fichiers avec l'extension html.

Deux autres "langages" sont indissociables des pages WEB :

Qui est un langage de script dont les rôle est d'apporter de l'interactivité à la page
le CSS, qui fonctionne avec des paires Clefs/ Valeurs , utilisé pour la mise en forme

Pour résumé, le html présente la structure, le contenu (modifiable via javascript), le javascript apporte de l'interactivité et le ccs est chargé de la mise en forme .

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Le titre de la page</title>
    <!-- ceci est un commentaire : on place en général les feuille de style dans le head  -->
    <link rel="stylesheet" href="css/style.css" />
  </head>
  <body>
   <!-- on peut mettre du css directement dans la page , mais c'est plutôt en dépannage ou 
  pour un usage spécifique, en général on préfère séparer dans différents fichiers les diférents langages
   -->
  <STYLE type="text/css">
        body {font: blue;}
  </STYLE>
  <!-- en général, on place les scripts en bas de page, juste avant la fermeture du corps de la page 
  Comme pour le css, deux façons :
     soit en écrivant directement le code javascript entre deu balises script ouvrante et fermantes, soit en important un script externe
  -->
  <script type="text/javascript" src="js/monscript.js"></script>
  <!-- ou -->
 <script type="text/javascript">
  // ici directement du code
  
  </script>
 </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">

    <title>Le titre de la page</title>
    <!-- ceci est un commentaire : on place en général les feuille de style dans le head  -->
    <link rel="stylesheet" href="css/style.css" />
  </head>
  <body>
   <!-- on peut mettre du css directement dans la page , mais c'est plutôt en dépannage ou 
  pour un usage spécifique, en général on préfère séparer dans différents fichiers les diférents langages
   -->

  <STYLE type="text/css">
        body {font: blue;}
  </STYLE>

  <!-- en général, on place les scripts en bas de page, juste avant la fermeture du corps de la page 
  Comme pour le css, deux façons :
     soit en écrivant directement le code javascript entre deu balises script ouvrante et fermantes, soit en important un script externe
  -->
  <script type="text/javascript" src="js/monscript.js"></script>
  <!-- ou -->
 <script type="text/javascript">
  // ici directement du code
  
  </script>

 </body>
</html>

Conseil : sur les langages

Si il est toujours fondamental de bien comprendre ce que l'on fait, on pourra cependant utiliser des bibliothèques externes permettant une mise en œuvre plus rapide que l'écriture totale du code .

JQUERY pour le java script

mise en forme avec Bootstrap