TD Internet et
Programmation
Les
exercices (ou parties d'exercices) précédés de TD peuvent être réalisés devant machine,
mais également « sur papier» (pourraient donc faire l'objet d'une question
lors d'un contrôle).
Exercice
1 : (et prise en main de jEdit)
TP - lancer jEdit, créer un nouveau fichier
en le sauvegardant dans votre répertoire avec l'extension .html
TD - Créer une page html affichant comme en
titre: Mon premier exercice (sans body).
TP - S'il n'y a pas de proposition de
balises au cours de la frappe : activer le Plugin
TP - afficher le DOM
TP - ajouter la balise BODY, si le DOM
n'est pas modifié au cours de la frappe : activer le Plugin
TP - Observer la présentation de votre page
dans un navigateur (barre de titre)
TP - Ajouter un commentaire dans l'en-tête
ainsi que dans le corps de la page. (vérifier l'aspect dans le navigateur)
TP - Ajouter un morceau de texte dans
l'en-tête (exemple : « texte dans l'en-tête ») et dans le corps
de la page (exemple : « texte dans le corps ») et observer le
rendu dans le navigateur.
Exercice
2 :
TD - Ajouter le texte (« corps de la
page ») en utilisant une balise de titre.
TP - Essayer sur d'autres morceaux de
phrase les différentes balises de titre.
Exercice
3 :
TD - Ecrire le contenu de la page permettant
de visualiser l' « image » suivante :
_fichiers/image002.jpg)
Exercice
4 :
TD - Ajouter la phrase suivante sous forme
de paragraphe dans le corps de la page
(« le texte de l'en-tête est-il
visible dans le navigateur ? »).
TP - Essayer les
différents formats de texte sur la phrase écrite précédemment. Italique, gras,
barré, exposant, clignotant... (observer les résultats).
Exercice
5 :
TD - Ecrire un contenu possible de la page
permettant de visualiser la portion suivante :
_fichiers/image005.gif)
Exercice
6 :
TD - En utilisant différentes méthodes,
écrire une phrase (Phrase visible en gros caractères). La phrase apparaîtra en
gros caractères.
TD - Même sujet en ne faisant apparaître en
gros que le mot « visible ».
TP - Essayer (et
comparer) les variations des balises utilisées précédemment sur des portions de
texte.
Exercice
7 :
TD - Ecrire un contenu possible de la page
permettant de visualiser la portion suivante :
_fichiers/image007.jpg)
Exercice
8 :
TD - Donner une idée du contenu affiché par
le morceau de source suivant :
<p>le
texte <u>suivant présentant</u> les <font
color="#00FF00"> caractères </font>
spéciaux est <sup>cadré</sup> sur la
gauche</p>
<p>align=center
<i>celui</i>-ci est <font
color="#FF0000">justifié</font>?</p>
<div align=right><p>c'est <b>aussi un <font color="#0000FF">texte</font> autrement</b> présenté</p></div>
Exercice
9 :
TD - Ecrire le contenu de la page
permettant de visualiser la portion suivante :
_fichiers/image009.jpg)