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 Stephf@lisiflory.insa-lyon.fr 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 Stephf@lisiflory.insa-lyon.fr 2 Web : Architecture documentaire

3 Stephf@lisiflory.insa-lyon.fr 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 Stephf@lisiflory.insa-lyon.fr 4 Aides à la navigation/consultation

5 Stephf@lisiflory.insa-lyon.fr 5 Aides à la navigation/consultation

6 Stephf@lisiflory.insa-lyon.fr 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 Stephf@lisiflory.insa-lyon.fr 7 Aides à la navigation/consultation et un tableau +++++++++++++++++++++++

8 Stephf@lisiflory.insa-lyon.fr 8 Images Map map.map (0,0,30,30) http://www.insa-lyon.fr/ (0,30,60,30) http://www.univ-lyon1.fr/

9 Stephf@lisiflory.insa-lyon.fr 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 Stephf@lisiflory.insa-lyon.fr 10 Outils de production

11 Stephf@lisiflory.insa-lyon.fr 11 HTML Formulaires formulaire – Bouton de saisie – choix1 choix2

12 Stephf@lisiflory.insa-lyon.fr 12 HTML : Formulaires de saisie accueil.html

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

13 Stephf@lisiflory.insa-lyon.fr 13 CGI : Schéma

14 Stephf@lisiflory.insa-lyon.fr 14 CGI : Exemple client : HTTP://lisiaix0/bonjour.cgi 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 Stephf@lisiflory.insa-lyon.fr 15 CGI : variables d'environnement Récupérer des paramètres du client HTTP://www.insa-lyon.fr/environnement.cgi?annee=1998&mois=01 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 Stephf@lisiflory.insa-lyon.fr 16 Server Side Include Schéma

17 Stephf@lisiflory.insa-lyon.fr 17 SSI Server Side Include (.shtml) –Tag interprété par le serveur : – –Commandes : – – (virtual) – (cgi) –Extensions : –php3 : http://www.php3.net –Microsoft : ASP … –Utilisation : ?

18 Stephf@lisiflory.insa-lyon.fr 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 Stephf@lisiflory.insa-lyon.fr 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 : ? http://Stars.com/Authoring/JavaScript http://netscape.developper.com/

20 Stephf@lisiflory.insa-lyon.fr 20 JavaScript Exemples a 1 0 activer

21 Stephf@lisiflory.insa-lyon.fr 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 Stephf@lisiflory.insa-lyon.fr 22 Architecture globale

23 Stephf@lisiflory.insa-lyon.fr 23 C/S Web

24 Stephf@lisiflory.insa-lyon.fr 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 Stephf@lisiflory.insa-lyon.fr 25 Apache : httpd.conf ServeurType standalone Port 80 User nobody Group Web ServerAdmin webmaster@machine 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 Stephf@lisiflory.insa-lyon.fr 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 Stephf@lisiflory.insa-lyon.fr 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 Stephf@lisiflory.insa-lyon.fr 28 Apache : Logs httpd.pid : N° process du père error.log : –date, ressource accédée, client, raison [Mon Feb 9 12:16:05 1998] access to /www/insa/theme.siam/frame/Bandeau.gif failed for pc401-50.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:56 +0100] "GET /~sfrenot/ HTTP/1.0" 200 4726


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