Programmation WEB. HTML et Javascript

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "Programmation WEB. HTML et Javascript"

Transcription

1 Programmation Web : HTML et Javascript Michaël Krajecki Université de Reims Champagne-Ardenne Département de Mathématiques et Informatique Moulin de la Housse - BP Reims Cedex 2. Tél. : , DESS IAS Année M. KRAJECKI 1 DESS IAS Année INTRODUCTION Le langage HTML est un langage de description et de mise en forme d un document électronique. Les objectifs de la description sont : unification d un ensemble de documents ; allègement de la taille du document ; détachement lors de la création des impératifs liés au fond ; structuration du contenu d une page et des relations des contenus de plusieurs pages d un même site. faciliter l échange de documents électroniques par l intermédiaire d internet M. KRAJECKI 2 DESS IAS Année

2 PLAN Ce chapitre est organisé en 4 parties : LA HIÉRARCHIE D UN DOCUMENT HTML MISE EN PAGE EN HTML LIENS HYPERTEXTE INCLUSION D IMAGES M. KRAJECKI 3 DESS IAS Année HTML ET LES DTD (DÉFINITION DE TYPE DE DOCUMENT) HTML s appuie sur quelques balises (également appelées marqueurs) fondamentales. Ce sont des commandes HTML, écrites entre les signes < et > pour que le na vigateur puisse les exécuter. Une balise se présente ainsi : <commande> de nombreuses balises exigent d être fermées : </commande> ; il est conseillé d employer des lettres minuscules. Chaque document doit commencer par la balise. M. KRAJECKI 4 DESS IAS Année

3 LE TYPE DE DOCUMENT Avant la balise, il faut définir le <!DOC TYPE> ; Abréviation pour document type declaration) Précise quelle est la version de HTML que vous utilisez Permet au navigateur de réaliser un rendu conforme à la version de HTML choisie. Une DTD est un fichier (ou plusieurs fichiers à utiliser ensemble), écrit en XML En pratique, nous allons définir des documents en utilisant la version 4 de HTML. La pr emière ligne de vos documents devra alors être : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> M. KRAJECKI 5 DESS IAS Année UN PREMIER DOCUMENT HTML <!DOCTYPE HTML PUBLIC " //W3C/ / DTD HTML 4.01 T r a n s i t i o n a l / / EN" > <! début du document > <! début de l entête > < t i t l e > <! t i t r e de l a page > Mon premier document < / t i t l e > <! f i n de l entête > <! début du corps du document > V o i c i mon premier document HTML! <! f i n du corps du document > M. KRAJECKI 6 DESS IAS Année

4 LA HIÉRARCHIE D UN DOCUMENT HTML Un document HTML est structuré par les définitions de titres, paragraphes et listes Les titres introduisent une hiérarchie sur plusieurs niveaux Les balises <h1> et </h1> définissent le titre de plus grande importance <h6>, associée à </h6> définit le titre de plus petite importance. M. KRAJECKI 7 DESS IAS Année Exemple < t i t l e > T i t r e s en HTML < / t i t l e > <h1> Du < / h1> <h2> plus < / h2> <h3> gros < / h3> <h4> au < / h4> <h5> plus < / h5> <h6> p e t i t < / h6> M. KRAJECKI 8 DESS IAS Année

5 Le résultat (Internet Explorer) M. KRAJECKI 9 DESS IAS Année Les paragraphes < t i t l e > Paragraphes < / t i t l e > <h1> Les paragraphes < / h1> <h2> Une première s é r i e de paragraphes < / h2> <p> V o i c i donc un premier paragraphe. < / p> <p> V o i c i donc un second paragraphe. < / p> <h2> Une seconde s é r i e de paragraphes < / h2> <p> V o i c i un nouveau paragraphe. < / p> <p> V o i c i un d e r n i e r paragraphe. < / p> M. KRAJECKI 10 DESS IAS Année

6 Le résultat M. KRAJECKI 11 DESS IAS Année Lignes et sauts de lignes <br> : demande explicitement un saut de lignes au sein d un paragraphe <hr> : insertion des lignes horizontales < t i t l e > Lignes e t sauts de l i g n e s < / t i t l e > <h1> Lignes < / h1> <p> Un paragraphe avant l a l i g n e h o r i z o n t a l e. < / p> <hr> <p> V o i c i un paragraphe <br> dans l e q u e l on a <br> i n s é r é des sauts de l i g n e s. < / p> M. KRAJECKI 12 DESS IAS Année

7 Listes descriptives Les listes descriptives permettent un affichage de type dictionnaire Le mot clé est placé sur la première ligne, la définition correspondante est placée sur les lignes suivantes. < t i t l e > D e s c r i p t i o n s < / t i t l e > <h1> Glossaire < / h1> < d l > < d t > Premier terme : < / d t > <dd> l a d e s c r i p t i o n du premier terme. < / dd> < d t > Second terme : < / d t> <dd> l a d e s c r i p t i o n du second terme. < / dd> < / d l > M. KRAJECKI 13 DESS IAS Année Le résultat M. KRAJECKI 14 DESS IAS Année

8 Listes non ordonnées Les listes à puces permettent de faire des énumérations < t i t l e > L i s t e non ordonnée < / t i t l e > <h1> L i s t e < / h1> <ul> < l i > première entrée ; < / l i > < l i > seconde entrée ; < / l i > < l i > t r o i s i è m e entrée. < / l i > < / ul> M. KRAJECKI 15 DESS IAS Année Listes ordonnées Les liste ordonnées permettent de définir une hiérarchie dans la liste en numérotant chacun des éléments < t i t l e > L i s t e ordonnée < / t i t l e > <h1> L i s t e < / h1> <ol> < l i > Première entrée. < / l i > < l i > Seconde entrée. < / l i > < l i > Troisième entrée. < / l i > < / ol> M. KRAJECKI 16 DESS IAS Année

9 Le résultat M. KRAJECKI 17 DESS IAS Année MISE EN PAGE Mise en page des : textes et polices de caractères paragraphes Utilisation d attributs : ou de commutateurs associés à une balise modifient les propriétés de la balise M. KRAJECKI 18 DESS IAS Année

