alwaysdataessaierasme2012.alwaysdata.net/E_EX_SiteInternet201… · Web view6)Affichez un compteur...

QUESTIONS

ET

RÉPONSES

CREATION D'UN SITE INTERNET - EXERCICE C1

1) Créez le fichier HTML correspondant à l'écran suivant :


1) Créez le fichier HTML pour afficher la page ci-dessous en tenant compte des critères suivants :- Les balises <html> et </html> sont affichées en gras- Les caractères < et > sont surlignés en jaune- Il faut respecter la disposition du texte tout en laissant au browser la possibilité de disposer le texte en fonction de la largeur de la fenêtre

Conseil : Lisez bien l'astuce...


1) Créez le fichier HTML pour afficher la page ci-dessous en tenant compte des critères suivants :- Les titres sont du niveau 2- Respect de l'alignement du texte

2) Créez le fichier HTML pour afficher la page ci-dessous en respectant l'alignement du texte


1) Créez le fichier HTML pour afficher la page ci-dessous en tenant compte des critères suivants :- Le titre est du niveau 2 - Faire attention à l'alignement du texte par rapport aux dessins- Les dessins ont des infobulles- Tracer les lignes de séparation - Changer l'icône du site dans la barre de titre (Pour rappel, Edge ne l'affiche pas en local sur son PC)


1) Créez le fichier HTML pour afficher la page suivante en tenant compte des critères suivants :- Il y a 3 ancres principales : "félins", "monde aquatique" et "singes" - Il faut définir les hyperliens "Retour" (= en haut de la page) - L'hyperlien "Nous contacter" envoie un mail à [email protected] Il faut définir le lien vers le site du zoo d'Anvers (www.zooantwerpen.be)


Le but de cet exercice est de se familiariser avec les feuilles de style. Résolvez donc ces exercices en réfléchissant bien aux réponses plutôt que de vouloir aller trop vite.

1) a) Définissez une page web avec un titre h1 en rouge et 2 paragraphes bleus.b) Changez les styles pour avoir le titre en bleu et les paragraphes en vert.

2) a) Définissez une page web dont :- le titre h1 est rouge, en italique et centré horizontalement ;- le titre h2 est vert, écrit au moyen de petites majuscules et centré horizontalement ;- les deux paragraphes sont bleus.

b) Modifiez les styles pour que le premier paragraphe soit jaune et le secondbleu.

3) a) Créez un site dont l'arrière-plan est vert clair.b) Modifiez l'arrière-plan en un dégradé vert clair/blanc (de gauche à

droite).c) Créez un site dont l'arrière-plan est composé d'une image répétée sur

toute la page.d) Créez un site dont l'arrière-plan est composé d'une image non-répétée.

4) Créez un site ayant 4 hyperliens. Redéfinissez les couleurs des liens pour avoir les couleurs suivantes :- couleur initiale : bleu- couleur d'un lien visité : rouge- couleur d'un lien survolé par la souris : jaune- couleur d'un lien actif : vert

5) a) Créez une liste à puces carrées.b) Remplacez les puces carrées par des puces personnalisées (une image de

votre choix).


1) Créez une page web composée de 3 paragraphes et d'une image. Faites-en sorte que le curseur prenne la forme d'un "sablier" chaque fois que l'internaute survole l'image avec la souris. Il faut également que le premier paragraphe soit bleu et les autres verts.

2) Créez une page web composée de 4 paragraphes. Chaque paragraphe doit être placé dans une boîte trop petite pour lui. Chaque paragraphe doit avoir une propriété overflow différente des autres ainsi qu'une couleur d'arrière-plan différente. Visualisez à présent votre page et constatez les différences de fonctionnement entre les différentes valeurs de la propriété.


3) Créez une page web composée de :- Un titre centré affiché dans un cadre rouge- Deux paragraphes dont le 2ème est affiché dans un cadre à bords arrondis- Chaque paragraphe doit avoir une hauteur de 100 pixels minimum


Le but de ces exercices est d'approfondir vos connaissances sur les feuilles de style. Les réponses ne sont pas toujours évidentes. Résolvez ces exercices en réfléchissant bien aux réponses et en procédant étape par étape. Rien ne sert de vouloir aller trop vite !!!

1) Créez des lettrines aux paragraphes

