Luc Brun. Création de pages Web Dynamiques p.1/75

Dimension: px
Commencer à balayer dès la page:

Download "Luc Brun. Création de pages Web Dynamiques p.1/75"

Transcription

1 Création de pages Web Dynamiques Luc Brun Création de pages Web Dynamiques p.1/75

2 Place du HTML GET monssite.com HTTP 1.0 Content type: text/html <html>... Création de pages Web Dynamiques p.2/75

3 Place du HTML CGI GET monssite.com HTTP 1.0 Content type: text/html <html>... Création de pages Web Dynamiques p.2/75

4 Place du HTML php asp python... CGI GET monssite.com HTTP 1.0 HTML CSS JavaScript Création de pages Web Dynamiques p.2/75

5 Intérêt du Cours php asp python... JavaScript HTML CSS Création de pages Web Dynamiques p.3/75

6 HTML Langage à balises : <b>toto< /b> toto en gras. Forte parenté avec XML (HTML+XML XHTML) : Toute balise ouverte doit être fermée, Une balise ne délimitant rien se ferme elle même (exemple : <br/ >) Création de pages Web Dynamiques p.4/75

7 Structure d un document HTML Deux sections : head : Définitions générales sur le document : Informations non affichées, body : corps du document. textes, tableaux, listes (à puce, numérotées), images... Création de pages Web Dynamiques p.5/75

8 La section head <head> <title>un exemple de section head</title> <link rel="stylesheet" type="text/css" href="mon_css.css"/> <meta http-equiv="content-type" content="text/html; charset=iso "/> <meta name="keywords" content="html,head"/> <meta name="author" content="luc Brun"/> <meta name="description" content="description de la section head"/> </head> Création de pages Web Dynamiques p.6/75

9 Les textes Jeu de caractère par défaut : ASCII. Codage des accents par des séquences de caractères (é &eacute ;) (Cf. Tab.2.1) langage non wyswig (blanc : &nbsp ; retour à la ligne : <br/ >). Éviter de coder la mise en forme dans la structure du texte. Création de pages Web Dynamiques p.7/75

10 Modification de polices Explicite : <b> : gras ; <i> : italique <u> : souligné Logique : <big>, <small> : tailles, <strong>, <em>(emphase) : mise en évidence. Création de pages Web Dynamiques p.8/75

11 Titres, lignes Titres : <hx> avec x {1,..., 6} <h1> titre de niveau 1, <h6> titre de niveau 6, Lignes horizontales : <hr/ > Création de pages Web Dynamiques p.9/75

12 Paragraphes Balise <p> avec comme principal attribut align {lef t, center, right}. Utilisez des pagraphes plutôt que des sauts de lignes (<br/ >). Création de pages Web Dynamiques p.10/75

13 Divisions Balise <div> permet de regrouper un ensemble de textes/balises. Permet d affecter des propriétés à un ensemble de balises : <div align="right"> <p>un premier paragraphe</p> <p> et un second</p> <p>tous alignés à droite</p> </div> Tous alignés à droite : Concept d héritage. Création de pages Web Dynamiques p.11/75

14 Les listes liste non numérotées (balise<ul>) ou numérotées (balise<ol>) : item : <li>contenu< /li> type : type de liste (tables 2.2 et 2.3) liste de description : balise <dl> (description list) titre item <dt></dt> description de l item <dd></dd> Création de pages Web Dynamiques p.12/75

15 Les tableaux Trois balises : table : délimite une table, tr : délimite une ligne, td : délimite une cellule. Possibilités de cellules multi-lignes, multicolonnes, de sélection de fond de tables, de lignes, de cellules. Tables de taille fixes/variables. Création de pages Web Dynamiques p.13/75

16 Les liens Change l url de la page. <a href="url"> lien</a> affiche lien et change l url courante pour celle spécifiée lors d un clic sur le texte. L url peut être un lien vers : un serveur : une page une application CGI (voir plus loin) une adresse mail : mailto La zone délimitée par <a></a> peut être du texte, une image... Création de pages Web Dynamiques p.14/75

17 Les ancres Permet de positionner une marque (une ancre) dans une page HTML. Des liens peuvent être positionnés sur cette ancre. Syntaxe : <a href="identifiant"/> Liens sur l ancre : <a href="page.html#identifiant"> Lien </a> Création de pages Web Dynamiques p.15/75

18 Les images Inclus une image : Syntaxe : <img src="logo_ensicaen.jpg" width="2cm" height="3cm" align="left" hspace="5mm" alt="logo de L EnsiCaen"/> Possibilité de spécifier la largeur (width), hauteur(height), l alignement, l espacement (hspace, vspace), la bordure (border) et le texte avant chargement (alt) (Cf. Tab. 2.6). Création de pages Web Dynamiques p.16/75

19 Les images clicables (1/2) Permet de spécifier un lien sur certaines parties d une image. Syntaxe : <map name="id map"> <area shape="nom forme" coords="liste coords" href="lien"/>.. </map> shape {rect, circle, polygon} Création de pages Web Dynamiques p.17/75

20 Les images clicables (2/2) Valeurs de coords : rect (x 1, y 1, x 2, y 2 ) coins haut et bas, circle (x, y, R), polygon (x 1, y 1,..., x n, y n ) liste des points du polygone. Utilisation : <img src="url" usemap="id map"/> Création de pages Web Dynamiques p.18/75

21 Les cadres Découpe la fenêtre du navigateur en sous fenêtres (frames). Exemple : <frameset cols="200,*"> <frame src="menu.html" name="menu"/> <frame src="main.html" name="main"/> </frameset> Liens dans les frames : <a href="loisirs.html" target="main"> Mes loisirs</a> De moins en moins utilisé. Création de pages Web Dynamiques p.19/75

22 Les formulaires Permet à l utilisateur de rentrer des informations par le biais de balises spécifiques. Trois attributs : action : nom du CGI ou de programme devant traiter les informations, method : méthode de passage des paramètres (GET ou POST) enctype : codage du document. Création de pages Web Dynamiques p.20/75

23 Les balises input <input type="type" name="nom"> type : type d input name : nom de variable value : valeur par défaut checked : sélection par défaut size : nb de caractères maxlength : nb max. de caractères type {text, password, image, checkbox, radio, submit, reset} Création de pages Web Dynamiques p.21/75

24 La balise select Code un menu à options : Syntaxe : <select name="un_menu"> <option> 1er choix.</option> <option> 2eme choix.</option> </select> Attributs : name, size (nb d éléments simultanéments affichés), multiple (sélection de plusieurs éléments). Création de pages Web Dynamiques p.22/75

25 La balise textarea Saisie d une zone de texte. Syntaxe : <textarea name="saison" rows="10" cols="40"> L hivers : L été : </textarea> Attributs : name, rows (nb ligne), cols (nb colonnes) Création de pages Web Dynamiques p.23/75

26 Les CSS Cascading Style Sheets : Permet de modifier l apparence de balises Permet une claire différenciation entre : le contenu, la structure, la présentation. Fondamental! Création de pages Web Dynamiques p.24/75

27 Feuille de style Feuille de style : ensemble de règles spécifiant la mise en forme de certaines balises. Structure d une règle : propriété valeur h1 { color : red ; } sélecteur déclaration Création de pages Web Dynamiques p.25/75

28 Les sélecteurs Spécifie la ou les balises qui vont utiliser les déclarations. Sélecteur simple : nom de balise. h1 { color: red; font-weight: bold; font-size: xx-large; text-align: center; } Création de pages Web Dynamiques p.26/75

29 Les sélecteurs à évènements Les déclarations s appliquent sur un type de balise lors de certains évènements ou état. Exemple :a :hover {color : red ; } Principaux évènements : :focus prise de focus par un texinput ou textarea :hover passage de la souris sur un lien :link lien pas encore visité :visited lien cliqué Création de pages Web Dynamiques p.27/75

30 Les différents types de sélecteurs simple : a{ }, à évènement : a:hover { }, contextuel : p a{ }, groupés : a,p,h1 { } de classe :.intro { } d identifiant : #titre { } Voir pages HTML Création de pages Web Dynamiques p.28/75

31 Liaison HTML-CSS Les feuilles internes <head> <style type="text/css"> <!-- p { text-align: justify; } --!> </style> </head> Les balises <!- -!> permettent aux vieux navigateurs d ignorer les feuilles de style. Création de pages Web Dynamiques p.29/75

32 Liaison HTML-CSS Les feuilles internes <head> <link rel="stylesheet" type="text/css" href="ma_feuille.css"/> </head> ou <head><style url("feuille.css") </style></head> S utilise en complément des feuilles externes. Création de pages Web Dynamiques p.30/75

33 Liaison HTML-CSS Les feuilles locales <body> <p style="text-align: justify; color: red;"> Mon paragraphe</p> </body> Permet de rajouter localement une déclaration. Création de pages Web Dynamiques p.31/75

34 Liaison HTML-CSS Les feuilles utilisateur L utilisateur peut imposer des styles pour certaines balises (générallement menu préférences). Utile pour les mal voyants. Création de pages Web Dynamiques p.32/75

35 Les feuilles en cascades Conflits entre plusieurs règles :La dernière règle lue a la priorité 1. Utilisateur, 2. locales, 3. internes/externes : dernière règle lue (positionnement de balises), 4. conflit dans une même feuille : dernière règle lue. Création de pages Web Dynamiques p.33/75

36 Héritage Document HTML arbre d inclusion. Les déclarations s héritent de père en fils. <html> <html><head> <title> ma page</title> </head><body> <h1> Ma page </h1> <div class="menu"> <ul> <li> un item</li></ul> </div></body></html> <head> <body> <title> <h1> <div> <ul> <li> Création de pages Web Dynamiques p.34/75

37 Les tailles Tailles de boîtes, de polices, d images... Unités absolues : mm minimètres pc pica (1pica=12pt) cm centimètres pt points in inches px pixel Unité relative : % font-size : 50% : dernière taille de police, width : 10% : largeur de la boîte englobante (ex fenêtre) Création de pages Web Dynamiques p.35/75

38 Tailles de polices Unités relatives xx-large x-large large medium small x-small xx-small large large large normal small + small encore + small em 1em taille de la police précédente Création de pages Web Dynamiques p.36/75

39 Les couleurs propriété concernées (color, background). Spécification du nom (aqua, black...) Voir Table 3.5 Spécification de la valeur (R,G,B) par #rgb avec r, g, b [0, f]. Création de pages Web Dynamiques p.37/75

40 Alignement de texte text-indent Indentation de paragraphe. text-align justify, align,left,right et none margin-left marge à gauche margin-right marge à droite margin-top marge du haut margin-bottom marge du bas margin top right bottom left Création de pages Web Dynamiques p.38/75

41 Formatage de boîtes margin padding border border : border-width, border-style, border-color ou border width, style color. padding : haut droite bas gauche. margin : idem que précédemment. voir page HTML Création de pages Web Dynamiques p.39/75

42 Positionnement de boîtes propriétés impliqués : position, left, top, right, bottom. Valeurs de position : static : par défaut (les uns sous les autres), absolute : coordonnées fenêtres, fixed : idem absolute, insensible au scroll, relative : positionnement relatif. Voir page HTML Création de pages Web Dynamiques p.40/75

43 Boîtes flottantes Alignement à gauche (float : left ;) ou à droite (float :right ;) du bloc parent. Voir page Web. Création de pages Web Dynamiques p.41/75

44 Gestion de la profondeur propriété position possibilité de Recouvrement. Gestion des recouvrements : propriété z-index. En cas de recouvrement la boîte de z-index le plus élevé est affichée. Création de pages Web Dynamiques p.42/75

