Beaucoup d'exemples HTML, CSS, Javascript, PHP, ajax, java

Voici une liste d'exemples pouvant servir dans la création d'autres pages

HTML
a1html1010_minimalise_iso-8859-15.html, une page html minimaliste, codée en ISO 8859-15, pour Windows.
a1html1020_minimalise_utf-8.html, une page html minimaliste, codée en utf-8, le standard, 75% des pages l'utilisent. Toutes mes pages Web depuis 2014 sont codées en utf-8.
a1html1030_base_depart_utf-8.html, Une page minimaliste de départ pour en créer d'autres. Toutes mes pages Web depuis 2014 sont codées en utf-8.
a1html1040_meta.html, une liste de balises meta et des références associées.

CSS
a2css1010_liste_exemples_style.html, une liste d'exemples de styles.
a2css1020_liste_exemples_style_suite_1.html, d'autres exemples de styles.
a2css1030_liste_exemples_style_suite_2.html, d'autres exemples de styles, avec des effets de la souris au survol d'éléments.
a2css1040_CSS_tests.html, CSS, des tests.

javascript
a3js1005_javascript_homeopathique.html, utilisation de très peu de javascript avec du CSS pour obtenir des effets.
a3js1010_doubler_un_nombre.html, doubler un nombre en javascript.
a3js1020_deplace_image.html, déplace une image à l'aide de javascript.
a3js1040_formulaires.html, éléments de formulaires et traitement en javascript.
a3js1050_formulaires_avec_code.html, formulaires avec l'affichage du code correspondant.
a3js1082_microphone.html, lecture du microphone, pour changer le niveau de gris du fond d'écran.

À venir :
a3js1060_conversion_C_F.html, conversion de degrés Celsius en degré Farenheit.
a3ja1070_jour_semaine.html, calcul de jour de la semaine correspondant à une date donnée.
    Timer Chronomètre, bouge balle.
Horloge
innerHTML
Array
Sons
Videos

PHP
a4php1010_compteur.php, un compteur en php.

Ajax
a5ajax1010_asynch_texte_lire.html, lecture d'un fichier texte sur le serveur, sans recharger la pages Web.

java
a6java1010_hello_world.html, un exemple minimaliste d'applet java.
a6java1020_parametres.html, Récupère des paramètres et les affiche avec une applet java.
a6java1030_trace_lignes.html, Récupère des paramètres et trace des lignes avec une applet java.
a6java1090_regle_logarithmique.html, une règle logarithmique avec une applet java.

En javascript, note à écrire ailleurs :
Pour un nombre, il faut mieux utiliser : Math.floor(nombre) que parseInt(nombre) pour en prendre la partie entière.


Productions personnelles en 2009 - 2010, ce sont mes premiers essais en javascript.
Productions personnelles, exemples de productions personnelles ou remarquables.
Productions d'élèves en 2010, exemples de productions d'élèves.
Productions d'élèves en 2015, exemples de productions d'élèves.

Voici quelques exemples que j'ai développé moi-même, pour apprendre.

Le jeu des quatre opérations, il est intéressant pour des enfants ! jeux pour apprendre le livret.

Le jeu "le compte est max", selon une idée de Christian Aebi, enseignant au C.O. Le compte est max.

Le jeu des pesées, pour trouver une bille plus légère ou plus lourde que les autres.

Le jeu de la planche à clous, qui est en développement.

Tests : Minimisation de périmètre de rectangle, ébauche & Minimisation de périmètre de triangle, ébauche.

Partenaire pour un tour de magie, mais il faut le connaître. Magie à 8 cartes.
Magie à 3 cartes, une variante simplifiée.

Jeu de mémoire, faisant intervenir le son.

Pour pouvoir tester facilement des instructions javascript, voici un testeur.
Pour pouvoir tester la Debugging Window de la librairie.

Exemples de Java scripts et d'images roll-over.

Un exemple de page protégée par un pseudo mot de passe.

Exemple de gestion d'événements.

Exemple d'information sur l'ordinateur.

Exemple de gestion de sons.     Anciennes versions : gestion de sons_2  gestion de sons ancien_1.

Exemple d'intégration de vidéo en streaming.

Exemple de minuteur, avec son aux 5, 10 et 15 secondes.  
Version pour sons à 12, 13, 14, 15 et 16 minutes, PgUp & PgDown pour avancer ou reculer.

Exemple de capture du clavier et d'affichage à l'écran.

Exemple d'images associées aux liens.

Exemple de gestion de son par un timer.

Exemple 1 d'une image qui se déplace.

Exemple 2 d'une image qui se déplace au hasard.

Exemple 3 d'images qui se déplacent.

Exemple 4 d'images qui se déplacent (script dans un fichier externe).

Exemple 1 de positionnement d'images avec la souris.

Exemple 2 de positionnement d'images avec la souris.   Amélioré.

Exemple 3 de positionnement d'images avec la souris (script dans un fichier externe).

Exemple 4 de positionnement d'images avec la souris. Avec sons audio.

Exemple 5 de positionnement d'images avec la souris. Utile pour smartphone

Exemple 6 de positionnement d'images avec la souris. Utile pour smartphone, autre approche

Exemple d'écriture dans une fenêtre de debbuging.

Exemple amusant d'une page Web affichant le contenu exacte de son code HTML. Elle est Autoréplicante !
Un exemple similaire en pascal sous DOS, dont l'impression est le code source du programme lui-même : AutoWrite.



Plan du Site : Home   arrow   bgweb.html   arrow   exemples.html ( = http://www.juggling.ch/gisin/bgweb/exemples.html )


Page mise à jour le 4 mai 2018 par Bernard Gisin     ( Envoyer un e-mail )
Hébergement par : www.infomaniak.ch