2) a) Créez une page web composée de 3 paragraphes de plusieurs lignes.b) Appliquez à chaque paragraphe une couleur de fond différente.c) Tracez autour de chaque paragraphe une bordure noire composée d'un trait

continu d'une épaisseur de 2 pixels.d) Disposez les paragraphes de la manière suivante :

e) Disposez-les de la manière suivante :

f) Disposez-les de la manière suivante :

3) Créez une page web ayant l'aspect suivant :- Le titre h1 est centré, en rouge et a une bordure.- La liste est composée d'hyperliens qui permettent de se positionner dans l'élément de droite.- L'élément de droite étant trop petit pour son contenu, des barres de défilement doivent être affichées.


1) Créez le fichier HTML pour afficher la page ci-dessous, mais sans tenir compte de la présentation → Créez le site sans image, sans tableau et avec une présentation très sommaire

2) Modifiez le site afin d'en améliorer la présentation :- Encodez le titre général en rouge- Ajoutez l'image- Définissez les couleurs du texte (blanc) et de l'arrière-plan (noir)- Ajoutez au bas de la page le tableau "calendrier" :

- Chaque colonne a la même largeur- Le titre "Novembre 2016" est en gras et les cellules sont fusionnées- Les bordures sont bleues et ont une épaisseur d'un pixel- L'espace entre les cellules est de 5 pixels- Les libellés des jours sont centrés- Les nombres sont alignés à droite- Le libellé "Heures d'ouverture ..." est encodé sous la forme d'une

légende


1) Créez la page HTML suivante :- La page WEB http://html-color-codes.info/color-names est affichée dans une iframe de 700px de large sur 400px de haut- Affichez un message à l'internaute s'il n'utilise pas un navigateur gérant les iframes.


1) Créez un site et hébergez-le en respectant les règles suivantes :- e-mail : Erasme2016GroupeNumé[email protected] (ex.: [email protected])- url domaine : http://erasme2016GroupeNuméro.alwaysdata.net- mots de passe : Cours2016$- La première page du site reprendra le titre général du site et une liste de liens vers les autres pages - Les autres pages reprendront en en-tête le titre général du site, le contenu de la page et un lien de retour vers la première page- Toutes les pages seront liées à la même feuille de style- Ne référencez pas le site, mais préparez-le au référencement en utilisant les balises <meta>

Attention, ceci est un travail de groupe de 2 ou 3 élèves. Vous avez :- 10' pour vous organiser (choix du sujet, rôle de chacun)- 10' pour décider de la présentation générale de chaque page- 25' pour réaliser chacun votre part du site- 15' pour héberger votre site et donc mettre en commun vos pages et

apporter les dernières corrections

Pour la correction, on se connectera à votre site à partir du PC avec le projecteur. On le regardera comme simple internaute, puis on éditera les fichiers HTML et CSS, sans oublier de regarder l'arborescence des dossiers.


1) Créez un formulaire qui envoie les informations suivantes à l'adresse mail [email protected] : - Vos nom et prénom- Votre adresse- Vos deux plats préférés choisis dans une liste de plusieurs éléments- Votre dessert préféré choisi dans une liste de 4 boutons radio- Les voitures que vous voudriez avoir. A présenter sous la forme de cases à cocher alignées par ligne de 4 choix (Citroën, Ferrari, Fiat, Lancia, Lotus, Mazda, Peugeot, Renault, Saab, Seat, Volvo, VW)- Une zone de commentaire libre

Attention, il faut veiller à avoir une belle présentation à l'écran : - Alignement des zones - Titres, couleurs - ...

2) Améliorez votre formulaire pour faire en sorte qu'il écrive systématiquement l'intitulé "Signalétique client" comme sujet de l'e-mail lié.Astuce : Définissez l'action "mailto:[email protected]?subject=Signalétique client"

Exemple de présentation :


1) Créez un site qui affiche, grâce à PHP, 2 nombres aléatoires compris entre 11 et 52.

2) Sans utiliser le pc, cherchez ce qu'affichent les commandes echo suivantes :

3) Soit le nombre 5614.176. Quelles commandes dois-je utiliser pour l'afficher sous les formes 5614.18 et 5.614,18 ?

4) Quelle commande dois-je utiliser pour afficher la longueur de la string $str dont la valeur est "Le petit canard flotte." ?


1) a) Créez une fonction qui affiche les titres H1 centrés et, par défaut, enrouge.

