Bases de données et Interfaces Web. Langage HTML.
|
|
|
- Mauricette Marois
- il y a 7 ans
- Total affichages :
Transcription
1 Bases de données et Interfaces Web Langage HTML
2 Introduction 1/5 HTML : HyperText Markup Language Moyen de navigation dans un ensemble d informations Langage à balises Langage de présentation d un documen HTML = implémentation simple du SGML (Standard Generalized Markup Language): Métalangage standardisé permettant de représenter la structure logique d'un document à travers un balisage logique généralisé Le langage HTML 2
3 Introduction 2/5 Elaboré par le W3C (World Wide Web Consortium) Pas considéré comme un langage de programmation, mais un moyen de formater des documents en vue d échanger des infos au travers du net (HTTP) Langage indépendant de la machine, du système d exploitation, et du navigateur (ou presque!) Fichier texte comprenant les informations à échanger et un ensemble de balises pour leur présentation Le langage HTML 3
4 Introduction 3/5 Les versions du langage HTML : HTML 1.0 (1993: le tout premier => titre doc, liens, titres, texte brute. Pas de spécification W3C) HTML 2.0 (1995: premières specifications W3C) HTML 3.0 (Spécifications non finalisées) HTML 3.2 (1997: ajout des tables et éléments de présentation: style de texte, clignotement, centrage,...) HTML 4.0 (1997 => Ajout des styles, cadres et objets) HTML 4.01 (1999 => corrections mineures du 4.0) XHTML 1.0 (2000 => abandon du SGML pour le XML) XHTML 1.1 (2001 => modularité des fonctionnalités) XHTML 2.0 => le futur? Le langage HTML 4
5 Introduction 4/5 Jeu de caractères codé en ASCII standard 7 bits Codage de 128 caractères (majuscule/minuscule, chiffres, certains signes de ponctuation) Interopérabilité possible entre systèmes basés sur des codages différents pas de caractères accentués pas de caractères spéciaux Utilisation de codes spécifiques dans les sources HTML Pas de problème avec la plupart des navigateurs qui acceptent le codage des caractères au delà des 7 bits, mais Le langage HTML 5
6 Introduction 5/5 Les éditeurs : WYSIWYG: c est bien! mais il faut tout de même passer à un moment donné dans la cours des grands! Les mains à moitié dans le cambouis : 1rst page 2000 NVU Pour les brutes : N importe quel éditeur de texte! Le langage HTML 6
7 Langage à balises 1/2 <balise> => instruction HTML interprétée par le navigateur <balise> = <nom_élément [attribut=«valeur», ]> nom_élément => ce que doit faire le navigateur attribut="valeur" => comment il doit le faire Attributs communs vs Attributs spécifiques BlaBla <balise_debut> BlaBla affecté par la balise </balise_fin> suite BlaBla Différentes catégories de balises: méta-informations mise en forme du document liens insertion (multimédia: images, son ou vidéo, objets) Le langage HTML 7
8 Langage à balises 2/2 Différents niveaux de balises: Balises en ligne (inline element): balise contenant du texte ou d'autres balises en ligne Particularités => jamais de retour à la ligne en présence d'une balise en ligne <B>, <I>, <A>, <INPUT>, <SPAN>... Balises en bloc (block-level element): balise contenant des balises en lignes ou d'autres balises en bloc Particularités => toujours un retour à la ligne en présence d'une balise en block <Hx>, <P>, <TABLE>, <DIV>,...
9 Squelette <DOCTYPE...> <HTML> <HEAD> </HEAD> <BODY> Notre document </BODY> </HTML> Quatre parties principales : <DOCTYPE...> <HTML></HTML> => Délimitation document HTML <HEAD></HEAD> => Entête=méta-infos propres à la page, utiles par ex. pour l indexation (ex: titre) <BODY></BODY> => Corps = infos affichées sur la page Non sensible à la casse pour le nom des balises Structure recommandée et à respecter même si pas obligatoire! Le langage HTML 9
10 DOCTYPE Définition du type de document ie standard pris en compte et respecté dans la page Utile pour les navigateurs! Exemples pour la version HTML 4.01 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" " Exemples pour la version XHTML 1.0 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " Le langage HTML 10
11 En-tête <head></head> 1/2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <HTML LANGUE="FR"> <HEAD> <TITLE>Titre Pertinent: exemple d en-tête</title> <META NAME ="Description" CONTENT ="Contenu de la page"> <META NAME ="Keywords" CONTENT ="Liste des mots clés"> <META HTTP-EQUIV="Content-Type" content="text/html; charset=iso "> < META HTTP-EQUIV ="Content-Language" content="fr"> <META HTTP-EQUIV="Refresh" CONTENT= " 5; URL=redirec.htm"> <!-- Commentaire: la liste ci-dessus n est pas exhaustive!!!! --> </HEAD> <BODY> Attention: Cette page va etre redirigee dans 3 secondes!!!!! </BODY> </HTML> Le langage HTML 11
12 En-tête <head></head> 2/2 Contient les informations indispensables pour une bonne indexation d une page par un moteur (description) <META NAME > => permet d associer une valeur à un mot clé <META HTTP-EQUIV > => requiert une réponse du serveur vers le browser (redirection!) Insertion d appels à d autres langages ou fonctionnalités: javascript, VBScript, feuilles de styles (CSS), Le langage HTML 12
13 Body <HTML> <HEAD> <TITLE>Exemple de body</title> </HEAD> <BODY bgcolor="pink" text="blue"> Attention: les espaces tabulations et retour chariot sont systématiquement ignorés </BODY> </HTML> Attributs possibles pour la balise <BODY> (spécif: HTML3.2): Couleur ou image de fond Couleur du texte Couleur des liens Le langage HTML 13
14 Formatage de texte 1/2 Six niveaux de titres: <Hx align=«center»>mon Titre </Hx> Marque de paragraphes <P> </P> Saut de ligne: <BR>, trait horizontal : <HR> Formatage de caractères: <B>mise en gras</b> <I>mise en italique</i> <U>souslignage</U> Spécification de la fonte <font> </font> associée aux attributs: size, color, face, Caractères accentués et spéciaux: utilisation d un & ; Le langage HTML 14
15 Formatage de texte 2/2 Quelques exemples de caractères accentués ou spéciaux! &[Xx]acute; &[Xx]circ; &[Xx]grave; &[Xx]auml; ± 20 ½ Accent aigu Accent circonflèxe Accent grave Accent tréma ± 20 ½ Le langage HTML 15
16 Containers Containers = balise permettant de regrouper plusieurs autres balises sans effet visuel particulier Très utiles pour l'application de styles (CSS) <DIV>...</DIV>: Container bloc (balise en bloc) Attribut: ALIGN <SPAN>...</SPAN>: Container en ligne (balise en ligne) Attribut: ALIGN Le langage HTML 16
17 Listes Liste à puce (Unordered List): <UL type="type de puces"> </UL> <LI> entrée</li> pour chaque entrée de la liste (LIst Entry) Liste numérotée (Ordered List): <OL type="type de puces" start="numéro"> </OL> <LI> entrée </LI> pour chaque entrée de la liste Liste hiérarchisée (Definition List): <DL> </DL> <DT> entrée </DT> pour chaque entrée de la liste <DD> blabla </DD> descriptif pour l entrée correspondante
18 Tableaux 1/2 <TABLE> </TABLE> Objectifs des tableaux sous HTML: Structurer des infos en ligne et colonne Structurer des éléments dans une page (images, texte, objects, ) Tableau constitué de lignes: <TR> </TR> pour chaque nouvelle ligne du tableau Ligne constituée de cellules <TD> </TD> pour chaque cellule d une ligne Titre d un ensemble de cellules <TH> </TH> Le langage HTML 18
19 Tableaux 2/2 <HTML> <HEAD> <TITLE>Exemple de tableau</title> </HEAD> <BODY> <BODY bgcolor="blue" text="magenta"> <H3>Exemple de tableau</h3> <TABLE BORDER="1"> <TR><TH>col 1</TH><TH>col 2</TH><TH>col 3</TH></TR> <TR><TD>1*1</TD><TD>2*1</TD><TD>3*1</TD></TR> <TR><TD>1*2</TD><TD>2*2</TD><TD>3*2</TD></TR> </TABLE> </BODY> </HTML> Exemple d attributs! Attributs: WIDTH HEIGTH ALIGN BORDER FRAME BGCOLOR COLSPAN ROWSPAN Autres : <CAPTION> Le langage HTML 19
20 Frames 1/2 Fractionnement d une page de manière à afficher plusieurs documents HTML <FRAMESET> </FRAMESET> Attribut COLS="taille en pixels ou %" Attribut ROWS="taille en pixels ou %" <FRAME> : définit un nouveau cadre Attribut SRC="page.htm" Attribut NAME= " Nom de la frame" <NOFRAME></NOFRAME> : définit une zone sans frame au cas où le navigateur n accepterait pas l utilisation des frames! <BODY> n apparaît que dans la partie <NOFRAME> dès l utilisation de <FRAMESET> Le langage HTML 20
21 Frames 2/2 <HTML> <HEAD> <TITLE>Exemple de Frame</TITLE> </HEAD> <FRAMESET COLS="60%,40%"> <FRAMESET ROWS="33%,33%,33%"> <FRAME src="liste.htm" name="liste"> <FRAME src="table.htm" name="table"> <FRAME src="table2.htm" name="table2"> </FRAMESET> <FRAME src="body.htm" name="body"> </FRAMESET> <NOFRAME> <BODY> page sans frame </BODY> </NOFRAME> </HTML> Attributs: NORESIZE SCROLLING FRAMEBORDER BORDER Autres : <IFRAME>: propre à Internet Explorer Le langage HTML 21
22 Images <IMG SRC="chemin absolu ou relatif de l image"> 3 formats supportés: JPEG, GIF, PNG Attention au temps de chargement des images (taille)! Affichage par le navigateur de l image dans la dimension d origine =>sinon utilisation de : Attribut WIDTH="Valeur" en pixels Attribut HEIGHT="Valeur" en pixels Autres attributs: ALT, ALIGN, BORDER, HSPACE, VSPACE, Le langage HTML 22
23 Liens 1/3 Fondement de l Hyper-texte Fournissent la possibilité de naviguer de pages en pages, d infos en infos Différents liens: Liens internes : chemin absolu ou relatif des fichiers sur le serveur Liens externes : lien vers un site http ( ), vers un serveur ftp, news ou pour un (mailto ) Doivent impérativement être: toujours valides pour ne pas «polluer»! : Explicites pour ne pas perdre l internaute! Le langage HTML 23
24 Liens 2/3 <A>voici un lien vers </A> => voici un lien vers... Attribut HREF="Adresse/chemin du lien" Attribut TARGET="Localisation de l ouverture du lien" : Valeurs "_blank": nouvelle fenêtre, " _parent": cadre parent, "nom_frame": frame existante, Le langage HTML 24
25 Liens 3/3 Possibilité de naviguer au sein d une même page ou vers une partie spécifique d une autre page <A NAME="Top" >Top</A> => Déclaration d une ancre <A HREF= "#Top">lien vers Top</A> => lien vers l ancre Top déclarée <A HREF= "NomdePage#Top">lien vers Top</A> => lien vers l ancre Top déclarée sur la page NomdePage Le langage HTML 25
26 Formulaires 1/3 Objectifs: transmettre des informations fournies par l utilisateur vers le serveur => interactivité Formulaires associés à des objets de saisie ou de sélection Infos traitées au niveau du serveur par des scripts (langage PHP par exemple) <FORM> </FORM> Attribut NAME= "Nom du formulaire" Attribut TARGET= "Nom du cadre" Attribut METHOD= "Type de transmission des infos" Attribut ACTION= "Adresse cible dès soumission" Le langage HTML 26
27 Formulaires 2/3 METHOD="GET" les infos sont transmises au travers de l URL vers une variable d environnement QUERY_STRING Infos transmises => r2 Restreint à 256 caractères maximum Infos visibles directement dans l URL du navigateur : Pratique pour le «bookmark» si on veut accéder directement à une info particulière sans la resaisir Dangereux si les infos sont sensibles! Le langage HTML 27
28 Formulaires 3/3 METHOD="POST" les infos sont transmises directement dans un datagramme du protocole HTTP Pas de restriction au niveau de la quantité d infos à transmettre Infos non visibles au travers du navigateur! Recommandée dans la majorité des cas, notamment dans le transfert de fichiers Le langage HTML 28
29 Champs de saisie Liés obligatoirement à un formulaire <INPUT> => un champ d entrée L attribut TYPE spécifie le type du champ d entrée à utiliser dans la page: Button Bouton poussoir (pas action) Text Champ de saisie Submit Bouton de soumission Password Champ de saisie password Image Bouton image Hidden Champ caché File Bouton de sélection fichier Checkbox Cases à cocher Reset Bouton de réinitialisation Radio Cases radio Le langage HTML 29
30 Boutons Liés obligatoirement à un formulaire <BUTTON></BUTTON> => Création bouton L attribut TYPE spécifie le type de bouton à utiliser dans la page: Button Submit Reset Bouton de lancement d un script spécifié dans l attribut NAME Bouton de soumission Bouton de réinitialisation INPUT (type button) vs BUTTON: enrichissement graphique (image cliquable par ex.) Le langage HTML 30
31 Listes de choix 1/3 Liées obligatoirement à un formulaire Listes déroulantes ou simples <SELECT></SELECT> Attribut NAME= "Nom du champ" Attribut SIZE= "V" si V=1 => liste déroulante, si V>1 => liste simple avec V items visibles Attribut MULTIPLE => liste à choix multiples Attribut VALUE= "Nom d 1 item dans la liste" => item sélectionné par défaut Attention!!!! La sélection dans une liste n implique en rien la soumission des informations => utilisation par exemple d un bouton submit Le langage HTML 31
32 Listes de choix 2/3 <OPTION>Nom de l item</option> => nouvel item d une liste Attribut SELECTED => item sélectionné par défaut Attribut VALUE= "Valeur renvoyée lors de la sélection" Le langage HTML 32
33 Listes de choix 3/3 <HTML> <HEAD> <TITLE>Exemple de liste de choix</title> </HEAD> <BODY> <FORM action="file:///c:/corinne/iup/cours/progweb/select.htm" method="get"> <select name="listederoul" value="item1" size="1"> <option value="item1"> 1er item</option> <option value="item2"> 2ième item</option> <option value="item3"> 3ième item</option> <option value="item4"> 4ième item</option> </select> <input type="submit" value="envoyer la sélection'' > </FORM> </BODY> </HTML> Le langage HTML 33
34 Mise en forme des pages HTML 1/2 Par défaut: Affichage séquentielle des informations/éléments (texte, image, liens,...) Pas de positionnement possible des éléments Solutions: Les <table> => les cellules permettent de positionner les éléments à afficher Les <frame> => division de la page par les frames Les containers <div> et <span> associés à des attributs de styles Le langage HTML 34
35 Mise en forme des pages HTML 2/2 <table> <frame> <div> Le langage HTML 35
36 XHTML! Norme rapprochant HTML du langage XML permet l édition de sources HTML par des éditeurs XML Des contraintes : Spécification d un DOCTYPE particulier Toutes les balises doivent être fermées. Si pas de balise de fermeture prévue => <BAL/> Ordre d imbrication des balises à respecter : <B><I> texte </B></I> interdit! Elément et attribut doivent être écrits en minuscule (XML sensible à la casse) Minimisation de l attribut interdite : checked => checked="checked'' Le langage HTML 36
37 Conclusion Langage HTML plus que largement utilisé! Standard => portable malgré certains détournements des éditeurs de navigateurs! Evolution rapide mais a atteint ses limites si utilisé tout seul! Utilisation du DHTML! Pas un standard, mais juste l association du langage HTML avec d autres langages (scripts divers, CSS, ) pour le rendre plus dynamique!!! Le langage HTML 37
HMTL. 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,
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
Sana 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
Les 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
// 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
Langage 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
STID 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
Programmation 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
Bernard 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.
TP 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
Architecture 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
LES 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
TIC. 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
Les 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
INTERNET 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.
HTML, 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
Les 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
Pré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...
creer 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
RAPPORT 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
Autour 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
Pack 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é
Introduction à 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
www.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...
SII 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...
TD 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
Module 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
Normes 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
CRÉ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
Internet. 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
Sé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)
Les 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
E-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
Guide 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
3. 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
Optimiser 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
CREATION 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
.. 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
Atelier de Création de pages Web
Atelier de Création de pages Web par Stéphane Groleau SADC Société d aide au développement de la collectivité de Portneuf http://www.sadcportneuf.qc.ca http://www.reseau-sadc.qc.ca/ http://www.dec-ced.gc.ca/
Guide d implémentation. Réussir l intégration de Systempay
Guide d implémentation - Interface avec la plateforme de paiement - Réussir l intégration de Systempay Version 1.4b Rédaction, Vérification, Approbation Rédaction Vérification Approbation Nom Date/Visa
FORMATION / 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
Formulaire 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
HTML. 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
NFA016 : 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
Sage 100 CRM - Guide de la Fusion Avancée Version 8. Mise à jour : 2015 version 8
Sage 100 CRM - Guide de la Fusion Avancée Version 8 Mise à jour : 2015 version 8 Composition du progiciel Votre progiciel est composé d un boîtier de rangement comprenant : le cédérom sur lequel est enregistré
Module 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
Programmation 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
1 ère Université WEB. Courbevoie Samedi 21 octobre 2006. Votre site interactif sur internet.
1 ère Université WEB Courbevoie Samedi 21 octobre 2006 Votre site interactif sur internet. Programme de la journée. 10H30 - Introduction Université web Votre site interactif sur internet. 10H35 Généralités
LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation
ING 01 LANGAGUE JAVA Durée : 21 heures 1090 HT / jour Dates : à définir en 2012 Concevoir et développer des programmes en langage Java Comprendre le fonctionnement de la machine virtuelle S approprier
Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées?
Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites Quelles solutions peuvent être employées? Présentation d une des solutions Conclusion Aujourd hui le web est
Gestion É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
Tutoriel : 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?
Petite définition : Présentation :
Petite définition : Le Web 2.0 est une technologie qui permet la création de réseaux sociaux, de communautés, via divers produits (des sites communautaires, des blogs, des forums, des wiki ), qui vise
Travaux 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
KompoZer. 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
Initiation à 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
WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES
WEB & DÉVELOPPEMENT LES BASES DU WEB HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES LE LANGAGE HTML STRUCTURE D UNE PAGE En-tête et corps Syntaxe INSÉRER DES CONTENUS Texte : formatage (titre,
Théorie : internet, comment ça marche?
Théorie : internet, comment ça marche? L histoire d internet 1969 Tout débute aux Etats-Unis. Les soviétiques ont lancé leur satellite Spoutnik en 1957 et les américains ont peur d une guerre nucléaire.
Cré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
Dans 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
Logiciels de référencement
Outils Logiciels de référencement Afin de contrôler la qualité de son référencement, d optimiser et d améliorer son positionnement, il peut être utile d utiliser des outils couvrant tout ou partie du référencement.
Formation 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
INTRODUCTION 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
SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES
SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES Contact Traffic : Audrey Pluot-Etourneau apluot@staff.aufeminin.com LES FORMATS CLASSIQUES Nom du Format Dimension du Format Poids Max Fichiers Acceptés
Dévéloppement de Sites Web
1 Dévéloppement de Sites Web Cours II : Internet et HTML - une très brève introduction Peter Stockinger Séminaire de Maîtrise en Communication Interculturelle à l'institut National des Langues et Civilisations
Manuel 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
Cré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
Alors "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,
NAMEBAY 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...
Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement
Guillaume HARRY l Contenu sous licence Creative Commons CC-BY-NC-ND Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement P. 2 1. Introduction 2.
Formation > 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
les techniques d'extraction, les formulaires et intégration dans un site WEB
les techniques d'extraction, les formulaires et intégration dans un site WEB Edyta Bellouni MSHS-T, UMS838 Plan L extraction des données pour un site en ligne Architecture et techniques Les différents
BUREAUTIQUE. 1 Journée. Maîtriser les fonctions de base du logiciel
BUREAUTIQUE Maîtriser les fonctions de base du logiciel Premiers pas dans Word - Présentation de l interface - Mode affichage écran - Méthode de Sélection, de Déplacement - La gestion crante des documents
Diffuser un contenu sur Internet : notions de base... 13
Diffuser un contenu sur Internet : notions de base... 13 1.1 Coup d œil sur l organisation de cet ouvrage.............. 15 Préambule : qu est-ce qu une page web?................ 16 À propos du HTML...........................
Comment 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é
Classe 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
Un 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,
COMMENT PUBLIER SUR ARIANE?
COMMENT PUBLIER SUR ARIANE? Rédacteur : Dr Michel Arnould 1. SOMMAIRE 1.Sommaire...1 2.Connexion...1 3.Gestion des pages du wiki...1 Ajouter une nouvelle page...1 Supprimer, renommer, protéger une page...1
Gilles.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
Audit de site web. Accessibilité
Accessibilité 1. Est- ce que le contenu est structurellement séparé des éléments de navigation? 2. Est- ce que le site est compatible avec tous les navigateurs? 3. Le site est- il compatible avec les normes
Publier dans la Base Documentaire
Site Web de l association des ingénieurs INSA de Lyon Publier dans la Base Documentaire Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008
Parcours 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
Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.
1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de
Module : 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
Optimiser pour les appareils mobiles
chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...
Spétechs Mobile. D e r n i è r e m i s e à j o u r : a o û t 2014
Spétechs Mobile D e r n i è r e m i s e à j o u r : a o û t 2014 Généralités Envoi des créas à Amandine Canu, responsable traffic mobile : acanu@hi-media.com Mettre en copie de votre e-mail votre contact
Notes 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
Évaluation des compétences. Identification du contenu des évaluations. Septembre 2014
Identification du contenu des évaluations Septembre 2014 Tous droits réservés : Université de Montréal Direction des ressources humaines Table des matières Excel Base version 2010... 1 Excel intermédiaire
Failles 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,
WORDPRESS : réaliser un site web
WORDPRESS : réaliser un site web Wordpress est un système de gestion de contenu (ou CMS) libre. Il permet de créer des sites relativement complexes (blog, forum, site vitrine, site dynamique), sans qu
Les réseaux informatiques, la sécurité, internet, html et le web : une introduction. Réseaux informatiques? Un bref historique des réseaux (1)
Les réseaux informatiques, la sécurité, internet, html et le web : une introduction Réseaux informatiques? = Télécommunications + informatique Objectifs : Communication : se parler, se voir, échanger des
Introduction. 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
Guide 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
Mise à jour : janvier 2015 POURQUOI ET COMMENT OPTIMISER LES VISUELS
Mise à jour : janvier 2015 POURQUOI ET COMMENT OPTIMISER LES VISUELS QUI EST MAXIWEB? Maxiweb est une agence digitale pas comme les autres. Un seul objectif : faire de vous le ROI Pôle Consulting Pôle
Caruso33 : une association à votre service
Caruso33 : une association à votre service Le b-a ba sur le réseau Internet Comment vous trouver facilement sur Internet Pourquoi un portail des associations? Les modalités pour figurer sur le portail
Rapport 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é
PARAMETRAGE CONSOLE ADMINISTRATION DE MESSAGERIE "VENDOME.EU" NOTICE UTILISATION
PARAMETRAGE CONSOLE ADMINISTRATION DE MESSAGERIE "VENDOME.EU" NOTICE UTILISATION Le but de l'utilisation de la console d'administration de votre adresse de messagerie "vendome.eu", est notamment de créer
Activité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:
Proxies,, Caches & CDNs
Proxies,, Caches & CDNs Anthony Busson Plan Exemple de page web simple Anatomie du téléchargement d une page web Problématique Définition : Proxy, Reverse Proxy Interception, Redirection Système de cache