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

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.
Astuces CSS, sur le site "toutimages.com

Pages écrites avec SeaMonkey.
Pages écrites avec BlueGriffon.

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  

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

Connexion FTP au 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   a2017_oc3     ( Page Web = http://www.juggling.ch/zgisin/a2017_oc3/index.html)

Page mise à jour le 27 janvier 2018 par   Bernard Gisin.
Hébergement par : www.Infomaniak.ch