10 MISE EN FORME DES TEXTES Chaque phrase, mot ou caractère composant un paragraphe peut être mis en forme individuellement à l aide des quatre balises suivantes : caractères gras <b> et </b> caractères italiques <i> et </i> caractères soulignés <u> et </u> caractères «Télétypes» <tt> et </tt> M. KRAJECKI 19 DESS IAS Année MISE EN FORME DES TEXTES < t i t l e > Mise en forme des t e x t e s < / t i t l e > <h1> Mise en forme des t e x t e s < / h1> <p> Le HTML permet de d é f i n i r des caractères en <b> gras < / b>, en < i > i t a l i q u e < / i >, en <u> souligné < / u> mais aussi en < t t > t é l é t y p e < / t t >. < / p> <p> On peut t o u t <b>mé< / b>< i > l a < / i > <u>ng< / u>< t t >er< / t t >. < / p> M. KRAJECKI 20 DESS IAS Année

11 Et voila M. KRAJECKI 21 DESS IAS Année LES CARACTÈRES ACCENTUÉS ET SPÉCIAUX Les caractères présents dans un fichier au format HTML sont codés sur seulement 7 bits Il est donc possible de coder 128 ( ) caractères Un ensemble de codes permettant d utiliser les caractères accentués Les accents aigu, grave, circonflexe et les trémas sont définis respectivement par les séquences de codes &cut ;, &grave ;, &circ ; et &uml ; Accentuer une lettre : la faire précéder par l accent, par exemple &agrave ; pour à L ensemble des codes associés aux caractères est précisé dans la table des codes ISO également appelée table ISO-Latin1 M. KRAJECKI 22 DESS IAS Année

12 Les principaux codes Séquence Code ISO-Latin1 Caractère ou symbole &agrave ; &#224 ; à &acirc ; &#226 ; â &egrave ; &#232 ; è &eacute ; &#233 ; é &ecirc ; &#234 ; ê &euml ; &#235 ; ë &icirc &#238 ; î &iuml ; &#239 ; ï &ugrave ; &#249 ; ù &uuml ; &#251 ; ü &lt ; &#139 ; < &gt ; &#155 ; > &nbsp ; &#160 ; espace insécable M. KRAJECKI 23 DESS IAS Année Un petit exemple < t i t l e > U t i l i s a t i o n des accents dans un document HTML < / t i t l e > <h1> Accentuation de l a l e t t r e e < / h1> <p> V o i c i un e accent aigü obtenu de deux façons d i f f é r e n t e s : & # ; e t & eacute ; < / p> <h1> Quelques symboles < / h1> <p> Le symbole < i > plus ou moins < / i > : & # ; e t & plusmn ; < / p> <p> Le < i > c o p y r i g h t < / i > : & # ; e t & copy ; < / p> M. KRAJECKI 24 DESS IAS Année

13 Le résultat M. KRAJECKI 25 DESS IAS Année LES PARAGRAPHES La liste suivante présente quelques balises permettant le formatage de paragraphes de façon automatique : citation (références d un ouvrage) <cite> et </cite> citation (texte extrait d un ouvrage) <blockquote> et </blockquote> adresse <address> et </address> M. KRAJECKI 26 DESS IAS Année

14 LES PARAGRAPHES La liste suivante présente quelques balises permettant le formatage d une partie d un paragraphe : mise en valeur (italique) <em> et </em> mise en valeur (gras) <strong> et </strong> texte préformaté <pre> et </pre> placer un texte en exposant <sup> et </sup> placer un texte en indice <sub> et </sub> M. KRAJECKI 27 DESS IAS Année Un exemple < t i t l e > Mise en page de paragraphes < / t i t l e > <h1> Mise en page de paragraphes < / h1> <p> Les paragraphes s u i v a n t s sont formatés à l aide des b a l i s e s s p é c i a l i s é e s. < / p> <blockquote> Rien n est moins sûr que l i n c e r t a i n. < / blockquote> < c i t e > P i e r r e Dac < / c i t e > <address> Mr HTML, rue du WEB< / address> M. KRAJECKI 28 DESS IAS Année

