hg S’enregistrer Bac Tunisie Algorithmique et programmation : BAC INFORMATIQUE En Tunisie forum informatique Tunisie

Bac Tunisie Algorithmique et programmation : BAC INFORMATIQUE En Tunisie  forum informatique Tunisie Index du Forum

hg Bac Tunisie Algorithmique et programmation TIC réseaux php javascript sql access activités programmation c
hg
FAQ FAQ Rechercher Rechercher Membres Membres Groupes Groupes Profil Profil Se connecter pour vérifier ses messages privés Messages Privés Connexion Connexion


 Forum de l'excellence et l'excellence en innovation 
Pour participer à notre Forum, vous devez
 
inscrire sur notre forum a partir d'ici
 
  NB :
Les membres ''zéro messages'' seront supprimés automatiquement après un nombre de jours donné !!!!
             
   
 
  
forum d'aide informatique : internet, réseau, programmation informatique ...
Creation de pages en HTML et un peu de javascript
 
 
Poster un nouveau sujet   Répondre au sujet    Bac Tunisie Algorithmique et programmation : BAC INFORMATIQUE En Tunisie forum informatique Tunisie Index du Forum -> TIC -> HTML
hg Sujet précédent :: Sujet suivant   hd
Auteur Message
KARIMOS
Administrateur

Hors ligne

Inscrit le: 02 Nov 2008
Messages: 1 710
Masculin
Point(s): 5 479
Moyenne de points: 0

Posté le: Sam 15 Nov - 13:09 (2008)    Sujet du message: Creation de pages en HTML et un peu de javascript Répondre en citant

PublicitéSupprimer les publicités ?
Réalisation du  premier fichier htm
 
1- Création
Structure commune à tout fichier htm:Balise de début et de fin (htm);  de titre (ici QUESTION)dans l'en-tête(head) et de corps de texte (vide pour le moment) (body).
<htm>
<head>
<title>QUESTION</title>
</head>
<body>
</body>
</htm>

-Enregistrer ensuite ce fichier sous un nom en extension .htm (par exemple : essai.htm) dans le répertoire où sont les images.( remarque : en enregistrant choisir type de fichier Tous (*.*) )
-Mettre le bloc-note en icône dans la barre des taches.
-Accéder au fichier essai.htm et lancez-le en double-cliquant. Seul le titre doit apparaître dans la barre de titre.
remarque: pour la suite si l'affichage de la page htm ne fonctionne pas, il faut corriger les erreur de syntaxe dans le bloc-note. il est inutile de fermer le fichier htm ouvert, à chaque modification enregistrée, il suffira de faire affichage/rafraîchir dans le navigateur pour voir les modifications.
2- Titre de la page
- But : titre en gros, en couleur, centré et encadré de 2 lignes
- Position dans le fichier source: entre les 2 balises <body> et </body> (corps du texte)
- Syntaxe :
       - ligne horizontale : <hr> (balise unaire)
       - titre <h1> TEST DE MEMOIRE</h1>
       - ligne horizontale : <hr>
