1 / 17

La Semaine des Arts

La Semaine des Arts. http://semainedesarts.free.fr Site Web du festival organisé par le lycée Le Grand Chênois du 07 au 12 Avril 2003. 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.

gala
Download Presentation

La Semaine des Arts

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. La Semaine des Arts http://semainedesarts.free.fr 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. Index.htm Fonction roll-over Programme2003.htm Pop up Plandusite.htm Résolution Le Formulaire La fonction Problèmes rencontrés Solutions Technologiques Conclusion Sommaire

  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 <script language="JavaScript">  <!-- ;  function remplacement (leNom,lUrl){ document.images[leNom].src=lUrl; }  </script> <a href = "redirige.htm" onMouseOver="remplacement ('entrez','images/entrezneg.jpg')" onMouseOut="remplacement ('entrez','images/entrez.jpg')"><img name="entrez" border="0" src="images/entrez.jpg" width="96" height="29"></a></p> <p align="center"><a href = "redirige.htm" onMouseOver="remplacement ('entrez','images/entrezneg.jpg')" onMouseOut="remplacement ('entrez','images/entrez.jpg')"></a>

  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,scrollbars=1,width="dimensionenpixel",height="dimensionenpixel"');"> (en savoir + ...)</a>

  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 <head> 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'; } //--> </script> </head> <body onLoad="redirect_resolution();">

  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. <SCRIPT LANGUAGE="JavaScript"> 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; email=document.formulaire.Email.value; testEmail=email.indexOf("@"); tel=document.formulaire.Tel.value; contact=email+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 e-mail ; "; if ( testEmail<1 ) error+="L'adresse e-mail n'est pas correct ! \n"; } if (error.length!=0) { alert(error); return false;} else { return true;} } </SCRIPT> La Fonction : testform

  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.

More Related