15 ATTRIBUTS DES BALISES POUR LA MISE EN PAGE Les commutateurs permettent de modifier localement certaines propriétés associées aux éléments définis De façon générale La structure d une balise utilisant des commutateurs est la suivante : <balise commutateur1="valeur1" commutateur2="valeur2"> éléments </balise>. Exemple : <p align="right"> du texte </p>. Une liste complète des attributs définis en HTML 4 est disponible en annexe de la spécification de HTML 4 (index of the HTML 4 Attributes, pages ) La spécification produite par la W3C est disponible en ligne à l adresse M. KRAJECKI 29 DESS IAS Année GESTION DES POLICES DE CARACTÈRES La balise font permet de définir les principales caractéristiques de la police de caractères utilisée Chaque navigateur définit une police de caractères par défaut (généralement la police times Exemple : <font face= lucida, arial > De préférence : times, arial, helvetica Définir la taille de la police de caractères (valeur comprise entre 1 et 7) : 1. De façon absolue : vous indiquez directement la taille à utiliser par une valeur comprise entre 1 et De façon relative : vous précisez une taille par rapport à la valeur courante. Ainsi, si vous souhaitez diminuer la taille de 1, il vous suffit de préciser la valeur -1 pour l attribut size. De même, pour augmenter la taille de 2, précisez <font size= +2 >. M. KRAJECKI 30 DESS IAS Année

16 Les couleurs Définition d une couleur en précisant son code RGB (Red Green Blue) La couleur est définie par l intensité des trois couleurs primaires (rouge, vert et bleu) Chaque intensité est exprimée par une valeur comprise entre 0 et 255 codée en base 16 La couleur rouge a pour code #FF0000 : 1. l intensité du rouge est maximale, elle a pour valeur 255, soit #FF ; 2. l intensité du vert, comme celle du bleu, est nulle, soit #00 ; 3. la couleur est alors définie par la concaténation de ces 3 valeurs, soit #FF0000. M. KRAJECKI 31 DESS IAS Année Définition de la couleur Couleur Valeur RGB Couleur Valeur RGB aqua #00FFFF black # blue #0000FF fuchsia #FF00FF gray # green # lime #00FF00 maroon # navy # olive # purple # red #FF0000 silver #C0C0C0 teal # yellow #FFFF00 white #FFFFFF M. KRAJECKI 32 DESS IAS Année

17 Les couleurs Il est possible de définir la couleur des liens hypertextes (normaux, actifs, et déjà visités) et du fond de la page Modification des différents attributs de la balise : bgcolor : définit la couleur du fond de la page. link : l attribut link définit la couleur des liens par défaut. Par exemple, pour obtenir des liens affichés en jaune, nous précisons : <body link= yellow >. vlink : définit la couleur des liens déjà visités. alink : définit la couleur du lien actif : couleur affichée quand l internaute clique sur un lien. M. KRAJECKI 33 DESS IAS Année Un exemple < t i t l e > Les couleurs < / t i t l e > <body bgcolor= " yellow " t e x t= " red " l i n k = " green " > <h1> U t i l i s a t i o n des couleurs < / h1> <p> Par défaut, l e t e x t e est a f f i c h é en rouge. < / p> <h1> Les l i e n s < / h1> <p> <font color =" blue " > l a couleur c h o i s i e pour l e s l i e n s est l e v e r t. V o i c i un exemple : <a href= " h t t p : / / www. google. f r " > Google < / a>. < / font> < / p> M. KRAJECKI 34 DESS IAS Année

18 3. LIENS ET ANCRES La balise <a> et </a> permet de définir une ancre, c est à dire un point d origine Une action est associée à cette balise : déplacement vers un autre site, un déplacement vers une autre page du même site ou un déplacement à l intérieur de la page actuelle Cette balise n est jamais utilisée sans commutateur Lien hypertexte : commutateur href (de l anglais Hypertext REFerence) de la balise <a> M. KRAJECKI 35 DESS IAS Année Liens vers un autre document HTML La structure d un lien est la suivante : <a href="adresse"> le texte associé </a>. Exemple : <a href="http :// vers google </a> Adresse complète, complètement définie par trois informations : 1. Le nom du serveur. 2. Le chemin du répertoire qui contient la page sur le serveur. 3. Le nom de la page. M. KRAJECKI 36 DESS IAS Année

19 Liens vers une page hébergée localement 2 possibilités : Définir un lien vers une adresse complète (comme précédemment) Utiliser une adresse incomplète (sans préciser le nom du serveur Web) sous la forme d un lien relatif Exemple : <a href="lapage.html"> vers une autre page </a> Ou bien : <a href="ssrep/lapage.html"> vers une autre page </a> Une troisième solution à proscrire : le lien absolu. M. KRAJECKI 37 DESS IAS Année Liens vers un signet du même document Se déplacer au sein d un même document Pour définir un lien interne, 2 ancres sont nécessaires : 1. une ancre sera utilisée pour définir le lien hypertexte 2. l autre pour définir la destination de ce lien (appelée également ancre nommée) la valeur associée à href est la valeur de name de l ancre nommée, précédée du symbole # Ce symbole permet d indiquer au navigateur que l on reste dans la même page. M. KRAJECKI 38 DESS IAS Année

20 Un exemple < t i t l e > Liens i n t e r n e s < / t i t l e > <a name= " debut " > <h1> Liens i n t e r n e s < / h1> < / a> <h2> Sommaire < / h2> <ul> < l i > <a href= " #premier " > premier paragraphe < / a> < / l i > < l i > <a href= " #second " > second paragraphe < / a> < / l i > < / ul> <p> Du t e x t e < / p> <p> Du t e x t e < / p> <p> Du t e x t e < / p> <a name= " premier " > <p> V o i c i l a première d e s t i n a t i o n. < / p>< / a> <p> Du t e x t e < / p> <p> Du t e x t e < / p> <p> Du t e x t e < / p> <a name= " second " > <p> V o i c i l a seconde d e s t i n a t i o n. < / p>< / a> <a href= " #debut " > r e t o u r au début < / a> M. KRAJECKI 39 DESS IAS Année LES IMAGES La balise d inclusion d images est la balise <img> 1 attribut obligatoire : src (pour source) <img src= [URL]/[chemin]/nom du fichier > Une adresse complète, un chemin relatif ou bien un chemin absolu (à éviter) Format Gif ou Jpeg alt définit une légende pour l image M. KRAJECKI 40 DESS IAS Année

21 Taille des images < t i t l e > Des images < / t i t l e > <h1> Des images < / h1> <img src= " image. g i f " width= " 100 " height= " 100 "> M. KRAJECKI 41 DESS IAS Année POSITIONNEMENT DE TEXTES AVEC DES IMAGES align : alignement vertical Les valeurs : top, bottom ou middle Du texte autour d une image : les valeurs right ou left Commutateurs hspace et vspace : marge verticale et horizontale M. KRAJECKI 42 DESS IAS Année

22 DES IMAGES ET DES LIENS < t i t l e > Des images et des l i e n s < / t i t l e > <h1> Une image comme o r i g i n e d un l i e n hypertexte < / h1> <a href= " h t t p : / / www. google. f r "> <img src= " image. jpg "> < / a> M. KRAJECKI 43 DESS IAS Année

Chap. 3 LES TABLEAUX EN HTML

Chap. 3 LES TABLEAUX EN HTML LES TABLEAUX EN HTML Les principales balises concernant les tableaux : , , , et La fusion (verticale ou horizontale) des cellules Définition des sections dans un tableau :

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

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

Programmation Web IMAC 2015-2016 TD 1 : HTML. 30 septembre 2015

Programmation Web IMAC 2015-2016 TD 1 : HTML. 30 septembre 2015 Programmation Web IMAC 2015-2016 TD 1 : HTML 30 septembre 2015 Objectif: Ce TD a pour but d aborder les premières notions du langage HTML. Il est important de noter que le HTML n est pas un langage de

Plus en détail

Tice -Seconde-Page Web 2015-2016

Tice -Seconde-Page Web 2015-2016 Ouvrez une page web, cliquer doit sur la souris et faite afficher le code source de la page. Quelqu un a écrit ce code pour faire afficher cette page. Nous allons nous aussi écrire du code pour faire afficher

Plus en détail

ALGORITHMIQUE PROGRAMMATION INTERNET - NIVEAU 1

ALGORITHMIQUE PROGRAMMATION INTERNET - NIVEAU 1 ALGORITHMIQUE PROGRAMMATION INTERNET - NIVEAU 1 Code NFA053, 6 ECTS Chapitre 02 HTML / LIENS ET INSERTIONS D OBJETS Le plus grand soin a été apporté à la réalisation de ce support pédagogique afin de

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

Fiche 6 - Le langage HTML

Fiche 6 - Le langage HTML Fiche 6 - Le langage HTML I Introduction HTML est un langage universel utilisé pour communiquer sur le Web. C est un langage dit de «marquage» (de «structuration» ou de «balisage») qui permet d écrire

Plus en détail

<link rel =" stylesheet " type =" text / css " href =" monstyle. css " />

<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

Chap. 2 LES BALISES META ET l INDEXATION D UN SITE WEB LES BALISES META

Chap. 2 LES BALISES META ET l INDEXATION D UN SITE WEB LES BALISES META LES BALISES META Les Meta-Tags sont destinés aux robots des moteurs de recherche et aux navigateurs permettent de référencer votre site précisent le codage utilisé pour les caractères spéciaux et encore

Plus en détail

pour apprendre le langage html

pour apprendre le langage html pour apprendre le langage html introduction : Voici ce que vous devez savoir avant de continuer : Tout d' abord, il faut préciser que le langage HTML est relativement simple mais que celui ci impose au

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

SVG et javascript. Le fichier SVG: plugin dans la page html. Le fichier SVG est repéré par son nom, ici "carte" Le système de coordonnées

SVG et javascript. Le fichier SVG: plugin dans la page html. Le fichier SVG est repéré par son nom, ici carte Le système de coordonnées Le fichier SVG: plugin dans la page html SVG et javascript Le fichier SVG est repéré par son nom, ici "carte" Le système de coordonnées

Plus en détail

Premiers pas en HTML, CSS et jquery

Premiers pas en HTML, CSS et jquery 2 Premiers pas en HTML, CSS et jquery Arrivé à ce point dans la lecture de l ouvrage, vous êtes en mesure de créer un squelette HTML5 standard, de définir des règles de mise en forme CSS (directement dans

Plus en détail

STRUCTURE D UNE PAGE HTML/CSS

STRUCTURE D UNE PAGE HTML/CSS STRUCTURE D UNE PAGE HTML/CSS C01 1. STRUCTURE Le langage Html est composé de balises ou (tags) qui permettent de structurer le texte, de le mettre en forme et d insérer des images. Ces instructions sont

Plus en détail

Observons un site... Une entête. Le corps de la page. Un à-côté. Un pied de page

Observons un site... Une entête. Le corps de la page. Un à-côté. Un pied de page Créer une page web Observons un site... Une entête Le corps de la page Un à-côté Un pied de page Un logo Un menu Un autre menu Une entête La fenêtre de gauche La partie principale de la page Plusieurs

Plus en détail

Le langage HTML. Structure d'une page HTML. Les balises. balises de structure. <base>

Le langage HTML. Structure d'une page HTML. Les balises. balises de structure. <base> Sommaire : Le langage HTML...2 Structure d'une page HTML...2 Les balises...2 balises de structure...2 Les balises de formatage...4 Les balises de liens...6 Les balises d'images...6 Les balises de listes...7

Plus en détail

Langage (X)HTML Damien Nouvel

Langage (X)HTML Damien Nouvel Langage (X)HTML Plan Quelques statistiques du web Architecture client / serveur Langage XML Mise en forme HTML Structure d'un document HTML 2 / 36 Plan Quelques statistiques du web Architecture client

Plus en détail

HTML : Mini tutoriel

HTML : Mini tutoriel HTML : Mini tutoriel I. Introduction HTML est un langage de formatage de texte adapté à la conception de pages web. Le HTML est un langage balisé, fondé en particulier sur la notion de lien hypertexte,

Plus en détail

Webmestre (Conception de sites Web)

Webmestre (Conception de sites Web) Webmestre (Conception de sites Web) Support de formation 1 / 17 Table des matières I Introduction 3 II - ma première page 3 Exemple Détail et explication du code III - paramètres des balises 4 Qu'est-ce

Plus en détail

Exercices et corrections. Licence QCI - module O21

Exercices et corrections. Licence QCI - module O21 Exercices et corrections Licence QCI - module O21 Exercice 1 Ecrivez le squelette d une page avec les caractéristiques suivantes - encodage : utf-8 - titre de la page : première page XHTML - auteur : vous

Plus en détail

MEMENTO. Interface d administration du site www.ville-joigny.fr. I. Identification :... 2. II. Présentation de l interface :... 3

MEMENTO. Interface d administration du site www.ville-joigny.fr. I. Identification :... 2. II. Présentation de l interface :... 3 MEMENTO Interface d administration du site www.ville-joigny.fr I. Identification :... 2 II. Présentation de l interface :... 3 III. Modification des pages du site :... 5 A. Chaque paragraphe comporte un

Plus en détail

CAMOS-CNAM/LWH Page 1 sur 81.

CAMOS-CNAM/LWH Page 1 sur 81. 1. ) Introduction à la création de pages Web 2 2. ) Comment écrire une balise? 4 3. ) Les balises obligatoires d'une page HTML 6 4. ) Les caractères accentués en HTML 8 5. ) Appliquer une forme spéciale