Enregistrer et rafraîchir le navigateur pour voir le résultat.
- Modification pour centrer le titre insérer align="center" dans la balise <h1>
- Couleur du titre : Encadrer TEST DE MEMOIRE par <font color="FF0000"> et </font>
remarque: les couleurs sont exprimé en hexadécimal (base 16) sur 256 niveaux (de 00 à FF ) de rouge, vert et bleu. Ici ff0000 signifie rouge =ff vert = 00 et bleu = 00 le résultat est donc rouge vif . vous pouvez essayer d'autres combinaisons.
Enregistrer et rafraîchir le navigateur pour voir le résultat.
3- texte de la page (à la suite)
- Texte : Regarder l'image suivante puis répondre aux questions. A encadre par
et
(balise de paragraphe)
- Couleur du texte : mettre les balises nécessaires pour que ce texte s'affiche en rouge.
Enregistrer et rafraîchir le navigateur pour voir le résultat.
4- Création d'un hyper lien
- but: le mot "questions" doit permettre d'ouvrir un autre fichier htm que l'on créera plus tard dans le même répertoire.(nom : test.htm)
- méthode : encadrer le mot questions par les balises et
(pour le moment le lien ne fonctionne pas puisque test.htm n'existe pas encore, mais il doit apparaître en bleu dans le navigateur)
5- Insertion d'une image
- But  : insérer un gif animé
- Méthode : < img src="cat18.gif" alt="Un petit chat et des poissons">
(alt= "..." permettra d'afficher un texte quand on posera le curseur de la souris sur l'image)
- Mise en forme : mettre les balises nécessaires pour que l'image se trouve sous le texte précédent( nouveau paragraphe) et centrée dans la page.
Enregistrer et rafraîchir le navigateur pour voir le résultat.
6- Mise en page supplémentaire
- Rajouter une ligne horizontale sous l'image
- Fond de page : Un fond de page (background) peut être en couleur ou comporter une image de fond.
    - en couleur : insérer bgcolor="xxxxxx" dans la balise <body> ( ou xxxxxx est un code de couleur à choisir en hexadécimal)
    - Image de fond : Insérer background="T12a.jpg" dans la balise <body> ( T12a.jpg est une des images présente dans le répertoire du fichier htm. toute autre image de fond en .jpg ou .gif pourrait convenir)
remarque : Si l'on met une image de fond il est inutile de donner une couleur de fond de page.
C'est fini vous pouvez enregistrer définitivement.
C Réalisation du  deuxième fichier htm
1- Refaire la structure commune à tout fichier htm ( balise de début et de fin, en-tête, titre , corps de texte)
2- le titre (title) doit être QUESTION et le fond de page doit être le même que essai.htm.
3- Enregistrer sous le nom test.htm
4- corps du texte
- Titre du texte : QUESTION. Il doit être présenté comme le titre de essai.htm.
- Texte de la page : Il doit être : Combien y avait-il de poissons dans l'aquarium ? ( pour mettre le texte en gras il suffit de l'encadrer par <strong> et </strong>
5- Formulaire de réponse
- But : Le formulaire de réponses sera constitué d'un champ texte (pour entrer la réponse) et d'un bouton (pour valider).
- syntaxe:
<form>
<input type="text" name="t1" size="15"> <input type="button" name="b1" value="validation">
</form>

- Rajouter les balises nécessaires pour que ce formulaire se retrouve à la ligne du précédent texte et centré dans la page.
Pour le moment le formulaire existe mais le bouton reste inactif.
6- script associé au bouton
- But : l'action du bouton de validation doit être la suivante quand on clique dessus : Il doit lancer des boites de dialogue adaptées à la réponse (juste ou fausse) entrée dans le champ texte.
- méthode : il faut créer un script en JAVA SCRIPT et l'insérer dans l'en-tête du fichier htm
- Script:
Balise de début et de fin de script :  <script language="javascript"> et </script> à insérer dans l'en-tête en dessous </title>. Toute la suite sera inséré entre ces 2 balises.
Déclaration d'une fonction : function test(form) {
}   les 2 accolades encadreront les instructions de la fonction. Le nom de la fonction est test (cela pourrait être n'importe quel nom) . (form) indique que la fonction s'occupera du formulaire.
Instructions : utilisation d'instructions conditionnelles du type si (if) alors, sinon (else)
if (form.text1.value  == "2")
alert("Bravo !")
else

alert("Non il n'y a pas "+form.text1.value+" poissons.\n Vous n'avez aucune mémoire !.");
if (form.text1.value=="2"): si le contenu(value) du champ texte(nommé text1)dans le formulaire (form) est 2
alors alert ("Bravo") alert appelle la boite de dialogue standard de Windows qui affichera Bravo.
sinon else {etc..} le texte est entre guillemets et les variables sans guillemet. L'ensemble est relié par +.  form.text1.value indique le nombre que l'on a entré dans le champ texte.\n fait aller à la ligne dans la boite de dialogue.
- appel de la fonction
Pour que cette fonction soit active il faut qu'elle soit appelée par un clic sur le bouton.
Insérer onClick="test(this.form)" dans la déclaration du bouton juste avant le >
- vérification : si le navigateur fait une remarque du genre Microsoft JScript runtime error, il y a une erreur dans la syntaxe du script ou du bouton. il faut alors le vérifier.
7- extension du script
- But : rajouter des instructions supplémentaires suivant les réponses .
Si la réponse est bonne (2) le commentaire est "Bravo ! "
Si rien n'est rentré dans le champ texte le commentaire doit être " Il faut répondre quelque chose !"
Si la réponse est mauvaise (différente de 2) le commentaire " non il n'y a pas etc..." doit s'afficher et l'on doit retourner à la page précédente pour regarder l'image.
-méthode
Insérer une autre instruction conditionnelle if else  entre accolades après le premier  else
else {if (form.text1.value == "")
alert("il faut écrire quelque chose !")
else
alert("Non il n'y a pas "+frm.text1.value+" poissons, vous n'avez aucune mémoire !."),location = 'essai.htm';}
}

__


 
Revenir en haut
zaroui0


Hors ligne

Inscrit le: 27 Fév 2010
Messages: 1
Point(s): 1
Moyenne de points: 0

Posté le: Ven 14 Mai - 21:36 (2010)    Sujet du message: Creation de pages en HTML et un peu de javascript Répondre en citant

sssssssvp je veux une fonction annluer les champs formlaire html aidez mois

 
Revenir en haut
KARIMOS
Administrateur

Hors ligne

Inscrit le: 02 Nov 2008
Messages: 1 710
Masculin
Point(s): 5 479
Moyenne de points: 0

Posté le: Sam 15 Mai - 14:05 (2010)    Sujet du message: Creation de pages en HTML et un peu de javascript Répondre en citant

Bonjour.

Il n'y a pas de problème, le code fait exactement ce que tu lui demandes :
Code:

function verification() {
   if(document.formulaire.nom.value == "") {
// SI nom est vide, on affiche une alerte, puis on sort de la fonction. La fonction renvoie FALSE
      alert("Veuillez entrer votre Nom svp");
      document.formulaire.nom.focus();
      return false;
   }
// SINON, on sort de la fonction, et elle renvoie TRUE
   else
      return true;
// Le reste n'est jamais exécuté, vu qu'on sort toujours de la fonction !!!
if(document.formulaire.sujet.value == "") {


Enlève les else return TRUE;, et mets juste, à la fin de la fonction return TRUE;


 
Revenir en haut
Contenu Sponsorisé






Posté le: Aujourd’hui à 17:01 (2016)    Sujet du message: Creation de pages en HTML et un peu de javascript

 
Revenir en haut
Montrer les messages depuis:   
bg bd
Poster un nouveau sujet   Répondre au sujet    Bac Tunisie Algorithmique et programmation : BAC INFORMATIQUE En Tunisie forum informatique Tunisie Index du Forum -> TIC -> HTML Toutes les heures sont au format GMT + 1 Heure
 
Page 1 sur 1

 
Sauter vers:  
Index | créer forum gratuit | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation