Développement d Applications Web

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "Développement d Applications Web"

Transcription

1 Développement d Applications Web HTML : HyperText Markup Language Mehdi BENZINE Département d Informatique Faculté des Sciences Université FERHAT ABBAS Sétif I 2015/2016 M BENZINE DAW : HTML 2015/ / 41

2 Introduction HyperText Markup Language (HTML) est un langage de balisage inventé par Tim Berners-Lee, physicien au CERN en 1991 HTML permet de représenter des pages web pouvant être affichées par un agent utilisateur (navigateur) Plusieurs versions successives de HTML ont vu le jour La syntaxe de chaque version de HTML est définie dans une recommandation émise par le W3C HTML est une application d un langage de balisage plus général appelé Standard Genralized Markup Language (SGML) M BENZINE DAW : HTML 2015/ / 41

3 Balises et éléments Une balise est un mot-clé (nom) précédé d un < et suivi d un > <html>, <body>, <p>, <h1> Ce premier type de balise est appelée balise ouvrante Une balise fermante est un mot-clé (nom) précédé d un </ et suivi d un > </html>, </body>, </p>, </h1> Un élément est tout ce qui est contenu entre une balise ouvrante la balise fermante suivante de même nom <p>ceci est le contenu de <b>l élément p</b></p> Un élément vide ne doit pas avoir de balise fermante <meta>, <br>, <hr>, <input> Un attribut est une propriété d un élément, il est composé d un nom et d une valeur <table border="2"></table> Un élément peut avoir plusieurs attributs Deux attributs d un même élément ne peuvent pas avoir le même nom M BENZINE DAW : HTML 2015/ / 41

4 Document HTML Un document HTML est un fichier texte d extension html Tout le contenu d un document HTML est le contenu d un élément html (contenu entre une balise <html> et </html>) Un document HTML contient deux sections principales : l en-tête : méta-informations sur le document (titre, jeu de caractères utilisé, langue, mots-clés) le corps du document : contenu à afficher (texte, images, tableaux) M BENZINE DAW : HTML 2015/ / 41

5 En-tête du document L en-tête du document est représenté grâce à l élément head L en-tête peut contenir des éléments représentant des méta-informations sur le document L élément title permet de représenter le tire du document Exmeple : <html> <head> <title>titre de ma page</title> </head> </html> M BENZINE DAW : HTML 2015/ / 41

6 Corps du document Le corps du document est représenté grâce à l élément body L élément body englobe tout le contenu affichable du document <html> <head> </head> <body> Le contenu affichable doit se trouver ici </body> </html> M BENZINE DAW : HTML 2015/ / 41

7 Titres hiérarchiques Les éléments hx, pour x allant de 1 à 6, permettent d afficher des titres en caractères plus ou moins gros L élément h1 représente les titres de premier niveau (le pus important) L élément h6 représente les titres de sixième niveau (le moins important) <html> <body> <h1>chapitre 1</h1> <h2>section 1</h2> <h5>sous-section 1</h5> </body> </html> M BENZINE DAW : HTML 2015/ / 41

8 Paragraphes L élément p représente un paragraphe <html> <body> <h1>chapitre 1</h1> <h2>section 1</h2> <h5>sous-section 1</h5> <p>texte de mon premier paragraphe</p> </body> </html> M BENZINE DAW : HTML 2015/ / 41

9 Commentaires Des commentaires peuvent être insérés dans un document HTML Ils ne sont pas affichés par le navigateur Un commentaire est un texte encadré par <!- - et - -> <html> <!--Ceci est un commentaire HTML--> </html> M BENZINE DAW : HTML 2015/ / 41

10 Gras L élément b permet d afficher du texte en gras <html> <body> <p>les mots <b>importants</b> doivent être mentionnés en <b>gras</b></p> </body> </html> M BENZINE DAW : HTML 2015/ / 41

11 Italique L élément i permet d afficher du texte en italique <html> <body> <p>les mots <i>en anglais</i> doivent être mentionnés en <i>italique</i></p> </body> </html> M BENZINE DAW : HTML 2015/ / 41

12 Sauts de ligne Le fait de sauter des lignes dans le code source d un document HTML n implique l affichage de ces saut de ligne par le navigateur L élément br permet d inclure des sauts de ligne dans le document HTML <html> <body> Première phrase Deuxième phrase sur la même ligne que la précédente<br> Troisième phrase sur une nouvelle ligne </body> </html> M BENZINE DAW : HTML 2015/ / 41

13 Séparateurs horizontaux L élément hr permet d afficher une ligne de séparation horizontale <html> <body> <p>premier paragraphe</p> <hr> <p>second paragraphe après affichage d une ligne horizontale</p> </body> </html> M BENZINE DAW : HTML 2015/ / 41

14 Listes à puces L élément ul permet de construire une liste à puce L élément li permet de représenter un item de cette liste <html> <body> <ul> <li>sgml</li> <li>html</li> <li>xml</li> </ul> </body> </html> M BENZINE DAW : HTML 2015/ / 41

15 Listes numérotées L élément ol permet de construire une liste numérotée L élément li permet de représenter un item de cette liste <html> <body> <ol> <li>introduction</li> <li>développement</li> <li>conclusion</li> </ol> </body> </html> M BENZINE DAW : HTML 2015/ / 41

16 Indices L élément sub permet de spécifier un indice (u n ) <html> <body> u<sub>2</sub> = u<sub>1</sub> + u<sub>0</sub> </body> </html> M BENZINE DAW : HTML 2015/ / 41

17 Exposants L élément sup permet de spécifier un exposant (x n ) <html> <body> 3x<sup>5</sup> + 2x<sup>3</sup> + x<sup>2</sup> = 5 </body> </html> M BENZINE DAW : HTML 2015/ / 41

18 Liens hypertextes L élément a permet d afficher un contenu cliquable Cliquer sur le lien permet d accéder à une cible (document HTML ou autre ressource identifiable par son URL) Parmi les attributs de l élément a : href : URL de la cible à atteindre quand le lien est cliqué target : fenêtre (ou cadre) dans laquelle doit s afficher le contenu de la cible Les valeurs possibles de l attribut target sont : _self(même fenêtre), _blank(nouvelle fenêtre), _parent (à ne pas utiliser), _top (à ne pas utiliser) <html> <body> <a href="http://wwwmon-sitecom/ciblehtml">cliquer ici</a> </body> </html> M BENZINE DAW : HTML 2015/ / 41

19 Ancres Les ancres sont des liens hypertextes vers des éléments bien précis d un document HTML L élément cible (l ancre) doit avoir un attribut id L élément a voulant atteindre cette cible doit ajouter à à l URL du document contenant l ancre ciblée le caractère # suivi de la valeur de l attribut id <p id="intro"></p> <a href="http://wwwmon-sitecom/ma-pagehtml#intro">remonter vers l introduction</a> ou puisque l ancre et le lien sont dans le même document HTML <a href="#intro">remonter vers l introduction</a> M BENZINE DAW : HTML 2015/ / 41

20 Images L élément img permet d afficher une image (GIF, JPEG, PNG) Parmi les attributs de l élément img : src: URL de l image à afficher alt: texte alternatif à afficher s il est impossible d afficher l image width: largeur d affichage souhaitée exprimée en pixels height: hauteur d affichage souhaitée exprimée en pixels Si les attributs height et width ne sont pas mentionnés, l affichage se fait en utilisant la largeur et la hauteur d origine de l image <html> <body> <img src="wwwmon-sitecom/images/photopng" alt="impossible d afficher photopng"> </body> </html> M BENZINE DAW : HTML 2015/ / 41

21 Tableaux L élément table permet d afficher un tableau L élément tr permet de représenter une ligne de tableau L élément th permet de représenter une case d en-tête du tableau L élément td permet de représenter une case du tableau M BENZINE DAW : HTML 2015/ / 41

22 Tableaux (Suite) <table> <tr> <th>nom</th> <th>prénom</th> </tr> <tr> <td>belaid</td> <td>toufik</td> </tr> <tr> <td>bendib</td> <td>rachid</td> </tr> </table> M BENZINE DAW : HTML 2015/ / 41

23 Tableaux (Suite) Parmi les attributs de l élément table : border: précise l épaisseur de la bordure du tableau Parmi les attributs des éléments td et th : rowspan: indique le nombre de cellules, présentes sur la même colonne, à fusionner ensemble (quand rowspan vaut n, fusionner la cellule courante ainsi que les n - 1 cellules se trouvant en dessous) colspan: indique le nombre de cellules, présentes sur la même ligne, à fusionner ensemble (quand colspan vaut n, fusionner la cellule courante ainsi que les n - 1 cellules se trouvant sur les colonnes suivantes) M BENZINE DAW : HTML 2015/ / 41

24 Tableaux (Suite) <table border="2"> <tr> <th>continent</th> <th colspan="3">pays</th> </tr> <tr> <td rowspan="2">afrique</td> <td>algérie</td> <td>niger</td> <td>tanzanie</td> </tr> <tr> <td colspan="3">afrique du sud</td> </tr> <tr> <td>asie</td> <td colspan="3">chine</td> </tr> </table> M BENZINE DAW : HTML 2015/ / 41

25 Formulaires Les formulaires permettent d insérer dans une page HTML un ensemble de contrôles (champs de saisie, cases à cocher ) Les formulaires permettent à l utilisateur d entrer des données qui seront parla suite traitées en local par le navigateur ou à distance par un serveur Les formulaires sont introduits grâce à l élément form Parmi les attributs de l élément form : name: nom associé au formulaire action: programme devant traiter les données entrées par l utilisateur method: méthode utilisée pour transmettre au serveur les données entrées par l utilisateur (get ou post) enctype: manière d encoder les données du formulaire (utile pour télécharger un fichier vers un serveur) M BENZINE DAW : HTML 2015/ / 41

26 Éléments input Les éléments input permettent d afficher des contrôles de formulaire (champs de saisie, cases à cocher) Parmi les attributs des éléments input : name: nom associé au contrôle value: valeur par défaut du contrôle M BENZINE DAW : HTML 2015/ / 41

27 Champs de saisie L élément input ayant un attribut type valant text permet de définir un champ de saisie L utilisateur peut y saisir du texte Parmi les attributs de l élément input de type text : size: la largeur du champ (nombre de caractères) maxlength: longueur maximale de la chaine de caractères saisie <form action="wwwmon-sitecom/scriptphp" method="post"> <input type="text" name="nom" size="10"> </form> M BENZINE DAW : HTML 2015/ / 41

28 Champs de saisie masqué L élément input ayant un attribut type valant password permet de définir un champ de saisie masqué Les caractères saisis par l utilisateur ne sont pas affichés mais remplacés par des astérisques Les champs de saisie masqué sont utilisés pour faire saisir à l utilisateur un code secret, un mot de passe <form action="wwwmon-sitecom/scriptphp" method="post"> <input type="password" name="mdp" size="10"> </form> M BENZINE DAW : HTML 2015/ / 41

29 Étiquettes L élément label permet de définir une étiquette à afficher sur un formulaire Il est possible d associer un étiquette à un contrôle (champ de saisie, liste déroulante) Parmi les attributs de l élément label : for : permet d associer le label à un contrôle La valeur de l attribut for doit correspondre à celle de l attribut id du contrôle <form action="wwwmon-sitecom/scriptphp" method="post"> <label for="cpnom">prénom:</label> <input type="text" name="pnom" id="cpnom"> </form> M BENZINE DAW : HTML 2015/ / 41

30 Cases à cocher L élément input ayant un attribut type valant checkbox permet de définir une case à cocher L utilisateur peut cocher ou décocher la case pour exprimer son choix Parmi les attributs de l élément input de type checkbox : checked: indique que la case est cochée par défaut <form action="wwwmon-sitecom/scriptphp" method="post"> <label>matiere acquise:</label><br> <input type="checkbox" name="poo" value="1"><br> <input type="checkbox" name="asd" value="1"><br> <input type="checkbox" name="lm" value="1"> </form> M BENZINE DAW : HTML 2015/ / 41

31 Boutons radio L élément input ayant un attribut type valant radio permet de définir un bouton L utilisateur doit cocher un bouton radio parmi plusieurs pour exprimer son choix Pour que plusieurs boutons radio soient regroupés ensemble et qu en cochant l un celui qui l était juste avant soit décoché, il faut que tous les boutons radio du groupe aient la même valeur pour l attribut name Parmi les attributs de l élément input de type checkbox : checked : indique que le bouton radio est coché par défaut <form action="wwwmon-sitecom/scriptphp" method="post"> <label>niveau:</label><br> <input type="radio" name="annee" value="1" checked><br> <input type="radio" name="annee" value="2"><br> <input type="radio" name="annee" value="3"> </form> M BENZINE DAW : HTML 2015/ / 41

32 Listes déroulantes L élément select permet de définir une liste déroulante L élément option permet de définir un item de liste déroulante Parmi les attributs de l élément select name: nom de la liste déroulante Parmi les attributs de l élément option value: valeur de l option courante selected: permet de sélectionner l option courante comme valeur par défaut au moment de l affichage de la liste <form action="wwwmon-sitecom/scriptphp" method="post"> <label>niveau</label><select> <option value="1" selected>1ère année</option> <option value="2">2ème année</option> <option value="3">3ème année</option> </select> </form> M BENZINE DAW : HTML 2015/ / 41

33 Transfert de fichiers L élément input de type file permet à l utilisateur de télécharger des fichiers vers le serveur Pour utiliser ce contrôle l attribut enctype de l élément form doit avoir pour valeur multipart/form-data <form action="wwwmon-sitecom/scriptphp" method="post" enctype="multipart/form-data"> <label>téléchargez votre CV</label><br> <input type="file" name="cv"> </form> M BENZINE DAW : HTML 2015/ / 41

34 Zones de saisie de texte L élément textera permet d afficher une zone de saisie de texte multi-ligne Parmi les attributs de l élément textera : name: nom dela zone de texte rows: nombre de lignes cols:nombre de colonnes <form action="wwwmon-sitecom/scriptphp" method="post"> <textera name="adresse" cols="10" rows="10"> Texte affiché par défaut </textera> </form> M BENZINE DAW : HTML 2015/ / 41

35 Boutons L élément input ayant pour type button permet d afficher un bouton L action à réaliser quand le bouton est cliqué doit être définie au moyen de code JavaScript <form action="wwwmon-sitecom/scriptphp" method="post"> <input type="button" value="ajouter ligne supplémentaire"> </form> M BENZINE DAW : HTML 2015/ / 41

36 Boutons de validation L élément input ayant pour type submit permet d afficher un bouton de validation Lorsque l utilisateur clique sur ce bouton, toutes les données du formulaire sont envoyées vers le serveur <form action="wwwmon-sitecom/scriptphp" method="post"> <input type="submit" value="valider mon choix"> <!--L attribut value indique le texte à afficher sur le bouton--> </form> M BENZINE DAW : HTML 2015/ / 41

37 Boutons d annulation L élément input ayant pour type reset permet d afficher un bouton d annulation Lorsque l utilisateur clique sur ce bouton, les champs du formulaire sont réinitialisés à leurs valeurs par défaut <form action="wwwmon-sitecom/scriptphp" method="post"> <input type="reset" value="réinitialiser"> <!--L attribut value indique le texte à afficher sur le bouton--> </form> M BENZINE DAW : HTML 2015/ / 41

38 Éléments bloc et éléments en-ligne Il est nécessaire de distinguer deux types d éléments HTML : Les éléments de type bloc (block) : éléments qui sont précédés et suivis automatiquement par un saut de ligne (h1,h2, p, ol, ul, div) Les éléments de type en-ligne (inline) éléments qui n occupent que l espace nécessaire à leur affichage (a, b, i, input, span) M BENZINE DAW : HTML 2015/ / 41

39 Éléments div L élément div est un élément de type bloc neutre Il ne porte aucune sémantique de structuration et n offre aucune mise en forme L élément div est utilisé pour marquer un contenu particulier destiné à subir un traitement <div>contenu destiné à subir un traitement particulier</div> M BENZINE DAW : HTML 2015/ / 41

40 Éléments span L élément span est un élément de type en-ligne neutre Il ne porte aucun sémantique de structuration et n offre aucune mise en forme L élément span est utilisé pour marquer un contenu particulier destiné à subir un traitement <span>contenu destiné à subir un traitement particulier</span> M BENZINE DAW : HTML 2015/ / 41

41 Caractères spéciaux et entités En HTML, à chaque caractère est associé un code Il est possible d utiliser un code pour faire afficher le caractère correspondant : : affiche un espace insécable <: affiche le caractère < : affiche le caractère >: affiche le caractère > : affiche le caractère ": affiche le caractère " &apos;: affiche le caractère &: affiche le caractère & : affiche le caractère : affiche le caractère M BENZINE DAW : HTML 2015/ / 41

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

HTML 5 CSS 3 Responsive

HTML 5 CSS 3 Responsive HTML 5 CSS 3 Responsive Programme de formation Microsoft Partner France Belgique Suisse - Canada Formez vos salariés pour optimiser la productivité de votre entreprise Dernière mise à jour : Avril 2014

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 - Initiation. Formulaires et transmission de données. VIII) Formulaires et transmission de données

PHP - Initiation. Formulaires et transmission de données. VIII) Formulaires et transmission de données VIII) Formulaires et transmission de données VIII.1) Formulaires Les formulaires sont un outil primordial lors du développement d'un applicatif Web. C'est grace à eux que l'utilisateur va pouvoir transmettre