Plus en détail

Examen d'informatique module INF112. 1ère session 2003-2004. sans calculatrice, sans document

Examen d'informatique module INF112. 1ère session 2003-2004. sans calculatrice, sans document Examen d'informatique module INF112 1ère session 2003-2004 sans calculatrice, sans document Le barème est indicatif Sauf indiqué contraire, dans les questions à choix multiples, il peut (ou non) y avoir

Plus en détail

Classe de première SI HTML

Classe de première SI HTML HTML Table des matières 1. Le fonctionnement des sites web...2 2. HTML et CSS : deux langages pour créer un site web...3 2.1. Les rôles de HTML et CSS...3 2.2. Les différentes versions de HTML et CSS...3

Plus en détail

Introduction à la Simulation

Introduction à la Simulation ou comment créer votre premier jeu vidéo Jacques Duma http://math.et.info.free.fr/ http://ateliermathematique.free.fr/ Aspect visuel souhaité Aspect visuel souhaité Code source de la page HTML Feuille

Plus en détail

Technologies du Web. Phases de travail Objectifs Activités

Technologies du Web. Phases de travail Objectifs Activités Technologies du Web Tutoriel 1 : «Structurer une page Web» PROBLEMATIQUE Créer la structure d une page Web avec un éditeur de texte. CONDITIONS DE DEROULEMENT DE L ACTIVITE Phases de travail Objectifs

