Feuilles de style CSS (initiation) - JavaScript (initiation)

Sommaire: Feuilles de style CSS (initiation) – JavaScript (initiation)

1 Architectures possibles (client : navigateur / serveur : serveur HTTP)
2 Presentation rapide des technonologies de programmation ”Web”
3 Programmation cote client
3.1 HTML (HyperText Mark-up Language : un langage (a balises) de presentation
3.1.1 Entete d’un document HTML
3.1.2 Corps d’un document HTML
3.2 Les feuilles de style CSS (Cascading Style Sheet)
3.2.1 Types de redeﬁnitions possibles
3.2.2 Quelques proprietes css courantes
3.3 JavaScript
3.3.1 Hierarchie de classes et principales proprietes de l’API DOM Javascript
3.3.2 Comment ne pas perturber un navigateur ne supportant pas Javascript ? (veriﬁcation un peu desuete)
3.3.3 Comment tester le navigateur ?
3.3.4 Ou creer les fonctions javascript ?
3.3.5 Ou appeler des fonctions javascript ?
3.3.6 Comment diﬀerer ou planiﬁer l’appel des fonctions javascript ?
3.3.7 Comment creer une fenetre standard de saisie ou une fenetre d’alerte ?
3.3.8 Comment creer une nouvelle fenetre ?
3.3.9 Comment agir sur une fenetre mere a partir de la fenetre ﬁlle ?
3.3.10 Comment veriﬁer que tous les champs d’un formulaire ont bien ete saisis ?
3.4 JavaScript/DOM/DHTML
3.4.1 Methodes de l’API DOM de Javascript permettant d’acceder `a l’arbre DOM
3.4.2 La gestion des divisions
3.5 XML (eXtensible Markup Language)
3.5.1 XML et les CSS
3.5.2 XHTML

Extrait du cours feuilles de style CSS (initiation) – JavaScript (initiation)

2 Presentation rapide des technonologies de programmation ”Web” Sur le client (navigateur) :
Tous les exemples cites dans ce support de cours sont cences etre compatibles IE7 / Firefox 2.
– HTML (HyperText Mark-up Language) → langage permettant :
– la presentation et d’agencement de textes et d’images
– la creation d’ancres (liens hypertextes)
– la creation de formulaires qui sont des ensembles de composants permettant a l’internaute de selectionner ou de saisir des donnees :
– dans des zones de saisies
– en cliquant sur des boutons
– en selectionnant des items dans des listes deroulantes, des listes de boutons radio ou de boıtes a cocher
– Les feuilles de style CSS (Cascading Style Sheet) → ensemble de styles :
permettant, via des styles attaches aux balises HTML, de (re)deﬁnir la presentation des textes, des liens, et plus generalement de tous les composants des pages HTML.
– JavaScript → langage de script permettant principalement sur le client :
– le controle des saisies dans les formulaires ;
– la modiﬁcation des valeurs des composants ;
– la creation de fenetres separees ;
Attention, JavaScript n’a rien a voir avec le langage Java (enﬁn presque).
– DHTML (Dynamic HTML)→ collaboration entre HTML (notamment la balise div) et l’acces a la representation interne de la page web dans le navigateur par Javascript permettant la mise a jour, le deplacement, l’apparition ou la disparition de composants de la page web.
– XML (eXtensible Markup Language) → :
“langage” (plutot ici format de donnees) permettant de ne representer que la semantique des documents web (XHTML → HTML respectant une syntaxe stricte (application des r`egles syntaxiques des documents XML))