Écriture textuelle de documents structurés Structure notée grâce à des balises
...
SGML : Standard Generalized Markup Language

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "Écriture textuelle de documents structurés Structure notée grâce à des balises
...
SGML : Standard Generalized Markup Language"

Transcription

1 HTML

2 Langages à balises Écriture textuelle de documents structurés Structure notée grâce à des balises <section>... </section> SGML : Standard Generalized Markup Language méta-langage applications : documentation technique, lexicographie New Oxford English Dictionary, 1985 HTML 2

3 Le web et le HTML Web : né en 1990 au CERN à Genève Fondements technologiques : un langage de description de pages hypertextes : HTML, qui est une application particulière de SGML protocole HTTP fondé sur Internet (notamment sur TCP/IP) HTML 3

4 HTML, HyperText Markup Language Jeu fini de balises destiné à décrire des pages web dans une optique de présentation Propriétés Langage simple, facile à écrire Mise en œuvre rapide Permet la navigation au travers des pages d information via les liens Intégration de médias (image fixe, image animée, fichier audio) HTML 4

5 Structure générale d'un document HTML <!DOCTYPE html> <html> <head> <!-- Métadonnées du document --> <meta charset="utf-8"> <title> Titre du document </title> </head> <body>... Contenu du document... </body> </html> HTML 5

6 HTML : histoire récente HTML 4 W3C SGML XHTML 1 W3C XML XHTML 2 (draft) W3C XML SGML-like HTML 5 ou XML (draft) WHATWG puis W3C (2007) implémenté dans les navigateurs récents HTML 6

7 Situation actuelle Norme HTML 5 en cours de finalisation : Déjà largement implémentée dans les navigateurs récents Donc utilisable dès maintenant C'est le langage de l'avenir du web Deux syntaxes concrètes Syntaxe simplifiée ( HTML 5 ) la plus utilisée, sera étudiée ici Syntaxe de type XML ( XHTML 5 ) HTML 7

8 Web : fonctionnement client-serveur Obtention des pages via le protocole HTTP (requête / réponse) Client Serveur web wwwdi.supelec.fr 1 Requête : html C:\server\htdocs\jacquet\ 3 Affichage : interprétation HTML HTML fichier. html 2 Réponse : fichier. html HTML fichier. html Pour tester, les navigateurs savent aussi ouvrir des pages sur disque sans passer par HTTP HTML 8

9 Clients : navigateurs Parts de marché en Europe, septembre ,3 2,28 9,17 Chrome 37,33 Firefox 23,64 IE Safari 25,28 Opera Autres Tendance : respect des standards, innovation rapide Source : Statcounter HTML 9

10 Logiciels serveurs Parts de marché dans le monde, septembre ,96 16,05 23,1 44,89 Apache HTTPd Microsoft IIS nginx Autres Source : Netcraft HTML 10

11 Plugins : disparition en cours Permettent d'intégrer des formats de données supplémentaires dans les pages Apparus vers 1995 dans les navigateurs Exemples : Flash, applets Java, PDF, Silverlight Situation en octobre 2013 : Plugins abandonnés dans IE10/Metro, sur mobiles et tablettes Au niveau de leurs applications : Applets Java moribondes Flash Adobe abandonne développement sur mobile, recentrage sur HTML5 natif Silverlight développement arrêté par Microsoft PDF intégré nativement dans Chrome et Firefox HTML 11

12 Structure d'un document En-tête <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>titre de mon document</title> </head> <body>... </body> </html> Titre : balise title titre de la fenêtre du navigateur, de l'onglet Codage des caractères utilisé dans le fichier HTML 12

13 Point crucial : codage des caractères Documents (X)HTML, XML : fichiers texte Fichier texte contient seulement du texte ou des symboles pas de données supplémentaires type mise en forme seulement des marques pour le passage à la ligne ( caractères spéciaux, cf. '\n' en Java) Du texte ou des symboles... un fichier est une suite finie d'octets (= mots de 8 bits) les caractères (lettres, chiffres, symboles) doivent donc être empaquetés dans un flux d'octets HTML 13