45 Les listes Essentiellement trois propriétés : 1. list-style-type : type de liste que l on compte manipuler (disc, circle, decimal...) 2. list-style-image : spécifie une image à la place des puces ul {list-style-image: url(mon_item.jpg list-style-type: circle;} 3. list-style-position {inside,outside} Création de pages Web Dynamiques p.43/75

46 JavaScript Avantage : Exécuté sur le navigateur du client Inconvénients : Exécuté sur le navigateur du client Varie beaucoup en fonction des navigateurs des versions Surtout utilisé pour de petits effets (apparition/disparition/déplacement de blocs) et la vérification des formulaires. Création de pages Web Dynamiques p.44/75

47 Variables Déclaration explicite de variable : var i. Si en dehors de fonction : variable globale, sinon variable locale. Déclaration implicite toto="titi" ; : variable globale. Création de pages Web Dynamiques p.45/75

48 L instruction if if (condition) {instruction} ou if (condition) {instruction} else {instruction} On peut étendre à : if (condition) {instruction} else if (condition) {instruction}... Création de pages Web Dynamiques p.46/75

49 L instruction switch switch (val) { } case val1 : instruction1 break; case val2: instruction2 break;... default: instruction par defaut. break; Instruction 1 est exécuté si val=val1, Instruction 2 si val=val2.... Si aucun test n est vrai le bloc d instruction par défaut est exécuté. Création de pages Web Dynamiques p.47/75

50 Les boucles (1/4) Boucle for : for(init ;cond ;incr) exemple var sum=0; for(i=0;i<10<i++) sum+=i; Création de pages Web Dynamiques p.48/75

51 Les boucles (2/4) Boucle While : while(cond){instruction} exemple : sum=0; i=0; while(i<10) { sum+=i; i++; } Création de pages Web Dynamiques p.49/75

52 Les boucles (3/4) Boucle Do-while : do {instruction} while(cond) ; exemple : sum=0; i=0; do { sum+=i; i++; } while(i<10); Création de pages Web Dynamiques p.50/75

53 Les boucles (4/4) Les séquences d échapement return : sort de la boucle et de la fonction. break : sort de la boucle continue : passe à l itération suivante Création de pages Web Dynamiques p.51/75

54 Les tableaux var tab_vide=new Array(); var tab_10 =new Array(10); var tab_init=new Array( val1, val2 ); Tableaux 5 5 : var mat=new Array(5); var i,j; for(i=0;i<mat.length;i++) mat[i]=new Array(5); Tableau associatif : tab[ ; Création de pages Web Dynamiques p.52/75

55 Manipulation de tableaux (1/2) Concat concaténe plusieurs tableaux. Tableau.join() conversion en chaîne Tableau.pop() supprime dernier élément Tableau.push ajoute un ou plusieurs éléments Tableau.reverse() inverse l ordre des éléments du tableau. Tableau.shift() supprime le premier élément du tableau. Création de pages Web Dynamiques p.53/75

56 Manipulation de tableaux (2/2) Tableau.slice() Tableau.sort() Tableau.unshift Tableau.toString() Tableau.valueOf partie d un tableau. trie ajoute en tête de tableau concatène les objets de l array en une String. retourne la valeur de l objet Array. Tableau.splice(i,nb,[val1,]) substitue les éléments en position i à i+nb du tableau par les val i. Renvoi les éléments supprimés. Création de pages Web Dynamiques p.54/75

57 Les fonctions function nom(parametres) { instructions [return valeur] } Passage des arguments par valeur, Return non obligatoire (procédure) Création de pages Web Dynamiques p.55/75

58 Les boîtes de dialogue confirm( Message ) : Afficher un message/une information, alert( Message ) : Afficher un message d alerte, val=prompt( Message,defaut) : Afficher un message et saisir une valeur. Création de pages Web Dynamiques p.56/75

59 Les classes (1/2) var toto=new fonction([params]); fonction : constructeur de l objet. function aire() { return this.largeur*this.hauteur;} function Rectangle(x,y) {// creation du champ largeur this.largeur=x; // creation du champ hauteur this.hauteur=y; // creation de la methode aire this.aire=aire; } Création de pages Web Dynamiques p.57/75

60 Les classes (2/2) Utilisation des classes : mon_rect=new Rectangle(10,10); document.write("largeur, hauteur, aire"+ mon_rect.largeur+mon_rect.hauteur+ mon_rect.aire()); Ajout dynamique de méthodes : classe.prototype.methode=fonction exemple : Rectangle.prototype.perimetre=perimetre Création de pages Web Dynamiques p.58/75

61 La classe String var toto="titi"; var titi=new String(); // chaine vide concaténation : + Liens avec la classe Math : eval() : eval("4+5") 9. parseint() : conversion en entier parsefloat() : conversion en float tostring() : conversion en String Création de pages Web Dynamiques p.59/75

62 La classe image var mon_img=new Image(); mon_img.src= Images/mon_image.gif ; Préchargée au chargement de la page. affichage : propriété src des balises <img>. img.src=mon_img.src Implique le changement dynamique de l image. Création de pages Web Dynamiques p.60/75

63 La classe Date ma_date = new Date(); Possibilité de spécifier une date ou de prendre la date système (Table 4.6) getdate() jour du mois getday() jour de la semaine getfullyear() année sur 4 chiffres gethours(),getminutes() heure, minutes getmonth() mois Autres fonctions (Table 4.7) et exemples (pages HTML) Création de pages Web Dynamiques p.61/75

64 Insertion de code Javascript (1/2) Syntaxe : Balise <script></script>. Deux syntaxes : <script type="text/javascript" src="mon_fichier.js"></script> ou <script type="text/javascript"> mon code. </script> Possibilité de combiner Création de pages Web Dynamiques p.62/75

65 Insertion de code JavaScript (2/2) Lieu d insertion Insertion pour exécution différée : Dans la balise <head>. Code exécuté sur demande (appel de fonction, instanciation de classe) Insertion pour exécution directe Dans la balise <body>. Exécuté au chargement de la page. Réaction à évènements (onclick, onblur...table 4.9) Possibilité de combiner Création de pages Web Dynamiques p.63/75

66 Hiérarchie des objets window navigator plugins[] mimetypes[] self, frames[] location history window, parent, top window document anchors[] links[] images[] applets embeds forms[] elements[] Création de pages Web Dynamiques p.64/75

67 Recherche par Id Fonction : document.getelementbyid Prise en compte des navigateurs : function getobj(id) { if(document.layers) return document.id; // Netscape 4.x // Netscape 6.x IE 5.x if(document.getelementbyid) return document.getelementbyid(id) if(document.all) return id; // IE 4.x } Création de pages Web Dynamiques p.65/75

68 Recherche par nom et balise Recherche par nom (attribut name) : document.getelementsbyname("nom"); Recherche par nom de balise : document.getelementsbytagname("balise" Création de pages Web Dynamiques p.66/75

69 Recherche par classe function getelementbyclass(classname) { var inc=0; var elt=new Array(); var alltags=document.all; if(! alltags) alltags=document.getelementsbytagname("*"); for (i=0; i<alltags.length; i++) if (alltags[i].classname==classname) elt.unshift(alltags[i]); return elt; } Création de pages Web Dynamiques p.67/75

70 Les CGI Common Gateway Interface : Protocole de communication entre le serveur Web et des applications. De plus en plus supplanté par PHP, Applet Java. Garde tout son intérêt pour de grosses applications. Création de pages Web Dynamiques p.68/75

71 Récupération des paramètres Paramètres : liste d affectation variable=valeur. Chaîne d affectations. var1=val1&var2=val2... méthode POST : Le serveur envoi la chaîne d affectations sur l entré standard de l application. méthode GET : Positionnement de la chaîne d affectation dans la variable d environnement QUERY_STRING. Création de pages Web Dynamiques p.69/75

72 Principales variables REQUEST_METHOD : type de passage de la chaîne de paramètres (GET, POST), QUERY_STRING : valeur de la chaîne d affectations (mode GET), CONTENT_LENGTH : longueur de la chaîne d affectation. Création de pages Web Dynamiques p.70/75

73 Décodage des affectations Un exemple en shell. ifs=$ifs IFS="&" set $QUERY_STRING IFS=$ifs for egal in $* do echo "$egal <br/>" done Création de pages Web Dynamiques p.71/75

74 Envoi de données Content-type: type mime contenu du document type mime a priori quelconque généralement : text/plain : ascii ou text/html : html. Attention à la ligne vide entre Content-type et le contenu. Création de pages Web Dynamiques p.72/75

75 Les Cookies Affectations de variables stockées chez l utilisateur. Permet : De stocker des informations de pages en pages sur un même site, d identifier un utilisateur, d effectuer des statistiques sur les accès des utilisateurs. Création de pages Web Dynamiques p.73/75

76 Positionnement des Cookies Content-type: text/html Set-Cookie: var=val; contenu du document Possibilité de répéter la ligne Set-Cookie pour positionner plusieurs variables. La ligne vide marque le début du document. Options : date d expiration (expires), serveurs ayant accès au Cookie (domain), Zones du serveur ayant accès au Cookie (path), Création de pages Web Dynamiques p.74/75

77 Lecture des Cookies Variable HTTP_COOKIE. var1=val1;va2=val2;... Lecture similaire à celle de QUERY_STRING. Création de pages Web Dynamiques p.75/75

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15

.. 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étail

228 Index DTD 22. feuilles de styles voir Propriétés CSS et styles

228 Index DTD 22. feuilles de styles voir Propriétés CSS et styles Index A affichage, CSS 180 album photos, créer 83 arrière-plan, CSS 152 images 152 Attributs de balises HTML action 90 align 71 attributs communs 131 background 39 border 39, 70 cellpadding 70 cellspacing

Plus en détail

Formation HTML / CSS. ar dionoea

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

Introduction à la conception de sites web

Introduction à la conception de sites web Introduction à la conception de sites web Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 9-16 janvier 2006 1- Les grands principes du web (1) Client / serveur réseau programmes communicants

Plus en détail

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012

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

Plus en détail

Conception de sites web. Feuille de styles CSS

Conception de sites web. Feuille de styles CSS Conception de sites web Feuille de styles CSS M i s e e n p a g e : s o l u t i o n «v i e i l l e é c o l e» Mise en page par et par Long Vite illisible Peu souple Difficile à modifier

Plus en détail

2011-2012. Intro Web. PICARD GRAVEL Marie-Eve

2011-2012. Intro Web. PICARD GRAVEL Marie-Eve Intro Web 2011-2012 «nous donnerons tout d'abord les définitions de l'internet, du Web et du langage XHTML. Nous expliquerons ensuite ce qu'est une url et les différentes actions induites lorsque je demande

Plus en détail

Formation Site Web : CSS et PHP

Formation Site Web : CSS et PHP Formation Site Web : CSS et PHP Valentin Roussellet Joachim Jablon Chahine Benchorha VIA Centrale Réseaux 1 er décembre 2008 Qu'est-ce que CSS Les sélecteurs La mise en page et le box-model Une CSS (Cascading

Plus en détail

HTML, CSS, JS et CGI. Elanore Elessar Dimar

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

Plus en détail

Bases de données et Sites Web. Li345

Bases de données et Sites Web. Li345 Bases de données et Sites Web. Li345 Remerciements à: Stéphane Gançarski et Philippe Rigaux. Ces transparents sont fortement inspirés du très bon livre : Pratique de MySQL et PHP, troisième édition Philippe

Plus en détail

Introduction à la conception de sites web. Yannick Prié UFR Informatique Université Claude Bernard Lyon 1

Introduction à la conception de sites web. Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 Introduction à la conception de sites web Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 Objectifs Introduction aux langages à balises Introduction à (X)HTML / CSS Introduction à la gestion

Plus en détail

p,ul,li,td { font-size : 100%; font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; color : black; background-color : white; }

p,ul,li,td { font-size : 100%; font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; color : black; background-color : white; } Enregistrer la feuille de style "style.css" mettre dans l'en-tête de la page html (entre les balises ) : mettre dans l'en-tête de

Plus en détail

Formation JavaScript : Perfectionnement. Programme. L approche AJAX. L objet XMLHttpRequest. Objectif(s):

Formation JavaScript : Perfectionnement. Programme. L approche AJAX. L objet XMLHttpRequest. Objectif(s): Formation JavaScript : Perfectionnement Objectif(s): Comprendre l'approche AJAX Comprendre l'objet XMLHttpRequest Durée : 2 jour(s) Pré-requis : Bonnes connaissances en (X)HTML, CSS et JavaScript Public

Plus en détail

Compte rendu de PHP MySQL : création d un formulaire de base de données

Compte rendu de PHP MySQL : création d un formulaire de base de données REVILLION Joris Décembre 2009 3EI Compte rendu de PHP MySQL : création d un formulaire de base de données Objectifs : Le principal objectif de ce cours est de découvrir et de nous familiariser avec le

Plus en détail

CSS. Thierry Lecroq. Université de Rouen FRANCE. Thierry Lecroq (Univ. Rouen) CSS 1 / 50

CSS. Thierry Lecroq. Université de Rouen FRANCE. Thierry Lecroq (Univ. Rouen) CSS 1 / 50 CSS Thierry Lecroq Université de Rouen FRANCE Thierry Lecroq (Univ. Rouen) CSS 1 / 50 Plan 1 Généralités sur les CSS 2 Les sélecteurs 3 Les propriétés 4 le dimensionnement et le positionnement Thierry

Plus en détail

Une (petite) initiation au langage HTML

Une (petite) initiation au langage HTML Une (petite) initiation au langage HTML Julien Coulié Partie 1 : Les bases Le langage HTML (HyperText Markup Language) est un langage de description de documents qui est le standard utilisé pour les pages

Plus en détail

Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web

Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web Le Web 1. Qu est-ce que le Web? 7 1.1 Côté serveur : HTTP, FTP, langages, SQL 7 1.2 Côté client : HTML, CSS, JavaScript 10 2. Les langages et leur utilité 10 2.1 HTML 10 2.2 CSS 13 2.3 JavaScript 16 2.4

Plus en détail

TCH053 Manipulation d objets multimédias et conception de sites Web non transactionnels

TCH053 Manipulation d objets multimédias et conception de sites Web non transactionnels TCH053 Manipulation d objets multimédias et conception de sites Web non transactionnels HTML feuilles de style en cascade (CSS) Lévis Thériault, hiver 2009 CSS (feuilles de style en cascade) CSS: Cascading

Plus en détail

//////////////////////////////////////////////////////////////////// Développement Web

//////////////////////////////////////////////////////////////////// Développement Web ////////////////////// Développement Web / INTRODUCTION Développement Web Le développement, également appelé programmation, désigne l'action de composer des programmes sous forme d'algorithme (codage).

Plus en détail

IAE - Web Marketing. Créer un site internet «simple» Publier un site internet Référencer un site internet. Olivier Toscano Gérant WebCMS Sàrl

IAE - Web Marketing. Créer un site internet «simple» Publier un site internet Référencer un site internet. Olivier Toscano Gérant WebCMS Sàrl IAE - Web Marketing Créer un site internet «simple» Publier un site internet Référencer un site internet Olivier Toscano Gérant WebCMS Sàrl HTML HTML est un langage à balisage Les balises permettent de

Plus en détail

APP-TSWD Apprentissage Par Problèmes Techniques des Sites Web Dynamiques Licence Professionnelle FNEPI

APP-TSWD Apprentissage Par Problèmes Techniques des Sites Web Dynamiques Licence Professionnelle FNEPI APP-TSWD Apprentissage Par Problèmes Techniques des Sites Web Dynamiques Licence Professionnelle FNEPI Cours en Réponse à questions, n 1 Valérie Bellynck, Benjamin Brichet-Billet, Mazen Mahrous Grenoble

Plus en détail

Programmation Web TP2 CSS i

Programmation Web TP2 CSS i Programmation Web TP2 CSS i Objectifs : Construction d'une page web : comprendre et utiliser un fichier CSS ; définir la structure d'une page web ; Consignes et Pré-requis Lire attentivement cet énoncé

Plus en détail

Liste des propriétés CSS

Liste des propriétés CSS Liste des propriétés CSS Cette page est une liste non exhaustive des propriétés CSS qui existent, le but étant de réunir sur une même page un maximum de propriétés CSS. Cette liste se concentre sur les

Plus en détail

Introduction aux feuilles de styles

Introduction aux feuilles de styles Introduction aux feuilles de styles 1. Introduction Cette technologie a été introduite par Microsoft avec la version 3.0 (1996) avec pour but de modifier le contenu d'une page par une grande variété d'effets

Plus en détail

XHTML et CSS. 17 et 18 mai 2006 CRI-IUT 2006 METZ - Jérôme LANDRÉ - IUT Le Creusot 1

XHTML et CSS. 17 et 18 mai 2006 CRI-IUT 2006 METZ - Jérôme LANDRÉ - IUT Le Creusot 1 XHTML et CSS 17 et 18 mai 2006 CRI-IUT 2006 METZ - Jérôme LANDRÉ - IUT Le Creusot 1 1) Introduction 2) HTML, XML 3) XHTML 4) CSS 5) Exemples 6) Outils 7) Conclusion Sommaire 17 et 18 mai 2006 CRI-IUT 2006

