WebAnnotator Thibault BASTE Jingjing LI Jialin LIU 3, Mai, 2011 Projet Web/BD Extension Firefox pour l'annotation de pages Web.

Slides:



Advertisements
Présentations similaires
Été INF1025 Driouch Elmahdi
Advertisements

Projet LOT Mini-site web « Looking For You 1 »
Guide d'utilisation du CMS pour les contributeurs Exposium
Utilisation de l’outil Firebug
Diffusion Nationale TOULOUSE -Avril 2006 STS Web Services libres Supprimer des services libres.
STSWEB Echanges avec SCOnet Les éléments de structure
V 1.5 Site Web de Formation. Intérêts Cette fonctionnalité de Spiral vous permet de créer et gérer des sites web entièrement personnalisable venant s'appuyer.
Bienvenue à la démonstration de Cisco WebExTM Meeting Center
12 novembre 2012 Grégory Petit
Firebug Dévermineur Debugger.
Concevoir un site Web de A à Z Ce cours permet à létudiant de réaliser de façon professionnelle un site internet de A à Z.
Tableau blanc interactif
Enregistrement d’un document
Les fonctions élémentaires de POWER POINT
Nouvelles gestion des textes par les étiquettes Utilisation de Maplex.
Diffusion Nationale TOULOUSE -Avril 2006 STS Web Services libres Gérer les services libres.
PRESENTATION DU LOGICIEL
Présentation d'Ergonomie
Atelier DP #15 Lutilisation de loutil dessin et linsertion dimages dans le KF Présenté et animé par: Vincent Gagnon Christian Perreault Versions du KF.
Traitement de textes WinWord 3 e année Sciences Commerciales NEHAR Attia.
N. Le Gall A. Jaouën E. Morin C. Coelo Cuzon D. Le Toux
28 novembre 2012 Grégory Petit
CONSULTATION D'UN DIPLÔME
Créer son propre BLOG/Site web pédagogique
Feuilles de styles CSS Syntaxe d'application d'un style à une balise HTML : Les différents types de style : Pourquoi utiliser un style ? Possibilité étendue.
mise en forme des messages
31 octobre 2012 Grégory Petit
Site d’un chef d’orchestre
Évènement Petites fonction déjà toute faites Exemple : Construction onLoad (au chargement) = "ce qui doit se passer" onLoad s’exécute toujours dans le.
Comment utiliser FrontPage?
Vous indiquez d’abord votre identifiant, puis votre mot de passe et enfin vous cliquez sur ouvrir session.
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.
Lancement de Microsoft Word
Cliquez pour modifier le style du titre
Diffusion Nationale TOULOUSE – Décembre 2008 STS Web Services libres Gérer les services libres.
POWERPOINT.
Cours : HTML 1 avril 2013.
Générateur d’applications WEB de gestion de données Préférences.
CSS et DREAMWEAVER.
Contribution CMS.Eolas
Utilisation du logiciel: Book Creator
Search IM Nouvelle Interface adCenter Avril 2007.
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
Scénario Les scénarios permettent de modifier la position, taille … des calques au cours du temps. Son fonctionnement est très proche de celui de Macromedia.
Dreamweaver Séance 1.
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
Guillaume MICHAUD – Yvan LECOMTE
Présentation Dreamweaver – Partie 2 Mickaël PIQUE – Automne 2004.
Exposé DREAMWEAVER 2 Guillaume DUBREUIL Adrien HADOUX.
Dreamweaver le retour Avec Les Formulaires Les Calques
Flash MX er Séance LIU Xinlei GI02.
Dreamweaver (2) ● les calques (layers) ● les comportements
FORMULAIRES FOMULAIRE Permet à l’utilisateur d’entrer des renseignements le concernant. Utilisation –Inscription sur un site –Mise à jour d’une base.
Dreamweaver 2 Plan 1.Calques 2.CSS 3.Modèles 4.Comportements 5.Formulaires 6.Mise en ligne 1 Timothée Devaux Myriam Roudy Dreamweaver 2 Printemps 2008.
SI28 - Écriture interactive et multimédia Laurent FETZER GSU04, Lucie SOLA GSU06 P PRESENTATION Dreamweaver 2.
SI28 – Ecriture interactive et multimédia Sylvain Slaton – Pierre Laporte.
DREAMWEAVER SEANCE 1 Axel JACQUET GM05 – Julien VAN MOORLEGHEM GM05 A2008 Écriture interactive & multimédia Présentation Dreamweaver 8.
Formation.
Introduction au HTML Qu’est ce que le HTML ?
Dreamweaver 2 Feuilles de Style CSS Formulaires Calques Comportements
Les calques Les Template (modèles) Les Comportements Les scénarios Les formulaires Les CSS Le serveur Web de l’UTC Présentation.
Présentation Courtin maxime – GI05Automne Présentation | Rappel Photoshop | ImageReady | Utils Courtin Maxime – GI05 2 / 17 Automne 2004 Plan :
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.
Accès simplifié Web pour les responsables de Cuma 3 mars 2016.
Créer un site avec Wordpress. 1. Principes généraux 2. Installation 3. Paramétrage de Wordpress 4. Les catégories des articles 5. Les articles 6. Les.
Gabriel Dumouchel, doctorant Université de Montréal Un logiciel de création, de gestion et de partage de références à l'heure du Web 2.0.
Gabriel Dumouchel, doctorant Université de Montréal Atelier Jouvence 2011 Atelier Jouvence 2011.
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:

WebAnnotator Thibault BASTE Jingjing LI Jialin LIU 3, Mai, 2011 Projet Web/BD Extension Firefox pour l'annotation de pages Web

Index Qu’est-ce qu’une extension Firefox? Pourquoi WebAnnotator? Réalisation de WebAnnotator Pour aller plus loin…

Qu’est-ce qu’une extension Firefox?

Une extension Firefox c’est… Un moyen pour rajouter des fonctions au navigateur Du code css, javascript et Xul Exemple: firebug, adblockplus, downthemall …

Pourquoi WebAnnotator?

Objectif Annoter simplement des pages Web Importer - Activer - Souligner - Exporter

Réalisation de WebAnnotator

Menu en-tête « Outils »activerDTD

Tableaux d’annotations Plusieurs tableaux dynamiques Ajouter et supprimer une sélection Adaptation à la taille de la fenêtre

Exemple

Difficultés rencontrées Sécurité de Firefox Compatibilité: Firefox 4 & Linux Adaptation de MyTableGrid Suppression de souligner Export

Ressources utilisés MyTableGrid, Pablo Aravena (tableau) tipster, TwinHelix Designs (menu) scrapbook(fonctions de soulignement)

Pour aller plus loin…

À améliorer Possibilité de modifier en cliquant sur le texte dans le tableau Editeur du « css » pour les couleurs des textes soulignés Mettre des raccourcis claviers pour les fonctions utiles Encodage pour export

Des exceptions d’utilisation Les pages sans « body » Les pages avec élément « transparent »