14 Code ASCII (historique) 1963 Chaque caractère est représenté par un nombre (code) 128 caractères codés sur 7 bits (8ème bit inutilisé, ou parfois utilisé comme bit de parité) Comprend : lettres majuscules et minuscules chiffres symboles (=, caractères de contrôle (CR, LF, TAB, BEL,...) HTML 14

15 Table ASCII Issue d'un manuel General Electric, 1972 HTML 15

16 Codes ASCII étendus (historiques) Utilisation du 8 ème bit 128 caractères supplémentaires pour prendre en compte les caractéristiques d une langue ou d un groupe de langues ISO (Latin-1) : français, espagnol, allemand... ISO : polonais, tchèque, hongrois... ISO 8859-xx développés et maintenus de 1982 à 2004 HTML 16

17 Unicode Chaque caractère ou symbole se voit attribuer un numéro unique (code point) Au départ sur 16 bits, maintenant sur 21 bits Plusieurs codages associés : UTF-32/UCS-4, UTF-16/UCS-2, UTF-8,... Forme Bits utiles Code points 0xxxxxxx 1 à 7 0 à xxxxx 10xxxxxx 8 à à xxxx 10xxxxxx 10xxxxxx 12 à à xxx 10xxxxxx 10xxxxxx 10xxxxxx 17 à à HTML 17

18 Pourquoi doit-on indiquer le codage? S u p é l e c , Codage UTF-8 Décodage UTF S u p é l e c HTML 18

19 Pourquoi doit-on indiquer le codage? S u p é l e c , Codage UTF-8 Décodage ISO S u p à l e c HTML 19

20 Codages sur le web : Unicode, Unicode! ASCII Unicode UTF-8 Latin-1 Source : The Official Google Blog, 3 février 2012 HTML 20

21 Contenu du document <body> : corps = page (tout ce qui apparaît à l'écran) éléments de type bloc (les uns en-dessous des autres) : structure, groupements, listes, tableaux, formulaires éléments de type inline (au sein d'un bloc, bout à bout pour former des lignes) HTML 21

22 Blocs 1/7 : structure du document <section> : section, partie du document <h1>,..., <h6> : titre de section (de différents niveaux) <article> : article de blog, commentaire <aside> : section supplémentaire ( encadré ) <nav> : section qui contient des liens de navigation <header>, <footer> : en-tête et pied de page <address> : information de contact HTML 22

23 Blocs 2/7 : groupements <p> : paragraphe <pre> : bloc de code <blockquote> : citation <figure> : figure <figure> <img src="courbe_03.png" alt="..." /> <figcaption> Caractéristique courant-tension du dipôle. </figcaption> </figure> <div> : groupement quelconque HTML 23

24 Blocs 3/7 : Listes Unordered list Ordered list <ul> <li>1er élément</li> <li>2ème élément</li> <li>3ème élément</li> </ul> <ol> <li>1er élément</li> <li>2ème élément</li> <li>3ème élément</li> </ol> 1er élément 2ème élément 3ème élément 1. 1er élément 2. 2ème élément 3. 3ème élément HTML 24

25 Blocs 4/7 : Tableaux <table> Table Row ligne <tr> <td>ligne 1, colonne 1</td> <td>ligne 1, colonne 2</td> <td>ligne 1, colonne 3</td> </tr> <tr> <td>ligne 2, colonne 1</td> <td>ligne 2, colonne 2</td> <td>ligne 2, colonne 3</td> </tr> </table> Table Data cellule HTML 25

26 Blocs 5/7 : Multimédia Images <img src="toto.jpg" width="180" height="130" alt="une description de l'image" /> Vidéo <video autoplay="1" controls="1"> <source src="mavideo.ogg" type="video/ogg" /> <source src="mavideo.mov" /> <track kind="subtitles" src="brave.en.vtt" srclang="en" label="english" /> </video> Audio <audio controls="1" preload="auto" autobuffer="1"> <source src="elvis.mp3" /> <source src="elvis.ogg" /> </audio> Dessin dynamique : <canvas> HTML 26

27 Blocs 6/7 : Graphismes, mathématiques Un document HTML5 peut inclure des fragments écrits dans deux autres langages XML : <svg> : image vectorielle SVG <math> : formule mathématique MathML Exemple : HTML 27

28 Blocs 7/7 : Formulaires <form> : formulaire <input> : champ de saisie ; type donné par attribut type text, , password, date, range, checkbox, radio, file, submit... <textarea> : zone de texte multi-lignes <select> : liste de choix Exemple : HTML 28

29 Éléments inline <a> : lien (cf. planche suivante) <em>, <strong> : emphase <cite> : titre d'une œuvre <quote> : citation (mots, phrase) <abbr> : abréviation <time> : date et heure <code>, <var> : fragment de code, variable <sup>, <sub> : exposant, indice <span> : inline quelconque HTML 29

30 Hypertexte : liens <p> Vous pouvez également visiter notre <a href="musee/">musée</a>. </p>... Vous pouvez également visiter notre musée. <h1>le musée</h1> <p> De tout temps les hommes... </p>... HTML 30

31 URL: Uniform Resource Locator Chaîne de caractères qui identifie une ressource Autres exemples : Schéma : moyen d'accéder à la ressource../enseignement/ (URL relative) file:///home/jacquet/mementolatex.pdf Autres termes parfois rencontrés (abandon progressif?) URN : Uniform Resource Name (pas de moyen d'accès) Exemple : urn:isbn: URI : Uniform Resource Identifier = URL ou URN HTML 31