Plus en détail

Conception et création de pages web. Gérald Collaud Centre NTE, Université de Fribourg

Conception et création de pages web. Gérald Collaud Centre NTE, Université de Fribourg Conception et création de pages web Gérald Collaud Centre NTE, Université de Fribourg Ecole Normale, 23 août 2000 Programme! Quelques notions importantes! Comment créer des pages web! Aller plus loin!

Plus en détail

LES TABLEAUX. Créer un tableau élémentaire

LES TABLEAUX. Créer un tableau élémentaire LES TABLEAUX Il y a deux façons de créer dans un article : directement dans SPIP pour des tableaux élémentaires avec un éditeur html pour des tableaux complexes. Créer un tableau élémentaire Les colonnes

Plus en détail

1- CRÉER UN SITE WEB FRONTPAGE

1- CRÉER UN SITE WEB FRONTPAGE 1- CRÉER UN SITE WEB FRONTPAGE 1.1 Caractéristiques d un site Web FrontPage FrontPage 2003 est un logiciel de gestion de sites Web qui offre plusieurs outils pour simplifier les tâches de conception, de

Plus en détail

TP 1 : HTML 4. EXERCICE 1 : UN PREMIER DOCUMENT HTML Pour cet exercice, vous utiliserez l éditeur de texte standard de Windows

TP 1 : HTML 4. EXERCICE 1 : UN PREMIER DOCUMENT HTML Pour cet exercice, vous utiliserez l éditeur de texte standard de Windows TP 1 : HTML 4 EXERCICE 1 : UN PREMIER DOCUMENT HTML Pour cet exercice, vous utiliserez l éditeur de texte standard de Windows : Bloc-notes ou bien EDIT en mode MS-DOS suivant votre ordinateur. Les utilisateurs

Plus en détail

Nvu - KompoZer. Table des matières. Tuto rapido

Nvu - KompoZer. Table des matières. Tuto rapido Nvu - KompoZer Table des matières 1. Démarrage rapide...2 1.1. Créer une nouvelle page...2 1.2. Ouvrir une page existante...2 1.3. Enregistrer une page...2 2. Utiliser KompoZer...3 2.1. L'interface...3

Plus en détail

Conception de site web - M1 MATA 2013-2014

Conception de site web - M1 MATA 2013-2014 Ou#ls du web pour la ges#on des connaissances Marilyne Rosselle marilyne.rosselle@u- picardie.fr M2 MEGC 2013-2014 Plan du cours Par#e 1 : Introduc#on et Défini#ons Par#e 2 : Web 1.0 - Éléments de HTML

Plus en détail

CIM120. Http:// (Creation Web) Page 1

CIM120. Http:// (Creation Web) Page 1 CIM120 Http:// (Creation Web) Page 1 Organisation du module CIM120 Evaluation: 1 eval sur table 1 eval des TP Page 2 Le Web: un peu d'histoire D'Arpanet à Internet... http://fr.wikipedia.org/wiki/histoire_d'internet

Plus en détail

CSS 2. Pratique du design web

CSS 2. Pratique du design web CSS 2 Pratique du design web 2 e édition R a p h a ë l G o e t t e r a v e c l a c o n t r i b u t i o n d e S é b a s t i e n B l o n d e e l, E m m a n u e l P i e t r i g a e t J e a n - M a r i e T

Plus en détail

Publication (avancée) de données spatiales dans Internet