Plus en détail

TP Initiation au langage HTML

TP Initiation au langage HTML TP Initiation au langage HTML (1) Rappels de quelques généralités Un fichier HTML n'est pas compilé (ce n'est pas un programme) Un fichier HTML est un fichier texte simple, parfaitement lisible, respectant

Plus en détail

Présentation. Les surnoms de JS. Historique. Programmation Web

Présentation. Les surnoms de JS. Historique. Programmation Web Présentation Programmation Web JavaScript Jean-Christophe Deneuville jean-christophe.deneuville@xlim.fr Historique JavaScript est un langage reprenant quelques éléments de syntaxe de Java On l intègre

Plus en détail

Le langage php. Serveur http est automatiquement lancé.

Le langage php. Serveur http est automatiquement lancé. Le langage php 1. Introduction aux langages serveurs : Il y a deux modes d exécution d une page HTML : Local : en cliquant sur le fichier, le navigateur Serveur http est automatiquement lancé. Navigateur

Plus en détail

Documents web dynamiques. 20 novembre 2007 Architecture Multi-Niveaux 54

Documents web dynamiques. 20 novembre 2007 Architecture Multi-Niveaux 54 Documents web dynamiques 20 novembre 2007 Architecture Multi-Niveaux 54 Documents web dynamiques Contenu Statique Le client envoie une requête avec un nom de fichier Le serveur répond en lui retournant

