« Programmation Web » : différence entre les versions
Contenu supprimé Contenu ajouté
localisation |
Orthographe s/\[\[(.*?)\|?(.*?)\]\]/$2/ |
||
Ligne 1 :
{{programmation}}
La '''Programmation web''' peut prendre différentes formes : de la simple
==Les bases de la page web - Les
===Le langage HTML ou XHTML ===
Toute
C'est un langage qui permet de créer des
Au départ ce langage ne définissait que la structure de la page mais très vite se sont rajoutées des balises (ou
Depuis sa version 4, le langage HTML s'accompagne des
Le XHTML est une évolution du HTML basée sur
===Les limites du HTML===
Une page web créée en
Concernant l'aspect dynamique, seuls deux tags HTML (''<marquee>'' et ''<blink>'' mais qui ne sont pas compatibles avec tous les
A propos de l'interactivité, le langage HTML permettra uniquement de créer le ''layout'' d'un formulaire d'interaction avec le visiteur. Il permettra de définir les paramètres d'une action et de renvoyer les données du formulaire vers un 'système' qui gèrera celles-ci mais ne permet pas de définir l'action elle-même.
;Portabilité : Le langage HTML est multi-plateformes. Tous les navigateurs web reconnaissent le langage HTML (c'est le moins qu'ils puissent faire...) de base, seuls certains tags sont propres à certains navigateurs (comme le tag ''<marquee>'' qui n'est interprèté comme défilement de texte que dans
;Mise en place : Le langage HTML a cependant l'avantage d'être aisé à mettre en place et ne demande pas des compétences techniques très poussées. De plus, ces pages sont d'un traitement très léger et rapide par le serveur.
Il faut donc autre chose pour ajouter de l'
===Le XML (''eXtended Markup Language'')===
Le
La plupart du temps, la page web ne sera pas basée sur un fichier XML natif mais celui-ci sera généré dynamiquement par un des langages de programmation web ci-dessous.
Ligne 42 :
===Images===
Un premier type d'objet sont les
;Portabilité : Pour autant qu'on se limite aux
;Mise en place : Les images numériques deviennent un media très "grand public" et sont assez aisées à implémenter dans un site web.
Ligne 50 :
===Multimédia===
L'intégration de documents multimédia (
;Portabilité : Les fichiers multimédia de type son et vidéo ne sont pas lus en standard par les navigateurs web et donc, ils exigeront l'installation d'un "
;Mise en place : Une fois le fichier son ou vidéo produit, le placement dans la page HTML n'est pas complexe.
Ligne 60 :
===Animation Flash===
Dans une page web, une animation Flash (fichier avec extension .swf) peut être intégrée comme partie de la page (une publicité, un menu,...) ou l'ensemble de la page peut être en flash mais il y aura toujours un squelette HTML.
Flash permet de créer des animations de qualité, permet une certaine interaction avec l'utilisateur grâce au langage de programmation
;Portabilité : L'utilisation de Flash dans une page web nécessite l'installation du
;Mise en place : La création d'une animation Flash est une technologie complète en soi. La complexité dépendra du résultat attendu mais un beau résultat peut déjà être obtenu sans trop de difficultés. Une fois le fichier .swf créé, l'intégration dans une page HTML ne pose pas trop de problèmes.
Ligne 72 :
;Performance : Une page en Flash est plus lourde qu'une page HTML qui ne contiendrait que du code HTML mais reste beaucoup plus légère que la plupart des fichiers multimedia.
;Utilisation' : Avec Flash, il est possible de créer n'importe quoi. Mais on privilègiera des interfaces dynamiques (déplacements d'images, petites animations). En tant que partie d'une page, Flash se retrouvera fréquemment dans la création de
===Applet Java (appliquette)===
Il est également possible de créer des petits programmes avec interface dans un
;Portabilité : Le code est indépendant de la plateforme grâce à la
;Mise en place : La programmmation en Java est complexe et nécessite de bonnes connaissances en programmation. De nombreux outils de développement existent.
Ligne 84 :
;Performance : Les performances sont limitées par le téléchargement et l'implantation de la machine virtuelle.
;Utilisation : Sur le web, on trouvera un grand nombre d'application aux applets : des jeux, des '
Attention, tous les niveaux de sécurité de tous les navigateurs n'acceptent pas le lancement d'applets.
Ligne 92 :
===ActiveX===
Les
;Portabilité : Le code est dépendant de la plateforme le plus souvent (généralement système
;Mise en place : La programmmation peut se faire avec plusieurs langages (C++, Visual Basic, Java) mais nécessite de bonnes connaissances en programmation. De nombreux outils de développement existent.
Ligne 108 :
===Principe===
Quand le visiteur demande une simple page HTML (avec ou sans objets) en tapant une adresse ou
Si du code, côté client, est inséré dans la page, le serveur web renverra également la page au client, y compris le code. C'est donc, à nouveau le navigateur web qui doit interprèter le code et faire ce que le code demande.
Ligne 116 :
La programmation côté client sera utilisée essentiellement dans le cas de validation de formulaires (champs obligatoires, petits calculs,...) et dans la création de petites animations (menus déroulants, ...).
===
La programmation côté client utilise des langages de scripts. À la différence d'autres langages de programmation, ces langages ne sont pas compilés. Ils sont interprètés par le navigateur web du visiteur, et leur syntaxe est moins stricte que celle des langages de développeurs (variables non-typées a priori, le point-virgule à la fin des instructions est optionnel, ...).
* '''
* '''
* '''
* '''
===Avantages et inconvénients===
Ligne 153 :
====Les technologies Microsoft====
* '''
**'''Langages utilisés''':
**'''Portabilité''': La technologie est implémentée sur les serveurs web de Microsoft (IIS et PWS).
**'''Mise en place''': Utilisation de langage de Script donc d'accès relativement aisé (mais se complexifie vite).
Ligne 161 :
**'''Dernière version''': ASP 3.0.
* '''
**'''Langages utilisés''':
**'''Portabilité''': La technologie est implémentée sur les serveurs web de Microsoft (IIS 2003).
**'''Mise en place''': Utilisation de langage de programmation et nécessite donc de bonnes bases en programmation mais le langage importe peu (plusieurs langages possibles). Avec la version 2 (ASP.Net 2.0) et un outil de développement comme
**'''Performance''': Excellentes performances car tout le code est compilé (soit pré-compilé, soit compilé à la volée).
**'''Utilisation''': Tout type d'application web peut être créé avec ASP.Net.
Ligne 170 :
====PHP====
PHP (''PHP: Hypertext Preprocessor'') est un langage de Script interprèté côté serveur. Le code PHP est inscrit directement dans la page HTML et sera lu par le serveur, "processé" et le résultat sera encapsulé dans la page HTML. Ce langage a été créé dans le cadre des logiciels
*'''Portabilité''' : Les modules serveurs de PHP sont implémentés sur les serveurs Apache et Unix mais PHP peut être implémenté sur d'autres plateformes via des CGI. PHP travaille généralement avec une base de données
*'''Mise en place''' : PHP est un langage de script, donc relativement facile à apprendre. La syntaxe est simplifiée, mais part d'une base de
*'''Performance''' : Très bonnes performances. La seule limite serait l'évolution rapide des modules et donc parfois le besoin de "rafraîchir" la programmation.
*'''Utilisation''' : Tout type d'application web peut être créé avec PHP.
Ligne 179 :
====Les technologies Java====
* '''
** Les instructions de programmation permettent d’insérer des bouts de code Java directement dans la page Web, et donnent accès à une grande partie de la librairie de programmation de la version standard de Java (composants
** Les directives qui permettent de spécifier certaines propriétés de la page, l’inclusion du contenu d’autres fichiers et l’utilisation d’autres classes et librairies de balises personnalisées.
** Les actions permettent essentiellement d’utiliser des composants JavaBeans existants.
**'''Portabilité''': Très grande portabilité grâce à Java: serveurs
**'''Mise en place''': Utilisation de Java comme langage de programmation.
**'''Performance''': Très variable en fonction de l'implémentation utilisée.
**'''Utilisation''': Tout type de fonctionnalités.
* '''
**'''Langages utilisés''': Java.
**'''Portabilité''': Très grande portabilité grâce à Java: serveurs
**'''Mise en place''': Utilisation de Java comme langage de programmation.
**'''Performance''': Très variable en fonction de l'implémentation utilisée.
Ligne 197 :
====ColdFusion====
====Ajax (''Asynchronous JavaScript And XML'')====
* du
* les
* du
*
À la base, cette technologie permet d'effectuer une requête
[[Catégorie:Programmation]]
|