Publication (avancée) de données spatiales dans Internet Publication (avancée) de données spatiales dans Internet GMT-20859 & SCG-66408 HTML & CSS Thierry Badard & Frédéric Hubert Université Laval, Dép. des sciences géomatiques Québec, Canada {Thierry.Badard;

Plus en détail

Réalisation d'un site web. Première partie : Création des pages HTML. <tv>thierry.vaira@orange.fr</tv>

Réalisation d'un site web. Première partie : Création des pages HTML. <tv>thierry.vaira@orange.fr</tv> Réalisation d'un site web Première partie : Création des pages HTML 1 Objectifs Se familiariser avec le codage HTML Acquérir une pratique minimale Être capable de mener à bien la construction d'un site

Plus en détail

Tutoriel sur les bases de HTML et de PHP

Tutoriel sur les bases de HTML et de PHP Tutoriel sur les bases de HTML et de PHP Cours : Inf7214 Développement de logiciel Date : Hiver 2009 Ce tutoriel vous donne un aperçu du développement d application WEB avec les langages HTML et PHP. Vous

Plus en détail

Conception de sites Web

Conception de sites Web Actualité du cours Conception de sites Web L1 bidisciplinaire IDEA Année 2015-2016 Jérôme Darmont http://eric.univ-lyon2.fr/~jdarmont/?page_id=440 http://eric.univ-lyon2.fr/~jdarmont/?feed=rss2 https://twitter.com/darmont_lyon2

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

INITIATION HTML et CSS 3

INITIATION HTML et CSS 3 INITIATION HTML et CSS 3 Stéphane Malachane. 1 Structure de base d un page HTML titre Ordre des balises

Plus en détail

EDITEUR DE PAGE HTML NETSCAPE COMPOSER

EDITEUR DE PAGE HTML NETSCAPE COMPOSER EDITEUR DE PAGE HTML NETSCAPE COMPOSER Utilisation Netscape Composer est un éditeur de pages HTML : il vous permet de modifier et créer des pages au format HTML pour les diffuser sur le Web. Il est intégré

Plus en détail

Université de Reims Champagne-Ardenne. XML - Introduction. F. Nolot Licence professionnelle CMSII 1

Université de Reims Champagne-Ardenne. XML - Introduction. F. Nolot Licence professionnelle CMSII 1 Université de Reims Champagne-Ardenne XML - Introduction F. Nolot Licence professionnelle CMSII 1 Université de Reims Champagne-Ardenne XML - Introduction Historique F. Nolot Licence professionnelle CMSII

Plus en détail

Cours HTML pour débutant

Cours HTML pour débutant Cours HTML pour débutant Guilhem PAROUX 09-10 Mai 2007 I. FONCTIONNEMENT CLIENT-SERVEUR... 3 II. STRUCTURE D UN SITE WEB... 4 III. LE LOGICIEL NVU... 4 IV. METTRE EN LIGNE AVEC LE CLIENT FTP "FILEZILLA"...

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

HOTEL SIFOTEL : INSTALLATION D UN ESPACE INTERNET

HOTEL SIFOTEL : INSTALLATION D UN ESPACE INTERNET ACTIVITE de FORMATION ACTIVITE : : CONDITIONS D EXERCICE - Moyens et Ressources @ TAXONOMIE 1 2 3 4 Internet Logiciel Doc. PC Outillages Matériels ON DEMANDE L objectif est de répondre au cahier des charges

Plus en détail

Notice d utilisation de la partie privé du site de la Maison du Monde d Evry

Notice d utilisation de la partie privé du site de la Maison du Monde d Evry Notice d utilisation de la partie privé du site de la Maison du Monde d Evry Site réalisé d Avril à Juin 2010, avec SPIP. Etienne Herencia Sommaire : Qu est ce que SPIP?... 3 Organisation d un site SPIP...

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

XML. Nicolas Singer. Maître de conférence, université Champollion

XML. Nicolas Singer. Maître de conférence, université Champollion XML Nicolas Singer Maître de conférence, université Champollion XML? Langage de description de documents électroniques : Pour stocker et échanger des documents Par extension, pour représenter tout type

Plus en détail

Le XML et ses normes associées partie I

Le XML et ses normes associées partie I Le XML et ses normes associées partie I TechnofuturTIC (formateur : Luc Libert, ULB) Exercice à distance Version complète (et plus complexe) Le but de l exercice est de mettre en pratique de manière concrète

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

Web-Interactive Mai 2010. Interactive 2.0. Manuel d utilisation

Web-Interactive Mai 2010. Interactive 2.0. Manuel d utilisation Interactive 2.0 Manuel d utilisation 1 Contenu Chapitre 1 : L Arborescence... 3 Créer un menu.... 3 Ordonner les menus... 6 Destruction d un menu.... 6 Chapitre 2 : Les pages... 7 Titre de votre page....

Plus en détail

Programmation Tablette. Dominique Rossin Cours 1 - HTML / CSS

Programmation Tablette. Dominique Rossin Cours 1 - HTML / CSS Programmation Tablette Dominique Rossin Cours 1 - HTML / CSS Objectifs Comprendre le fonctionnement d une application Web Comprendre le fonctionnement d une application Smartphone Programmer et déployer

Plus en détail

Présentation et explications

Présentation et explications Présentation et explications 1 SOMMAIRE I) Introduction... 3 II) Installation... 3 1) Localement... 3 2) Chez un hébergeur... 4 Installation automatique... 4 Installation manuelle... 4 III) Interface de

Plus en détail

Déroulement. Conception de Sites Web dynamiques. 2 ème année en général. Conception de Sites Web 28/01/2010. Cours 1+2

Déroulement. Conception de Sites Web dynamiques. 2 ème année en général. Conception de Sites Web 28/01/2010. Cours 1+2 Déroulement Conception de Sites Web dynamiques Cours 1+2 Patrick Reuter http://www.labri.fr/~preuter/cswd2010 CM vendredi de 8h00 à 9h00 (Amphi Bât. E 3ème) TD - Groupe 1 : vendredi, 9h00 10h30 (R1-14)

Plus en détail

1. LES BALISES D'INSERTION D'OBJETS MULTIMEDIA

1. LES BALISES D'INSERTION D'OBJETS MULTIMEDIA S2 Intégration de fichiers multimédia dans une page HTML Pensez à sauvegarder fréquemment dans votre espace de travail les documents que vous réalisez! Le but de ce TP est d'ajouter une galerie multimédia

Plus en détail

Créer des styles CSS simples

Créer des styles CSS simples Créer des styles CSS simples Les styles CSS mémorisent les attributs de caractère et de paragraphe comme la police, la taille, la couleur, l alignement du texte, etc... Vous pouvez ensuite les appliquer

Plus en détail

DTD (Document Type Definition) - XML (extensible Markup Language)

DTD (Document Type Definition) - XML (extensible Markup Language) DTD (Document Type Definition) - XML (extensible Markup Language) Références : XML, Micro Application e-poche http://giles.chagnon.free.fr/cours/xml/base.html http://www.cgmatane.qc.ca/forgetj/formation/int4/xml.php

Plus en détail

Les technologies XML. Cours 2 : Transformation et Formatage de documents XML : Cours 2.2 : XSLT. Novembre 2010 - Version 3.2 -

Les technologies XML. Cours 2 : Transformation et Formatage de documents XML : Cours 2.2 : XSLT. Novembre 2010 - Version 3.2 - Les technologies XML Cours 2 : Transformation et Formatage de documents XML : Cours 2.2 : XSLT Novembre 2010 - Version 3.2 - SOMMAIRE DU COURS TRANSFORMATIONS DE DOCUMENTS XML Introduction à XSL Noeuds

Plus en détail

Référencer son site Joomla! État de l art

