Embed Size (px)
DESCRIPTION
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. - PowerPoint PPT Presentation
Citation preview
1
La Semaine des ArtsLa 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ésentationPré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
IntroductionIntroduction
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 SITELE SITE
INFORMATIFPUBLICITAIRE
5
SommaireSommaire
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.htmIndex.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-overFonction 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.htmProgramme2003.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 UPPOP UP
<a href="#null" onclick="javascript:window.open
('Nomdufichier.htm','','toolbar=0,location=0,directories=0,menuBar=0,resizable=1,scrollbars=1,width="dimension en pixel",height="dimension en pixel"');">
(en savoir + ...)</a>
10
Plandusite.htmPlandusite.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ésolutionRé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 FormulaireLe 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 La Fonction : : testformtestform
<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>
14
Problèmes rencontrésProblè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 technologiquesSolutions 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
ConclusionConclusion
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.
