Exercice I
1. Peut-on inclure directement un élément <a> dans les éléments <body>,
<address>, <pre> ou <form> ?
2. Créez un lien vers un document PDF (par exemple : vers le fichier du cours que
vous hébergez sur votre espace), puis vers un fichier MP3. Indiquez le type du
document cible en utilisant l’attribut correct.
3. Reprenez votre index en lui ajoutant des liens vers les TP et leurs différentes
questions, utilisez une liste non ordonnée de liens qui renverront à l'intérieur de
vos pages de réponses directement aux ancres des réponses.
4. Récupérez les logos des différents site de vente de livres, de radio, de tv ou ...
sur leur site respectif. Créez un tableau incluant ces logos, puis des liens vers le
site de chaque site à partir de ces logos.
5. À partir de l’exercice précédent, modifiez le code de façon à ce que chaque
cible d’un lien s’ouvre dans une nouvelle fenêtre sans que la page d’origine ne se
ferme.
6. Citez tous les éléments spécialisés utilisables pour la création des tableaux et leur
ordre d’apparition dans le code XHTML.
7. Créez un tableau de 600 pixels de large contenant cinq lignes et trois colonnes
avec des bordures de 4 pixels, un espacement entre cellules de 10 pixels. Seules
les bordures verticales doivent s’afficher.
8. Construisez un tableau statistique ayant un en-tête, un pied de page et deux
corps de données. N’affichez que les bordures horizontales des groupes de
données. Centrez le contenu des cellules de données et alignez à gauche les titres
de l’en-tête et du pied de page.
Exercice II
Nous allons réaliser un mini-site. Réalisez une page index.html sur le modèle donné ci-dessous:
Créez un tableau selon le modèle suivant :
Créez un tableau selon le modèle suivant :
Exercice III
1- Ecrire le code HTM de la page web du formulaire.
2- Ecrire le permettant de respecter les règles :
a- Tous les champs sont obligatoires.
b- La date de naissance doit être vaide : 1<= jour <=31, 1<= mois <=12, année>=1910,
c- Le champ (Mot de passe) et e champ (Confirmer le mot de passe) doivent être égaux.
3- Ajouter le code JavaScript qui permet de fermer automatiquement la fenêtre du navigateur au bout de 20 secondes.
fdfds
Exercice IV
On entre une expression arithmétique dans une ligne de texte nommée calcul. (On pourra par la suite en fournir au hasard)
• L'enfant doit proposer une réponse dans le champ nommé reponse
• Prévoir un 3ème champ, nommé message, pour accueillir un message.
• Si la saisie dans reponse est vide, alors afficher dans message "Propose une réponse", sinon comparer la réponse à la valeur (avec la fonction eval () qui évalue une chaîne de caractère).
• Le message sera suivant le cas "réponse fausse .. corrige" ou bien "bonne réponse" .
• Un bouton marqué résultat devrait permettre à tout moment d'obtenir la réponse exacte dans le champ message.
• La partie d'analyse de la réponse sera programmée dans une fonction verif() Voici l'interface souhaitée :
1. Peut-on inclure directement un élément <a> dans les éléments <body>,
<address>, <pre> ou <form> ?
2. Créez un lien vers un document PDF (par exemple : vers le fichier du cours que
vous hébergez sur votre espace), puis vers un fichier MP3. Indiquez le type du
document cible en utilisant l’attribut correct.
3. Reprenez votre index en lui ajoutant des liens vers les TP et leurs différentes
questions, utilisez une liste non ordonnée de liens qui renverront à l'intérieur de
vos pages de réponses directement aux ancres des réponses.
4. Récupérez les logos des différents site de vente de livres, de radio, de tv ou ...
sur leur site respectif. Créez un tableau incluant ces logos, puis des liens vers le
site de chaque site à partir de ces logos.
5. À partir de l’exercice précédent, modifiez le code de façon à ce que chaque
cible d’un lien s’ouvre dans une nouvelle fenêtre sans que la page d’origine ne se
ferme.
6. Citez tous les éléments spécialisés utilisables pour la création des tableaux et leur
ordre d’apparition dans le code XHTML.
7. Créez un tableau de 600 pixels de large contenant cinq lignes et trois colonnes
avec des bordures de 4 pixels, un espacement entre cellules de 10 pixels. Seules
les bordures verticales doivent s’afficher.
8. Construisez un tableau statistique ayant un en-tête, un pied de page et deux
corps de données. N’affichez que les bordures horizontales des groupes de
données. Centrez le contenu des cellules de données et alignez à gauche les titres
de l’en-tête et du pied de page.
Exercice II
Nous allons réaliser un mini-site. Réalisez une page index.html sur le modèle donné ci-dessous:
 |
| le modele |
Créez un tableau selon le modèle suivant :
Créez un tableau selon le modèle suivant :
Exercice III1- Ecrire le code HTM de la page web du formulaire.
2- Ecrire le permettant de respecter les règles :
a- Tous les champs sont obligatoires.
b- La date de naissance doit être vaide : 1<= jour <=31, 1<= mois <=12, année>=1910,
c- Le champ (Mot de passe) et e champ (Confirmer le mot de passe) doivent être égaux.
3- Ajouter le code JavaScript qui permet de fermer automatiquement la fenêtre du navigateur au bout de 20 secondes.
fdfdsExercice IV
On entre une expression arithmétique dans une ligne de texte nommée calcul. (On pourra par la suite en fournir au hasard)
• L'enfant doit proposer une réponse dans le champ nommé reponse
• Prévoir un 3ème champ, nommé message, pour accueillir un message.
• Si la saisie dans reponse est vide, alors afficher dans message "Propose une réponse", sinon comparer la réponse à la valeur (avec la fonction eval () qui évalue une chaîne de caractère).
• Le message sera suivant le cas "réponse fausse .. corrige" ou bien "bonne réponse" .
• Un bouton marqué résultat devrait permettre à tout moment d'obtenir la réponse exacte dans le champ message.
• La partie d'analyse de la réponse sera programmée dans une fonction verif() Voici l'interface souhaitée :