Référencer son site Joomla! État de l art Organisé par 30 AVRIL 2016 Référencer son site Joomla! État de l art Thierry Broussegoutte Joomla! intègre de nombreux paramètres pour réussir un référencement «on-site» et «on-page» Organisation du contenu,

Plus en détail

ECOLE : Adresse : Code postal : Ville : ECOLE : Adresse : Code postal : Ville : NOM : Le conseil de cycle atteste de l acquisition par l élève :

ECOLE : Adresse : Code postal : Ville : ECOLE : Adresse : Code postal : Ville : NOM : Le conseil de cycle atteste de l acquisition par l élève : ECOLE : Adresse : Code postal : Ville : ECOLE : Adresse : Code postal : Ville : Le conseil de cycle atteste de l acquisition par l élève : de toutes les connaissances et compétences définies par le B2i

Plus en détail

QCM TEST ISN SUJET A

QCM TEST ISN SUJET A QCM TEST ISN SUJET A 20 novembre 2012 Nom, prénom, classe : Pour chaque question, on complétera la grille par les numéros de la ou des bonnes réponses Barème : 1 point par bonne réponse à une question,

Plus en détail

MÉNESTREL. conseils de saisie et règles de présentation conventions typographiques

MÉNESTREL. conseils de saisie et règles de présentation conventions typographiques MÉNESTREL conseils de saisie et règles de présentation conventions typographiques Conseils de saisie et règles de présentation Afin d assurer la cohérence du site, la mise en forme du texte doit être réduite

Plus en détail

Ceci est une documentation préliminaire, traduite par Christine Dubois (Agilcom) et sujette à changement

Ceci est une documentation préliminaire, traduite par Christine Dubois (Agilcom) et sujette à changement Gestion des images Ceci est une documentation préliminaire, traduite par Christine Dubois (Agilcom) et sujette à changement Ce chapitre vous montre comment ajouter et afficher des images dans un site Web

Plus en détail

Création de pages WEB en HTML

Création de pages WEB en HTML Création de pages WEB en Claude Duvallet Université du Havre UFR Sciences et Techniques 25 rue Philippe Lebon - BP 540 76058 LE HAVRE CEDEX Claude.Duvallet@gmail.com http://litis.univ-lehavre.fr/ duvallet/

Plus en détail

MEMENTO HTML 4.01. 6. Chevauchement d'éléments interdits Les éléments précédents ne doivent pas se chevaucher. 1. Entités HTML

MEMENTO HTML 4.01. 6. Chevauchement d'éléments interdits Les éléments précédents ne doivent pas se chevaucher. 1. Entités HTML 12/12/02 Maîtrise des sciences de l'information et de la documentation - 2002/2003 - Mémento HTML 4.01 12 décembre 2002 1 MEMENTO HTML 4.01 Extrait de http://mist.univparis1.fr/cours/module6/intro-html.

Plus en détail

2) Combien de tableaux apparents ont été tracés dans le site et de combien de cellules?

2) Combien de tableaux apparents ont été tracés dans le site et de combien de cellules? Travail dirigé : éléments de correction Item B53 du C2I Lycée M. Ponty II- Travail d analyse technique d un site Afin de vous proposez une présentation cohérente, votre entreprise à mis en ligne une illustration

Plus en détail

360-ESZ-03 Logiciels appliqués en sciences. Microsoft Word. Document de travail portant sur l utilisation de Word. Par Votre nom

360-ESZ-03 Logiciels appliqués en sciences. Microsoft Word. Document de travail portant sur l utilisation de Word. Par Votre nom 360-ESZ-03 Logiciels appliqués en sciences Microsoft Word Document de travail portant sur l utilisation de Word Par Votre nom Pour Nom de votre professeur Remis le jour/mois/année Introduction Word est

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

TP de HTML. Nous allons commencer par créer un document html très petit, et nous l'enrichirons au fur et à mesure. Recopiez le texte suivant :

TP de HTML. Nous allons commencer par créer un document html très petit, et nous l'enrichirons au fur et à mesure. Recopiez le texte suivant : TP de HTML La base Nous allons commencer par créer un document html très petit, et nous l'enrichirons au fur et à mesure. Recopiez le texte suivant :

Plus en détail

Introduction à XML. 1. Notions de base. Introduction à XML

Introduction à XML. 1. Notions de base. Introduction à XML Introduction à XML INTRODUCTION À XML 1. NOTIONS DE BASE 2. EXEMPLE SIMPLE 3. SYNTAXE XML 3.1. LES CARACTÈRES SPÉCIAUX 4. DTD 5. DOCUMENT XML AVEC FEUILLE DE STYLE CSS 6. XLS ET XSLT 6.1. EXEMPLE DE DOCUMENT

Plus en détail

Création d une rubrique du Site Web de l établissement.

Création d une rubrique du Site Web de l établissement. Création d une rubrique du Site Web de l établissement. 0 Ouvrir la page Publisher contenant la famille concernant le jeu Besoin/objet technique et leur histoire que vous avez réalisé. Sélectionner la

Plus en détail

Dossier gestion du site web cneaf.fr

Dossier gestion du site web cneaf.fr ÉDITION DE CONTENUS Les pages, événements et articles utilisent l'outil de mise en forme «Avia» : 1 Outil de création de mise en forme Avia Celui ci permet d'agencer les contenus des pages à partir de

Plus en détail

XML (extensible Markup Language)

XML (extensible Markup Language) XML (extensible Markup Language) Références : XML, Micro Application e-poche http://giles.chagnon.free.fr/cours/xml/base.html http://www.cgmatane.qc.ca/forgetj/formation/int4/xml.php 1. Qu est-ce que XML?

Plus en détail

LE SITE INTERNET DU COLLÈGE

LE SITE INTERNET DU COLLÈGE LE SITE INTERNET DU COLLÈGE I) Introduction 1) Présentation Le site du collège est réalisé à l aide de SPIP. C'est un logiciel de publication pour l Internet qui permet de gérer un site à plusieurs, de

Plus en détail

INTRODUCTION. méta-langage

INTRODUCTION. méta-langage INTRODUCTION renault twingo Bic 1999 etc.. XML : extensible

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