Plus en détail

INITIATION AU LANGAGE HTML

INITIATION AU LANGAGE HTML INITIATION AU LANGAGE HTML I INTRODUCTION Seules les bases du langage HTML sont abordées ici. Cette initiation a pour but de "démarrer", les nombreuses ressources concernant ce langage vous permettront

Plus en détail

Programme de Formation

Programme de Formation Windows / PC - initiation Etre à l aise avec Windows, savoir se situer, organiser son environnement et classer ses documents Tout utilisateur désireux d être rapidement autonome dans l utilisation de l

Plus en détail

Légende. Conception de Sites Web dynamiques 2015. Résumé. Programme. Fonctionnement, p.ex. Règles du jeu 11/03/2015. Cours 5+6

Légende. Conception de Sites Web dynamiques 2015. Résumé. Programme. Fonctionnement, p.ex. Règles du jeu 11/03/2015. Cours 5+6 Légende Conception de Sites Web dynamiques 2015 Cours 5+6 Patrick Reuter http://www.labri.fr/perso/preuter/cswd2015 Titre de la page h1, h2, h3 color: red; $a = 3; SELECT * FROM commentaires; HTML CSS

Plus en détail

Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez

Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez Mohammed REZGUI m.rezgui06@gmail.com Basé sur le cours de Guillaume Perez Contenu, Organisation Objectif principal: Base pour la création d un site Notions de client-serveur Notions de programmations Option

Plus en détail

Création d un Site Web

Création d un Site Web Session2 Etapes Faciles Pour Réussir Sur Internet Création d un Site Web Mounir_ahlyege@hotmail.com 1 CSS :Cascading Style Sheets en français feuilles de style en cascade C'est un autre langage qui vient

Plus en détail

<link rel = stylesheet  type = text / css  href = monstyle. css  /> Programmation Web AGRAL-3 et MTX-3, 2012-13 SÃl ance TP N o 5 Mars 2013 Objectifs Langage CSS Interactions HTML/CSS Manipulation [Où mettre ses fichiers? ] Pour ce TP vous allez mettre votre fichier HTML

Plus en détail

Références HTML et CSS

Références HTML et CSS Références HTML et CSS Balises HTML 1. Les balises bloc Titre hiérarchique à Affiche en caractères gras le titre contenu dans la balise. La balise correspond aux titres de niveau 1. La taille

Plus en détail

Introduction à HTML. A. HTML et le web

Introduction à HTML. A. HTML et le web Introduction à HTML Isabelle Debled Renesson Marie-Dominique Devignes LORIA 1 2 1 Fonctionnement en mode client/serveur 1. Construction d une requête ex web : http://www.loria.fr/news CLIENT 5. Mise en

Plus en détail

TP 8 : Créer son site web de D à Z...

TP 8 : Créer son site web de D à Z... TP 8 : Créer son site web de D à Z... Présentation Nous allons tenter de créer en 2 ou trois séances un site WEB de toute pièce. Vous devrez choisir un thème (ce que vous voulez, ou presque...). Vous établirez

Plus en détail

Initiation PHP-MySQL : HTML, HTTP, URL, PHP Vocabulaire, principes et premiers pas

Initiation PHP-MySQL : HTML, HTTP, URL, PHP Vocabulaire, principes et premiers pas Initiation PHP-MySQL : HTML, HTTP, URL, PHP Vocabulaire, principes et premiers pas Olivier BOEBION 12/02/2004 1 Le point de départ 1.1 Et la lumière fut... A la fin des années 1980, Tim Berners-Lee travaillant

Plus en détail

Elaboration de mise en page HTML en utilisant le CSS et les DIV avec Dreamweaver

Elaboration de mise en page HTML en utilisant le CSS et les DIV avec Dreamweaver Elaboration de mise en page HTML en utilisant le CSS et les DIV avec Dreamweaver Les bonnes pratiques du concepteur web moderne requièrent l usage des CSS pour la réalisation des mises en page. Les mises

Plus en détail

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 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étail

CSS. M. Sassolas. L3Pro. Cours 2. Introduction. Le style. Conclusion TD/TP 2 / 16 CSS. M. Sassolas. L3Pro. Cours 2. Introduction. Le style.

CSS. M. Sassolas. L3Pro. Cours 2. Introduction. Le style. Conclusion TD/TP 2 / 16 CSS. M. Sassolas. L3Pro. Cours 2. Introduction. Le style. Cascading style sheets () pour XML Plan de la séance BDISE XML Mathieu Sassolas 1 IUT de Sénart Fontainebleau Département Informatique 2 La sélection des éléments où s applique le style Année 2015-2016