32 Lier vers un élément donné de la page Attribut id : identifiant unique <h1>le musée</h1>... <h2 id="collections">collections permanentes</h2> <p> Les collections permanentes sont ouvertes à la visite tous les jours sauf le mardi de... </p>... HTML 32

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

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

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

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

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

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

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

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

Cours Web nº1. P. Yger (pierre.yger@unic.cnrs-gif.fr) 14 et 18 septembre 2009. Introduction au World Wide Web et à XHTML. Internet et le Web

Cours Web nº1. P. Yger (pierre.yger@unic.cnrs-gif.fr) 14 et 18 septembre 2009. Introduction au World Wide Web et à XHTML. Internet et le Web Internet et le Web Cours Web nº1 Introduction au World Wide Web et à XHTML P. Yger (pierre.yger@unic.cnrs-gif.fr) 14 et 18 septembre 2009 P. Yger (IFIPS) Web et XHTML 14-18 Sep 2009 1 / 37 Internet et

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

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

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

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

Plus en détail

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

Langages du Web. Que savez vous???

Langages du Web. Que savez vous??? Langages du Web Que savez vous??? Le WEB World Wide Web ouwww ouweb Toile d'araignée mondiale ou la toile Le Web utilise le réseau Internet pour relier des serveurs qui, grâce aux protocoles HTTP, HTTPS,

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

Écriture de pages Web

Écriture de pages Web Écriture de pages Web Le langage HTML / XHTML Laurent Tichit Janvier 2011 Laurent Tichit 2005-2010 1 Comment fonctionne le Web? C'est un mécanisme client-serveur. Logiciel serveur : programme qui a pour

Plus en détail

Programmation Avancée pour le Web

Programmation Avancée pour le Web L3 Informatique Option : ISIL Programmation Avancée pour le Web RAMDANI Med U Bouira 1 Contenu du module Introduction aux applications Web Rappels sur les sites Web Conception d une application Web Notion

Plus en détail

Programmation Internet Cours 4

Programmation Internet Cours 4 Programmation Internet Cours 4 Kim Nguy ên http://www.lri.fr/~kn 17 octobre 2011 1 / 23 Plan 1. Système d exploitation 2. Réseau et Internet 3. Web 3.1 Internet et ses services 3.1 Fonctionnement du Web

Plus en détail

DÉCOUVRIR INTERNET DOCUMENTS PÉDAGAGIQUE NET-C

DÉCOUVRIR INTERNET DOCUMENTS PÉDAGAGIQUE NET-C DÉCOUVRIR INTERNET DOCUMENTS PÉDAGAGIQUE NET-C Net-C est un service de messagerie Internet depuis 1998, permettant de communiquer entre adresses e-mail. Net-c est un service européen, respectueux de la

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

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

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web NFA016 : Introduction O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Pour naviguer sur le Web, il faut : 1. Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des

Plus en détail

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

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

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

Plus en détail

Introduction aux Technologies de Web

Introduction aux Technologies de Web FSO - Département Math-Info morad.oudghiri@gmail.com Octobre 2014 Connaissances générales sur Internet Site web Site Web Le site web est une collection de pages web reliées entre elles, d mages, vidéos...etc.

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

Internet : Création de pages Web et contenus en ligne. Laurent HOHL laurent.hohl@free.fr

Internet : Création de pages Web et contenus en ligne. Laurent HOHL laurent.hohl@free.fr Internet : Création de pages Web et contenus en ligne Laurent HOHL laurent.hohl@free.fr Présentation de la formation «Internet : Création de pages Web et contenus en ligne» Objectifs : S initier à la mise

