Systeme d’information

Le client doit pouvoir interpréter HTML et afficher le résultat. Ils sont divers, tournant sur des systèmes différents: Netscape Navigator, Mozilla, Internet explorer, Safari, Opéra, iCab, Emacs mode www, Amaya, Lynx, links, w3m 15/66 Note sur les caractères accentués Vous pouvez rencontrer le codage ASCII sur 7 bits spécifié par la norme pour afficher les caractères accentués ou spéciaux. Ceux ci devront faire l’objet dun codage spécial au sein du fichier HTML. é s’écrit é être s’écrit ;tre Les senteurs Web accepte les caractères accentués de la norme iso-8859-1.

On spécifie l’encodage dans le fichier HTML 16/66 Structure de base d’un fic 3 titre du document méta-informations script ou référence Corps du document 18/66 Rappels Les noms d’ éléments sont sensibles à la casse et sont écrits en inuscules. Les noms d’attributs sont sensibles à la casse, doivent être écrits en minuscules et encadrées par des guillemets. Tous les attributs doivent recevoir une valeur. Les balises fermantes sont obligatoires. Les éléments vides sont signalés par une balise spéciale. ex: ) 19/66 Exercice On utilisera Emacs en mode HTML Ou Pagespinner, éditeur HTML sur Maclntosh Vous mettrez vos pages dans: ‘v a r/vw. w. w’ 4 3 Service Informatique Scientifique et un courrier adress; ; netadm@pasteur. fr qui contiendra toutes les informations utiles (dont le um;ro du bon de cession). le premier le deuxi;me ;l;ment le troisi;me ;l;ment Vous trouverez ici la suite du texte !! 21/66 Eléments de niveau bloc Titre de niveau n, de 1 à 6 Paragraphe Et aussi: address, blockquote, div, hr, pre sans oublier body ! 2/66 Eléments de listes Liste non triée, liste à puc italique texte gros texte petit Et aussi: br, code, subr sup, span, u, strike 28/66 Exercices Ecrire un fichier en utilisant les marqueurs de Il exemple: mon deuxieme fichier. html Faites des petites modifications de code pour voir le résultat Créez des liens vers d’autres pages, du serveur CFA, de serveurs extérieurs, de vos propres pages, celles de vos collègues. 29/66 Encore plus loin dans l’ HTML Pour Mac pour PC Pour Linux Mode texte 6 3 pour les photos. 35/66 Les droits d’auteurs Attention aux droits sur les images. _a seule image qui vous appartient est celle que vous avez prise avec votre matériel photo. ll faut aussi l’autorisation des personnes figurant sur la photo. Attention à la portée des droits d’auteurs, surtout pour une utilisation web Attention aux images « libres de droits » Lire les recommandations juridiques sur l’intranet. 6/66 Importez une image Créez un tableau à 3 colonnes , 2 lignes. Créez un tableau à 1 ligne , 2 colonnes contenant une image et du texte. 37/66 Un fichier différent . des cadres Conclusion: XHTML compatible HTML Écrire en minuscules.

Mettre les attributs entre guillemets. Ajouter un caractère d’espacement avant la barre oblique d’une balise d’élément Vide ( ) Spécifier l’encodage de caractères de deux façons ( entête xml et balise méta) Spécifier les cibles d’hyperliens (balise a) en utilisant à la fois les attributs id et name. Assigner une valeur aux attributs HTML booléens. 42/66 es limites d’ HTML / XHTML Langage de base du Web Langage simple, limité et statique D’autres langages, extensions,programmes sont venus se greffer à XHTML pour en augmenter les possibilités.

XHTML offre les aspects XML mais ce n’est pas suffisant pour toutes les applications que l’on souhaite mettre en œuvre sur le web. 43/66 Les formulaires ‘élément permet de créer des formulaires, qui peuvent contenir des cases à cocher, des boutons radio, des listes déroulantes les données recueillies sont transmises à un programme qui s’exécutera sur le serveur web et vous retournera le résultat. léments du formulaire B3 POST elles sont envoyées au serveur dans le corps du message.

Eléments de formulaire Définit les entrées de données dans le formulaire Principaux attributs name = « chaine », associe un nom aux données entrées dans cet élément input ( ex: civilite pour un choix Mme, Mlle, Mr de type radio, on affectera dans le CGI la valeur cochée à la variable civilite, ce qui donne en Perl: input[civilite] type = « button, checkbox, file, hidden, image, radio, reset, submit, text 10 Liste d’options sélectionnables « chaine », associe un nom aux données entrées dans cet ame élément select value = « valeur », spécifie la valeur de l’élément option.