S'initier au HTML et aux feuilles de style CSS Cours 5.

Présentation au sujet: "S'initier au HTML et aux feuilles de style CSS Cours 5."— Transcription de la présentation:

1 S'initier au HTML et aux feuilles de style CSS Cours 5

2 Retour Intégrer un vidéo qui fonctionne avec la balise « embed »

3 Retour En intégrant un vidéo Youtube

4 Retour Qui est codé en HTML 5 ex:

5 Retour W3C validator Outil de debug Bon pour le futur Facilite la maintenance Enseigne de bonnes habitudes. C’est un signe de professionnalisme.

6 Aujourd’hui Les types MIME HTML dynamique - DHTML - Ajax - PHP - ASP - Jquery

7 Type MIME Un identifiant de format de données Divisé en deux parties: un type et un sous-type Exemples: - audio/mp3 : MP3 ou autres MPEG - image/jpeg : JPEG image JFIF - text/html : HTML http://fr.wikipedia.org/wiki/Type_MIME

8 Type MIME Exemple commun: Ou

9 AJAX AJAX (Asynchronous JavaScript and XML) N'est pas une technologie en elle-même, mais un terme qui évoque l'utilisation conjointe d'un ensemble de technologies HTML CSS DOM et JavaScript pour interagir dynamiquement avec la page L'objet XMLHttpRequest Sert à mettre à jour des parties de site web avec des données du serveur Web sans recharger la page.

10 PHP PHP (Hypertext Preprocessor), est un langage de script libre. Il est utilisé principalement côté serveur. La machine qui héberge la page Web en question va interpréter le code PHP et générer du code qui pourra être interprété par un navigateur.

11 PHP PHP peut également générer d'autres formats en rapport avec le Web, comme le WML, le SVG, le format PDF, ou encore des images bitmap telles que JPEG, GIF ou PNG.

12 PHP Fichier Index.php

13 ASP Active Server Pages (ASP) est un ensemble de logiciels développés par Microsoft et utilisés dans la programmation et destinée à créer des sites web dynamiques, concurrente de PHP. Elle nécessite pour fonctionner une plate-forme Windows avec IIS (Internet Information Services) installé, ou encore une plate-forme Linux ou Unix avec une version modifiée d'Apache.

14 Javascript JavaScript est un langage de programmation de scripts principalement utilisé dans les pages web interactives mais aussi côté serveur. Le langage a été créé en 1995 par Brendan Eich, membre du conseil d'administration de la fondation Mozilla, pour le compte de Netscape.

15 Javascript function maFonction () { alert('zzz'); }

16 Laboratoire Suivez les instructions du fichier laboratoire.doc

17 Jquery Le Jquery un ensemble de technologies comme AJAX. C’est aussi une façon différente de programmer en javascript. Trois technologie utilisées : –HTML (ou XTML) –CCS –JavaScript

18 Jquery Pour que ça marche, ça prend trois choses: 1.Le moteur jquery (la librairie) disponible en téléchargement libre sur jquery.com. C’est un fichier avec l’extension js. Les fichiers contenant du code javascript doivent avoir cette extension.

19 Jquery 2.Le moteur jquery (la librairie) de l’effet désiré. 3.Vous devrez ensuite suivre les instructions, souvent très simples, pour réaliser l’effet. Vous pouvez aussi vous inspirer (voire plagier) un exemple en vous basant sur son code source.

20 Jquery Pour lier les fichiers javascript à votre page html, utilisez la balise script dans le head de votre page. Ex:

21 Jquery Exemple

22 Laboratoire Réalisez un effet jquery que vous aurez choisi dans la série disponible.