Plus en détail

Langages et technologies du Web 1

Langages et technologies du Web 1 Langages et technologies du Web 1 Manuel ATENCIA manuel.atencia-arcas@upmf-grenoble.fr Objectifs Comprendre le fonctionnement du World Wide Web Produire des documents web statiques et dynamiques 1 2 vocabulaire

Plus en détail

Modélisation et interopérabilité : Semaine 40, cours 3

Modélisation et interopérabilité : Semaine 40, cours 3 Modélisation et interopérabilité : Semaine 40, cours 3 Benoît Valiron http://inf356.monoidal.net/ 1 Question pratique : Evaluation Trois choses : Un examen final (coef 2/3)

Plus en détail

Evolutions de Ta-Klidia

Evolutions de Ta-Klidia Evolutions de Ta-Klidia Modification du 01/01/2014 Création de taux de TVA S ils n avaient pas été créé auparavant, nous avons créé en automatique les nouveaux taux de TVA applicables en France en 2014

Plus en détail

Un code simplifié, plus léger, moins bavard. Il est plus facile à manipuler et à mettre à jour.

Un code simplifié, plus léger, moins bavard. Il est plus facile à manipuler et à mettre à jour. XHTML : introduction 1. Présentation et historique Le HTML à l origine est un langage simple destiné à la présentation des documents hypermédias. Toutefois au fil des ans, il s est avéré que le HTML ne

Plus en détail

Guide d utilisation. Outil BigBlueButton LA CONFÉRENCE EN LIGNE

Guide d utilisation. Outil BigBlueButton LA CONFÉRENCE EN LIGNE Guide d utilisation Outil BigBlueButton LA CONFÉRENCE EN LIGNE Table des matières Présentation 3 Les rôles et le statut de présentateur 3 Prérequis - Conseils d utilisation 4 Mise en oeuvre dans l ENT

Plus en détail

Cours de programmation web

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

Plus en détail

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

IMPLÉMENTATION DE L API DE CTI

IMPLÉMENTATION DE L API DE CTI IMPLÉMENTATION DE L API DE CTI REVISION : 20 FÉVRIER 2015 Table des matières 1 Préambule 2 1.1 Définitions.................................................. 2 1.2 Description de l API CallBox de CTI....................................

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

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

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

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau) CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.

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

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

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

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

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

Démarrage sur CUMANET

Démarrage sur CUMANET Démarrage sur CUMANET Installation du Plug-in Citrix Connexion à Cum@net Paramétrages réseau 1 ère ouverture Rappel d ergonomie générale https://login.cumanet.cuma.fr Accès par Internet, et saisie code

Plus en détail

LES FICHIERS APPRENDRE À LIRE ET ÉCRIRE...

LES FICHIERS APPRENDRE À LIRE ET ÉCRIRE... LES FICHIERS APPRENDRE À LIRE ET ÉCRIRE... 1 Pourquoi utiliser des fichiers?.................................................................. 2 1.1 Deux familles de fichiers..................................................................

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

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

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

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

Denis Monnerat monnerat@u-pec.fr. Modifié: 2015/11/09. IUT de Fontainebleau

Denis Monnerat monnerat@u-pec.fr. Modifié: 2015/11/09. IUT de Fontainebleau WIM 1.1 LANGAGE HTML Denis Monnerat monnerat@u-pec.fr Modifié: 2015/11/09 IUT de Fontainebleau Sommaire 1. Introduction 2. HTML 3. Principaux éléments 4. Index des balises html(5) INTRODUCTION Internet

Plus en détail

Domaines nominaux ou Espace des noms

Domaines nominaux ou Espace des noms Domaines nominaux ou Espace des noms PLAN: 1. Objectif et Principe 2. Mise en oeuvre 1. Objectif et Principe 1.1 But: éviter les conflits de noms d'élément et d'attribut objectif: Réutilisation de l'information

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

0 Personnalisation de la méthode avec Team Foundation Server 2012 PERSONNALISATION DE LA METHODE

0 Personnalisation de la méthode avec Team Foundation Server 2012 PERSONNALISATION DE LA METHODE 0 Personnalisation de la méthode avec Team Foundation Server 2012 PERSONNALISATION DE LA METHODE AVEC TEAM FOUNDATION SERVER 2012 1 Personnalisation de la méthode avec Team Foundation Server 2012 Sommaire

Plus en détail

Configuration Centrex