b) Créez une fonction qui affiche les titres H2 centrés et, par défaut, enbleu.

c) Créez une fonction qui affiche les titres H3 centrés et, par défaut, envert.

d) Testez les fonctions pour avoir le résultat suivant :

2) Créez une fonction qui renvoie la surface d'un triangle dont elle reçoit les longueurs de la base et de la hauteur en paramètres.Testez-la.


1) Adaptez les tests suivants en utilisant la commande if ... else ...

2) Adaptez les tests suivants en utilisant la commande switch()

3) a) Créez une fonction qui convertit les montants des anciennes monnaies dugroupe euro en euros (Dans cet exercice, on ne traitera que les Bef etFrf. Les taux de conversion sont 1 Eur = 40,3399 Bef = 6,55957 Frf).Attention, lors de l'appel à la fonction, on lui transmettra sous forme devariables le montant et la devise actuels et la fonction modifiera lecontenu de ces 2 variables.Attention, même si la fonction renvoie toujours le sigle EUR enmajuscules, il faut accepter les sigles en minuscules et majuscules.

b) Testez la fonction pour avoir le résultat suivant à l'écran :


1) Créez le programme qui affiche les tables de multiplication de 1 à 10


1) Créez le tableau à deux dimensions

indices Nom Prenom Test 1 Test 2 Test 30 Dupont Marc 10 9 101 Smith Luc 8 7 62 Carron Léa 6 8 93 Laran Annie 9 7 8

2) Au moyen d'une boucle, ajoutez une colonne Moyenne dont vous calculerez, avec PHP, la valeur (= moyenne des 3 tests).Attention, on suppose que l'élève a fait tous les tests.Attention, les moyennes seront arrondies à 1 décimale.

3) Affichez ce tableau à l'écran en utilisant les balises <table>,... de l'HTML et les commandes PHP.Attention, il faut faire comme si vous ne connaissiez pas le nom des colonnes.

4) Triez le tableau sur les noms et affichez-le rapidement en utilisant la fonction join().


1) Créez les pages nécessaires pour avoir un site semblable à celui-ci en respectant les règles suivantes :a) La découpe de l'écran se fait au moyen des CSS.b) Il faut définir les CSS dans un fichier séparé.c) L'en-tête, le menu et le bas d'écran sont insérés via des include()


1) Refaites l'exercice C18 en ajoutant la contrainte suivante :Lorsque l'internaute clique sur un sujet du menu, la page en cours est modifiée afin d'y insérer, via un include(), les informations de la partie principale de l'écran demandées.

2) a) Créez le formulaire suivant (Ndlr : La présentation n'est pas importantedans cet exercice) :

b) Lorsque l'internaute le soumettra, le serveur vérifiera que toutes leszones ont été introduites. En cas d'erreur, PHP réaffichera le formulaireen gardant les données encodées et en affichant les zones erronées enrouge. Si tout est correct, le serveur affichera la liste des valeursencodées.


1) Affichez la date sous les formats suivants :a) Le 6/06/2001 - 8h07b) 06/06/2011

2) Créez un site d'au moins 2 pages qui demande de taper un mot de passe lors de l'ouverture de la session quelle que soit la première page demandée.Si le mot de passe est correct, on se reconnecte à la page d'accueil sans redemander le mot de passe.Si le mot de passe est incorrect, on réaffiche la demande du mot de passe en mettant un message d'erreur en rouge.

3) Créez un cookie qui retienne la date et l'heure de la connexion précédente.Lors de chaque connexion au site, le système affichera dans une partie de l'écran "Précédente connexion : date et heure".


1) Affichez une liste de tous les fichiers .gif d'un dossier

2) Créez un site permettant l'upload d'un fichier.Ce dernier devra être rejeté si sa taille est supérieure à 500 Kb ou si son extension est différente de .txt.Attention, il faut conserver le fichier sur le serveur tout en évitant d'écraser un fichier existant (Dans le cadre de cet exercice, un contrôle minimal est suffisant).


1) Ecrivez un script qui demande à l'internaute quelle table de "division" il souhaite (1 à 10) qu'on lui affiche (+ l'afficher !)


1) Pourquoi le code suivant est-il erroné ? Retrouvez toutes les fautes.