Plus en détail

Liste des propriétés CSS

Liste des propriétés CSS 1 sur 10 02/02/2009 21:11 Liste des propriétés CSS Tutoriel 55 commentaires Cette page est une liste non exhaustive des propriétés CSS qui existent. Le but est de réunir sur une même page un maximum de

Plus en détail

Cours HTML/PHP. Cours HTML/PHP. E.Coquery. emmanuel.coquery@liris.cnrs.fr

Cours HTML/PHP. Cours HTML/PHP. E.Coquery. emmanuel.coquery@liris.cnrs.fr Cours HTML/PHP E.Coquery emmanuel.coquery@liris.cnrs.fr Pages Web Pages Web statiques Principe de fonctionnement : L utilisateur demande l accès à une page Web depuis son navigateur. Adresse tapée, clic

Plus en détail

Les formulaires, le langage JavaScript

Les formulaires, le langage JavaScript Les formulaires, le langage JavaScript Walid Belkhir Université de Provence belkhir@cmi.univ-mrs.fr http://www.lif.univ-mrs.fr/ belkhir/ 1 / 45 Plan 1 Les formulaires en HTML 2 Le noyau du JavaScript Les

Plus en détail

Programmation Web. Thierry Hamon

Programmation Web. Thierry Hamon 1/27 Programmation Web Thierry Hamon Bureau H202 - Institut Galilée Tél. : 33 1.48.38.35.53 Bureau 150 LIM&BIO EA 3969 Université Paris 13 - UFR Léonard de Vinci 74, rue Marcel Cachin, F-93017 Bobigny

Plus en détail

Bac Professionnel Systèmes Electroniques Numériques

Bac Professionnel Systèmes Electroniques Numériques DR - Création d un site WEB TP Le HTML Pour créer un site web, on doit indiquer des informations à l'ordinateur. Il ne suffit pas de taper simplement le texte qu'il y aura dans son site, il faut aussi

Plus en détail

Systèmes d'informations

Systèmes d'informations Systèmes d'informations C'est un ensemble d'outils pour stocker / gérer / diffuser des informations / des données Le stockage : Bases de données + SGDBR La gestion : Saisie, Mise à jour, Contrôle La diffusion

Plus en détail

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

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

Plus en détail

Les feuilles de Style HTML : CSS

Les feuilles de Style HTML : CSS Les feuilles de Style HTML : CSS Tarek Melliti Laboratoire IBISC (Informatique Biologie Intégrative et Systèmes Complexes) tarek.melliti@ibisc.univ-evry.fr Plan du cours Séances 1 : Introduction à l informatique

Plus en détail

LES FORMULAIRES. Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr

LES FORMULAIRES. Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr LES FORMULAIRES Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr LES FORMULAIRES Permet de récupérer les informations saisies par l'internaute sur votre site Nécessite un traitement des données : php mail

Plus en détail

INTRODUCTION A JAVA. Fichier en langage machine Exécutable