Configuration Centrex Configuration Centrex sur téléphones snom avec Configuration Centrex OpenIP sur téléphones snom Table des matières Prérequis... 3 Installation... 3 Choix de la langue... 3 Choix du fuseau horaire... 4

Plus en détail

D Surfer sur l Internet

D Surfer sur l Internet D Surfer sur l Internet 1. Les navigateurs Internet Prêt à surfer sur le net? Avant ça il vous faudra un logiciel qui vous permettra d'afficher des sites Internet, faire des recherches, voir des vidéos

Plus en détail

GÉNIE LOGICIEL AVANCÉ

GÉNIE LOGICIEL AVANCÉ Institut de la Francophonie pour l Informatique RAPPORT DU PROJET GÉNIE LOGICIEL AVANCÉ Implémentation d un logiciel de gestion d emploi du temps de l IFI Réalisé par: KASEREKA Kabunga Selain TRƯƠNG Xuân

Plus en détail

Manuel d'instruction. Manuel d'instruction. Transmission électronique. du rapport mensuel. sous le format XML. Février 2015. Version 1.

Manuel d'instruction. Manuel d'instruction. Transmission électronique. du rapport mensuel. sous le format XML. Février 2015. Version 1. Manuel d'instruction Manuel d'instruction Transmission électronique du rapport mensuel sous le format XML Février 2015 Version 1.3 LE COMITÉ PARITAIRE DE L'INDUSTRIE DES SERVICES AUTOMOBILES DE LA RÉGION

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

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

SERVICE PIÈCES DÉTACHÉES COMMANDES EN LIGNE

SERVICE PIÈCES DÉTACHÉES COMMANDES EN LIGNE SERVICE PIÈCES DÉTACHÉES COMMANDES EN LIGNE MODE D EMPLOI http://ricambi.goldoni.com 2 Index 1 - CONFIGURATION DU PC / INSTALLATION... 4 2 - SE CONNECTER A GOLDONI PAR INTERNET... 5 3 - CRÉATION D UN DEVIS...

Plus en détail

Historique et éléments du WEB.

Historique et éléments du WEB. Historique et éléments du WEB...1 1. Internet...2 1.1. Adresse IP...2 1.2. DNS...2 1.3. Approche client-serveur...3 2. Web...3 2.1. CERN (Conseil Européen pour la Recherche Nucléaire)...3 2.2. URL : Uniform

Plus en détail

SII Stage d informatique pour l ingénieur

SII Stage d informatique pour l ingénieur SII Stage d informatique pour l ingénieur Création d un site Web École nationale supérieure de techniques avancées SII Stage d informatique pour l ingénieur 1 / 15 L informatique et le temps qui passe...

Plus en détail

Les nouveautés de Word et Office XP... 17 1.1 1.2 Saisie, correction et gestion efficaces de document... 39 2.1 2.2 2.3 2.4 2.5 2.

Les nouveautés de Word et Office XP... 17 1.1 1.2 Saisie, correction et gestion efficaces de document... 39 2.1 2.2 2.3 2.4 2.5 2. Chapitre 1 Les nouveautés de Word et Office XP... 17 1.1 Office XP : c est nouveau... 19 Compatibilité des formats de fichiers... 19 Sobriété du nouveau design d Office... 19 Zones de tâches du volet Office...

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

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

Sommaire : GUIDE ADMINISTRATEUR CENTREX

Sommaire : GUIDE ADMINISTRATEUR CENTREX Sommaire : GUIDE ADMINISTRATEUR CENTREX 1/ ACCES A L INTERFACE.P2 Liste des sites déployés Liste des postes déployés 2/ CONFIGURATION AVANCEE D UN POSTE...P3 Informations générales Services Equipements

Plus en détail

Plan. Unix et Programmation Web. Cours 4. Bref historique d'internet (1/2) Bref historique d'internet (2/2)

Plan. Unix et Programmation Web. Cours 4. Bref historique d'internet (1/2) Bref historique d'internet (2/2) Plan Unix et Programmation Web Cours 4 kn@lri.fr http://www.lri.fr/~kn 4.1 Internet et ses services 4.2 Fonctionnement du Web 4.3 Adressage des documents Web 4.4 Le protocole HTTP Bref historique d'internet

Plus en détail

QCM AVEC NETQUIZ 2.9 INSTALLATION, PREMIÈRE UTILISATION

