PDF-Rapport site web Dufeutrelle Thomas - bienvenue

Dufeutrelle Thomas
L3 STAPS EM
Dans le cadre des cours d’informatique suivis en L3 EM, noud devons construire et réaliser un site
internet. Pour ma part, ce site est porté sur le Racing Club de Lens et son actualité car je suis un
grand fan de football et de ce club. Pour cela, il a fallu dans un premier temps trouvé un hébergeur
afin de commencer ce site. Cet hébergeur fut « chez.com » où je me suis inscrit et choisi que
j’intitulerais le site « lensactu ». Suite à cela, j’ai donc reçu un identifiant et un mot de passe afin de
me connecter sur cet hébergeur mais aussi identifier le site sur le logiciel filezilla et Kompozer afin de
publier les pages.
Ensuite, j’ai utilisé kompozer afin de créer les premières pages de mon site. Pour cela, je nomme la
première page « index.html » avec « bienvenue » comme intitulé. Ensuite j’ai suivi le tutoriel suivant
«http://claroline.patrickplante.org/kompozer/exercice.html » afin de créer mes deux premières
pages. J’ai ainsi appris les bases pour ma page d’accueil et la présentation du club. J’ai donc insérer
une barre de navigation que j’ai liée avec une autre page de mon site, ma boite mail et le site officiel
du Racing club de Lens Ensuite, j’ai créé ma page d’actualité du club en écrivant moi-même les
articles et en créant un lien sur « Lire ici » qui permet de retrouver un article plus complet sur le site
officiel du club.
J’ai également créer dans la présentation un lien avec ancrage, cela a été réalisé en plaçant le curseur
dans le haut de la page, « Insertion » puis « Ancre »et en nommant l'ancre « haut ».,Dans le bas de la
page, j’écris « Haut de la page ». Je Sélectionne le texte, et dans l'espace lien de la fenêtre des
propriétés, j’inscris #haut. En ce qui concerne l’insertion des images, je clique sur insertion, image et
sélectionne l’image dans mes fichiers, puis pour certaine je crée un lien en sélectionnant l’élément à
lier et le mettre dans « lien » dans « propriété de l’image ». En ce qui concerne les vidéos, je clique
sur partager sur You tube ou un autre site de vidéos puis « intégrer et « copier-coller » le code html
dans Kompozer, dans « Insertion » puis « code Html » et la vidéo s’insère. Par ce même procédé, j’ai
inséré la localisation de Lens sur Google Map en copiant le code Html sur Kompozer. De plus, j’ai
inséré sur ma page d’accueil, un sondage réalisé sur « 1001-vote.com » et que j’ai insérer par le code
Html également. Le classement a été inséré par un copier-coller du site de Lens.
J’ai réalisé un Mapping sur la photo officiel du Racing club de Lens, c’est-à-dire qu’en passant la
souris sur certains joueurs leur nom apparait et ils sont cliquables et correspondent à leur
présentation sur le site officiel. Pour cela, sur open office, j’ai inséré l’image, sélectionner les visages,
1
Dufeutrelle Thomas
L3 STAPS EM
noter les noms de joueurs, inséré l’adresse du lien et sauvegarder le fichier en open office mais aussi
en Html de façon à l’insérer sur Kompozer. Je l’ouvre dans Kompozer puis copier-coller le code
source de la page dans celui de la page dans lequel je veux l’insérer. Pour les images, nous pouvons
les redimensionné dans propriété de l’image puis l’onglet « dimension ». Pour le fond de page, il faut
aller dans « Format », « couleur et fond de page » puis, soit insérer une image, soit sélectionner une
couleur.
Pour publier les pages de mon site sur internet, il faut utiliser Filezilla que j’ai appris à utiliser en
regardant le tutoriel Filezilla en français que le professeur nous a donné sur Sakai. J’ai donc configuré
mon site en notant mon identifiant, mon mot de passe, l’adresse FTP du site. Lorsque cela est réalisé,
nous avons une double fenêtre avec une fenêtre de serveur local (mon ordinateur) et une fenêtre de
serveur distant correspondant au site et à l’hébergeur. Pour pouvoir publier mon site, il faut
transférer tous les fichiers et pages utilisés dans la conception du site du serveur local au serveur
distant. Puis sur Kompozer, il faut entrer les même informations que sur Filezilla concernant le site,
puis cliquer sur publier en Haut du logiciel, une fenêtre s’ouvre et il faut cocher « inclure les images
du site dans le même dossier que la page » et la page est publiée lorsque la fenêtre note
« publication terminée ».
J’ai dû résoudre un problème qui m’a demandé du temps pour le comprendre et le résoudre. La page
d’accueil n’étant pas encore publié, j’ai réalisé le processus décrit précédemment et lorsque j’allais
sur internet et visionné mon site tout s’afficher sauf les images. Cela était dû au message d’erreur qui
s’affichait lorsque je publiais ma page sur Kompozer en incluant les images et qui concernait la Map
de Google, j’ai donc supprimé cette map sur Kompozer, puis publier ma page en incluant encore les
images. Ensuite, j’ai réintroduis le code Html de Google Map pour la localisation de Lens et cela a
fonctionné
Ce cours ainsi que la construction de mon site, m’ont permis d’apprendre des choses sur la façon de
procéder en informatique, mais aussi de trouver des solutions, de me permettre de chercher des
solutions parfois pas inscrites sur les forums ou de trouver des « compromis » sur Kompozer afin de
réaliser ce que je souhaite, comme placer un élément sur une autre page si il ne fonctionne pas sur la
bonne mais le but pour moi était de comprendre « pourquoi ce problème ? », afin de le résoudre et
de progresser
2