Plus en détail

Introduction. Rappel : conception, interrogation et mise à jour d une base de données

Introduction. Rappel : conception, interrogation et mise à jour d une base de données Introduction Rappel : conception, interrogation et mise à jour d une base de données De nombreux sites Web ont une (ou plusieurs) BD pour gérer leur données 2/51 Pages Web statiques L utilisateurice demande

Plus en détail

Introduction au Web. Fabien Givors. Université de Nice Sophia Antipolis Département Informatique fabien.givors@unice.fr

Introduction au Web. Fabien Givors. Université de Nice Sophia Antipolis Département Informatique fabien.givors@unice.fr Introduction au Web D'après les cours de Andrea G. B. Tettamanzi Fabien Givors Université de Nice Sophia Antipolis Département Informatique fabien.givors@unice.fr Fabien Givors, 2014 1 Planning des cours

Plus en détail

Publication sur le site

Publication sur le site Site Web de l association des ingénieurs INSA de Lyon Publication sur le site Remarque : la suppression des contributions n est pas possible depuis le Front-Office. Publication, modification d un article

Plus en détail

Rédaction d une fiche thématique Mutuelles étudiantes : Se grouper pour agir

Rédaction d une fiche thématique Mutuelles étudiantes : Se grouper pour agir Rédaction d une fiche thématique Mutuelles étudiantes : Se grouper pour agir Philippe Marcy (webmaster) Table des matières 1. QU EST-CE QU UNE FICHE THÉMATIQUE?... 2 2. FAIRE UNE PROPOSITION DE FICHE THÉMATIQUE...

Plus en détail

Université Paris Dauphine Outils de l Internet 2011-2012 TP 5 : LES CADRES

Université Paris Dauphine Outils de l Internet 2011-2012 TP 5 : LES CADRES TP 5 : LES CADRES Le contenu de la page d'accueil d'un site ne constitue que la subdivision en plusieurs frames. Les codes sources de chacune des frames seront contenus dans d'autres fichiers HTML. La

Plus en détail

FrontPage Express (v 2.0) Éditeur de pages Web Introduction

FrontPage Express (v 2.0) Éditeur de pages Web Introduction Éditeur de pages Web Introduction Plusieurs versions du logiciel Frontpage existent. Dont FrontPage Express, qui est gratuit et librement diffusable. Il permet de débuter dans la confection de sites Internet.

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

Gérer les formulaires

Gérer les formulaires 195 Chapitre 7 Gérer les formulaires 1. Vue d'ensemble Gérer les formulaires 1.1 Petit rappel sur les formulaires Le formulaire est un outil de base indispensable pour les sites web dynamiques puisqu'il

Plus en détail

HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP

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,

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

Partie HTML TD 6 : Liens hypertexte et formulaires

Partie HTML TD 6 : Liens hypertexte et formulaires Partie HTML TD 6 : Liens hypertexte et formulaires 1. Les liens hypertextes Ils permettent la navigation dans les sites Web. Il y a 3 types de liens : - Les liens internes à un site - Les liens internes

Plus en détail

Introduction à HTML et CSS

Introduction à HTML et CSS ENS de Cachan Introduction à HTML et CSS Françoise Tort Chargement d'une page Web h"p://site.chemin./page.html navigateur requête.html.css.jpg.mp3 serveur web fichiers Le navigateur web traduit les pages,

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

Les tableaux et les pseudo-classes CSS

Les tableaux et les pseudo-classes CSS Les tableaux et les pseudo-classes CSS Introduction : Pendant longtemps, la mise en page des sites reposait sur l utilisation de tableau. En effet, face à l absence ou l interprétation parfois fantaisiste

Plus en détail

Programmation Web - HTML

Programmation Web - HTML Programmation Web - HTML Fabien Duchateau fabien.duchateau [at] univ-lyon1.fr Université Claude Bernard Lyon 1 2014-2015 http://liris.cnrs.fr/fabien.duchateau/ens/lif4/ 1/69 Introduction De nombreux sites

Plus en détail

Carrefour de l information Université de Sherbrooke. Dreamweaver MX 2004 Deuxième partie Savoir améliorer ses sites Web

Carrefour de l information Université de Sherbrooke. Dreamweaver MX 2004 Deuxième partie Savoir améliorer ses sites Web Carrefour de l information Université de Sherbrooke Dreamweaver MX 2004 Deuxième partie Savoir améliorer ses sites Web Par : Josée Martin (hiver 2005) Édition revue et augmentée par : Marc-André Dulude

Plus en détail

Programmation Web - HTML

Programmation Web - HTML Programmation Web - HTML Fabien Duchateau fabien.duchateau [at] univ-lyon1.fr Université Claude Bernard Lyon 1 2015-2016 http://liris.cnrs.fr/fabien.duchateau/ens/lif4/ 1/74 Introduction De nombreux sites

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

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

Traitement de texte avec Word. INF0326 - Outils bureautiques, logiciels et Internet

Traitement de texte avec Word. INF0326 - Outils bureautiques, logiciels et Internet Traitement de texte avec Word INF0326 - Outils bureautiques, logiciels et Internet Microsoft Word Pour faire quoi? Saisir et modifier du texte Copier et déplacer du texte d un emplacement à un autre Formater

Plus en détail

Initiation aux techniques du Web. Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr

Initiation aux techniques du Web. Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr Initiation aux techniques du Web Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr Introduction Tableaux La balise (DIV) Polices en HTML Body (corps) et Head (en-tête) attributs Forms(formulaires):

Plus en détail

Insertion de citations et construction automatique d une liste de références dans Word

Insertion de citations et construction automatique d une liste de références dans Word Insertion de citations et construction automatique d une liste de références dans Word Fabrice Dessaint 1 Résumé. Le traitement de texte proposé par Microsoft dans sa suite Office offre, depuis la version

