La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

1 HTML Les types de balises Balises simples d'organisation :, Balise de formattage de texte :,, Balises logiques :...,...,...

Présentations similaires


Présentation au sujet: "1 HTML Les types de balises Balises simples d'organisation :, Balise de formattage de texte :,, Balises logiques :...,...,..."— Transcription de la présentation:

1 1 HTML Les types de balises Balises simples d'organisation :, Balise de formattage de texte :,, Balises logiques :...,...,... Balises structurelles :, Balises paramétrées :,, Appels de scripts clients : Formulaires et champs de saisie de l'information : Multidocuments ou document multicadre :

2 2 Web : Architecture documentaire

3 3 HTML Problèmes HT Qualité graphique des Serveurs (taille des pages) Standards inexistants Pas de dynamique de fonctionnement Principe de parse HTML lourd Internet -> Professionnel (HTML fait à la louche) Grosse concurrence Sites Fantômes Liens monodirectionnels ….

4 4 Aides à la navigation/consultation

5 5 Aides à la navigation/consultation

6 6 Aides à la navigation/consultation –... Fenêtres TARGET dans un tag lire page2 _blank : nouvelle fenêtre sans nom _self : valeur par défaut _parent : remplace le document de définition du frameset _top : remplace toutes les frames de la fenêtre ouverte Entête HTTP –Window_target: _top

7 7 Aides à la navigation/consultation et un tableau

8 8 Images Map map.map (0,0,30,30) (0,30,60,30)

9 9 Outils de publication Editeurs HTML : HotMetal, Netscape Editor, Microsoft Frontpage… Principe de lédition : –Arborescence sur un serveur Web –Envoi par ftp des nouveaux fichiers Problèmes –Maintenance –Evolution –Incompatibilité des pages...

10 10 Outils de production

11 11 HTML Formulaires formulaire – Bouton de saisie – choix1 choix2

12 12 HTML : Formulaires de saisie accueil.html

Nom : Prénom : => GET /cgi-bin/Identite.pl?Nom=George&Pr%E9nom=Casombre

13 13 CGI : Schéma

14 14 CGI : Exemple client : Serveur : Exec «bonjour.cgi» #!/usr/local/bin/perl print "Content-Type: text/html\n\n"; print " Bonjour tout le monde "; ou bien le fichier «image.cgi» #!/usr/local/bin/perl print "Content-type:image/gif\n\n"; open (toto, "Image1.gif"); while ( ) { print $_;} close (toto); Bienvenue sur lINSA de lyon

15 15 CGI : variables d'environnement Récupérer des paramètres du client Variables d'environnements : #!/usr/local/bin/perl print "Content-type: text/html\n\n"; print " Environnements print "Query_string : "+ $ENV{"QUERY_STRING"}; print "IP machine distante : "+ $ENV{"REMOTE_ADDR"}; print "Nom de la machine : "+ $ENV{"REMOTE_HOST"};

16 16 Server Side Include Schéma

17 17 SSI Server Side Include (.shtml) –Tag interprété par le serveur : – –Commandes : – – (virtual) – (cgi) –Extensions : –php3 : –Microsoft : ASP … –Utilisation : ?

18 18 HTML Cookies Informations définies par le serveur et stockées sur le client Exemple –Set-Cookie: IdSession=123123; path=/annuaire –Set-Cookie: IdUser=steph; path=/ => GET /annuaire./toutlemonde.html Cookie: IdSession=123123; IdUser=steph Utilisation : ?

19 19 Javascript Interprété sur le client : JavaScript (Netscape) / Jscript (Microsoft) Langage événementiel ? Arbre de composants documentaires Fonction d'accès et de manipulation des composants de l'arbre Utilisation : ?

20 20 JavaScript Exemples a 1 0 activer

21 21 Client Pull / Serveur Push Le serveur programme le client pour aller chercher l'information print ("Content-type: multipart/x-mixed-replace; boundary=FICHIER_SUIVANT\n"); print ("\n--FICHIER_SUIVANT\n"); print ("Cha Marche"); sleep(3); print ("\n--FICHIER_SUIVANT\n"); print ("Cha Marche"); kkdssdkjskjds Ca va partir ! Utilisation ?

22 22 Architecture globale

23 23 C/S Web

24 24 Apache : configuration /apache-1.2.4/ –src –configuration mime.types http.conf srm.conf access.conf –logs http.pid error.log acces.log –icons –support

25 25 Apache : httpd.conf ServeurType standalone Port 80 User nobody Group Web ServerAdmin ServerRoot /opt/apache_1.2.4 Timeout 300 KeepAlive on MaxKeepAliveRequests 100 KeepAliveTimeout15 MinSpareServers5 MaxSpareServers10 StartServers5 MaxClients150 MaxRequestsPerChild 30 HostnameLookups on BrowserMatch Mozilla/2 nokeepalive

26 26 Apache : srm.conf Aspect du serveur pour les clients DocumentRoot /www/insa UserDir public_html DirectoryIndex index.html FancyIndexing on AddIcons/icons/back.gif.. AccessFileName.htaccess DefaultType text/plain Alias /icons/ /opt/apache_1.2.4/icons/ ScriptAlias /cgi-bin/ /opt/apache_1.2.4/cgi-bin/ AddHandler cgi-script.cgi

27 27 Apache access.conf #none, all, options Indexes FollowSymLinks ExecCGI AllowOverride None order allow, deny allow from all SetHandler server-status order deny, allow deny from all allow from.insa-lyon.fr,.univ-lyon1.fr

28 28 Apache : Logs httpd.pid : N° process du père error.log : –date, ressource accédée, client, raison [Mon Feb 9 12:16: ] access to /www/insa/theme.siam/frame/Bandeau.gif failed for pc insa-lyon.fr, reason: File does not exist access.log –client, date, méthode utilisée, réponse, taille réponse wormhole.ctp.com [13/Feb/1998:20:00: ] "GET /~sfrenot/ HTTP/1.0"


Télécharger ppt "1 HTML Les types de balises Balises simples d'organisation :, Balise de formattage de texte :,, Balises logiques :...,...,..."

Présentations similaires


Annonces Google