1 La Semaine des Arts Site Web du festival organisé par le lycée Le Grand Chênois du 07 au 12 Avril 2003

2 Présentation Chaque année une semaine dédiée à l’art est organisée afin d’initier les élèves à ses différentes pratiques et techniques. Des expositions, des spectacles, des ateliers leurs sont proposés.

3 Introduction L’objectif est de faire connaître aux élèves par l'intermédiaire du site Web, les différentes informations (organisation, déroulement, programmation…). Mais aussi de préparer le nouveau festival pour l’année prochaine, en informant les participants.

4 LE SITE INFORMATIF PUBLICITAIRE

5 Sommaire Index.htm Fonction roll-over Programme2003.htm Pop up Plandusite.htm Résolution Le Formulaire La fonction Problèmes rencontrés Solutions Technologiques Conclusion

6 Index.htm La page index permet d’accueillir les internautes puis de les filtrer selon le type de leur navigateur. Grâce à Java Script la conception d’un "Roll- over" permet visuellement d’améliorer le lien hypertexte.

7 Fonction roll-over <!-- ; function remplacement (leNom,lUrl){ document.images[leNom].src=lUrl; }

8 Programme2003.htm La page Programme 2003 énumère les différents ateliers et spectacles proposés. Pour les détailler, une nouvelle fenêtre avec des caractéristiques spécifiques à été conçue.

9 POP UP <a href="#null" onclick="javascript:window.open ('Nomdufichier.htm','','toolbar=0,location=0,directories=0,menuBar=0,resizable=1,scrollba rs=1,width="dimension en pixel",height="dimension en pixel"');"> (en savoir +...)

10 Plandusite.htm Cette page Html permet tout comme la page index de rediriger les internautes, cette fois ci, selon la configuration de leur écran.

11 Résolution function redirect_resolution() { if(screen.width < 800) // 640 et - window.location.href='resolutioninconnue.htm'; else if(screen.width < 1024) // 800 window.location.href='plandusite800.htm'; else if(screen.width == 1024) // 1024 window.location.href='plandusite1024.htm'; else if(screen.width > 1024) // + de 1280 et + window.location.href='resolutioninconnue.htm'; } //-->

12 Le Formulaire Pour pouvoir prendre contact et informer les différents artistes qui seraient intéressés pour participer à la prochaine manifestation. Une fonction Java Script analyse ainsi la validité du contenu.

13 La : testform La Fonction : testform function testform() { var error=""; var erroradresse=""; nom=document.formulaire.Nom.value; if (nom.length==0) error += "Vous n'avez pas indiqué votre Nom !. \n"; adresse=document.formulaire.Adresse.value; ville=document.formulaire.Ville.value; codepostal=document.formulaire.CodePostal.value; =document.formulaire. .value; tel=document.formulaire.Tel.value; contact= +tel; if (adresse.length==0) erroradresse += "- indiquez votre Adresse. \n"; if (codepostal.length==0) erroradresse += "- indiquez votre Code postal. \n"; if (ville.length==0) erroradresse += "- indiquez la Ville. \n"; if(erroradresse.length>0){ error +="Vous avez oublié d' : \n"; error +=erroradresse; } else{ if(contact.length==0) error +="Pour tout contact, il nous faut impérativement fournir : \n un ; "; if ( test <1 ) error+="L'adresse n'est pas correct ! \n"; } if (error.length!=0) { alert(error); return false;} else { return true;} }

14 Problèmes rencontrés Veiller au confort de l’internaute. Lui rendre la navigation simple et agréable. Lui permettre de savoir où il se situe dans le site.

15 Solutions technologiques Malgré les différentes contraintes d’affichage et de navigateur, l’utilisation de Java Script permet de gérer plus facilement ces problèmes. Le confort graphique permet de ne pas se perdre dans le site.

16 Conclusion Ma participation à l’élaboration du site m’a permis de mettre en pratique les différentes technologies des stages du D.U. mais aussi de trouver des solutions aux problèmes rencontrés.

17 Dans le déroulement de ce stage, j’ai apprécié la possibilité de travailler en collaboration avec plusieurs acteurs de la communauté scolaire (personnels d’éducations, élèves, professeurs…) avec le sentiment d’avoir offert un véritable service à ces personnes. Après cinq années d’existence, ce site apporte une réelle innovation dans les domaines de l’information, de la promotion mais aussi dans les rapports avec les intervenants extérieurs.