Plus en détail

Procédure Diffusion des offres d emploi et des communiqués de presse des commissions scolaires

Procédure Diffusion des offres d emploi et des communiqués de presse des commissions scolaires Gestionnaire de contenus Web TYPO3 Fédération des commissions scolaires du Québec Juin 2012 Procédure Diffusion des offres d emploi et des communiqués de presse des commissions scolaires TABLE DES MATIÈRES

Plus en détail

SYSTEME D INFORMATIONS GEOGRAPHIQUES D EUROP ESSONNE GUIDE D UTILISATION

SYSTEME D INFORMATIONS GEOGRAPHIQUES D EUROP ESSONNE GUIDE D UTILISATION SYSTEME D INFORMATIONS GEOGRAPHIQUES D EUROP ESSONNE GUIDE D UTILISATION Version : Aigle 4.6.6.3 Mars 2013 Guide d utilisation- Application SIG Web 1 Sommaire 1. LE SIG... 3 2. SE CONNECTER... 4 3. INTERFACE

Plus en détail

PHP 5.4 Développez un site web dynamique et interactif

PHP 5.4 Développez un site web dynamique et interactif Editions ENI PHP 5.4 Développez un site web dynamique et interactif Collection Ressources Informatiques Extrait 183 Chapitre 7 Gérer les formulaires 1. Vue d'ensemble Gérer les formulaires 1.1 Petit rappel

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

Initiation à Dreamweaver

Initiation à Dreamweaver Benjamin Godefroy Redouane Zarghoune Initiation à Dreamweaver SI28 Ecriture interactive et multimédia Automne 2004 Organisation du TD Préambule : Introduction au HTML Présentation de Dreamweaver Exercices

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

HTML 5. Page de base Meta Outils pour Firefox. Les commentaires Paragraphe et saut de ligne Listes simples et ordonnées Listes imbriquées

HTML 5. Page de base Meta Outils pour Firefox. Les commentaires Paragraphe et saut de ligne Listes simples et ordonnées Listes imbriquées HTML 5 Page de base Meta Outils pour Firefox Les commentaires Paragraphe et saut de ligne Listes simples et ordonnées Listes imbriquées Les 6 niveaux de titre Indices et exposants Les liens L arborescence

Plus en détail

Plan du travail. 2014/2015 Cours TIC - 1ère année MI 86

Plan du travail. 2014/2015 Cours TIC - 1ère année MI 86 Plan du travail Chapitre 1: Internet et le Web Chapitre 2: Principes d Internet Chapitre 3 : Principaux services d Internet Chapitre 4 : Introduction au langage HTML 2014/2015 Cours TIC - 1ère année MI

Plus en détail

PHP 5.4 Développez un site web dynamique et interactif

PHP 5.4 Développez un site web dynamique et interactif Editions ENI PHP 5.4 Développez un site web dynamique et interactif Collection Ressources Informatiques Extrait 183 Chapitre 7 Gérer les formulaires 1. Vue d'ensemble Gérer les formulaires 1.1 Petit rappel

Plus en détail

2 Ne pas faire confiance aux données entrées par l internaute

2 Ne pas faire confiance aux données entrées par l internaute Université de Caen Basse-Normandie Département d informatique, U.F.R. Sciences Licence pro. ATC, Webmestre, 2015 2016 Unité UE14 Approfondissement programmation objet Cours. Sécurité des scripts Bruno

Plus en détail

Module RMA Manuel Utilisateur

Module RMA Manuel Utilisateur Module RMA Manuel Utilisateur 1 / 16 Sommaire Sommaire Introduction... 4 Processus global... 4 Installation... 5 Copie des fichiers... 5 Création d'un "faux" produit... 5 Configuration... 6 General...

Plus en détail

Organisation d un document XSLT

Organisation d un document XSLT Les comportements serveur XSLT CHAPITRE 6 375 tion, et générera un document résultat pouvant être une page XHTML, ou tout type de format selon le média visé (XML, WML, texte, etc.). Voir figure 6-5-a.

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

LibreOffice Découvrir Le tableur Calc (1)

LibreOffice Découvrir Le tableur Calc (1) L INTERFACE LibreOffice Découvrir Le tableur Calc (1) Ce document présente quelques fonctionnalités du tableur CALC. Ouvrez une feuille de calcul et suivez les indications. Les données à saisir sont repérées

Plus en détail

Dreamweaver CS6 pour PC/Mac

Dreamweaver CS6 pour PC/Mac ENVIRONNEMENT. Généralités 1 A- La page de démarrage 1 B- L écran principal 2 C- La barre d état 3 D- Utiliser les règles 4 E- Utiliser la grille 4 F- Utiliser les repères 5 G- Modifier le zoom 6 1.2 Les

Plus en détail

Web HTML. Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr

Web HTML. Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr Web HTML Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr 1 Plan Fonc-onnement du web Le langage HTML 2 Web : Introduc;on Réseau : mise en commun de ressources (données, imprimantes, ) Internet : Interconnexion

Plus en détail

Introduction. Introduction et HTML. A l issue de ce module vous devriez... Ce cours n est pas...

Introduction. Introduction et HTML. A l issue de ce module vous devriez... Ce cours n est pas... Introduction et HTML Technologies du Web 1 Jean-Christophe Routier Licence 1 SESI Université Lille 1 Introduction Objectifs : Présentation des bases de la création de documents web par la découverte des

Plus en détail

Manuel d utilisation des blogs des projets de Défis solaires

Manuel d utilisation des blogs des projets de Défis solaires Manuel d utilisation des blogs des projets de Défis solaires Version du 9 février 2013 Les dernières informations sont sur : http://www.planete-sciences.org/blogs/defissolaires/ 1 / 27 Sommaire I. CONNEXION

Plus en détail

