Documentation et liens concernant le HTML, CSS, javascript

Pour apprendre une nouvelle notion, il est utile d'avoir :
° un bon cours ;
° une bonne référence (voir plusieurs références) ;
° des exemples, j'en donne plusieurs ici ;
° des exercices, j'en donne plusieurs ici ;
° de la pratique. Là c'est à vous de travailler.

Documentation en français concernant le HTML5 et le CSS3

Un cours sur le HTML5 et le CSS3. Il sera difficile de trouver un meilleur cours en français que celui-ci.
Il vient du site OpenClassRooms. J'ai acheté l'excellent livre qui se trouve intégralement sur le site référencé ci-dessus.

Je ne connais pas de bonne référence en français sur le HTML et le CSS. Soit on se contente du cours, soit on regarde des références en anglais.

Documentation en anglais concernant le HTML et le CSS

En vrac :

Quelques liens que j'ai trouvé en janvier 2016, qui me paraissent intéressant, en anglais.
CSS3 - Intro, Guides & Resources, Beaucoup d'information sur le CSS, des introductions, des exemples et des liens.
Don't fear the Internet, Plusieurs vidéos expliquant ce qu'est l'internet, le HTML et le CSS avec des explications détaillées de certains styles, vraiment bien fait.
HTML editors, Une liste d'éditeurs HTML. Il en existe des dizaines, avec leur avantages et désavantages. À ma connaissance, aucun permet une édition du code HTML et en mode WYSIWYG (visuel), acceptable. "Acceptable" signifie que l'édition en mode visuel de modifie par entièrement tout le code HTML, mais garde la structure vous lui avez donnée.
J'utilise souvent (dans l'ordre de préfécence) :
NetBeans, Geany, gEdit, BlueFish, SeaMonkey Composer et BlueGriffon.
Liste of text editors, pour une liste d'éditeurs de texte, pour information.
Comparison of text editors, Pour une comparaison d'éditeurs de texte, pour information.
Software editors, une liste d'éditeurs de texte.

Documentation en français concernant le javascript

Un cours sur javascript. C'est un excellent cours sur le javascript. Il vient du site OpenClassRooms. J'ai acheté l'excellent livre qui se trouve intégralement sur le site référencé ci-dessus.

Une références sur le javascript, du site toutjavascript.com.
Description des objets suivants et de leurs méthodes :
Array, Date, Function, Image, Math, Mots_clefs, navigator, Object, RegExp, String, window.

http://www.toutjavascript.com/main/
C'est un excellant site, qui vous enseigne les bases du javascript, vous donne des renseignement sur des outils proches du javascript, comme le DHTML et le PHP et vous donne plus de 130 exemples en javascript.

Documentation en anglais concernant le javascript

Voici d'autres site que j'ai notés dans mes signets (=favoris), mais que je n'ai pas beaucoup utilisé.

http://www.javascriptcity.com/ en anglais
Lessons de javascript, exemples, ressources, liens vers d'autres sites.
Par exemple, il donne les liens vers les sites expliquant le javascript, de Netscape et celui de Microsoft.

http://www.walterzorn.com/
Des exemples et routines toutes faites en javascript.
Les routines sont excellantes, faciles à utiliser, malgré que je ne les comprendes pas.

Liens sur des sites Web d'images libres

On peut développer du javascript en utilisant n'importe quel éditeur de texte. Mais certains logiciels vous facilite beaucoup la tâche.
Je ne connais aucun éditeur de pages Web qui me satisfasse entièrement. En voici quelques-uns, mais chacun a ses défauts.

NetBeans : http://www.netbeans.org/
Excellant éditeur pour de l'HTML et du Javascript, mais pas en WYSIWYG.
C'est l'éditeur que j'utilise actuellement (en 2014).
La syntaxe est bien colorée, beaucoup d'aide durant l'édition, le marquage automatique du tag de fin lorsqu'on est sur le tag de début, de même pour les parenthèses.
A l'origine, cet éditeur était fait pour développer du java.
Actuellement (2014) c'est avec eclipse LA référence pour l'édition de programmes en java et bien d'autres langages.

KompoZer.net est un éditeur WYSIWYG gratuit. Mais il détruit le formattage du texte HTML que l'on a écrit.
Mozilla SeaMonkey est un éditeur WYSIWYG gratuit.
C'est un logiciel intégré qui possède un éditeur HTML intégré, mais qui a le même défaut que KompoZer.
De plus, si une partie de la page contient du PHP, elle est effacée. => utilisable que dans des situations très simples.
Amaya est un éditeur WYSIWYG gratuit. Il es développé par le groupe W3. Il a le même défaut que les précédents.
Bluegriffon.org est un éditeur WYSIWYG gratuit. Il a le ême défaut que les précédents.

J'ai testé le logiciel eclipse, qui est plus axé sur le langage java, mais permet aussi de développer du javascript. Mais attention, j'ai mis plusieurs heures à comprendre comment il fonctionne. De plus, j'ai du rechercher sur internet des suppléments, pour le faire fonctionner en français et pour l'utiliser avec javascript. C'est un logiciel lourd et compliqué, mais une fois qu'il est installé, il est bon. Référence : http://www.eclipse.org/ en anglais
Pour un plug-in à rajouter au logiciel eclipse, pour éditer du javascript, voir : http://sourceforge.net/projects/jseditor/
http://www.ee.ryerson.ca/~hkataria/
J'ai lu mais pas testé que eclise possède un plug-in qui permet le développement de pages web en WYSIWYG.

J'ai utilisé Antechinus JavaScript Editor, qui n'est pas parfait, mais bien fait. Référence : http://www.c-point.com/ en anglais

Adobe Dreamweaver est une des références actuelle pour le développement de site web. Mais le prix de plus de 600 CHF ( 400 euros) n'est pas encourageant. Je n'ai pas trouvé d'anciennes versions, bon marché.

Mozilla SeaMonkey
Un navigateur de la même famille que Netscape, gratuit. Il contient aussi un éditeur de pages web.
En février 2009, la version 1.1.14 est la standard.

Mozilla Firefox
Un navigateur de la même famille que Netscape, gratuit. Il est excellant, c'est une référence actuellement.
En février 2009, la version 3.0.6 est la standard.
Netscape n'est plus développé, mais remplacé par Firefox

Opera
Un navigateur alternatif, comme il y en a beaucoup d'eautres, mais qui vaut le détour.
La page de téléchargement est en anglais, mais le navigateur fonctionne en français.

En cherchant les mots : navigateur, mozilla, netscape, opera, avantbrowser, safari, vous trouverez d'autres navigateurs.
(Safari est un navigateur de référence sur le Mac. Il n'existe pas de version windows à ma connaissance)

Internet Explorer
Malgré que c'est le navigateur le plus utilisé, c'est aussi celui qui respecte le moins les standards défini par la communauté Internet.
Donc je ne l'utilise que rarement, pour des tests et quand l'accès à une page web mal faite m'est indispensable.

Plan du Site : Home

bgweb.html

web_docs.html ( = http://www.juggling.ch/gisin/javascript/adocs/web_docs.html )