Objectifs. Programmation Tablette. Journée type. Organisation. Dominique Rossin Cours 1 - HTML / CSS

Objectifs. Programmation Tablette. Journée type. Organisation. Dominique Rossin Cours 1 - HTML / CSS Objectifs Programmation Tablette Dominique Rossin Cours 1 - HTML / CSS Comprendre le fonctionnement d une application Web Comprendre le fonctionnement d une application Smartphone Programmer et déployer

Plus en détail

ORGANISATION MONDIALE DE LA PROPRIÉTÉ INTELLECTUELLE GENÈVE COMITÉ PERMANENT DES TECHNIQUES DE L INFORMATION

ORGANISATION MONDIALE DE LA PROPRIÉTÉ INTELLECTUELLE GENÈVE COMITÉ PERMANENT DES TECHNIQUES DE L INFORMATION OMPI SCIT/WG/2/4 ORIGINAL : anglais DATE : 10 août 1999 F ORGANISATION MONDIALE DE LA PROPRIÉTÉ INTELLECTUELLE GENÈVE COMITÉ PERMANENT DES TECHNIQUES DE L INFORMATION GROUPES DE TRAVAIL Deuxième session

Plus en détail

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0)

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0) G U I D E D U T I L I S AT I O N Publishare Plate-forme de gestion de contenu Module Article PubliShare utilise la librairie javascript (AJAX - Web.0) Sommaire Généralités Schéma de navigation Identification

Plus en détail

Création un article sur le site du Lycée

Création un article sur le site du Lycée Création un article sur le site du Lycée Les règles d édition à respecter : 1. Se connecter toujours avec le compte correspondant à son service pour écrire ou modifier un article. 2. Ne pas écrire d article

Plus en détail

Arbres Mathématiques Informatique et Navigateurs Internet

Arbres Mathématiques Informatique et Navigateurs Internet Arbres Mathématiques Informatique et Navigateurs Internet Jacques Duma http://math.et.info.free.fr/ http://ateliermathematique.free.fr/ Arbres Expressions Mathématiques Structure arborescente de l expression

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

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS Table des matières Présentation de la plateforme d envoi de courriels... 4 1- Gestion des contacts... 5 1.1. Base de données... 5 1.1.1- Création

Plus en détail

Guide de mise en page

Guide de mise en page Guide de mise en page L outil Librinova convertit votre manuscrit en livre numérique, c est à dire dans les formats suivants : epub, PDF et Mobipocket. L epub est le format standard du livre numérique.

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

HTML/XHTML/XML. Olivier Aubert 1/26

HTML/XHTML/XML. Olivier Aubert 1/26 HTML/XHTML/XML Olivier Aubert 1/26 Liens http://www.brics.dk/~amoeller/xml/overview.html http://www.w3.org/tr/xhtml1/#guidelines : annexe C, compatibility guidelines http://www710.univ-lyon1.fr/~exco/cours/cours/htm

Plus en détail

Créer des documents XML

Créer des documents XML 1 Créer des documents XML La spécification XML définit comment écrire un document au format XML. XML n est pas un langage en lui-même mais, en revanche, un document XML est écrit dans un langage à balises

Plus en détail

LE SITE INTERNET DU COLLÈGE

LE SITE INTERNET DU COLLÈGE LE SITE INTERNET DU COLLÈGE I ) Introduction: 1 Présentation : Le site du collège est réalisé à l aide de SPIP. C'est un logiciel de publication pour l Internet qui permet de gérer un site à plusieurs,

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

Travailler avec les éléments de navigation

Travailler avec les éléments de navigation Travailler avec les éléments de navigation 10 Dans cette leçon, vous allez appliquer plusieurs types de liens à des éléments de page et notamment : créer un lien texte vers une page du même site ; créer

Plus en détail

ReportBuilder. - Cliquez sur l icône trois points, saisissez le nom du nouveau modèle.

ReportBuilder. - Cliquez sur l icône trois points, saisissez le nom du nouveau modèle. ReportBuilder Le nouveau moteur d impression «ReportBuilder» a été intégré dans Gestimum, il vous permettra de créer facilement vos propres modèles d impression. ReportBuilder est un produit, sophistiqué

Plus en détail

HTML INTRODUCTION. LI288 Web et développement web

HTML INTRODUCTION. LI288 Web et développement web HTML INTRODUCTION LI288 Web et développement web WWW = World Wide Web Créé en 1989 au CERN par Tim Berners-Lee Objectif initial : mettre en ligne de la documentation (initialement technique pour physiciens)

Plus en détail

Formation «Atelier Wikini»

Formation «Atelier Wikini» Formation «Atelier Wikini» Pour retrouver tous les contenus de la formation : http://outils-reseaux.org/wikini/stagescourts Mémo d'utilisation de Wikini Ecrire sur une page, enregistrer ses modifications

Plus en détail

TD 3 : Intégration HTML

TD 3 : Intégration HTML Programmation Web IMAC 2015-2016 TD 3 : Intégration HTML 14 octobre 2015 Objectif: Ce TD a pour but de se servir des concepts appris dans les TDs précédents pour intégrer entièrement une maquette de site

Plus en détail

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

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

LES TABLEAUX INSERTION - ÉDITION

LES TABLEAUX INSERTION - ÉDITION LES TABLEAUX INSERTION - ÉDITION 34 Les tableaux sont très utiles lors de la conception de sites Web : que ce soit pour la présentation de données ou carrément pour la mise en page. Insérer un tableau...

Plus en détail

Les applications utilisateur

Les applications utilisateur 4 Les applications utilisateur Ce chapitre présente différentes applications disponibles avec Mac OS X. L objectif est de vous mettre le pied à l étrier en décrivant la fonctionnalité de base. Vous allez

Plus en détail

Traitement de texte En Utilisant Microsoft Office Word 2010

Traitement de texte En Utilisant Microsoft Office Word 2010 Traitement de texte En Utilisant Microsoft Office Word 2010 Table des matières Brevet De Responsabilité... VI Introduction... IX 1. UTILISATION DE L APPLICATION DE TRAITEMENT DE TEXTE... 1 1.1. Travailler

Plus en détail