La toile mondiale. Réseau TCP/IP. Qu'est-ce qu'un réseau? Protocole TCP/IP. WWW (World Wide Web) HTTP = HyperText Transfer Protocol.

La toile mondiale. Réseau TCP/IP. Qu'est-ce qu'un réseau? Protocole TCP/IP. WWW (World Wide Web) HTTP = HyperText Transfer Protocol. HTML Miguel Tomasena Références : La toile mondiale http://www.siteduzero.com http://www.wschools.com/html http://www.w.org/ html Doctor WWW (World Wide Web) Réseau Qu'est-ce qu'un réseau? Un réseau est

Plus en détail

TD HTML AVEC CORRECTION

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

Plus en détail

PEGASE Documentation. Version DOSI

PEGASE Documentation. Version DOSI PEGASE Documentation Version DOSI 02 January 2014 Table des matières 1 Quoi de neuf? 1 2 Objectifs 2 3 Démarrage Rapide 3 3.1 Page de connexion à l application.................................... 3 3.2

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

Gestion du site web www.college-st-paul.qc.ca. Manuel d instructions

Gestion du site web www.college-st-paul.qc.ca. Manuel d instructions Gestion du site web www.college-st-paul.qc.ca Table des matières Accéder au panneau d administration...3 Ajouter un administrateur...5 Structure du site...6 Ajouter une page...8 Éditer une page nouvellement

Plus en détail

Fonctionnalités de recherche professionnelle SharePoint

Fonctionnalités de recherche professionnelle SharePoint Fonctionnalités de recherche professionnelle SharePoint Présentation des fonctionnalités Référence - Avril 2010 Version 1.1 Edition de Logiciels professionnels 73 rue de Turbigo 75003 Paris tel. 01 42

Plus en détail

Annexe 1 : Les raccourcis typographiques de SPIP

Annexe 1 : Les raccourcis typographiques de SPIP Annexe 1 : Les raccourcis typographiques de SPIP Plugins utilisés sur les sites mutualisés du diocèse : Enluminures typographiques : 3.3.2 Griseus : 0.1.1 Porte-plume partout : 1.0.5 Comme dans un traitement

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

LE LANGAGE HTML TODO : v1.2.1.0 07/05/2010 peignotc(at)arqendra(dot)net / peignotc(at)gmail(dot)com

LE LANGAGE HTML TODO : v1.2.1.0 07/05/2010 peignotc(at)arqendra(dot)net / peignotc(at)gmail(dot)com LE LANGAGE HTML TODO : - v.2..0 07/05/200 peignotc(at)arqendra(dot)net / peignotc(at)gmail(dot)com Toute reproduction partielle ou intégrale autorisée selon les termes de la licence Creative Commons (CC)

Plus en détail

PARTIE 3 STRUCTURE PRESENTATION ELEMENT CALCULÉ

PARTIE 3 STRUCTURE PRESENTATION ELEMENT CALCULÉ PARTIE 3 STRUCTURE PRESENTATION ELEMENT CALCULÉ mardi, 14 mai, 2002 1 Structure d un formulaire... 3 L utilisation des données... 5 L utilisation des tables... 5 L utilisation des éléments liés... 6 Le

Plus en détail

Saturne 0.3. Décompressez le fichier "Installation_de_Stimulation.zip" Dans le dossier "Volume", exécutez "Setup.exe". Suivez les instructions...

Saturne 0.3. Décompressez le fichier Installation_de_Stimulation.zip Dans le dossier Volume, exécutez Setup.exe. Suivez les instructions... Saturne 0.3 0 - Installation du logiciel... Décompressez le fichier "Installation_de_Stimulation.zip" Dans le dossier "Volume", exécutez "Setup.exe". Suivez les instructions... Une première boite de dialogue

Plus en détail

Lisez la documentation sur la fonction strpos : http://us2.php.net/manual/fr/function.strpos.php

Lisez la documentation sur la fonction strpos : http://us2.php.net/manual/fr/function.strpos.php TP 2 Master CTN 2015 A Une fonction strpos. Lisez la documentation sur la fonction strpos : http://us2.php.net/manual/fr/function.strpos.php strpos cherche dans la première chaine si la seconde existe

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 tableau Lévis Thériault, hiver 2009 Structure d un tableau

Plus en détail

Comment paramétrer le site Internet de l école

Comment paramétrer le site Internet de l école APEL Saint-Joseph Rennes Comment paramétrer le site Internet de l école Site hébergé sous WordPress v1.0 Philippe ARZUR 04/01/2011 Historique des versions Version Date Auteur Objet 1.0 04 Jan 2011 Philippe

Plus en détail

Guide d'utilisation. Contao CMS

Guide d'utilisation. Contao CMS Guide d'utilisation Contao CMS 1 Sommaire 1. Avant propos... 3 2. Se connecter... 3 3. Le panneau d'administration...4 4. Méthodologie... 6 5. La structure du site... 6 6. Création d'un article... 10 7.

Plus en détail

Technologies Web. Farah Benamara Zitoune Maître de conférences IRIT-UPS benamara@irit.fr

Technologies Web. Farah Benamara Zitoune Maître de conférences IRIT-UPS benamara@irit.fr Technologies Web Farah Benamara Zitoune Maître de conférences IRIT-UPS benamara@irit.fr Plan du cours Cours 1 : Introduction HTML/CSS Cours 2 : Introduction programmation web + javascirpt Cours 3 : Introduction

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

Un site web quelques informations

Un site web quelques informations Un site web quelques informations Qu est-ce qu un site Web? Ce sont des pages faites d images et de textes. Tout le monde peut les consulter sur Internet à l aide d un logiciel appelé navigateur. Pour

Plus en détail

MODULE HTML CSS. Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr

MODULE HTML CSS. Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr MODULE HTML CSS Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr ORGANISATION DU MODULE 13 séances de 2 heures une partie cours une partie exercices sur machine. Modalités de contrôle : partiel en fin

Plus en détail

Note de cours. Introduction à Word 2007