2) Nous sommes au restaurant "virtuel". Créez la page "carte des menus" composée de deux boutons et d'une grande zone de texte. Lorsque le client cliquera sur le premier bouton, le premier menu s'affichera dans la zone de texte. Lorsque le client passera avec la souris sur le second bouton (même sans cliquer), le second menu s'affichera dans la zone de texte. (Ndlr : Pour être cohérent, il faudrait que les boutons fonctionnent de la même manière ; mais ici, on ne respecte pas cette règle afin de tester différents cas)

3) Dans l'exemple de la page JavaScript-14, pourquoi a-t-on déclaré nbr en tant que variable globale et pas locale ? Que se passerait-il si on la définissait en tant que variable locale ?


1) Créez une fonction qui vérifie si le nombre envoyé lors de son appel est pair ou impair et renvoie cette information.

2) Créez une fonction qui vérifie si le nombre encodé est pair et compris entre 1 et 100 inclus ; puis affiche le résultat "OK" ou "KO" dans un message d'alerte.


1) a) Créez une page avec 10 boutons qui vont de 1 à 10 et une zone du typetextarea. Quand l'internaute clique sur un des boutons, il faut afficherdans la textarea la table de multiplication qui correspond au boutoncliqué.

b) Ajoutez à la page un bouton "gomme" (créé à partir de Paint via lePrintScreen de sa gomme). Quand l'internaute clique sur ce bouton, il fauteffacer le contenu de la textarea.

2) Demander une série de nombres à l'écran via la commande prompt() et en afficher la moyenne à la fin.L'internaute indiquera la fin de la série en cliquant sur le bouton Annuler.Attention, il faut afficher un message d'erreur si l'internaute ne tape pas un nombre correct dans la prompt().Attention, l'internaute peut ne taper aucune série (et donc directement cliquer sur le bouton Annuler).N'utiliser ni continue, ni break !


1) a) Stockez dans un tableau différents lieux de vacances (voir liste ci-dessous). Chaque lieu commence par le code pays suivi d'un tiret et dulieu lui-même.

E - MadridE - BarcelonaI - RomaI - MilanoE - ValenciaCh - ZurichB - SpaB - AntwerpenF - ParisF - Marseille

b) Affichez à l'écran un bouton par pays (Belgique, Espagne, France, Italieet Suisse). Quand l'internaute cliquera sur un bouton, il faudra luiafficher dans une textarea les lieux qui correspondent au pays demandé (sipossible : triés).Attention, les boutons doivent avoir la même taille.


1) a) Faites-en sorte qu'une image soit remplacée par une autre lorsquel'internaute la survole.

b) Remettez la première image lorsque l'internaute quitte l'image.


1) Faites-en sorte qu'un paragraphe change de couleur d'arrière-plan lorsque la souris est positionnée sur lui et qu'il reprenne sa couleur normale dès qu'elle le quitte.

2) Créez une page FAQ qui reprend plusieurs questions. Une réponse sera affichée dès que l'internaute cliquera sur la question liée. Elle sera à nouveau masquée dès que l'internaute recliquera sur la question.


1) Créez le formulaire suivant et vérifiez la validité des informations encodées par l'internaute :

- Le nom est obligatoire.- Il doit choisir une et une seule profession.- Si et seulement s'il choisit l'option 'Autre', il doit également remplir

la zone de droite liée à la profession. Cette zone doit donc êtreimmédiatement accessible ou non en fonction du choix de l'internaute.

- Il doit indiquer son âge.- En cas d'erreur, l'arrière-plan de la zone erronée doit être rouge.- Le bouton 'Tout vérifier' permet à l'internaute de demander un contrôle

général des valeurs encodées.- Le bouton 'Envoyer' ne génère un envoi que si toutes les zones sont

correctement encodées.


1) Créez une simple page web contenant notamment les zones : prix de vente d'un article, nombre d'articles que l'internaute souhaite acheter et le prix total qu'il doit payer. Ce dernier prix doit être calculé automatiquement et arrondi à 2 décimales dès que l'internaute change la quantité achetée. Les zones de prix sont bien évidemment non modifiables par l'internaute.

2) Sur beaucoup de formulaires web, vous avez déjà pu voir que l'internaute devait confirmer une demande en copiant un code aléatoire de 5 caractères. Ce système a été créé afin d'être certain que c'est bien un internaute qui est derrière l'écran et pas un programme qui essaie de bloquer le site en envoyant des milliers de mails. Créez une fonction qui renvoie un code de 5 caractères (lettres et chiffres) aléatoires. Testez-la en écrivant une petite boucle qui affiche 10 codes aléatoires à l'écran.