QCM AVEC NETQUIZ 2.9 INSTALLATION, PREMIÈRE UTILISATION Centre Académique de Ressources et Maintenance Informatique Tertiaire Lycée Emmanuel Mounier 6 avenue Marcelin Berthelot 38029 GRENOBLE CEDEX 2 04 76 86 58 15 carmit@ac-grenoble.fr site collaboratif :

Plus en détail

PORTAIL INTERNET DECLARATIF. Paramètres de configuration du client de messagerie. Exemples avec Outlook 2010 / Outlook 2013

PORTAIL INTERNET DECLARATIF. Paramètres de configuration du client de messagerie. Exemples avec Outlook 2010 / Outlook 2013 PORTAIL INTERNET DECLARATIF Paramètres de configuration du client de messagerie Exemples avec Outlook 2010 / Outlook 2013 Guide Outlook 2010 / Outlook 2013 Page 1 sur 11 Vos données importantes : Votre

Plus en détail

Fil RSS Une nouveauté au Conseil

Fil RSS Une nouveauté au Conseil Fil RSS Une nouveauté au Conseil www.montrealmetro.ftq.qc.ca Fil RSS des nouvelles du Conseil régional FTQ Montréal métropolitain Le Conseil régional FTQ Montréal métropolitain offre dorénavant à ses internautes

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

Cours Web - HTML (1 partie)

Cours Web - HTML (1 partie) Cours Web - HTML (1 partie) Thierry Vaira BTS IRIS Avignon tvaira@free.fr v0.1 Objectifs Introduction Se familiariser avec le codage HTML et acquérir une pratique minimale. Être capable de mener à bien

Plus en détail

Jeudi 13 Janvier Jean-Marie Favreau Thomas Petazzoni

Jeudi 13 Janvier Jean-Marie Favreau Thomas Petazzoni XHTML / CSS Un duo gagnant pour un Web moderne Jeudi 13 Janvier Jean-Marie Favreau Thomas Petazzoni XML : extensible Markup Language Meta-language : permet de définir des languages Normalisé par le W3C

Plus en détail

CHAPITRE 1, LA STRUCTURE D UN DOCUMENT AU FORMAT HTML

CHAPITRE 1, LA STRUCTURE D UN DOCUMENT AU FORMAT HTML CHAPITRE 1, LA STRUCTURE D UN DOCUMENT AU FORMAT HTML 1. AVERTISSEMENT L objectif de ce support de cours n est pas de faire un catalogue exhaustif de toutes les fonctionnalités ou de toutes les balises

Plus en détail

Cours 10 Éléments du langage HTML

Cours 10 Éléments du langage HTML École de bibliothéconomie et des sciences de l information SCI6052 Information documentaire numérique Cours 10 Éléments du langage HTML Faculté des arts et des sciences 10 novembre 2015 Christine Dufour,

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

Instructions pour les agences utilisant la solution web

Instructions pour les agences utilisant la solution web Instructions pour les agences utilisant la solution web INFORMATIONS GÉNÉRALES L inscription aux services en ligne permet d utiliser le système de transmission des informations de paiement par Internet

Plus en détail

Relevé des déductions ------

Relevé des déductions ------ Cahier des charges du mode EDI du téléservice SIMPL-TVA Relevé des déductions ------ Version 1.1 10 Février 2016 SUIVI DES VERSIONS Date N Version Motif de Mise à Jour 24/07/2015 1.0 Création 10/02/2016

Plus en détail

Environnement Client/Serveur. Cours 7 JavaServer Pages (1) kn@lri.fr

Environnement Client/Serveur. Cours 7 JavaServer Pages (1) kn@lri.fr Environnement Client/Serveur Cours 7 JavaServer Pages (1) kn@lri.fr Plan 1 Rappels sur les systèmes d'exploitations / Communication par mémoire partagée 2 Réseaux généralités, IP, UDP 3 TCP, Rappels sur

Plus en détail

Les outils de création de sites web

