IUT2 Grenoble GIDO2 Sites web documentaires Cours 2 Projet du semestre & sites web doc. Jean-Baptiste Audras Jean-baptiste.audras@iut2.upmf-grenoble.fr 1
Rappel : organisation de l'ue 10 séances de cours en salle banalisée Un examen individuel sur table mardi 18 octobre (séance 6) TD d'apprentissage des techniques de création web et de gestion de contenus En parallèle, un atelier web libre le lundi de 15h à 17h un projet à réaliser par groupe de 2 2
Rappel : planning du projet Le projet début en séance 2 Distribution du sujet global commun Les sujets précis devront être fixés (au plus tard) en début de séance 3 La phase de conception prendra fin à la Toussaint La phase de réalisation prendra fin vendredi 9 décembre avant 14h 3
Projet : choisir un sujet en binôme (1) Choix de la structure Site web amateur/personnel Ex : site de partage de photos anciennes sur un thème donné Association Ex : association de conservation du patrimoine d'une ville, avec galeries photos des monuments, etc. Collectivité territoriale/assimilés Ex : mise à disposition des couvertures des BD disponibles dans le rayon jeunesse d'une bibliothèque Entreprise Ex : mise à disposition de photographies de presse par un journal en ligne (par exemple, Grenews, La voix des allobroges ) 4
Projet : choisir un sujet en binôme (2) Choix des contenus mis à disposition sur le site Choisir un type de document à mettre à disposition sur le site : de type iconographique ou photographique dans un contexte particulier Vous devez pouvoir avoir accès à ces documents pour les utiliser sur le site scans de photos compilation de contenus provenant d'autres sites 5
Projet : choisir un sujet en binôme (3) Organisation des contenus mis à disposition sur le site Le sujet commun implique la mise à disposition d'un fond documentaire iconographique ou photographique : galeries d'images / photothèque mise en place d'une structuration (arborescence) des contenus pertinente définition d'un principe de navigation dans les contenus Mais également : pages de liens utiles / sitographie ; mentions légales ; page de présentation du projet ; page contact ; 6
Typologie des sites web 7
Différents types de sites web Différenciés par le type de contenu : Sites personnels / amateurs Portfolios / CV en ligne Sites "vitrine" / institutionnels Sites marchands / e-commerce Sites associatifs Sites événementiels Réseaux sociaux Portails documentaires Différenciés par le périmètre de diffusion : Sites internet Intranets Extranets 8
Les sites web documentaires Contenus mis à disposition Informations générales / pratiques (aspect institutionnel) Présentation de la structure : bibliothèque, centre de documentation, service d'archives Présentation de l'équipe : fonctions, coordonnées Présentation des services de la structure Accès à différents produits et services en ligne Interrogation de catalogues et accès à des bases de données spécialisées Listes de publications, archives Consultation voire téléchargement de documents en ligne 9
Qu'est-ce qu'un site web? 10
C'est un ensemble de pages web disponibles sur le réseau internet Un site web est un ensemble de pages web : Stockées sur un serveur Reliées entre elles par des liens hypertextes (par le biais d'un système de navigation) Organisées de manière cohérente Consultables avec un navigateur 11
Structurer un site web L'arborescence des fichiers Pour tout site statique, quel que soit sa taille, on a au minimum l'organisation suivante : -> Répertoire contenant le site (ex : "TP1") -> Répertoire "images" -> index.html -> autres fichiers html (ex : contact.html, galerie.html ) -> styles.css 12
Conventions de nommage des fichiers d'un site web La page d'accueil s'appelle index.html Aucun espace dans les noms de fichiers Les remplacer par tiret "-" ou par underscore "_" Pas de caractères accentués ni de caractères spéciaux (exemple : &,, $, *, % ) Noms suffisamment explicites (exemple : contact.html, logo.jpg) Noms suffisamment cours 13
Révisions : correction du TP1 14
15