Note de cours. Introduction à Word 2007 Note de cours Introduction à Word 2007 par Armande Pinette Cégep du Vieux Montréal Word 2007 Page: 2 de 35 Table des matières Comment aller chercher un document sur CVMVirtuel?... 6 Souris... 6 Clavier

Plus en détail

La vocation purement sémantique de la page HTML a été pervertie avec les années.

La vocation purement sémantique de la page HTML a été pervertie avec les années. Bruxelles Formation CEPEGRA Olivier Céréssia 2012 PRÉAMBULE A mille lieues de la vision structuraliste de ses créateurs, la page HTML est devenue un document hybride mêlant structure, contenu, mise en

Plus en détail

Signets. Documentation utilisateur tout public disposant d'un compte ENT - Accès : Personnalisation de l'ent

Signets. Documentation utilisateur tout public disposant d'un compte ENT - Accès : Personnalisation de l'ent Documentation utilisateur tout public disposant d'un compte ENT - Accès : Personnalisation de l'ent Version 1.0.0 Da te Décembre 2010 Rédacteur Pédagogique et Médiatisation Torrent Stéphanie - Direction

Plus en détail

PRISE EN MAIN ISANET COMPTA PREMIER WEB EDITION

PRISE EN MAIN ISANET COMPTA PREMIER WEB EDITION PRISE EN MAIN ISANET COMPTA PREMIER WEB EDITION SOMMAIRE 1. Utilisation du site par le client... 3 1.1. Niveau qualification saisie relevé bancaire... 3 1.2. Niveau Isacompta premier... 5 1.2.1. Relevé

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

Internet. Principes généraux Création de site web Langage HTML

Internet. Principes généraux Création de site web Langage HTML Internet Principes généraux Création de site web Langage HTML Internet Principes généraux L a n o t i o n d e r é s e a u Réseau : ensemble d interconnections permettant une communication Ex : réseau téléphonique,

Plus en détail

Portail des cours (ENA) Aide-mémoire du concepteur

Portail des cours (ENA) Aide-mémoire du concepteur (ENA) Aide-mémoire du concepteur Table des matières I. ACCÉDER AU PORTAIL DES COURS... 3 II. NAVIGUER DANS LE PORTAIL DES COURS... 4 III. CRÉER UN SITE WEB DE COURS... 5 1. CRÉER LA PAGE D ACCUEIL... 5

Plus en détail

World Wide Web (WWW) cours@urec.cnrs.fr

World Wide Web (WWW) cours@urec.cnrs.fr World Wide Web (WWW) cours@urec.cnrs.fr Contributions Création: Claude Gross Modifications: Bernard Tuy, J.P Gauthier Objectifs du Web Aboutissement d un projet du CERN en Mars 1989. Espace d'information

Plus en détail

HowTo : Ayaline_Billboard

HowTo : Ayaline_Billboard HowTo : Ayaline_Billboard Version Date Auteur Commentaires 1.0 07 Mai 2012 ayaline Version initiale 1.2 02 Juillet 2012 ayaline Association à des produits Confidentiel ayaline Référence : AYA_MAG_EXT_Billboard_FR

Plus en détail

2012 BOSS CORPORATION

2012 BOSS CORPORATION GT-100 Librarian Mode d emploi en ligne 2012 BOSS CORPORATION Tous droits réservés. Toute reproduction intégrale ou partielle de cette publication est interdite sous quelque forme que ce soit sans l autorisation

Plus en détail

Chapitre 3 : Le langage HTML Fascicule TIC Page 33

Chapitre 3 : Le langage HTML Fascicule TIC Page 33 33 I. Introduction Les pages Web visualisées dans un navigateur Internet sont écrites avec un langage nommé HTML (HyperText Markup Language). C est un langage de description de contenu et de structure.

Plus en détail

Examen «Outils en Informatique» Vendredi 3 juin 2011

Examen «Outils en Informatique» Vendredi 3 juin 2011 Examen «Outils en Informatique» Vendredi 3 juin 2011 Durée de l épreuve: 1h30 Aucun document autorisé Le barème n est pas définitif, il est donné à titre indicatif Question 1 : QCM Dans les questions suivantes

Plus en détail

TP PHP (/HTML/CSS/PostgreSQL)

TP PHP (/HTML/CSS/PostgreSQL) TP PHP (/HTML/CSS/PostgreSQL) ENSIIE - 2015/2016 Le but de ce TP est de compléter les fichiers fournis pour réaliser une micro-application interactive qui permet, suivant le choix de l utilisateur, de

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

Formation Google Drive RÉCIT BOIS-FRANCS

Formation Google Drive RÉCIT BOIS-FRANCS 1 Formation Google Drive RÉCIT BOIS-FRANCS Page d accueil de Google Drive a) Ouvrir Google Chrome b) Accéder à Google et se connecter à votre compte Google 2 c) Se connecter ou Créer un compte si vous

Plus en détail

Langages à balises : une introduction

Langages à balises : une introduction Langages à balises : une introduction Yannick Prié UFR Informatique Université Lyon UE2.2 Master SIB M 2004-2005 Objectif généraux du cours Comprendre les grands principes de la représentation de données

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

Le WEBMAIL Orange. Dans les explications ci-dessous nous allons parler du WEBMAIL de Orange car c est le fournisseur d accès que j utilise.

Le WEBMAIL Orange. Dans les explications ci-dessous nous allons parler du WEBMAIL de Orange car c est le fournisseur d accès que j utilise. Le WEBMAIL Orange 1 ) La consultation Il existe deux manières pour consulter ses courriels (ou ses e-mails). La première consiste à utiliser des assistants de messagerie qui sont des programmes qu on installe

Plus en détail

I N F O S T A N C E. Manuel Vie Scolaire