3) a) Créez une fonction qui recherche la présence d'une String dans une autreString sans tenir compte des minuscules/Majuscules (a = A).

b) Créez une fonction qui recherche et affiche les positions de toutes lesoccurrences d'une String dans une autre String.

4) a) Créez une fonction trim qui renvoie une String en ayant supprimé lesespaces du début et de fin de la String passée en paramètre.

b) Dans la deuxième question de l'exercice 25, nous avions dû vérifier quel'internaute avait bien encodé un nombre. Pour cela, nous avions d'abordvérifié qu'il avait bien encodé quelque chose. Mais ce test n'était pascomplet. En effet, si l'internaute tapait plusieurs espaces, notre test nefonctionnait pas. Améliorez-le donc à présent au moyen de la fonction trimque vous venez de créer.

5) Affichez une horloge digitale à l'écran. Les heures, minutes et secondes seront séparées par le séparateur par défaut de JavaScript → ex.: 23:12:15

6) Affichez un compteur sous la forme d'un rectangle dont la taille change en fonction du temps qui reste → ex.: petit jeu.De plus, lorsqu'il restera moins de 4 secondes, le rectangle devra apparaître en rouge.


1) Créez un site répondant aux critères :- Les feuilles de style sont regroupées dans un fichier .css- La majorité des fonctions JavaScript sont regroupées dans un fichier .js- La page d'accueil et les fichiers .css et .js sont placés dans la

directory principale du site- Les pages "recettes chinoises", les pages "recettes italiennes" et les

pages "configuration" sont placées dans des sous-directories différentes- Lors du démarrage du site, on dit bonjour à l'internaute. Si c'est la

première fois qu'il accède au site, on demande son nom et on le sauve dansun cookie.

- La page d'accueil permet d'accéder aux pages "recettes" et "configuration"- Les pages "recettes" et "configuration" permettent de revenir à l'accueil

via un hyperlien. Attention, lors du retour, on ne redira pas bonjour àl'internaute.

- La page "configuration" permet à l'internaute de choisir la couleurd'arrière-plan que l'on appliquera à l'ensemble du site. Cette couleurdoit être sauvée dans un cookie.

- La page "configuration" sélectionnera par défaut le bouton radiocorrespondant à la couleur en cours

2) Créez un site avec un message au début spécifiant que JavaScript est nécessaire au bon fonctionnement du site.Attention, ce message doit disparaître dès que JavaScript est activé.

CREATION D'UN SITE INTERNET - REPONSES C1

1) Créez le fichier HTML correspondant à l'écran suivant :


1) Créez le fichier HTML pour afficher la page ci-dessous en tenant compte des critères suivants :- Les balises <html> et </html> sont affichées en gras- Les caractères < et > sont surlignés en jaune- Il faut respecter la disposition du texte tout en laissant au browser la possibilité de disposer le texte en fonction de la largeur de la fenêtre


1) Créez le fichier HTML pour afficher la page demandée (listes imbriquées) :

2) Créez le fichier HTML pour afficher la page demandée (pièce de théâtre) :


1) Créez le fichier HTML pour afficher la page demandée


1) a) Définissez une page web avec un titre h1 en rouge et 2 paragraphes bleus.

b) Changez les styles pour avoir le titre en bleu et les paragraphes en vert.

2) a) Définissez une page web dont :- le titre h1 est rouge, en italique et centré horizontalement ;- le titre h2 est vert, écrit au moyen de petites majuscules et centré horizontalement ;- les deux paragraphes sont bleus.

b) Modifiez les styles pour que le premier paragraphe soit jaune et le secondbleu.

3) a) Créez un site dont l'arrière-plan est vert clair.

b) Modifiez l'arrière-plan en un dégradé vert clair/blanc (de gauche àdroite).

c) Créez un site dont l'arrière-plan est composé d'une image répétée surtoute la page.

d) Créez un site dont l'arrière-plan est composé d'une image non-répétée.

4) Créez un site ayant 4 hyperliens. Redéfinissez les couleurs des liens pour avoir les couleurs suivantes :- couleur initiale : bleu- couleur d'un lien visité : rouge- couleur d'un lien survolé par la souris : jaune- couleur d'un lien actif : vert

