Pages Web d'exemples et d'essais du cours d'OC informatique 4ème 2019-2020.
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.
Pages écrites avec BlueGriffon. Préférable.
Pages écrites avec SeaMonkey.
Mise en forme CSS de pages Web à l'aide de BlueGriffon
Explication de la signification de "Cascading Style" ("Style en Cascade").
Un peu de théorie sur le CSS. (version .odt)
Les fichier compressé (.zip) suivant contient le dossier avec les fichiers
qui seront utilisés pour la mise en forme.
css_02.zip.
Il faut :
Résultat après les mises en formes.
page110a_..., la page de départ pour la série 1.
b corrigé avec bluegriffon,
b corrigé avec netbeans,
c.
Comparison of raster graphics editors, de Wikipedia.
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'exemples de javascript et de CSS.
Ma page Web d'exemples de formulaire.
Un testeur de javascript, en direct :
Testeur de javascript.
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 qui est LA références sur le javascript :
référence javascript.
° 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
c
d
e
Page 220a, base pour calculer le jour de la semaine d'une date donnée
b
c
d
e
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
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.
Liens sur des sites d'images libres :
Des images libres.
Liens vers des sites offrant des images libres.
Open clipart.
Free Clip Art Library. Des centaines de Clipart, classés.
OpenClipart-Vectors.
Wikimedia.
1064 Open clip art mirror.
Liste d'images.
Open pictures.
.
Des images :
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.
Ma page Web consacrée à l'OC Informatique 4ème.
Ma page Web principale.
Plan du Site :
home de zgisin
a2019_oc4/index_oc4_2019.html ( Page Web = http://www.juggling.ch/zgisin/a2019_oc4/index_oc4_2019.html)
Page mise à jour le 2 avril 2020 par Bernard Gisin.
Hébergement par : www.Infomaniak.ch