Collège Louis Vuitton 44 place du Collège, 01560 Saint-Trivier-de-Courtes 04 74 30 70 43
Atelier web Classes de 4ème A et 4ème C Enseignant : F. Boulay

Notre Atelier Web

Présentation

atelier web college louis vuitton

Dans notre atelier web nous sommes 13 élèves de 4ème. Nous nous voyons tous les vendredis pendant deux heures dans la salle informatique du collège. Au programme de cette année, nous allons créer des sites internet sur la thématique de notre choix mais aussi participer à un concours dans lequel on doit présenter un « métier du web ». Le résultat de ce premier travail est justement le site que vous êtes en train de visiter !



Les premières séances

Lors de notre première séance, nous avons analysé plusieurs sites web sélectionnés par notre professeur et nous en avons déduit lesquels étaient « réussis » et lesquels ne l'étaient pas. Nous avons cherché à comprendre les critères qui font qu'un site internet est réussi et nous avons donc vu ce qu'il fallait faire ou ne pas faire : le choix des couleurs, la mise en page, le graphisme…

Nous avons ensuite travaillé sur l'arborescence du site. Il s'agit de la liste de toutes les pages qui composent le site internet, et qui sont organisées et classées et rubriques et sous-rubriques. C'est bien souvent le premier travail a réaliser quand on créé un site internet. Au final, le résultat de ce travail est le menu du site que l'on trouve en haut de chaque page.

La page d'accueil

Une fois ce travail sur l'arborescence réalisé, nous nous sommes répartis en petits groupes pour organiser notre page d'accueil, sans doute la page la plus importante du site. Pour cela, nous avons travaillé sur le site internet http://framebox.org/ qui permet de créer des pages en "fil de fer" où l'on ne voit que l'emplacement de chaque élément, sans image ni texte ni couleur, pour se concentrer uniquement sur la construction de la page.

5 petits groupes travaillaient de leur côté à une page d'accueil en "fil de fer". Une fois le travail terminé, chaque groupe venait présenter son projet devant les autres. Le projet le plus convaincant a été conservé et mis en ligne pour la page d'accueil actuelle de notre site.



Première rencontre avec notre partenaire

adeline bouilloux directrice adaka

La semaine suivante, nous avons rencontré Madame Adeline Bouilloux, directrice de l'agence ADAKA de Bourg en Bresse qui nous a a donné des informations sur son métier ainsi que sur son agence et des renseignements pour la réalisation de notre site internet.

Elle a passé deux heures avec nous et nous avons abordé de très nombreux sujets : son parcours, sa formation, son agence, son actualité... Nous la remercions beaucoup pour sa disponibilité.




La suite de l'année

Puis, nous avons commencé à construire notre site web ensemble. Chaque personne avait une mission qu'il lui était attribuée pour l'avancement du projet. Nous nous sommes répartis les rôles et avons commencé à travailler : recherche d'information, rédaction des contenus, organisation, séances photos, tournage de vidéos...

Au fur et à mesure, nous avons appris à connaître de nouveaux mots : HTML, balise, ergonomie, nom de domaine, référencement... et avons commencé à coder des pages web. Petit à petit, le site s'est construit tel que vous le visitez actuellement.





Notre agence web

Pour comprendre la réalité de ce métier, nous avons créé notre propre agence web et nous nous sommes répartis différentes fonctions sur le modèle de l'agence Adaka, notre partenaire.



théo chef de projet

Théo

Chef de projet

ludovic chef de projet

Ludovic

Chef de projet

cyril rédacteur

Cyril

Rédaction

malo rédacteur

Malo

Rédaction

mylène rédactrice

Mylène

Rédaction / Traductions

pamela rédactrice

Pamela

Rédaction / Traductions

alicia photos

Alicia

Graphisme, photos et vidéos

éva graphisme

Eva

Graphisme, photos et vidéos

chakib développement

Chakib

Développement

igor développement

Igor

Développement

lenny développement

Lenny

Développement

rudy développement

Rudy

Développement

alexis ergonomie

Alexis

Ergonomie



Les auteurs



Mylène Rédaction

Mylène

Rédaction / Traductions

Pamela Rédaction

Pamela

Rédaction / Traductions