introduction

modèle Internet

internet model



Le serveur Web stocke les pages Web sous forme de fichiers .html.

Le navigateur Web local lit le fichier .html, interprète le code et affiche la page.

La page Web normale est statique - pour changer ce qui est affiché au client, il faut modifier le fichier .html. Parfois on peut faire des changements simples de certaines informations dans le client, par exemple : afficher la date du jour. Pour faire cela on utilise un langage de scripting. Javascript est le langage le plus souvent utilisé. Puisque le script est interprèté dans dans le navigateur Web (le client), on parle de "client-side scripting".

Pour créer une page dynamique, une qui change constamment, comme une liste de prix, il faut aller chercher l'information dans une base de données stockée sur un serveur. Pour accéder à l'information dynamique on utilise un mélange de HTML et de PHP pour se connecter au serveur de bases de données. On appelle cela du "server-side scripting" parce que le traitement est fait sur le serveur.





quelques définitions

  • Site Web: un ensemble de pages Web reliées.
    Une page peut contenir la liste des produits, une autre contient les prix, etc.
    La première page, celle qu'on voit en arrivant sur le site, s'appelle la page d'accueil, ou Homepage.
    On navigue entre les pages au moyen de liens, qui apparaissent habituellement en bleu soulignés; le lien contient l'adresse d'une autre page.

  • Navigateur (Web Browser) : logiciel qui permet de lire des pages Web.
    Les plus communs sont Internet Explorer, Firefox et le plus récent, Chrome de Google.

    Du point de vue du client, il n'y a pas de grande distinction entre les navigateurs.

    Le plus populaire est encore IE avec environ 60% du marché. Firefox est à environ 30% et Chrome à 3%. Pour le reste il y a Safari de Apple, Opera, etc.

    Pour le designer il y a quelques précautions à prendre car les navigateurs n'interprètent pas tous le HTML de la même façon, surtout lorsqu'on utilise les CSS (qu'on va voir plus tard).

  • Engin de recherche (Search engine) : un site Web qui se spécialise dans l'indexage de pages Web et qui fournit des liens basés sur la recherche de mots clés.

    La toile du Québec
    Google
    Yahoo


les outils du développeur

  • Un bon éditeur HTML.
    On peut utiliser Notepad mais à la longue c'est pas pratique.
    Je recommande : Arachnophilia, un éditeur Java très puissant et flexible.

  • Un éditeur d'images.
    On peut utiliser celui de Windows mais il manque de fonctions.
    Je recommande : FastStone Capture 6.3, un éditeur shareware avec un capteur d'images qui sera très utile.
    Si vous connaissez Photoshop ce sera pratique. Si par contre vous ne pouvez vous payer le logiciel, il existe une version gratuite qui s'appelle GIMP. Allez voir le site : GIMP 2.6

  • Éventuellement vous allez devoir faire du FTP.
    Le client FTP open source Filezilla est un des meilleurs.



Haut de la page

Précédente             Suivante