5) a) Créez une liste à puces carrées.

b) Remplacez les puces carrées par des puces personnalisées (une image devotre choix).


1) Créez une page web composée de 3 paragraphes et d'une image. Faites-en sorte que le curseur prenne la forme d'un "sablier" chaque fois que l'internaute survole l'image avec la souris. Il faut également que le premier paragraphe soit bleu et les autres verts.

2) Créez une page web composée de 4 paragraphes. Chaque paragraphe doit être placé dans une boîte trop petite pour lui. Chaque paragraphe doit avoir une propriété overflow différente des autres ainsi qu'une couleur d'arrière-plan différente. Visualisez à présent votre page et constatez les différences de fonctionnement entre les différentes valeurs de la propriété.


3) Créez une page web composée de :- Un titre centré affiché dans un cadre rouge- Deux paragraphes dont le 2ème est affiché dans un cadre à bords arrondis- Chaque paragraphe doit avoir une hauteur de 100 pixels minimum


1) Créez des lettrines aux paragraphes

2) a) Créez une page web composée de 3 paragraphes de plusieurs lignes.b) Appliquez à chaque paragraphe une couleur de fond différente.c) Tracez autour de chaque paragraphe une bordure noire composée d'un trait

continu d'une épaisseur de 2 pixels.d) Disposez les paragraphes de la manière suivante :


e) Disposez-les verticalement :

f) Disposez-les de la manière suivante :


3) Créez une page web ayant l'aspect suivant :- Le titre h1 est centré, en rouge et a une bordure.- La liste est composée d'hyperliens qui permettent de se positionner dans l'élément de droite.- L'élément de droite étant trop petit pour son contenu, des barres de défilement doivent être affichées.


1) Créez et modifiez le fichier HTML pour afficher la page WEB demandée


1) Créez la page HTML suivante


1) Créez un formulaire et améliorez-le


1) Créez un site qui affiche 2 nombres aléatoires compris entre 11 et 52.

2) Sans utiliser le pc, cherchez ce qu'affichent les commandes echo suivantes.

3) Soit le nombre 5614.176. Quelles commandes dois-je utiliser pour l'afficher sous les formes 5614.18 et 5.614,18 ?

4) Quelle commande dois-je utiliser pour afficher la longueur de la string $str dont la valeur est "Le petit canard flotte." ?


1) a) Créez une fonction qui affiche les titres H1b) Créez une fonction qui affiche les titres H2c) Créez une fonction qui affiche les titres H3d) Testez les fonctions

2) Créez une fonction qui renvoie la surface d'un triangle


1) Adaptez les tests suivants en utilisant la commande if ... else ...

2) Adaptez les tests suivants en utilisant la commande switch()

3) a) Créez une fonction qui convertit les montantsb) Testez la fonction


1) Créez le programme qui affiche les tables de multiplication de 1 à 10


1) Créez le tableau à deux dimensions

2) Au moyen d'une boucle, ajoutez une colonne Moyenne

3) Affichez ce tableau à l'écran en utilisant les balises <table>,... de l'HTML et les commandes PHP.

4) Triez le tableau sur les noms et affichez-le rapidement en utilisant la fonction join().


1) Créez les pages nécessaires pour avoir un site semblable à celui-ci en respectant les règles suivantes :a) La découpe de l'écran se fait au moyen des CSS.b) Il faut définir les CSS dans un fichier séparé.c) L'en-tête, le menu et le bas d'écran sont insérés via des include()


1) Refaites l'exercice C18 en ajoutant la nouvelle contrainte.→ Voici les modifications apportées


2) a) Créez le formulaire suivant.b) Le serveur vérifiera que toutes les zones ont été introduites.


2) Voici une autre réponse possible pour cet exercice.


1) Affichez la date :

2) Créez un site d'au moins 2 pages qui demande de taper un mot de passe :


3) Créez un cookie qui retienne la date et l'heure de la connexion précédente.


1) Affichez une liste de tous les fichiers .gif d'un dossier

2) Créez un site permettant l'upload d'un fichier.


1) Ecrivez un script qui demande à l'internaute quelle table de "division" il souhaite (1 à 10) qu'on lui affiche (+ l'afficher !)

Remarquez qu'il y a moyen de faire beaucoup mieux. Mais pour cela, il faut attendre que vous ayez étudié les boucles.


1) Pourquoi le code suivant est-il erroné ? Retrouvez toutes les fautes.

