En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour vous proposer des contenus et services adaptés. Mentions légales.
 
 

coursdjoudionlinetitre.png

 
 

Nouvelles RSS -

Cours DJOUDI Online


Cours d'Informatique de Mahieddine DJOUDI à l'Université de Poitiers


TP1 - Exercice 1 - par djoudi le 30/03/2020 22:57 

Pages web en HTML

Exercice 1 : pour commencer

  • Dans votre partition, créer un répertoire nommé BDWebTP
  • Dans ce répertoire, créer un nouveau répertoire nommé "TP1"
  • Dans ce répertoire, créer un nouveau fichier que nous nommerez index.html
  • Dans ce fichier, recopiez les lignes suivantes :

</span></span></span><span style="font-size:10.0pt"><span style="font-family:"Courier New""><span style="color:black"> Ma premiere page web </span></span></span><span style="font-size:10.0pt"><span style="font-family:"Courier New""><span style="color:#117700">

  • Pour visualiser le résultat, allez dans votre navigateur web, et choisissez dans le menu : fichier-> ouvrir et sélectionnez votre fichier index.html.
  • Observez et commentez le résultat.
  • Ajoutez du texte (une ou deux lignes pour expliquer ce que vous êtes en train de faire) maintenant entre les balises  et 
  • Rechargez votre page dans le navigateur et observez le résultat.
  • Entre les balises  et  de votre fichier index.html,
  • Mettez une partie du texte entre et testez les effets des balises en rechargeant la page
  • Idem entre et
  • Idem entre et
  • Idem entre

    et

  • Idem entre

    et

    (changez ensuite avec h2, h3, h4 et h5)

TP1 - Exercice 1 - par djoudi le 30/03/2020 22:57 

Pages web en HTML

Exercice 1 : pour commencer

  • Dans votre partition, créer un répertoire nommé BDWebTP
  • Dans ce répertoire, créer un nouveau répertoire nommé "TP1"
  • Dans ce répertoire, créer un nouveau fichier que nous nommerez index.html
  • Dans ce fichier, recopiez les lignes suivantes :

</span></span></span><span style="font-size:10.0pt"><span style="font-family:"Courier New""><span style="color:black"> Ma premiere page web </span></span></span><span style="font-size:10.0pt"><span style="font-family:"Courier New""><span style="color:#117700">

  • Pour visualiser le résultat, allez dans votre navigateur web, et choisissez dans le menu : fichier-> ouvrir et sélectionnez votre fichier index.html.
  • Observez et commentez le résultat.
  • Ajoutez du texte (une ou deux lignes pour expliquer ce que vous êtes en train de faire) maintenant entre les balises  et 
  • Rechargez votre page dans le navigateur et observez le résultat.
  • Entre les balises  et  de votre fichier index.html,
  • Mettez une partie du texte entre et testez les effets des balises en rechargeant la page
  • Idem entre et
  • Idem entre et
  • Idem entre

    et

  • Idem entre

    et

    (changez ensuite avec h2, h3, h4 et h5)

(30/03/2020 22:57)

TP1 - Exercice 2 - par djoudi le 30/03/2020 19:58 

Pages web en HTML

Exercice 2 : balises

  • Dans le dossier "TP1", vous allez créer un nouveau sous-dossier que vous nommerez "site".
  • En vous basant sur l'exercice 1, vous créerez 3 pages HTML que vous nommerez :
  • index.html
  • presentation.html
  • oiseaux.html
  • Pour chacune des pages, vous organiserez le contenu de cette manière en exploitant les balises 

     et 

     pour les titres et les sous-titres

  • Reprenez les pages HTML précédentes et modifiez les titres et les textes en y insérant des balises des mises en forme (testez les mises en forme proposées ci-dessus).
  • Pensez à enregistrer régulièrement votre travail. Visualisez le résultat dans votre navigateur.

TP1 - Exercice 2 - par djoudi le 30/03/2020 19:58 

Pages web en HTML

Exercice 2 : balises

  • Dans le dossier "TP1", vous allez créer un nouveau sous-dossier que vous nommerez "site".
  • En vous basant sur l'exercice 1, vous créerez 3 pages HTML que vous nommerez :
  • index.html
  • presentation.html
  • oiseaux.html
  • Pour chacune des pages, vous organiserez le contenu de cette manière en exploitant les balises 

     et 

     pour les titres et les sous-titres

  • Reprenez les pages HTML précédentes et modifiez les titres et les textes en y insérant des balises des mises en forme (testez les mises en forme proposées ci-dessus).
  • Pensez à enregistrer régulièrement votre travail. Visualisez le résultat dans votre navigateur.

(30/03/2020 19:58)

TP1 - Exercice 3 - par djoudi le 30/03/2020 19:57 

Exercice 3 : mini site web en HTML

  • Le but de cet exercice de synthèse est de faire un mini-site composé de 3 pages (que Vous devez écrire en utilisant le langage HTML :
  • La première page de ce site est la page d'accueil (accueil.html). Elle présente quelques informations générales.
  • La seconde page correspond à la liste des grands ordres des oiseaux (presentation.html)
  • La troisième page correspond à une galerie de photos d'oiseaux (oiseaux.html).
  • Les images correspondantes sont dans le dossier imagesSiteTP1

Pour plus de clarté, voici quelques indications (en orange sur les images ci-dessous)

0101.png

0102.png

0103.png

TP1 - Exercice 3 - par djoudi le 30/03/2020 19:57 

Exercice 3 : mini site web en HTML

  • Le but de cet exercice de synthèse est de faire un mini-site composé de 3 pages (que Vous devez écrire en utilisant le langage HTML :
  • La première page de ce site est la page d'accueil (accueil.html). Elle présente quelques informations générales.
  • La seconde page correspond à la liste des grands ordres des oiseaux (presentation.html)
  • La troisième page correspond à une galerie de photos d'oiseaux (oiseaux.html).
  • Les images correspondantes sont dans le dossier imagesSiteTP1

Pour plus de clarté, voici quelques indications (en orange sur les images ci-dessous)

0101.png

0102.png

0103.png

(30/03/2020 19:57)

18/09/2020 21:23