I N F O S T A N C E. Manuel Vie Scolaire I N F O S T A N C E Manuel Vie Scolaire I N D E X INTRODUCTION... 4 PERSONNALISATION DE LA PAGE D ACCUEIL... 5 COMMENT PERSONNALISER SA PAGE D ACCUEIL... 5 Sélection d un composant... 5 Edition d un composant...

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

«Dernière visite» affichée en haut et à gauche de chaque page Elle permet de déterminer rapidement ce qui a été mis en ligne postérieurement.

«Dernière visite» affichée en haut et à gauche de chaque page Elle permet de déterminer rapidement ce qui a été mis en ligne postérieurement. Utilisateur (Aide Utilisateur) «Dernière visite» affichée en haut et à gauche de chaque page Elle permet de déterminer rapidement ce qui a été mis en ligne postérieurement. «Menu de l'utilisateur» - [P_d1]

Plus en détail

Tableaux de bord Pilotez vos informations pour optimiser la prise de décision

Tableaux de bord Pilotez vos informations pour optimiser la prise de décision Définir le tableau de bord A. Rôle du tableau de bord 11 1. Quelle est la place du tableau de bord dans la stratégie? 11 2. Le rôle du tableau de bord : définir et suivre des objectifs 12 B. Organisation

Plus en détail

Gestion des modèles de workflow

Gestion des modèles de workflow Module Carte Gestion du bureau Gestion des modèles de workflow UR09040430 Gestion des modèles de workflow Cette fonction prévoit les fonctionnalités suivantes : 1. Création d un nouveau modèle de bureau

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

Programmation web : TD 2

Programmation web : TD 2 Programmation web : TD 2 Email : nassim.bahri@yahoo.fr Site web : http://nassimbahri.ovh Nassim BAHRI Objectif Développer des pages Web HTML5 validées Mettre en place des listes en HTML Avant de commencer

Plus en détail

Office 365 (3ième édition) Travaillez en ligne avec Office Online, SharePoint, OneDrive, OneNote et Skype Entreprise

Office 365 (3ième édition) Travaillez en ligne avec Office Online, SharePoint, OneDrive, OneNote et Skype Entreprise Découverte Présentation générale 11 Découvrir les nouveautés 11 Choisir l offre Office 365 appropriée 15 Configuration requise 21 Les applications et services en ligne 22 Se connecter à son espace Office

Plus en détail

Auto formation à Zelio logic

Auto formation à Zelio logic Auto formation à Zelio logic 1 Les Produits Félicitations, vous avez choisi l'un des produits Zelio 2 suivants : 2 Environnement Le Zelio Logic est programmable à l'aide du logiciel Zelio Soft ou en Saisie

Plus en détail

PROGRAMMER UNE PAGE WEB EN HTML ET CSS

PROGRAMMER UNE PAGE WEB EN HTML ET CSS Lycée Felix Le Dantec - Lannion PROGRAMMER UNE PAGE WEB EN HTML ET CSS 1STI2D TP8-3H NOM : PRÉNOM : CLASSE : Condition de réalisation : Travail seul Durée : 3 heures Matériel : un ordinateur sous Ubuntu

Plus en détail

La carte de contrôle chômage complet. Manuel d utilisateur

La carte de contrôle chômage complet. Manuel d utilisateur La carte de contrôle chômage complet Manuel d utilisateur Table de matière Avant-propos 4 Généralités 5 Accès 5 Description générale 8 En-tête 9 Choix linguistique 9 Identifiants 9 Déconnexion 9 Logo

Plus en détail

Exemple de création de liste de zones

Exemple de création de liste de zones Exemple de création de liste de zones Dessiner votre habitation. Il faut définir les catégories de zones qui nous intéresse : Création de 4 catégories T4, T3, T2, T1 couleur différentes et claires avec

Plus en détail

Le portail est un site web doté : d un nom de domaine spécifique de type : https://hal-nom_etablissement.archivesouvertes.fr

Le portail est un site web doté : d un nom de domaine spécifique de type : https://hal-nom_etablissement.archivesouvertes.fr Janvier 2016 En préambule : Ce mode d emploi s adresse à toute personne ayant les droits d administrateur sur un portail HAL. Il a été pensé à la fois comme une aide à la prise en main et comme un guide

Plus en détail

IFT1148 Développement

IFT1148 Développement IFT1148 Développement Michael Blondin Direction de l enseignement de service en informatique Université de Montréal Hiver 2011 1 / 33 ASP.NET ASP.NET est un ensemble de technologies développé par Microsoft

Plus en détail

Tegrity. Accéder à l enregistrement de votre cours dans Tegrity

Tegrity. Accéder à l enregistrement de votre cours dans Tegrity Tegrity Tegrity est un logiciel qui permet d enregistrer les séances qui se déroulent en classe. Il enregistre la voix de l enseignant et tout ce qui est projeté à l écran (PowerPoint, Excel, logiciel

Plus en détail

Offre de Service Hébergement Web Migration SPIP

Offre de Service Hébergement Web Migration SPIP CNRS Offre de Service Hébergement Web Migration SPIP [LAMP CMS] Direction des Systèmes d Information du CNRS [20/01/12] Référence : DSI/DR2/ Date : 20/01/2012 Version : 1.0 Auteur : Pascal Lechene Diffusion

Plus en détail

Rappelez vous la barre de tâches, nous allons vous révéler tous les secrets des onglets!

Rappelez vous la barre de tâches, nous allons vous révéler tous les secrets des onglets! Chapitre 3 : Personnaliser son template avec Artisteer Nous allons franchir une étape dans l utilisation d Artisteer, la personnalisation! Vous souhaitez que votre site soit unique, qu il ne ressemble

Plus en détail

utiller le revet nformatique et nternet

utiller le revet nformatique et nternet utiller le revet nformatique et nternet Diffusion Orléans - Projets nationaux Novembre 2013 SOMMAIRE PAGES 1. Présentation 3 2. Connexion 4 3. Écran d accueil 5 4. Changer le niveau de B2i courant 6 5.

Plus en détail