Les outils de création de sites web Tuto 1ère séance - p1 Les outils de création de sites web Sources : Réalisez votre site web avec HTML5 et CSS3 de Mathieu Nebra (Edition Le Livre du Zéro) site fr.openclassrooms.com (anciennement «site

Plus en détail

Europresse.com Pour les bibliothèques publiques et de l enseignement

Europresse.com Pour les bibliothèques publiques et de l enseignement Europresse.com Pour les bibliothèques publiques et de l enseignement Guide d utilisation Compte Expert CEDROM-SNi Version 1.6 Pensez à l environnement, n imprimez que si nécessaire Présentation Ce guide

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

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

Introduction. Javascript. L événement onsubmit. Javascript et les formulaires. IFT1147 Programmation Serveur Web avec PHP

Introduction. Javascript. L événement onsubmit. Javascript et les formulaires. IFT1147 Programmation Serveur Web avec PHP IFT1147 Programmation Serveur Web avec PHP Au delà du HTML création dynamique de Javascript, d images et de fichiers PDF Introduction PHP ne permet pas seulement de générer du code HTML. On peut, entre

Plus en détail

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

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

Plus en détail

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

Projet SITEPERSO. Activité A1 Apprentissage du langage HTML par l'exemple Tous. Compétences mises en œuvre : Ressources utiles :

Projet SITEPERSO. Activité A1 Apprentissage du langage HTML par l'exemple Tous. Compétences mises en œuvre : Ressources utiles : Compétences mises en œuvre : C 4.2.2.2 Concevoir les mises à jour à effectuer C 5.2.4.1 Se documenter à propos d une technologie, d un composant, d un outil ou d une méthode Ressources utiles : http://slaout.linux62.org/html_css/html.html

Plus en détail

Responsable 2 ème année. Conception de Sites Web dynamiques. Règles du jeu. Déroulement. Ressources. Introduction 03/02/2015

Responsable 2 ème année. Conception de Sites Web dynamiques. Règles du jeu. Déroulement. Ressources. Introduction 03/02/2015 Responsable 2 ème année Conception de Sites Web dynamiques Cours 1+2 Patrick Reuter http://www.labri.fr/perso/preuter/cswd2015 Changements de groupe (cas exceptionnels) : Venez me voir après ce cours Explication

Plus en détail

Utiliser le site Learningapps (site gratuit) pour créer des activités interactives http://learningapps.org

Utiliser le site Learningapps (site gratuit) pour créer des activités interactives http://learningapps.org Utiliser le site Learningapps (site gratuit) pour créer des activités interactives http://learningapps.org Comment créer un compte : Choisir la langue (en haut, à droite). Cliquer sur «se connecter». Entrer

Plus en détail

Web. Projet Framework 0. Staff 42 staff@42.fr

Web. Projet Framework 0. Staff 42 staff@42.fr Web Projet Framework 0 Staff 42 staff@42.fr Résumé: Ce document est le sujet du projet Framework 0 de 42. Le but de ce mini-projet est de vous familiariser avec l installation et l utilisation d un framework.

Plus en détail

Documentation technique. des applications de l @SSR. Projet @SSR Ministère de l'éducation nationale, de l'enseignement supérieur et de la recherche

Documentation technique. des applications de l @SSR. Projet @SSR Ministère de l'éducation nationale, de l'enseignement supérieur et de la recherche Documentation technique des applications de l @SSR Projet @SSR Ministère de l'éducation nationale, de l'enseignement supérieur et de la recherche Sommaire 1 Présentation du document... 3 2 Postes de travail...

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

Historique C++ C++ : extension objet du langage C Bjarne Stroustrup, années 80 Java Inspiré de la partie objet du C++ Années 90 par SUN Vision discutable : Le C++ est un mélange de Java et de C Normalisé

Plus en détail

UNIVERSITE DE M SILA BDDA 2014/2015. Base de données XML

UNIVERSITE DE M SILA BDDA 2014/2015. Base de données XML Base de données XML XML «extensible Markup Language» fut développé en 1996, et standardisé par le W3C en 1998. C est un sous-ensemble de SGML. Il s agit d un format de documents permettant de représenter

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

Présentation de HTML5

Présentation de HTML5 Présentation de HTML5 Option Web Multimédia Polytech Paris-Sud cycle préparatoire 2e année Claude Barras (claude.barras@u-psud.fr) Université Paris-Sud & LIMSI-CNRS 22 septembre 2014 Introduction HTML5

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

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

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

XML et DTD: rappels Cours Document et Web Sémantique. Quelques concepts importants. Évolution de XML. Organisation

XML et DTD: rappels Cours Document et Web Sémantique. Quelques concepts importants. Évolution de XML. Organisation Plan et : rappels Cours Document et Web Sémantique Nicolas Malandain 1 Généralités Organisation Les éléments Les attributs Les sections littérales Les Entités Conseils 2 Organisation Les éléments Les attributs

Plus en détail