Technologies web dynamique
|
|
- Mireille Tassé
- il y a 6 ans
- Total affichages :
Transcription
1 Technologies web dynamique Sémantique HTML/XHTML COURS.02 Manuel FEIG
2 Langage HTML/XHTML HTML : HyperText Markup Language hypertexte : liens/navigation language à balises/tags : <tag> structuration sémantique mise en page de contenus XHTML : reformulation HTML via XML (extensible HyperText Markup Language)
3 Langage HTML/XHTML Enjeux norme : universalité sémantique : sens XHTML : XML accessibilité référencement
4 Structure document (X)HTML doctype <!DOCTYPE > document HTML <html> en-tête <head> type de données text/html jeu de caractères charset titre <title> corps <body> : contenu du document
5 Document XHTML type <?xml version="1.0" encoding="iso "?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd"> <html xmlns=" xml:lang="fr" lang="fr"> <head> </head> <body> </body> </html> <title>titre page XHTML</title> <meta name="content-type" content="text/html; charset=iso " /> Corps de la page XHTML
6 Balisage / Tags ouverture / fermeture <balise>contenu</balise> <balise /> attributs <balise attribut="valeur"></balise> <balise att1="val1" att2="val2" /> imbrication <balise1> <balise2>contenu</balise2> </balise1>
7 Familles de balises HTML / XHTML inline : texte «en ligne» alignement à droite par défaut texte (mais également images) <span> bloc : objet alignement en dessous par défaut boîte (paragraphe, tableau, liste ) <div>
8 Catalogue balises (X)HTML standards W3 HTML 4.01 : 24/12/1999 XHTML 1.0 : HTML 4.01 en XML catalogue typologie de balises syntaxe sémantique
9 Balises HTML / XHTML texte liste tableau lien objet, image, applet feuille de style script cadre formulaire
10 Balises HTML 4.01 : texte texte structuré phrase citations indices, exposants lignes saut de ligne paragraphes paragraphe texte préformaté césure espace titres règles
11 Balises HTML 4.01 : texte texte structuré phrase : <em>, <strong>, <cite>, <dfn>, <code>, <samp>, <kbd>, <var>, <abbr>, <acronym> citations : <blockquote>, <q> indices, exposants : <sub>, <sup>
12 Balises HTML 4.01 : texte texte structuré / phrase : <em>, <strong>, <cite>, <dfn>, <code>, <samp>, <kbd>, <var>, <abbr>, <acronym> attributs attributs «standards»
13 Balises HTML 4.01 : texte texte structuré / citations : <blockquote> : citation longue <q> : citation courte attributs: attributs standards cite = URL document source
14 Balises HTML 4.01 : texte texte structuré / indices, exposants : <sub> : indice <sup> : exposant attributs: attributs standards
15 Balises HTML 4.01 : texte lignes / saut de ligne <br /> : pas de paire attributs attributs standards clear = none / left / right / all pour les objets flottants (image )
16 Balises HTML 4.01 : texte paragraphes <p> attributs attributs standards align = left / center / right / justify
17 Balises HTML 4.01 : texte paragraphes / texte préformaté <pre> attributs attributs standards width = largeur en nombre de caractères
18 Balises HTML 4.01 : texte paragraphes / césure tiret insécable : "-" tiret sécable : règle non respectée par les navigateurs espace sécable par défaut espace insécable :
19 Balises HTML 4.01 : texte titres <h1> à <h6> attributs attributs standards align = left / center / right / justify
20 Balises HTML 4.01 : texte règle horizontale <hr /> attributs attributs standards align = left / center / right / justify noshade = noshade width = longueur en pixels / pourcentage size = hauteur en pixels
21 Balises HTML 4.01 : liste listes non ordonnées <ul> listes ordonnées <ol> listes de définitions <dl>, <dt>, <dd>
22 Balises HTML 4.01 : liste listes non ordonnées <ul> attributs attributs standards type = disc / square / circle (préférer à terme les feuilles de style) éléments de liste <li>
23 Balises HTML 4.01 : liste listes ordonnées <ol> attributs attributs standards type = 1 / a / A / i / I (préférer à terme les feuilles de style) start = indice de démarrage de la liste compact = compact (affichage compact) éléments de liste <li> attributs éléments spécifique : value
24 Balises HTML 4.01 : liste listes de définition <dl> : definition list <dt> : definition term <dd> : definition description exemple <dl> <dt>terme</dt> <dd>définition du terme</dd> </dl>
25 Balises HTML 4.01 : tableau tableau mise en forme de texte, résultats scientifiques mise en forme d images, contraintes mise en forme mixte préférer l usage CSS / <div> XHTML
26 Balises HTML 4.01 : tableau imbrication de balises <table> : définition d un tableau <tr> : définition d une rangée (table row) <td> : définition d une cellule (table data) possibilités groupement de lignes / colonnes descriptions : titre, légende.
27 Balises HTML 4.01 : tableau définition tableau <table> attributs attributs standards summary = description du tableau width = largeur en pixels / pourcentage border = épaisseur bordure en pixels cellspacing = espacement entre cellulles en pixels / % cellpadding = retrait dans cellule en pixels / %
28 Balises HTML 4.01 : tableau marges border cellpadding cellspacing
29 Balises HTML 4.01 : tableau définition tableau suite <table> autres attributs rules = none / groups / rows / cols / all application des règles de restitution graphique frame = void / above / below / hsides / lhs / rhs / visdes / box / border éléments de la bordure à rendre visibles
30 Balises HTML 4.01 : tableau définition rangée <tr> attributs attributs standards align = left / right / center / justify / char alignement horizontal (des cellules de la rangée) valign = top / middle / bottom / baseline alignement vertical (des cellules de la rangée) char = caractère d alignement (align= char ) charoff = offset d alignement sur caractère
31 Balises HTML 4.01 : tableau définition cellule <td> / <th> : data / header (sémantique) attributs attributs standards attributs d alignements (cf. <tr>) rowspan = nombre de rangées couvertes colspan = nombre de colonnes couvertes width = largeur en pixels / pourcentage! non valide en HTML 4.01 height = hauteur en pixels / pourcentage! non valide en HTML 4.01
32 Balises HTML 4.01 : tableau définition cellule suite <td> / <th> rowspan / colspan
33 Balises HTML 4.01 : tableau définition cellule suite <td> / <th> autres attributs headers = liste des cellules de la même rubrique scope = nom de portée abbr = contenu abrégé axis = catégorisation de cellule nowrap = nowrap césure automatique désactivée! déconseillé en HTML 4.01
34 Balises HTML 4.01 : tableau tableau : autres balises légende : <caption>légende</caption> immédiatement après <table> attributs : attributs standards align = top / bottom / left / right! déconseillé en HTML 4.0.1
35 Balises HTML 4.01 : tableau tableau : autres balises / balises sémantiques regroupement de rangées : <thead> : en-tête de tableau <tfoot> : pied de tableau <tbody> : corps du tableau attributs : attributs standards attributs d alignement (cf. <tr>)
36 Balises HTML 4.01 : tableau tableau : autres balises / balises sémantiques regroupement de colonnes : <colgroup> : groupe de colonnes <col> : colonne de table attributs : attributs standards attributs d alignement (cf. <tr>) span = nombre de colonnes du groupe width = largeur de colonne
37 Balises HTML 4.01 : tableau regroupement de rangées / colonnes
38 Balises HTML 4.01 : lien hypertext hyperlien hypermédia navigation ancre <a> texte, image spécifique au corps HTML <body> relation de document <link> ressource liée spécifique à l en-tête HTML <head> chemin de base <base>
39 Balises HTML 4.01 : lien ancre <a> attributs attributs standards name = nom de l ancre (point d ancrage) href = URI destination rel, rev, type, charset, hreflang imbrication de balises <a> illégale
40 Balises HTML 4.01 : lien relation de document <link> attributs attributs standards media = type de media concerné href = URI destination rel, rev, type, charset, hreflang imbrication de balises <link> illégale
41 Balises HTML 4.01 : lien chemin de base / URI de base <base> attribut href = URI de base spécifié dans l en-tête HTML <head> chemin absolu vs. chemin relatif
42 Balises HTML 4.01 : image image <img /> attributs attributs standards src = URI source de l image alt = description de l image name = nom de l image width = longueur de l image en pixels / pourcentage height = hauteur de l image en pixels / pourcentage longdesc = URI description longue de l image
43 Balises HTML 4.01 : image attributs de mise en page border = épaisseur de la bordure en pixels hspace = espacement horizontal en pixels vspace = espacement vertical en pixels align = bottom / middle / top / left / right
44 Balises HTML 4.01 : image image cliquable côté client <img usemap="uri-map" /> <map name="uri-map"> </map> <area /> : sous-élément de <map> attributs <area> shape = default / rect / circle / poly forme de la zone cliquable coords = suite des coordonnées de la forme href = URI de destination de la zone cliquable alt = texte de description
45 Balises HTML 4.01 : objet objets <object> image applet Java animation multimédia (SWF, SVG, MOV ) nécessite plug in évolutif normalisation minimale élément <param>
46 Balises HTML 4.01 : CSS cf. cours.03 <style type="text/css"> H1 { border-width:1; border: solid; text-align: center } </style>
47 Balises HTML 4.01 : script cf. cours.04 <script language="javascript" type="text/javascript"> <!-- now=new Date(); //--> </script>
48 Balises HTML 4.01 : cadre cadre présentation par vues multiples multi-fenêtrage défilement / scroll
49 Balises HTML 4.01 : cadre DTD spécifique <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 frameset//en" " balises <frameset> remplace <body> <frame> <noframes> : contenu de remplacement
50 Balises HTML 4.01 : cadre jeu d encadrement <frameset> attributs attributs standards rows = liste de longueurs de rangées (pixels / %) cols = liste de longueurs de colonnes (pixels / %)
51 Balises HTML 4.01 : cadre jeu d encadrement suite <frameset> exemples attributs rows / cols rows="50%, 50%" cols="1*,250,3*" rows="30%,400,*,2*"
52 Balises HTML 4.01 : cadre cadre / vue <frame> attributs attributs standards longdesc = URI description longue name = nom donné au cadre _top, _parent, _self, _blank réservés src = URI du cadre frameborder = 0 / 1
53 Balises HTML 4.01 : cadre cadre / vue suite <frame> autres attributs marginwidth = marge horizontale pixels marginheight = marge verticale pixels noresize = noresize scrolling = yes / no / auto
54 Balises HTML 4.01 : cadre contenu de remplacement <noframes> attributs attributs standards contenu conforme à la DTD Transitional
55 Balises HTML 4.01 : cadre communication inter-cadres <a>, <link>, <area>, <form> attribut spécifique target = nom du cadre cible référencé par <frame name= nom >
56 Balises HTML 4.01 : cadre cadre en ligne <iframe> incorporation d un cadre complet attributs attributs standards longdesc = URI description longue src = URI du cadre
57 Balises HTML 4.01 : cadre cadre en ligne suite <iframe> autres attributs frameborder = 0 / 1 marginwidth = marge horizontale en pixels marginheight = marge verticale en pixels scrolling = yes / no / auto align = left / center / right / justify height = hauteur en pixels / % width = largeur en pixels / %
58 Balises HTML 4.01 : formulaire formulaire interaction client / serveur requête contextuelle remontée d informations choisies par l utilisateur composé de commandes / «controls» traitement nécessite technologie serveur PHP / CGI
59 Balises HTML 4.01 : formulaire commandes boutons cases à cocher boutons radio menus zone de saisie de texte sélection de fichier commandes cachées objets
60 Balises HTML 4.01 : formulaire commandes : caractéristiques nom : name type : input, button, select valeur initiale / par défaut : value état : checked, disabled dimensions : size, width, rows
61 Balises HTML 4.01 : formulaire définition formulaire <form></form> imbrication de commandes attributs attributs standards attributs d événements name = nom du formulaire action = URI de gestion (CGI) method = POST / GET type de requête transportant les données du formulaire GET = 256 car. ASCII max / données soumises dans l URL
62 Balises HTML 4.01 : formulaire définition formulaire suite <form></form> autres attributs enctype = application/x-www-form-urlencoded multipart/form-data par défaut x-www-form-urlencoded accept = MIME-types autorisés accept-charset = jeux de caractères autorisés
63 Balises HTML 4.01 : formulaire commande : saisie / données <input /> attributs attributs standards attributs d événement alt = description de la commande type = type de commande attributs spécifiques au type
64 Balises HTML 4.01 : formulaire <input /> : types de commandes
65 Balises HTML 4.01 : formulaire commande <input type="text" /> attributs spécifiques value = valeur initiale size = taille initiale de la zone de saisie en nombre de caractères maxlength = nombre max de caractères saisis
66 Balises HTML 4.01 : formulaire commande <input type="password" /> attributs spécifiques value = valeur initiale (???) size = taille initiale de la zone de saisie en nombre de caractères maxlength = nombre max de caractères saisis ATTENTION : mot de passe transmis en clair si http
67 Balises HTML 4.01 : formulaire commande <input type="checkbox" /> attributs spécifiques value = valeur transmise par le formulaire checked = "checked" si coché par défaut
68 Balises HTML 4.01 : formulaire commande <input type="radio" /> un seul choix possible parmi plusieurs attributs spécifiques value = valeur transmise checked = "checked" si coché par défaut
69 Balises HTML 4.01 : formulaire commande <input type="hidden" /> non pris en compte à l affichage attribut spécifique value = valeur transmise USAGE : transmettre des données contextuelles «a priori» non modifiables par l utilisateur
70 Balises HTML 4.01 : formulaire commande <input type="file" /> en conjonction avec enctype="multipart/form-data" ATTENTION : "Parcourir " non personnalisable
71 Balises HTML 4.01 : formulaire commande <input type="image" /> attributs spécifiques src = URI source de l image usemap = URI mapping image coordonnées clic (x, y) transmises
72 Balises HTML 4.01 : formulaire commande <input type="button" /> attributs spécifiques value = valeur transmise / texte du bouton usage en conjonction avec un événement JavaScript
73 Balises HTML 4.01 : formulaire commande <input type="submit" /> attributs spécifiques value = valeur transmise / texte du bouton usage soumission du formulaire remplaçable par saisie «Enter» sur dernier champ de saisie du formulaire
74 Balises HTML 4.01 : formulaire commande <input type="reset" /> attributs spécifiques value = valeur transmise / texte du bouton usage remise à «zéro» du formulaire reprise des valeurs par défaut du formulaire (attributs value des commandes)
75 Balises HTML 4.01 : formulaire commande : bouton <button> </button> attributs attributs standards / attributs d événement name = nom de la commande alt = description de la commande type = submit / reset / button identique à <input type=" " /> permet imbrication de contenu (image, texte )
76 Balises HTML 4.01 : formulaire commande : menu <select> </select> imbrication d éléments <option> / <optgroup> attributs attributs standards attributs d événement name = nom du menu size = nombre de rangées visibles multiple="multiple" si sélection multiple possible
77 Balises HTML 4.01 : formulaire commande : options de menu <optgroup>groupe d options</optgroup> <option>nom de l option</option> attributs value = valeur transmise de l option label = intitulé de l option selected="selected" option pré-selectionnée
78 Balises HTML 4.01 : formulaire commande : zone de texte <textarea>zone de texte</textarea> attributs attributs standards attributs d événement name = nom de la zone de texte rows = nombre de rangées visibles cols = largeur de la zone visible en caractères
79 Balises HTML 4.01 : formulaire enrichissement sémantique des formulaires <label></label> <fieldset></fieldset> <legend></legend> usage identification sémantique du champ regroupement sémantique de champs
80 Balises HTML 4.01 : formulaire enrichissement sémantique de champ <label></label> attributs attributs standards for = "id" de la commande exemple <label for="label_ ">adresse </label> <input type="text" id="label_ " name=" " />
81 Balises HTML 4.01 : formulaire regroupement thématique de champs <fieldset></fieldset> <legend>titre de la légende</legend> attributs <legend> attributs standards title = titre (interne) de la légende align = top / bottom / left / right Déconseillé en HTML 4.01
82 Balises HTML 4.01 : formulaire regroupement thématique de champs : exemple <fieldset> <legend title="adresse">adresse perso</legend> <label for="rue">rue</label> <input type="text" id="rue" name="rue" /> <label for="ville">ville</label> <input type="text" id="ville" name="ville" /> </fieldset>
83 Du HTML au XHTML SGML : branches distinctes HTML XML extensibilité de XML interopérabilité / accessibilité / transformation de XML XHTML 1.0 (26/01/ /08/2002) reformulation de HTML 4 en XML 1.0
84 XHTML 1.0 : conformité normalisation DTD XHTML Strict DTD XHTML Transitional DTD XHTML Frameset possibilité utiliser autres normalisations ISBN MathML
85 XHTML 1.0 : reformulation HTML 4 1/5 document «well-formed» XML balises fermées (ou «spéciales») imbrication hiérarchique de balises éléments + attributs en minuscules XML balises fermantes obligatoires XML sauf éléments vides : balise de début «fermante» permise <hr />, <br />
86 XHTML 1.0 : reformulation HTML 4 2/5 valeurs attributs entre guillemets XML minimisation attributs non permise attribut="attribut" XML éléments <script> et <style> < et & = début balisage < et & = références d entité XML externaliser les scripts et feuilles de style URI : page.html?param1=value1¶m2=value2 page.html?param1=value1¶me2=value2
87 XHTML 1.0 : reformulation HTML 4 3/5 traitement des espaces : valeurs d attributs supprimer espace début et fin multiples espaces, line break = 1 espace exclusions SGML <a> </a> : ne peut contenir d autres <a> <pre> : ne peut contenir img, object, big, small, sub, sup <button> : ne peut contenir input, select, textarea, label, button, form, fieldset, iframe, isindex <label> : ne peut contenir d autres label <form> : ne peut contenir d autres form
88 XHTML 1.0 : reformulation HTML 4 4/5 attributs id et name attribut name supprimé (sauf *) identifiant id unique dans un document XHTML * : Limitation dans la compatibilité navigateurs HTML Utiliser id et name si MIME-type=text/html <a id="ancre" name="ancre">lien</a> jeu de caractères XML : <?xml version="1.0" encoding="iso "?> HTML : <meta http-equiv="content-type" content="text/html; charset=iso " />
89 XHTML 1.0 : reformulation HTML 4 5/5 MIME-type document XHTML XML vs HTML compatibilité navigateurs existants Possibilités text/html : à exploiter actuellement text/xml application/xml application/xhtml+xml : à préférer
90 Technologies web dynamique Sémantique HTML/XHTML COURS.02 Manuel FEIG
Formation HTML / CSS. ar dionoea
Formation HTML / CSS ar dionoea le HTML Hyper Text Markup Language langage descriptif composé de balises interprété par le navigateur page HTML = simple fichier texte (bloc notes, vim,...) les déclarations
Plus en détail// HTML, Javascript XHTML & CSS
design graphique / web design // HTML, Javascript XHTML & CSS version 1.0 date 28 / 04 / 2010 auteur Loïc Swiny contact mr@sweeen.com // sommaire HTML 01. Introduction au langage HTML 02. Introduction
Plus en détailHTML, CSS, JS et CGI. Elanore Elessar Dimar
HTML, CSS, JS et CGI Elanore Elessar Dimar Viamen GPAs Formation, 13 avril 2006 Sommaire Qu est-ce que HTML? HTML : HyperText Marckup Language XML : extensible Marckup Language Qu est-ce que HTML? HTML
Plus en détailSana Sellami. sana.sellami@lsis.org Licence Professionnelle SIL 2011-2012
Sana Sellami sana.sellami@lsis.org Licence Professionnelle SIL 2011-2012 Connaître les principales techniques pour la création de sites web Se familiariser avec les langages du web Rendre dynamique le
Plus en détail.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15
.. CSS Damien Nouvel Damien Nouvel (Inalco) CSS 1 / 15 Feuilles de styles Plan 1. Feuilles de styles 2. Sélecteurs 3. Attributs Damien Nouvel (Inalco) CSS 2 / 15 Feuilles de styles Déportation des styles
Plus en détailHMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP
IFT1147 Programmation Serveur Web avec PHP Un bref survol du langage HTML HMTL HTML: Hypertext Markup Language HTML est essentiellement un langage de description de structure de document (par exemple titre,
Plus en détailwww.evogue.fr SUPPORT DE COURS / HTML
L i a m T A R D I E U www.evogue.fr SUPPORT DE COURS / HTML Sommaire Sommaire... 2 Présentation... 3 Introduction... 3 Fonctionnement... 3 Historique... 4 Navigateurs... 6 Définition... 6 Historiquement...
Plus en détailRAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado
- RAPPORT AUDIT SEO Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado 17 septembre 2013 Table des matières Optimisation structurelle 2 Optimisation des standards, performances et
Plus en détailPrésentation du Framework BootstrapTwitter
COUARD Kévin HELVIG-LARBRET Blandine Présentation du Framework BootstrapTwitter IUT Nice-Sophia LP-SIL IDSE Octobre 2012 Sommaire I. INTRODUCTION... 3 Définition d'un framework... 3 A propos de BootstrapTwitter...
Plus en détailLangage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv>
Langage HTML (2 partie) «Je n'ai fait que prendre le principe d - hypertexte et le relier au principe du TCP et du DNS et alors boum! ce fut le World Wide Web!» Tim Berners-Lee
Plus en détailLES GRANDES ETAPES DE CREATION D UN WEB DESIGN
LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations
Plus en détailTP JAVASCRIPT OMI4 TP5 SRC1 2011-2012
TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 FORMULAIRE DE CONTACT POUR PORTFOLIO PRINCIPE GENERAL Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE
Plus en détailTutoriel : Feuille de style externe
Tutoriel : Feuille de style externe Vous travaillerez à partir du fichier cerise.htm que vous ouvrirez dans NVU. Commencez par remplacer le contenu de la balise Title par : Comment débuter une recherche?
Plus en détailIntroduction à Expression Web 2
Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer
Plus en détailSéance d ED n 5 : HTML et JavaScript
Séance d ED n 5 : HTML et JavaScript EXERCICE 1 1) le but de cet exercice est de construire l'interface suivante en html: une réponse : 1)
Plus en détailSTID 2ème année : TP Web/PHP
STID 2ème année : TP Web/PHP Plan de travail et aide mémoire jean.arnaud@inria.fr Ce document est composé de cinq parties : Un aide mémoire sur les aspects pratiques de la création de sites Une introduction
Plus en détailCRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING
CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING Durée : 3J / 21H Formateur : Consultant expert en PAO et Web-marketing. Groupe de : 4 max Formation au web marketing Objectifs : Mettre en oeuvre des
Plus en détailNormes techniques 2011
Normes techniques 2011 Display classique Formats Livrables Footer p 2 p 3 p 4 Opérations spéciales Publi-rédactionnel Jeu concours Quiz Lien partenaire Habillage Accueil panoramique Sponsoring de rubrique
Plus en détailProgrammation Internet Cours 4
Programmation Internet Cours 4 Kim Nguy ên http://www.lri.fr/~kn 17 octobre 2011 1 / 23 Plan 1. Système d exploitation 2. Réseau et Internet 3. Web 3.1 Internet et ses services 3.1 Fonctionnement du Web
Plus en détailCREATION d UN SITE WEB (INTRODUCTION)
CREATION d UN SITE WEB (INTRODUCTION) Environnement : World Wide Web : ordinateurs interconnectés pour l échange d informations ( de données) Langages : HTML (HyperText Markup Language) : langages pour
Plus en détailNotice d accessibilité HTML, CSS et JavaScript
Notice d accessibilité HTML, CSS et JavaScript Date Version État / commentaires 10 sept. 2015 2.0 Cette version prend en compte WCAG 2.0 et RGAA 3.0. En partenariat avec : Air Liquide Atos BNP Paribas
Plus en détailGuide de réalisation d une campagne e-mail marketing
Guide de réalisation d une campagne e-mail marketing L ère des envois d e-mails en masse est révolue! Laissant la place à une technique d e-mail marketing ciblé, personnalisé, segmenté et pertinent. La
Plus en détailE-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE
E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE mcbenveniste@gmail.com 09/2013 E-MAILING & NEWSLETTER L e-mailing consiste à envoyer des emails simultanément à un nombre important de destinataires dont le
Plus en détailTD HTML AVEC CORRECTION
TD HTML AVEC CORRECTION On utilisera Notepad++ comme éditeur sur Windows Vous créez un répertoire www sous vos répertoires personnels et vous mettrez vos pages dedans. Créez vos fichiers HTML et n oubliez
Plus en détailNFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web
NFA016 : Introduction O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Pour naviguer sur le Web, il faut : 1. Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des
Plus en détailModule Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP
Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP Au cours de ce TP, vous allez voir comment PHP permet aux utilisateurs, une interaction avec
Plus en détailActivités HTML. Code: act-html
Activités HTML act-html Activités HTML Code: act-html Originaux url: http://tecfa.unige.ch/guides/tie/html/act-html/act-html.html url: http://tecfa.unige.ch/guides/tie/pdf/files/act-html.pdf Prérequis:
Plus en détailLes services usuels de l Internet
Les services usuels de l Internet Services principaux (applications) disponibles sur l Internet Courrier électronique (mail) - protocole SMTP (Simple Mail Transfer Protocol) inclut maintenant tous types
Plus en détailIntroduction. PHP = Personal Home Pages ou PHP Hypertext Preprocessor. Langage de script interprété (non compilé)
Introduction PHP = Personal Home Pages ou PHP Hypertext Preprocessor Langage de script interprété (non compilé) Plan Avantages Fonctionnement interne Bases du langage Formulaires Envoi d un email Avantages
Plus en détailLes outils de création de sites web
Tuto 1ère séance - p1 Les outils de création de sites web Sources : Réalisez votre site web avec HTML5 et CSS3 de Mathieu Nebra (Edition Le Livre du Zéro) site fr.openclassrooms.com (anciennement «site
Plus en détailNAMEBAY PRO. votre site de revente de noms de domaine en marque blanche. Documentation technique
NAMEBAY PRO votre site de revente de noms de domaine en marque blanche Documentation technique SOMMAIRE 1. PRÉSENTATION... 3 2. FONCTIONNEMENT... 4 2.1. ETAPE 1 : Devenir revendeur de noms de domaine...
Plus en détailHTML/CSS - Travaux Pratiques 2
HTML/CSS - Travaux Pratiques 2 Le but de ces séances de TP est de se familiariser avec le format HTML et les feuilles de style CSS pour la création de pages web. Pour cela, vous utiliserez emacs sous Linux
Plus en détailAutour du web. Une introduction technique Première partie : HTML. Georges-André SILBER Centre de recherche en informatique MINES ParisTech
Autour du web Une introduction technique Première partie : HTML Georges-André SILBER Centre de recherche en informatique MINES ParisTech silber@cri.ensmp.fr http://www.cri.ensmp.fr/people/silber/cours/2010/web
Plus en détailTIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web
Réseau informatique TIC TC - IUT Montpellier Internet et le Web Ensemble d'ordinateurs reliés entre eux et échangeant des informations sous forme de données numériques But : Rendre disponible l information
Plus en détailProgrammation Web. Madalina Croitoru IUT Montpellier
Programmation Web Madalina Croitoru IUT Montpellier Organisation du cours 4 semaines 4 ½ h / semaine: 2heures cours 3 ½ heures TP Notation: continue interrogation cours + rendu à la fin de chaque séance
Plus en détailMagento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s
Mickaël Mickaël BLANCHARD BLANCHARD Préface de Sébastien L e p e r s Magento Préface de Sébastien L e p e r s Magento Réussir son site e-commerce Réussir son site e-commerce Groupe Eyrolles, 2010, ISBN
Plus en détailSII Stage d informatique pour l ingénieur
SII Stage d informatique pour l ingénieur Création d un site Web École nationale supérieure de techniques avancées SII Stage d informatique pour l ingénieur 1 / 15 L informatique et le temps qui passe...
Plus en détailSYSTÈMES D INFORMATIONS
SYSTÈMES D INFORMATIONS Développement Modx Les systèmes de gestion de contenu Les Content Management Système (CMS) servent à simplifier le développement de sites web ainsi que la mise à jour des contenus.
Plus en détailInternet. DNS World Wide Web. Divers. Mécanismes de base Exécution d'applications sur le web. Proxy, fire-wall
Internet DNS World Wide Web Mécanismes de base Exécution d'applications sur le web Divers Proxy, fire-wall 1 Les services usuels de l Internet Services principaux (applications) disponibles sur l Internet
Plus en détailBernard Lecomte. Débuter avec HTML
Bernard Lecomte Débuter avec HTML Débuter avec HTML Ces quelques pages ont pour unique but de vous donner les premiers rudiments de HTML. Quand vous les aurez lues, vous saurez réaliser un site simple.
Plus en détailPack Fifty+ Normes Techniques 2013
Pack Fifty+ Normes Techniques 2013 Nos formats publicitaires par site 2 Normes techniques 2013 Display classique Pavé vidéo Footer Accueil panoramique Publi rédactionnel Quiz Jeu concours Emailing dédié
Plus en détailProgrammation Web TP1 - HTML
Programmation Web TP1 - HTML Vous allez réaliser votre premier site Web dans lequel vous présenterez la société SC, agence spécialisée dans la conception des sites internet. 1 - Une première page en HTML
Plus en détailLes sites web avec NVU
Les sites web avec NVU Table Des Matières Les sites web avec NVU Les bases du web Les protocoles réseaux Le Web Uniform Resource Locator Recherche d'informations Création et gestion d un site Web Utiliser
Plus en détailUtilisation de l éditeur.
Utilisation de l éditeur. Préambule...2 Configuration du navigateur...3 Débloquez les pop-up...5 Mise en évidence du texte...6 Mise en évidence du texte...6 Mise en page du texte...7 Utilisation de tableaux....7
Plus en détailComment faire un site i-mode?
Comment faire un site i-mode? "i-mode et le logo i-mode sont des marques déposées ou enregistrées par NTT DoCoMo, Inc. au Japon et dans d'autres pays." 2004 Bouygues Telecom. Ce document est la propriété
Plus en détailModule BD et sites WEB
Module BD et sites WEB Cours 8 Bases de données et Web Anne Doucet Anne.Doucet@lip6.fr 1 Le Web Architecture Architectures Web Client/serveur 3-tiers Serveurs d applications Web et BD Couplage HTML-BD
Plus en détailINTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)
CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.
Plus en détailGuide technique d accessibilité pour la création et la refonte des sites Web de l administration publique. Date : Juillet 2010 Version 1.
Guide technique d accessibilité pour la création et la refonte des sites Web de l administration publique Date : Juillet 2010 I- Mode d emploi du présent guide technique...5 II- Recommandations pour le
Plus en détailGestion Électronique de Documents et XML. Master 2 TSM
Gestion Électronique de Documents et XML Master 2 TSM I n t r o d u c t i o n Les formats de données F o r m a t s d e d o n n é e Format de donnée : manière de représenter des informations dans un document
Plus en détailManuel d utilisation du module Liste de cadeaux PRO par Alize Web
Manuel d utilisation du module Liste de cadeaux PRO par Alize Web INSTALLER ET CONFIGURER LE MODULE (BACK OFFICE) 2 Réglages des performances 2 Télécharger le module 3 Installer le module 4 Configurer
Plus en détailRESPONSIVE WEB DESIGN
RESPONSIVE WEB DESIGN Une approche pour concevoir des sites Web adaptatifs et une occasion d'inciter les étudiants à consulter des cours responsives Ivan MADJAROV Arnaud FÉVRIER Comment consulte-t-on le
Plus en détailCréation de formulaires interactifs
SESSION 16 Création de formulaires interactifs Programme de la session Lancer un sondage en utilisant divers éléments d'entrée de formulaire Traiter les entrées utilisateur Activer un script à partir d'un
Plus en détailClasse ClInfoCGI. Fonctions membres principales. Gestion des erreurs
Utilisation des classes de PourCGI par Michel Michaud, version 2002-11-23 Les fichiers PourCGI.h et PourCGI.cpp rendent disponibles deux classes et une fonction libre qui permettent de faire facilement
Plus en détailParcours guidé : créer des pages simples au format html avec Nvu 28/1/10
Table des matières 1. AVANT-PROPOS... 4 1.1. PRESENTATION DE NVU... 4 1.2. CARACTERISTIQUES PRINCIPALES DE NVU... 4 1.3. OBJECTIF DE CE DOCUMENT... 4 1.4. PRE-REQUIS NECESSAIRES... 4 1.5. MODE D'EMPLOI
Plus en détail2 S I M 1 P H O N E G U I D E U T I L I S A T E U R. Guide d utilisation E-commerce / Prestashop
2 S I M 1 P H O N E G U I D E U T I L I S A T E U R Guide d utilisation E-commerce / Prestashop 1 2 S I M 1 P H O N E S O M M A I R E 1. Noms d utilisateurs et mots de passe..... Page 3 Adresse mail Prestashop
Plus en détailAlors "Web" c'est le service Internet permettant de naviguer à travers des pages Web.
1. Langage HTML Cette chapitre explique ce qu'est un site Web et ainsi contient les information de base sur le langage HTML, langage qui permet la réalisation de pages Web. Quand on utilise le mot Internet,
Plus en détailGilles.Roussel univ-mlv.fr HTTP/1.1 RFC 2068
HTTP/1.1 RFC 2068 1 Caractéristiques Niveau application Sans état Tout transfert de données Au dessus du protocole TCP Largement utilisé dans le World Wide Web Utilise les normes : URI (Uniform Resource
Plus en détailFormation : WEbMaster
Formation : WEbMaster Objectif et Description : Centre Eclipse vous propose une formation complète WebMaster, vous permettant de : Utiliser dès maintenant les nouveautés du web2, ainsi alléger les besoins
Plus en détailCréation d'une application WEB avec PHP / MySQL
1 Créer une application WEB avec PHP / MySQL Par Philippe Bousquet Copyright (c) 2003 2008 Philippe Bousquet. 2 Ce livre électronique est une réédition d'un article de préparation d'une
Plus en détailInitiation à html et à la création d'un site web
Initiation à html et à la création d'un site web Introduction : Concevoir un site web consiste à définir : - l'emplacement où ce site sera hébergé - à qui ce site s'adresse - le design des pages qui le
Plus en détailProgrammation Web HTML
Programmation Web HTML Christophe Lecoutre lecoutre@cril.fr IUT de Lens - CRIL CNRS UMR 8188 Université d Artois France Département SRC Septembre 2014 1 Plan 1 Introduction 2 Éléments et attributs élémentaires
Plus en détail3. RÉALISATION ET QUALIFICATION D UN PROTOTYPE 3.1 Réalisation d un prototype CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML
Page:1/20 CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML Objectifs de l activité pratique : Notions sur le HTML, le WEB et le W3C Créer une page web statique au format HTML : - les marqueurs ou balises
Plus en détailKompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.
KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html
Plus en détailFormation > Développement > Internet > Réseaux > Matériel > Maintenance
Formation > Développement > Internet > Réseaux > Matériel > Maintenance SOMMAIRE 1. ACCEDER A L'INTERFACE D'ADMINISTRATION...5 1.1. Le navigateur... 5 1.2. L'interface d'administration... 5 2. METTRE
Plus en détail< Atelier 1 /> Démarrer une application web
MES ANNOTATIONS SONT EN ROUGE : Axel < Atelier 1 /> Démarrer une application web Microsoft France Tutorial Découverte de ASP.NET 2.0 Sommaire 1 INTRODUCTION... 3 1.1 CONTEXTE FONCTIONNEL... 3 1.2 CONTEXTE
Plus en détailLes sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org
Les sites Internet dynamiques contact : Patrick VINCENT pvincent@erasme.org Qu est-ce qu un site Web? ensemble de pages multimédia (texte, images, son, vidéo, ) organisées autour d une page d accueil et
Plus en détailFORMATION / CREATION DE SITE WEB / 4 JOURNEES Sessions Octobre 2006
I. INTRODUCTION 1. Présentation du formateur et des élèves 2. Historique internet : d'où ça vient a. Historique général : 3 étapes majeures 1. l'histoire de l'informatique débute en 1942 avec la première
Plus en détailRapport de projet Site web pour une association
51, rue Barthélémy de Laffemas BP 29 26901 Valence Cedex 9 Rapport de projet Site web pour une association Année 2006-2007 Bruno SABOT 1ère année DUT R&T Mathieu ROGER 2ème année DUT R&T Rapport réalisé
Plus en détailInitiation aux techniques du Web. Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr
Initiation aux techniques du Web Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr La balise Intégrer un élément ou un fichier externe (video, audio, flash, pdf ). Le support
Plus en détailServeur d'application Client HTML/JS. Apache Thrift Bootcamp
Serveur d'application Client HTML/JS Apache Thrift Bootcamp Pré-requis La liste ci-dessous de logiciels doit être installée et opérationnelle sur la machine des participants : Compilateur thrift http://thrift.apache.org/
Plus en détailFormulaire pour envoyer un mail
Formulaire pour envoyer un mail AVERTISSEMENT : Ce tuto est une compilation de plusieurs sources trouvées sur internet, dont les références sont données à la fin de cet article. Le but de ce tutoriel n'est
Plus en détailOptimiser les performances d un site web. Nicolas Chevallier Camille Roux
Optimiser les performances d un site web Nicolas Chevallier Camille Roux Intellicore Tech Talks Des conférences pour partager son savoir Le mardi au CICA Sophia Antipolis http://techtalks.intellicore.net
Plus en détailNotes pour l utilisation d Expression Web
EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface
Plus en détailModule : programmation site Web dynamique Naviguer entre les pages via site map
Module : programmation site Web dynamique Naviguer entre les pages via site map Soit le site web suivant qui est constitué de six pages web : On veut créer un menu constitué de trois nœuds principaux générale
Plus en détailArchitecture Multi-Niveaux
Architecture Multi-Niveaux Patrick FELIX (felix@labri.fr) Franck RUBI (rubi@labri.fr) Département Informatique IUT Bordeaux1 12 novembre 2007 Architecture Multi-Niveaux 1 Plan 1. Introduction : vers une
Plus en détailLuc Brun. Création de pages Web Dynamiques p.1/75
Création de pages Web Dynamiques Luc Brun Création de pages Web Dynamiques p.1/75 Place du HTML GET http://www. monssite.com HTTP 1.0 Content type: text/html ... Création de pages Web Dynamiques
Plus en détailCONCEPTION D E-MAILS ADAPTATIFS
CONCEPTION D E-MAILS ADAPTATIFS SELLIGENT Le contenu de ce manuel porte sur du matériel protégé par les droits d auteurs appartenant à Selligent. Ce manuel ne peut être ni reproduit, en tout ou en partie,
Plus en détailINTRODUCTION AU CMS MODX
INTRODUCTION AU CMS MODX Introduction 1. Créer 2. Organiser 3. Personnaliser UNE PETITE INTRODUCTION QUEST-CE QU UN CMS? CMS est l acronyme de Content Management System. C est outil qui vous permet de
Plus en détailFailles XSS : Principes, Catégories Démonstrations, Contre mesures
HERVÉ SCHAUER CONSULTANTS Cabinet de Consultants en Sécurité Informatique depuis 1989 Spécialisé sur Unix, Windows, TCP/IP et Internet Séminaire 15 ans HSC Failles XSS : Principes, Catégories Démonstrations,
Plus en détailDans nos locaux au 98 Route de Sauve 30900 NÎMES. Un ordinateur PC par stagiaire, scanner, imprimante/copieur laser couleur
FORMATION FORFAIT WEB DEVELOPPEUR Qualification ISQ OPQF Formacode 46 125 Certification de titre professionnel Web Designer + modules optionnels : Développement PHP/MySQL avancé, Web App, CMS e-boutique
Plus en détailPanel des technologies Web
Panel des technologies Web pierre.jean@mines-ales.fr version 0.14 Objectif Un panorama des technologies Web pour comprendre leurs positionnements et leurs utilisations Questions Evaluation Sommaire Avant
Plus en détailUn mini-site internet en une après-midi
Prérequis Posséder un ordinateur équipé d un logiciel pour écrire des fichiers texte simples, (SimpleText, BlocNotes, etc...), d un logiciel de Navigation Internet (InternetExplorer, Netscape, Mozilla,
Plus en détailOptimiser les e-mails marketing Les points essentiels
Optimiser les e-mails marketing Les points essentiels Sommaire Une des clés de succès d un email marketing est la façon dont il est créé puis intégré en HTML, de telle sorte qu il puisse être routé correctement
Plus en détailPeut être utilisée à l intérieur du site où se trouve la liste de référence.
Peut être utilisée dans tous les sites d une collection, si la colonne est créée au niveau du site parent. Peut être utilisée à l intérieur du site où se trouve la liste de référence. Peut être utilisée
Plus en détailMalgré son aspect spartiate, Freeplane offre de nombreuses fonctionnalités en particulier dans le domaine de la diffusion des cartes sur le Web.
Création d une carte heuristique avec Freeplane Version : 1.1.3 Barre de menus Barre d outils Barre des touches de fonctions Espace de travail Barre d icônes Éditeur de notes Freeplane est un logiciel
Plus en détailCréer une base de données vidéo sans programmation (avec Drupal)
Créer une base de données vidéo sans programmation (avec Drupal) 10.10.2013 Nicolas Bugnon (nicolas.bugnon@alliancesud.ch) Centre de documentation Alliance Sud www.alliancesud.ch Résultat de l atelier
Plus en détailMettre en place un formulaire dans le site avec le module webform
Mettre en place un formulaire dans le site avec le module webform Dans la suite des documents de cette documentation Avertissement au lecteur Objectif de cette fiche Le module webform Ce petit symbole
Plus en détailmon site web via WordPress
mon site web via WordPress Vocabulaire CMS : Content Management System WordPress fait partie de cette famille de logiciels destinés à la conception et à la mise à jour dynamique de sites Web ou d applications
Plus en détailFormation Webmaster : Création de site Web Initiation + Approfondissement
Contactez notre équipe commerciale au 09.72.37.73.73 Aix en Provence - Bordeaux - Bruxelles - Geneve - Lille - Luxembourg - Lyon - Montpellier - Nantes - Nice - Paris - Rennes - Strasbourg - Toulouse Formation
Plus en détailHTML. Notions générales
1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS
Plus en détailFreeway 7. Nouvelles fonctionnalités
! Freeway 7 Nouvelles fonctionnalités À propos de ce guide... 3 Nouvelles fonctionnalités en un coup d'oeil... 3 À propos de la conception d'un site web réactif... 3 Travailler avec les pages pour créer
Plus en détailSite web établissement sous Drupal
Site web établissement sous Drupal Etat Date Rédacteur Version Création 12/12/2013 C. Vilport Pôle Web DASI 1.0 Modification 04/02/2014 C. Vilport Pôle Web DASI 1.1 Diffusion aux 06/02/2014 C. Vilport
Plus en détailcreer votre site internet en html/css
3 jours (21 heures) 1110 HT (Inter) 2670 HT (Intra) Toute personne (particulier ou professionnel) souhaitant créer son site Internet Créez son site Internet Assurez sa mise en ligne Gérer les mises à jour
Plus en détailWordPress Référencement naturel (SEO) Optimiser. son référencement. Daniel Roch. Préface d Olivier Andrieu
Daniel Roch Optimiser son référencement WordPress Référencement naturel (SEO) Préface d Olivier Andrieu Groupe Eyrolles, 2013, ISBN : 978-2-212-13714-9 Table des matières AVANT-PROPOS... 1 Pourquoi ce
Plus en détailGuide de création de site web optimisé
Guide de création de site web optimisé Vous trouverez ci-après un résumé des différents points à prendre en compte pour créer un site web optimisé pour les moteurs de recherche en termes de code HTML et
Plus en détailTravaux dirigés n 10
Travaux dirigés n 10 IMAC 1 Responsive Web Design Dans ce TD, vous verrez comment concevoir un design web qui s adaptera au terminal sur lequel il sera visualisé. Avant-propos Avec l avènement des smartphones
Plus en détailHTML5 et CSS3 pour des sites Responsive Web Design
Chapitre 1 : Introduction A. Le design Web aujourd'hui 11 B. Le Responsive Web Design 11 C. Les approches dans la conception 12 D. Le lâcher-prise 12 E. Les objectifs du livre 13 F. Les outils de l intégrateur
Plus en détail<?xml version="1.0" encoding="iso-8859-1" standalone="yes"?>
Multimédia XML Benoît Piranda Équipe SISAR Université de Marne La Vallée XML l avenir de HTML? Extensible Markup Language, entre HTML et SGML tente de se servir des principes de simplicité du HTML et de
Plus en détail