Les balises Du HTML au XML. Le HTML* PREMIER TEMPS La première « révolution » est dans son nom : HYPERTEXT Mais cest le M (MARKUP) qui a un grand avenir…

Slides:



Advertisements
Présentations similaires
Effectuer une recherche avancée sur EBSCOhost Champs de styles de recherche guidés Didacticiel support.ebsco.com.
Advertisements

Création de site internet
Présentation générale de SPIP Fonctionnalités principales dun CMS La séparation entre contenu et présentation Susciter linteractivité en interne et en.
16/01/2006 : 18h30-21h30 Aurélien Barbier-Accary 1 Coordonnées Aurélien Barbier-Accary Aurélien Barbier-Accary Supports du cours accessibles sur :
Conception de Site Webs Interactifs Cours 3
Conception de Sites Web dynamiques
Conception de Site Webs Interactifs Cours 4
Internet : serveurs Web
BCDI UTILISER LE THESAURUS POUR FAIRE UNE RECHERCHE
Le developpement web  Préparé par : ASSAL Lamiae JAMALI Zakarya
HTML CSS.
Module 3.Adapter son portail Netvibes à ses besoins
XML Un format d'échange et un langage de présentation des données associé au HTML.
CREATION DE FEUILLE DE STYLE pour structuré le document XML
Utilisation du fil RSS du site du Master-Chimie d Aix-Marseille Université Tutoriel réalisé par Fabien.
Le Téléphone Russe Le Téléphone Russe. Le Téléphone Russe Le Téléphone Russe.
Construire une base de données bibliographiques Elaborer un site web
Web et Flux RSS Sébastien Bayle. 30/01/09 Comment faire un site web aujourdhui ? – Construire son propre site – Utiliser des outils OpenSource – Utiliser.
Université de La Rochelle Saisie et Mise à jour des fiches ECTS le 05/12/2001.
Nouveau blog. WordPress connexion Nommez votre blog.
Vice-rectorat de Mayotte
HTML.
Bienvenue! Qui suis-je? Webmestre depuis 1994 Café Internet en 1996 Commerce électronique Gestion de contenu web Marketing interactif.
Université de La Rochelle Saisie et Mise à jour des fiches ECTS le 01/12/2000.
Recherche Documentaire et traitement de l’information
Introduction à la structuration des documents: les techniques M2: Gestion des connaissances.
Comment optimiser la visibilité de vos contenus sur les principaux moteurs de recherches ? Rédaction de contenus SEO friendly Publication on-line.
RECHERCHER AVEC BCDI WEB
1. 2 PLAN DE LA PRÉSENTATION - SECTION 1 : Code HTML - SECTION 2.1. : CSS (Méthode 1) - SECTION 2.2. : CSS (Méthode 2) - SECTION 3 : JavaScript - SECTION.
Web sémantique : Web de demain
Créer son propre BLOG/Site web pédagogique
Projet de Master première année 2007 / 2008
Le flux RSS Symbole du flux RSS..
XML Plan du cours Introduction au fichier XML
La veille numérique : un outil pour s'informer intelligemment &
Les feuilles de style en HTML. CSS CSS: feuilles de style en cascade Permettent d’appliquer une mise en page à l’ensemble d’un site très simplement Permettent.
Création d’un site internet en XHTML + L’hébergement By Reyne & Archinard.
PROGRAMMATION WEB FRONT-END.
Outil de gestion des cartes grises
Auteur : Frédéric Thériault 1. Les sélecteurs simples  Tous les éléments HTML du sélecteur sont affectés dans le document. Exemple : h1 { color:purple;
LE HTML ISN Terminale S Un peu d’histoire …
Cours de programmation web
SSPT – CHOPIN module 2 Système de gestion de contenu de sites web Par Liette Pothier, Chargée de projet Nancy Dodier, technicienne en informatique.
L’ ACCESSIBILITE « C’est mettre le Web et ses services à la disposition de tous les individus, quels que soient leur matériel ou logiciel, leur infrastructure.
Auteur : Frédéric Thériault 1. À quoi ça sert !?  Cascading Style Sheet  Modifier la page Web en ajoutant des styles aux balises  Modifier l’apparence.
Internet : serveurs Web  Clients et serveurs : le navigateur  Sites Web et urls  Fichier source d’une page  Langage HTML 1.
Programmation Web : Introduction à XML
Technologies web et web sémantique TP3 - XML. XML eXtensible Markup Language (langage extensible de balisage) – Caractéristiques: méta-langage = un langage.
S'initier au HTML et aux feuilles de style CSS Cours 5.
HTML Cours 3. Plan du cours Les feuilles de styles CSS Mise en forme du texte et des paragraphes.
Introduction à XML Yves Bekkers. Plan Introduction - structurer l’information Les langages à balises - un peu d’histoire XML - concepts de base Outils.
Page 1Dernière mise à jour: 17 avril 2015 Service de l'enseignement des technologies de l'information, © HEC Montréal, Tous droits réservés.
S'initier au HTML et aux feuilles de style CSS Cours 5.
INTERNET Le langage HTML
Module : Langage XML (21h)
eXtensible Markup Language. Généralités sur le XML.
Html et css.
24 octobre 2012 Grégory Petit
SSPT – CHOPIN niveau 1 Système de gestion de contenu de sites web Par : Liette Pothier, chargée de projet Nancy Dodier, technicienne en informatique.
Language html Hyper Text Markup Language
Mise en forme avancée et Publication. Le CSS Avertissement : vous ne devez pas maitriser le CSS juste savoir qu’il existe et à quoi il sert ! CSS signifie.
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Bloc 1 - UE 5 - Technologies de l’information et de la communication TIC Bachelier en immobilier T. SOUMAGNE.
Plan de la présentation Le langage HTML Dreamweaver MX Les premiers outils pour créer une page web :  Propriétés d’une page  Création de cadres  Création.
Dreamweaver (2) ● les calques (layers) ● les comportements
Introduction au HTML Qu’est ce que le HTML ?
Les calques Les Template (modèles) Les Comportements Les scénarios Les formulaires Les CSS Le serveur Web de l’UTC Présentation.
DREAMWEAVER SÉANCE 2 SI28 Jonathan Barone – Thomas Lulé.
1 er séance SI28 A2004 YIN Lei Emmanuel Eugene. Plan de l’exposé  Introduction au HTML  Le HTML dans le bloc-notes (notepad)  Présentation de Dreamweaver.
TP ISN-Terminale S Notion de code HTML. I) Visualisation du code source d’une page web Se mettre sur une page web quelconque : clic droit, Afficher la.
Transcription de la présentation:

Les balises Du HTML au XML

Le HTML* PREMIER TEMPS La première « révolution » est dans son nom : HYPERTEXT Mais cest le M (MARKUP) qui a un grand avenir… *Créé par Tim Berners-Lee au CERN en 1991

Jules Verne Jules Verne

Oui mais… Ce langage permet les liens entre pages. lintégration de média Mais cette imbrication de données, dinformations et de style pose des problèmes de mise à jour…

Séparer la forme du fond SECOND TEMPS on ajoute au langage de balise (HTML) un second langage chargé de décrire le style, la présentation des pages Un fichier unique (format CSS) contient le style de chacune des balises de lensemble des pages dun site. Tandis que le fichier HTML conserve le contenu, linformation

Séparer la forme du fond Fichier HTML : Jules Verne Fichier CSS : p { font-size: 16; font-color: yellow; } h1 {font-size: 30 color: white; }

Beaucoup de HTML + 1 CSS Le style de toutes les pages du site ne dépend plus maintenant que dun seul fichier, facile à mettre à jour mais … comment optimiser la modification et la saisie par tout un chacun (y comprui les non-spécialistes) du contenu… ? Lobjectif est la « disparition du webmaster »…

Le web dynamique TROISIEME TEMPS 1- Le style dans un fichier (CSS) 2- Le contenu dans une base de données 3- La « page web » nest plus quune plateforme dintégration qui va chercher linformation dans la base et prépare une page selon les instructions de style du CSS

Vers le web sémantique QUATRIEME TEMPS Ces balises dépouillées pourraient alors servir à décrire le contenu. En les hiérarchisant, en les classant on permettrait (sur le modèle du thésaurus) aux machines de distinguer le sens des mots et de combattre lhomonymie et le bruit dasn la recherche

Vers le web sémantique Jules Verne Jules Verne

Notice exportée de BCDI Notice générale Livre fre Les réseaux sociaux Oui Les réseaux sociaux Texte imprimé Livre / …….

Lintérieur dun fil RSS… mon canal RSS tout sur tout Nouvelle du jour1 blablabla Nouvelle du jour2 blablabla2

XML RSS Notice BNF/BCDI Web sémantique Opendocument Fichier zippé crée par openoffice : –Un fichier de données (XML) –Un fichier de style –Des médias