Liens Hypertextes et Langage HTML

Slides:



Advertisements
Présentations similaires
La création de pages web Lorsqu'on « navigue » sur l'Internet, les pages que nous visitons sont encore pour beaucoup en HTML. Comment fait-on pour les.
Advertisements

Lien hypertexte ou html
HTML Abda Anne Plan Présentation Structure Texte Listes Images Liens Tableaux Formulaires.
Internet : serveurs Web
UV Libre : Refonte du site web ASI Maxime CHAMBREUIL – ASI 3 – Décembre 2001.
XHTML EXtensible HyperText Markup Language. HTML et XML HTML (HyperText Markup Language) et XML (eXtensible Markup Language) sont deux spécifications.
DOSSIER TICE 2006 MASSON Wendy 1 ère année sciences du langage
Le référencement des pages web
Projet Pluritechnique Encadree : Supervision du Portalp:
Le Téléphone Russe Le Téléphone Russe. Le Téléphone Russe Le Téléphone Russe.
Web traditionnel
INTRODUCTION Sites vitrines vs sites applicatifs Un concept abstrait
Nouveau blog. WordPress connexion Nommez votre blog.
Création de sites Web a.Création dun site Web: 1.Activer le menu « Fichier », 2.Choisir la commande « Nouveau… », 3.Dans le volet doffice qui saffiche.
Atelier « Créations de sites » : Les techniques de réalisation de sites EPN :...
Présentation des outils de recherche dinformations scientifiques.
Qelios – Formation Initiation au langage CSS
Plan de la rencontre 8 –Retour sur les cours précédents –Conception dun site WWW –Outils de développement de sites WWW Word Introduction à Netscape Composer.
Utilisation et Maîtrise de lInternet dans lenseignement « bonne maîtrise Informatique » « réelle réflexion pédagogique » « appropriation efficace des outils.
La veille numérique : un outil pour s'informer intelligemment &
Module Internet (3) 1 Département Technologie de l’Information et de la Communication Internet.
WIKIPEDIA ZHE DONG. Sommaire INTRODUCTION Bref historique Fonctionnement et concepts Wikimedia Foundation Projets publics Projets internes CONCLUSION.
LE HTML ISN Terminale S Un peu d’histoire …
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.
Quel site web portail, site de référence pour les professeurs et les étudiants de classes préparatoires ? Création d'un portail : quel cadre juridique.
Internet : serveurs Web  Clients et serveurs : le navigateur  Sites Web et urls  Fichier source d’une page  Langage HTML 1.
 Objet window, la fenêtre du navigateur
Technologies web et web sémantique TP3 - XML. XML eXtensible Markup Language (langage extensible de balisage) – Caractéristiques: méta-langage = un langage.
Site du Syndicat sur la toile
S'initier au HTML et aux feuilles de style CSS Cours 5.
SMIL Synchronized Multimedia Integration Language
Campus-Booster ID : **XXXXX Copyright © SUPINFO. All rights reserved Le développement Web.
SI 28 - Écriture interactive & multimédia Dreamweaver Séance 1 Petit Clara & Palfart Julien Printemps2008 Printemps 2008.
Soutenance du mémoire de synthèse
Module : Langage XML (21h)
Générateur d’applications WEB de gestion de données Menus et aide en ligne.
PPE 2 : Val Lamartinien Passion
Karine Vallin - Dorian Baysset
Les Systèmes de Gestion de Contenu (CMS) Allirand Maud Chabord Grégoire Massart Anne-Sophie 24 novembre 2006.
Introduction à MathML Par Katia Larrivée UQO Le 18 mars 2004.
ORGANISATION DE L’ENSEIGNEMENT Informatique et Sciences du Numérique.
Interaction Homme Machine
Apports des clients riches dans le monde du WEB 2.0
♣ Définitions ♣ Propriété d’un page web ♣ Types d’hébergement internet Hébergement mutualisé Hébergement dédié Hébergement VPS ♣ Conclusion.
28/11/2014 Procédure de gestion des documents SharePoint:
Html et css.
1 La Semaine des Arts Site Web du festival organisé par le lycée Le Grand Chênois du 07 au 12 Avril 2003.
ORGANISATION DE L’ENSEIGNEMENT
D é veloppement de sites web statiques Par DRISS AIT EL HADJ Par DRISS AIT EL HADJ Avril 2012.
Language html Hyper Text Markup Language
Dreamweaver Séance 1.
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Présentation de Dreamveawer
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
{ Java Server Pages Par Billy et Mike.  Introduction  Qu’est-ce que JSP?  Pourquoi utiliser JSP?  Développement  Balises  Servlets  Conclusion.
Dreamweaver MX.
Présentation Dreamweaver 8 (1) Nina BOUAZIZ et Matthieu DI RUSSO SI28.
Guillaume MICHAUD – Yvan LECOMTE
DREAMWEAVER Première séance Villaron Audrey – Shibly Tarek.
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.
SI28 Malépart Céline Jérémy Palmier
DREAMWEAVER SEANCE 1 Axel JACQUET GM05 – Julien VAN MOORLEGHEM GM05 A2008 Écriture interactive & multimédia Présentation Dreamweaver 8.
Introduction au HTML Qu’est ce que le HTML ?
Dreamweaver CS4 séance 1 Ahmed Aryan – Isma Teir.
Auteur : Nicolas Chourot.  Langage de spécifications de rendu d’éléments HTML  Évite la duplication  Encourage et facilite l’homogénéisation des pages.
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.
Conception de site web. Place du Web dans le monde  Entreprises  Commerce électronique  Réseaux sociaux  Les municipalités  Les partis politiques.
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.
Jquery Veille technologie – Nathan Chéron
Le KM face à la prolifération des réseaux sociaux d’entreprise
Transcription de la présentation:

Liens Hypertextes et Langage HTML Vanessa BURELLI Justine DARONDEAU

Comment utiliser le langage HTML et les liens hypertextes dans le système éducatif ? INTRODUCTION  Le langage HTML Définition Structure d’une page HTML Les liens hypertextes D’une origine vers une cible Utilisation dans le système éducatif Un repérage facile Quels dangers ? CONCLUSION 

INTRODUCTION : Méthodologie de l’exposé Définition simple et brève du langage HTML et des liens hypertextes. Utilisations des deux concepts dans le système éducatif.

Le Langage HTML HTML (HyperText Markup Language) - « un format de données conçu pour représenter les pages web » (Wikipédia). - basé sur un langage de balises impliquant des actions qui vont structurer et organiser une page web. Structure d’une page HTML - Code source de la page. - Etude sur papier.

Les Liens Hypertextes Définition Source vers destination Page d’erreur - éléments contenus dans une page HTML. - « référence dans un système hypertexte permettant de passer automatiquement d’un document consulté à un document lié ». Source vers destination - destination interne : vers un point suivant dans un même document (exemple d’un plan). destination externe : vers un point extérieur au document (exemple : vers un autre site). Page d’erreur

Utilisation dans le système scolaire Repérage facile - Familiarisation avec l’outil informatique, de manière éducative et amusante. Surveillance par le professeur. - Emergence des nouvelles technologies dans le système éducatif. - Repérage du contenu grâce à l’image. Quels dangers ? - Non surveillance. - Sites protégés = contrôle - Sites non protégés = dangers (violence, pornographie)

CONCLUSION : Ouverture Outils techniques et complexes. Puissance des liens hypertextes. - Infinis, riches. Attention : surveiller les sources.