INTRODUCTION A JAVA. Fichier en langage machine Exécutable INTRODUCTION A JAVA JAVA est un langage orienté-objet pur. Il ressemble beaucoup à C++ au niveau de la syntaxe. En revanche, ces deux langages sont très différents dans leur structure (organisation du

Plus en détail

Cours CSS/JavaScript

Cours CSS/JavaScript Cours /JavaScript E.Coquery emmanuel.coquery@liris.cnrs.fr Cascading Style Sheets Principe : séparation du style et de la structure HTML Structure paragraphes, tableaux, liens,... Style polices de caractères,

Plus en détail

Introduction à PHP. Formulaires HTML et PHP, interactions avec le client. monnerat@u-pec.fr. 6 avril 2015. IUT de Fontainebleau. Introduction à PHP

Introduction à PHP. Formulaires HTML et PHP, interactions avec le client. monnerat@u-pec.fr. 6 avril 2015. IUT de Fontainebleau. Introduction à PHP Formulaires HTML et PHP, interactions avec le client IUT de Fontainebleau 6 avril 2015 1 Formlaire et traitement 2 Texte Cases à cocher Listes Upload de fichiers Sommaire Formlaire et traitement 1 Formlaire

Plus en détail

Tutoriel : Feuille de style externe

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?

Plus en détail

Une rapide introduction à HTML / CGI

Une rapide introduction à HTML / CGI Une rapide introduction à HTML / CGI Patrick Fuchs Université Paris 7 Equipe de Bioinformatique Génomique et Moléculaire PLAN 1. Généralités 2. Les Bases d HTML 3. Outils HTML avancés 4. HTML dynamique

Plus en détail

CSS. CSS : propriétés. Texte : text-align, text-decoration, text-indent, font-weight, font-family, font-style, font-size

CSS. CSS : propriétés. Texte : text-align, text-decoration, text-indent, font-weight, font-family, font-style, font-size CSS s de propriétés en CSS Manuele Kirsch Pinheiro Manuele.Kirsch-Pinheiro@univ-paris1.fr Remerciements Mes sincères remerciements aux collègues de l IUT Nancy Charlemagne pour leur aide lors de mon passage

Plus en détail

Développement Partie Cliente

Développement Partie Cliente ISI 1022 : Jean-Noël Sorenti. Année 2002/2003 Développement Partie Cliente ISI 1022 : 1 ISI 1022 : Développement Partie Cliente Le développement partie cliente concerne tout développement étant interprété

Plus en détail

Cours 4 Programmation web, orientée serveur

Cours 4 Programmation web, orientée serveur DUT MMI IUT de Marne-la-Vallée 17/03/2015 M2202 - Algorithmique Cours 4 Programmation web, orientée serveur Philippe Gambette Sources phpdebutant.net www.php.net (documentation du langage PHP) Plan du

Plus en détail

PROGRAMMATION HTML. Baccalauréat S -Spécialité ISN. Objectifs. Prérequis. Du code à la page. 4.3 : Langages de programmation : langage HTML

PROGRAMMATION HTML. Baccalauréat S -Spécialité ISN. Objectifs. Prérequis. Du code à la page. 4.3 : Langages de programmation : langage HTML PROGRAMMATION HTML Baccalauréat S -Spécialité ISN 4.3 : Langages de programmation : langage HTML Objectifs L'élève doit être capable o de créer une page WEB en langage HTML o d'analyser une page WEB en

Plus en détail

Technique Internet de Base Javascript avancé

Technique Internet de Base Javascript avancé Technique Internet de Base Javascript avancé morge@di.unipi.it Licence 2 Université Jean Monnet 2008-2009 Introduction Un langage de programmation objet à prototype Un langage de programmation événementiel.

Plus en détail

Création de sites web. INF0326 Outils bureautiques, logiciels et Internet

Création de sites web. INF0326 Outils bureautiques, logiciels et Internet Création de sites web INF0326 Outils bureautiques, logiciels et Internet Plan Création de pages web HTML et CSS Création de sites web avec WordPress Créer des pages web Partie 1 Système hypertexte Un système

Plus en détail

A.F.L.I.M. Formation HTML5 et CSS3 - Pour des sites Responsive Web Design

A.F.L.I.M. Formation HTML5 et CSS3 - Pour des sites Responsive Web Design A.F.L.I.M. Ateliers de Formations Linguistique Informatique Multimédia Formation HTML5 et CSS3 - Pour des sites Responsive Web Design Formation : Présentation du HTML5 Bref historique du HTML5 Lignes de

Plus en détail

Pages Web statiques. LIF4 - Initiation aux Bases de données : PHP. Pages Web dynamiques. Illustration. Illustration

Pages Web statiques. LIF4 - Initiation aux Bases de données : PHP. Pages Web dynamiques. Illustration. Illustration statiques LIF4 - Initiation aux Bases de données : E.Coquery emmanuel.coquery@liris.cnrs.fr http ://liris.cnrs.fr/ ecoquery Principe de fonctionnement : L utilisateur demande l accès à une page Web depuis

Plus en détail

Utilisation de l éditeur.

Utilisation 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étail

Gérer un site avec Kompozer. Josiane Ducournau CRDP Aquitaine

Gérer un site avec Kompozer. Josiane Ducournau CRDP Aquitaine Gérer un site avec Kompozer Organisation, plan de travail Création de pages Tout les fichiers, dossiers, images auront des noms (ex. nouveautes.htm ; ces noms ne devront comporter ni espaces, ni caractères

Plus en détail

Prog. Web TP2 Année universitaire 2012 2013 - Formulaires - suite

Prog. Web TP2 Année universitaire 2012 2013 - Formulaires - suite Prog. Web TP2 Année universitaire 2012 2013 - Formulaires - suite 1 INSCRIPTION À UN SITE On suppose que l'inscription à un site offre de nombreux avantages. Pour s'inscrire à ce site il faut saisir :

Plus en détail

Programmation Web. Madalina Croitoru IUT Montpellier

Programmation 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étail

HTML5 et CSS3 - La création de page web de A à Z

HTML5 et CSS3 - La création de page web de A à Z 2 Jours HTML5 et CSS3 - La création de page web de A à Z dans CREATION WEB - SITE INTERNET Objectifs de la formation HTML et CSS3 Créer ou modifier des pages HTML Découvrir les nouveautés du HTML 5 Intégrer

Plus en détail

le langage HTML Université Jean Monnet - ISEAG Maxime Morge L2 ECO - slide #1

le langage HTML Université Jean Monnet - ISEAG Maxime Morge L2 ECO - slide #1 le langage HTML Maxime Morge Université Jean Monnet - ISEAG Maxime Morge L2 ECO - slide #1 Plan Pourquoi est-il nécessaire de connaître le langage HTML? Comment stucturer le contenu d une page? Données

Plus en détail

3. Formulaires. Cours Web. Formulaires. 3. Formulaires. 3. Formulaires. Formulaires. Lionel Seinturier. Université Pierre & Marie Curie

3. Formulaires. Cours Web. Formulaires. 3. Formulaires. 3. Formulaires. Formulaires. Lionel Seinturier. Université Pierre & Marie Curie Cours Web Formulaires Lionel Seinturier Université Pierre & Marie Curie Lionel.Seinturier@lip6.fr 8/9/03 Formulaires HTML 1.0 essentiellement "mono"-directionnel informations fournies par le serveur (suite

Plus en détail

Le HTML. Structure de Base... 2

Le HTML. Structure de Base... 2 Le HTML Structure de Base... 2 Balise ... 2 Balise ... 2 Autres balises de mise en forme du texte... 2 Balise ... 2 Balise ... 3 Balise ... 3 ...

Plus en détail

Astuces Liens. Maîtrisez vos liens et leur apparence.

Astuces Liens. Maîtrisez vos liens et leur apparence. Astuces Liens Maîtrisez vos liens et leur apparence. Au sommaire de cet article : Un lien qui envoie un mail à plusieurs destinataires La couleur des liens dans une page Un lien sur un point précis d'une

Plus en détail

OP4. BD & Web. Résumé de cours. Partie II : HTML 4.0

OP4. BD & Web. Résumé de cours. Partie II : HTML 4.0 Univ.Montpellier II 2005 M. Hascoët OP4 BD & Web Résumé de cours Partie II : HTML 4.0 M. Hascoët mountaz@lirmm.fr Université Montpellier II Place Eugène Bataillon 34095 Montpellier Cedex 05 2/5 1. Introduction

Plus en détail

PHP. virginie.sans@irisa.fr http://perso.univ-rennes1.fr/virginie.sans/pwb. Internet et HTML

PHP. virginie.sans@irisa.fr http://perso.univ-rennes1.fr/virginie.sans/pwb. Internet et HTML PHP virginie.sans@irisa.fr http://perso.univ-rennes1.fr/virginie.sans/ BUR Internet et HTML PHP, qu'est-ce que c'est? Un langage pour la programmation du serveur Permet d'inclure des parties programmées

Plus en détail

Service Web. Cours de Réseaux. Tuyêt Trâm DANG NGOC 2012-2013. Université de Cergy-Pontoise. Tuyêt Trâm DANG NGOC Service Web 1 / 12

Service Web. Cours de Réseaux. Tuyêt Trâm DANG NGOC 2012-2013. Université de Cergy-Pontoise. <dntt@u-cergy.fr> Tuyêt Trâm DANG NGOC Service Web 1 / 12 Service Web Cours de Réseaux Tuyêt Trâm DANG NGOC Université de Cergy-Pontoise 2012-2013 Tuyêt Trâm DANG NGOC Service Web 1 / 12 Plan 1 Le Web 2 HTTP 3 FTP 4 URL Tuyêt Trâm DANG NGOC

Plus en détail

Groupe Eyrolles, 2008 ISBN : 978-2-212-12234-3

Groupe Eyrolles, 2008 ISBN : 978-2-212-12234-3 Groupe Eyrolles, 2008 ISBN : 978-2-212-12234-3 9 Les règles de styles Il est nécessaire de bien connaître les règles de styles mais, pour un usage performant de Dreamweaver, il est aussi utile de bien

Plus en détail

Cours de programmation web

Cours de programmation web Cours de programmation web ENSAE 2006-2007 Cours 1 - Introduction 1. Introduction 2. Le principe d Internet 3. Les langages du web 4. Le web 2.0 Introduction : Historique 1967 : Arpanet : réseau militaire

Plus en détail

Questions à choix multiples Page 1 de 10

Questions à choix multiples Page 1 de 10 INF2005 Programmation web Examen intra hiver 2015 Question #1 Qui a gagné la guerre des fureteurs dans les années 1990? a) Netscape b) Internet Explorer c) Firefox d) Chrome e) Opera f) Mosaic g) Aucune

Plus en détail

Cours de I21 SOMMAIRE

Cours de I21 SOMMAIRE Cours de I21 Voir le chap 2 : cours de Javascript SOMMAIRE I. Introduction sur le langage HTML II. Balises primaires a. mise en forme b. hyperliens c. insérer une image III. Création de listes IV. Création

Plus en détail

Introduction à la programmation web

Introduction à la programmation web Introduction à la programmation web Nouvelles Technologies Dr. Thé Van LUONG The-Van.Luong@heig-vd.ch HEIG-VD Switzerland 8 octobre 2015 1/34 8 octobre 2015 1 / 34 Plan 1 État de l art des langages orientés

Plus en détail

Deuxième partie: HTML, Javascript et le DOM (1)

Deuxième partie: HTML, Javascript et le DOM (1) Deuxième partie: HTML, Javascript et le DOM (1) 1 HTML Des éléments de «header» destinés à contrôler les paramètres d affichage Un langage de structuration de contenu Un langage de présentation Un langage

Plus en détail

Dojo partie 1. Widgets dojo.form Validation des formulaires Côté client Côté serveur Requêtes Ajax

Dojo partie 1. Widgets dojo.form Validation des formulaires Côté client Côté serveur Requêtes Ajax Dojo partie 1 Widgets dojo.form Validation des formulaires Côté client Côté serveur Requêtes Ajax 1 Modules Dojo 3 espaces de noms principaux: dojo: bibliothèque de base dijit: bibliothèque de widgets

Plus en détail

Version 4.0. Multinet Ressources Inc. Page 1 sur 13

Version 4.0. Multinet Ressources Inc. Page 1 sur 13 Version 4.0 Page 1 sur 13 Introduction Lorsque vous obtenez l accès à Méganet, votre site est déjà construit. C est-à-dire qu il a fait l objet d une étude de style selon les couleurs de votre entreprise

Plus en détail

Échange et mise à jourde documents XML via le Web p.1/46

Échange et mise à jourde documents XML via le Web p.1/46 Échange et mise à jour de documents XML via le Web Échange et mise à jourde documents XML via le Web p.1/46 CGI : Common Gateway Interface Principe : on déclenche une action (un programme) sur la machine

Plus en détail

Web et présentation d information spatiale

Web et présentation d information spatiale Université de La Rochelle LUP-SIG 2004-2005 Programmation SIG et Internet Cartographique Web et présentation d information spatiale Moteurs de recherche et formulaires HTML Jean-Michel FOLLIN jmfollin@univ-lr.fr

Plus en détail

PHP. Olivier Aubert 1/24

PHP. Olivier Aubert 1/24 PHP Olivier Aubert 1/24 Introduction PHP = Hypertext PreProcessor Site officiel : http://www.php.net Créé en 1994 par Rasmus Lerdorf (Personal Home Page Tool) 1995 : ajout de la gestion des formulaires

Plus en détail

Université Bordeaux, UF Mathématiques et Interactions Licence 2 MIASHS (2014/2015)

Université Bordeaux, UF Mathématiques et Interactions Licence 2 MIASHS (2014/2015) Université Bordeaux, UF Mathématiques et Interactions Licence 2 MIASHS (2014/2015) Conception de Sites Web Dynamiques : TD 2 HTML5 statique, feuille de style CSS, Mise en page, Framework Bootstrap http://www.labri.fr/perso/preuter/cswd2015

Plus en détail

CSS 3. Julien David. A101 - Julien David (A / 27

CSS 3. Julien David. A101 - Julien David (A / 27 CSS 3 Julien David A101 - david@lipn.univ-paris13.fr 2016 Julien David (A101 - david@lipn.univ-paris13.fr) 2016 1 / 27 Feuilles de styles Cascading Style Sheets CSS est un langage de feuilles de styles.

Plus en détail

TD 1 - Programmation Web avec PHP (1)

TD 1 - Programmation Web avec PHP (1) TD 1 - Programmation Web avec PHP (1) CORRIGE DU TD 1 Objectif : créer des scripts du côté serveur avec PHP, utiliser quelques fonctionnalités Internet de PHP Attention : si vous recréez des pages PHP

Plus en détail

Le langage PHP permet donc de construire des sites web dynamiques, contrairement au langage HTML, qui donnera toujours la même page web.

Le langage PHP permet donc de construire des sites web dynamiques, contrairement au langage HTML, qui donnera toujours la même page web. Document 1 : client et serveur Les ordinateurs sur lesquels sont stockés les sites web sont appelés des serveurs. Ce sont des machines qui sont dédiées à cet effet : elles sont souvent sans écran et sans

Plus en détail

1. Manipulation des formulaires avec PHP. 2. Transmission d'arguments entre pages : méthodes GET et POST. 3. Manipulation du JavaScript avec le PHP.

1. Manipulation des formulaires avec PHP. 2. Transmission d'arguments entre pages : méthodes GET et POST. 3. Manipulation du JavaScript avec le PHP. TP5: LES FORMULAIRES OBJECTIFS : 1. Manipulation des formulaires avec PHP. 2. Transmission d'arguments entre pages : méthodes GET et POST. 3. Manipulation du JavaScript avec le PHP. PARTIE 1: Formulaire

Plus en détail

TP ASP SUPINFO DOT NET TRAINING COURSE

TP ASP SUPINFO DOT NET TRAINING COURSE TP ASP SUPINFO DOT NET TRAINING COURSE Auteur : David Poulin Version 1.0 25 novembre 2003 Nombre de pages : 13 Ecole Supérieure d Informatique de Paris 23. rue Château Landon 75010 PARIS www.supinfo.com

Plus en détail

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web

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

Plus en détail

- WEB / HTML - Annexe 1 : Définition des balises HTML

- WEB / HTML - Annexe 1 : Définition des balises HTML Balises d encadrement - WEB / HTML - Annexe 1 : Définition des balises HTML Encadre le code source. Encadre la zone d entête de la page Web dans laquelle

Plus en détail

Éric Sarrion. JQuery. & JQuery UI. Groupe Eyrolles, 2011, ISBN : 978-2-212-12892-5

Éric Sarrion. JQuery. & JQuery UI. Groupe Eyrolles, 2011, ISBN : 978-2-212-12892-5 Éric Sarrion JQuery & JQuery UI Groupe Eyrolles, 2011, ISBN : 978-2-212-12892-5 11 Onglets Les pages HTML comportant des onglets (tabs) sont devenues courantes dans les sites web actuels. Elles permettent

Plus en détail

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 - 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étail

HTML. Notions générales

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

Plus en détail

Introduction Web : Cours. IUT de Villetaneuse.

Introduction Web : Cours. IUT de Villetaneuse. Introduction Web : Cours 1ère année IUT de Villetaneuse. Mathieu Lacroix 1 9 septembre 2014 1. E-mail : mathieu.lacroix@iutv.univ-paris13.fr, Page Web : http://www.lipn.univ-paris13.fr/~lacroix/ IUT de

Plus en détail

JavaScript, langage et utilisation

JavaScript, langage et utilisation Introduction JavaScript, langage et utilisation Langage côté CLIENT Javascript n'est pas java! intégré aux navigateurs: pas de problème de déploiement comme avec les applets java ou flash permet de rendre

Plus en détail