Pages Web d'exemples et d'essais du cours d'OC informatique 3ème 2015-2016.

Ce cours sera complété tout au long de l'année.

Page 010, une page Web minimaliste.
Page 015, Explications du code HTML de la page Web minimaliste.
Page 020, avec une image et un lien.
Page 030 de tests de qualité d'images sauvés au format .jpeg.
Page 040 de tests de réduction de couleurs d'image .png.
Page 050, pour quelques balises HTML importantes.
Page 060, quelques exemples de styles pour s'entrainer.
Page 070, pour beaucoup d'exemples de styles.
Page 080, pour d'autres exemples de styles.
Page 090, pour des exemples de styles défini dans l'en-tête.
Page 100, javascript à dose homéopathique.
Page 110, corrigé de la série 04 sur le CSS. C.f. le code source.
Page 115, corrigé avec le code source de la série 04 sur le CSS.
Page 120, un exemple de gabarit.

Le site de "W3schools.com" qui est LA références pour le HTML, le CSS et le javascript :
Référence HTML Tags.
Référence CSS.
Référence javascript.
Un cours sur le HTML et le CSS du site OpenClassrooms.

Initiation au javascript :
Beaucoup d'informations sont disponibles ici : Exemples de javascript.
Un testeur de javascript, en direct : Testeur de javascript.
Et voici beaucoup d'exemples.
En particulier, le micro résumé m'est souvent utile. idem en .odt
Le site de "Open Classrooms" qui résume la syntaxe du javascript : syntaxe en javascript.
Le site de "toutjavascript" qui donne des références sur le javascript : référence javascript.
Le site de "W3schools.com qui est LA références sur le javascript : référence javascript.

Sauvegardez les images des disques de divers couleurs, ci-dessous.
Copiez ensuite le code source de la "Page 11" ci-dessous chez vous, pour :
° lire son code ;
° le comprendre, au moins partiellement ;
° le modifier, pour tester votre comprhéension ;
° l'améliorer.
Page 210a, doubler un nombre, un premier exemple de javascript.
b  
Page 220a, base pour calculer le jour de la semaine d'une date donnée
b   c   d   e  
Page 222a, développements du calcul du jour de la semaine d'une date donnée
b   c   d   e   f  
Page 230a, déplacer une image dans la fenêtre.
b   c   d   e  
Page 240a, minuteur et déplacement automatique d'une image.
b   c   d   e   f  
Page 250a, un jeu de ping-pong.
b   c   d   e   f   g   h  
Les sons, à mettre dans un sous-dossier "sons" du dossier "website" :
tac.ogg   tic.ogg   cash.mp3   cash.ogg   chunk.mp3   chunk.ogg  

Page 260a, un jeu complet, illustrant le innerHTML, les array et les boucles for.
b   c   d   e   f   g   h   i   j   k   l   m   n   o   p   q   r  

Un corrigé de l'épreuve du mardi 10 mai 2016.

Page 270a, boucles for et while.
b   c   d  
Page 270e, innerHTML et boucles for et while.
f   g  

Une table de multiplications faite par une de mes élèves Maria : Table de multiplications.
Variantes, utilisant les boucle for et le innerHTML :
b   c   d   e  

Une table de multiplications complète générée en javascript : Table de multiplications complète.

Une table de boutons générée en javascript : Table de boutons.


Lien sur divers tests.
Lien sur des informations concernant le logiciel de traitement d'image GIMP.

Lien sur la liste d'élèves et leur site Web.


about:config, configuration de Firefox.
browser.tabs.insertRelatedAfterCurrent   Pour que les onglets ("tab") s'ouvrent après l'onglet courrant ou en fin.
view_source.editor.external   Mis à TRUE pour que la source soit visualisé dans un éditeur externe.
view_source.editor.path   Indique l'éditeur à exécuter pour éditer la source.
Exemples d'éditeurs textes : geany, gedit, bluefish, netbeans, etc.
J'utilise geany dans ce cas, pour sa vitesse d'ouverture.


Des images : boule boule boule boule boule boule boule boule boule


Ma page Web consacrée à l'OC Informatique 3ème.
Ma page Web principale.

Des images Clipart libres.
Des photos libres.
Divers liens, cherchez Images et animations.

Plan du Site : home de zgisin   arrow   a2015_oc3     ( Page Web = http://www.juggling.ch/zgisin/a2015_oc3/index.html)


Page mise à jour le 10 novembre 2017 par   Bernard Gisin.
Hébergement par : www.Infomaniak.ch