→ L'addition et la soustraction ne fonctionneront pas comme on l'espère car JavaScript traitera ces zones comme des String. Nous devons donc d'abord les transformer en nombres au moyen de la fonction parseFloat(). Nous devrons également les mettre entre parenthèses afin qu'il effectue d'abord le calcul avant la concaténation avec le texte du début de ligne.

→ Il faut veiller à respecter les minuscules/majuscules dans les noms de fonction.

→ La variable nombr2 n'est pas connue dans le script du body. A cet endroit, nous aurions dû utiliser la variable nbr2.

3) Dans l'exemple de la page JavaScript-14, pourquoi a-t-on déclaré nbr en tant que variable globale et pas locale ?

Si on avait déclaré nbr en tant que variable locale, à chaque appel de la fonction, nbr aurait été déclarée et initialisée à 2. La fonction afficherait donc toujours la même valeur : 3 ans !


2) Le restaurant "virtuel".

→ Attention, la balise </textarea> doit se trouver juste après (sur la même ligne) que la balise de début sans quoi l'HTML ajoute les caractères d'espacement dans la zone à l'écran.


1) Créez une fonction qui vérifie si le nombre envoyé lors de son appel est pair ou impair et renvoie cette information.

2) Créez une fonction qui vérifie si le nombre encodé est pair et compris entre 1 et 100 inclus ; puis affiche le résultat "OK" ou "KO" dans un message d'alerte.


1) Quand l'internaute clique sur un bouton, il faut afficher dans la textarea la table de multiplication qui correspond au bouton cliqué.

2) Demander une série de nombres via prompt() et en afficher la moyenne.


1) a) Stockez dans un tableau différents lieux de vacances.

b) Affichez à l'écran un bouton par pays. Quand l'internaute cliquera sur unbouton, il faudra lui afficher les lieux qui correspondent au pays demandé(si possible : triés).


1) a) Faites-en sorte qu'une image soit remplacée par une autre lorsquel'internaute la survole.

b) Remettez la première image lorsque l'internaute quitte l'image.


1) Faites-en sorte qu'un paragraphe change de couleur d'arrière-plan lorsque la souris est positionnée sur lui et qu'il reprenne sa couleur normale dès qu'elle le quitte.

2) Créez une page FAQ qui reprend plusieurs questions. Une réponse sera affichée dès que l'internaute cliquera sur la question liée. Elle sera à nouveau masquée dès que l'internaute recliquera sur la question.


1) Créez le formulaire suivant et vérifiez la validité des informations encodées


1) Créez une page web contenant le prix de vente, le nombre d'articles que l'internaute souhaite acheter et le prix total qu'il doit payer.

2) Créez une fonction qui renvoie un code aléatoire et testez-la.


3) a) Créez une fonction qui recherche la présence d'une String dans une autreString sans tenir compte des minuscules/Majuscules (a = A).

b) Créez une fonction qui recherche et affiche les positions de toutes lesoccurrences d'une String dans une autre String.


4) a) Créez une fonction trim qui renvoie une String en ayant supprimé lesespaces du début et de fin de la String passée en paramètre.

b) Amélioration du test de la deuxième question de l'exercice 25.

Il suffit de rendre la fonction trim() accessible à ce fichier (soit en la copiant dans le fichier, soit en ajoutant un lien vers le fichier .js où celle-ci serait définie) et ensuite de l'appliquer sur la variable val lorsque l'on vérifie si l'internaute a bien encodé une valeur. En effet, sans cette fonction trim(), une valeur composée d'un ou plusieurs espaces serait acceptée pour calculer une moyenne de nombres !!!

5) Affichez une horloge digitale à l'écran.


6) Affichez un compteur sous la forme d'un rectangle dont la taille et la couleur change en fonction du temps qui reste.


1) Créez un site :


2) Créez un site avec un message au début spécifiant que JavaScript est nécessaire au bon fonctionnement du site.Attention, ce message doit disparaître dès que JavaScript est activé.

alwaysdataessaierasme2012.alwaysdata.net/E_EX_SiteInternet201… · Web view6)Affichez un compteur...

Documents

Transcript of alwaysdataessaierasme2012.alwaysdata.net/E_EX_SiteInternet201… · Web view6)Affichez un compteur...