Cours de Its-Clo

Hello !

Bienvenue dans ma classe

Merci beaucoup de m'avoir prise

De rien ! Ca me fait plaisir d'aider les gens

Donc si j'ai bien compris, tu n'y connais absolument rien en site internet ?

Rien du tout ^^

Ok. Alors tout d'abord, il te faut un hébergeur (On appelle aussi ça un serveur). En fait, c'est un "espace" que tu as sur le web, afin de pouvoir héberger tes pages internet (c'est-à-dire les mettre à disposition de tes visiteurs).

Je te propose de t'inscrire à Olympe network (adresse : http://www.olympe-network.com/hosting/). Il est bien, sans pub, et entièrement gratuit. Tu regardes sous "hébergement gratuit" -> créer un compte (dans la page que je t'ai mise en lien.

J'l'ai fais mais j'ne reçois pas d'e-mail de leur part =S

C'est possible que le mail soit passé dans le courrier indésirable de ta boite mail. Ca le fait souvent avec les hébergeurs. Est-ce que tu as vérifié ?

0ui j'ai vérifier =/

Ok.

Donc je fais comment ? :$

Tu as reçu le mail ou non ?

Non =S
Tu veux que je réessaye, que je me réinscrive ?

Alors il y a du avoir un problème. Tu es sûre d'avoir mis une adresse mail correcte ? C'est très important... donc oui, réessaie.

D'accord je vais réessayer (:

Yeah ça à marcher =D
J'viens de recevoir l'e-mail (:

Pense juste à éditer tes messages si je n'ai pas répondu entre temps

Deuxièment, il va falloir apprendre à utiliser un logiciel ftp. Je te rassure, c'est simple comme bonjour. En fait, c'est un logiciel qui te permet de transférer tes pages de ton oridnateur, à ton serveur (qui est où tu as dû t'inscrire = olympe-network). Par contre, j'aurai juste besoin de connaitre le système d'exploitation que tu as sur ton ordi, parce que ça dépendra le logiciel à utiliser.

Je sais que c'est un peu chiant ce qu'on fait pour le moment, mais on est obliger de commencer par tout le "matériel". Après, ça prendra très vite forme

J'ai windows vista (:
Euh, le mail est compliqué & vu que je n'ai aucune competence informatique, tu penses que je devrais te l'envoyer ? T'auras mon mdp mais j'm'en fiche ;p

Alors il faut que tu télécharges un logiciel qui s'appelle Classic FTP.

Et si tu veux, tu peux m'envoyer le mail que tu as reçu par MP. Je te rassure, tu es loin d'être la première dans ce cas

Voilà je l'ai telecharger & je t'ai envoyer le mail par MP

J'ai bien reçu ton MP, et j'ai essayé moi-même de me connecter à ton serveur : ça marche très bien.

Donc je te mets une explication sur l'utilisation du logiciel (Classic ftp), que tu as dû installer, bien évidement.

Sinon, quand je fais référence à ce que tu dois remplir par rapport au mail, c'est par rapport à cet endroit de ton mail :

Its-Clo a écrit:

Accès FTP :
Serveur : ftp.olympe-network.com / Port : 21
Nom d'utilisateur : *****
Mot de passe : *****

(bien évidement, tu remplaceras les ***** par le mdp et le nom d'utilisateur que tu as reçu dans le mail

Donc explication :

C'est pas très compliqué, je te rassure

Donc tu ouvres ton logiciel En haut à gauche, tu cliques sur le bouton "sites". Une petite fenêtre s'ouvre. Puis tu cliques sur "Add a site". Une fenêtre s'ouvre.

Sous "label", tu mets ce que tu veux. Ca n'a pas d'importance. C'est simplement un nom que tu donnes, afin que le logiciel fasse la différentes entre plusieurs site (mais tu en as qu'un toi )

Sous "FTP server", tu entres ftp.olympe-network.com (ça te mets un lien, mais ce n'est pas moi qui l'est mis, ça se mets automatiquement -> il n'amène à rien ! )

Sous "User name" : ton nom d'utilisateur (que tu as dû recevoir en mail" quand tu t'es inscrite sur olympe-network).
Et ton mot de passe sous "Password".

Tu ne coches PAS "Use secure FTP (...)".

Puis tu cliques sur OK.

Tu peux voir que tu as un "nom" qui est apparu dans la petite fenêtre. Puis tu cliques sur Close.

Donc ensuite, comment faire pour se connecter à ton serveur (c'est l'endroit où tu mets tes pages internet, de façon à ce que les gens puissent venir les voir).

Pour te connecter : en haut à gauche, il y a un bouton "Connect" avec une petite flêche à droite. Tu cliques sur la petite flêche, et tu choisis le "label" que tu avais donné (voir information plus haute). Mais bon, normalement, tu as qu'un seul choix

Pour se déconnecter, c'est le bouton "Disconnect" qui est juste à côté.

Dans la colonne de gauche : ça correspond à ton ordinateur. La colonne de droite, ça correspond à ton serveur.

Pour transférer ton fichier, tu le sélectionnes dans la partie de gauche, puis tu cliques sur la flêche qui va de gauche à droite (entre les deux colonnes). Ton fichier est alors dans le serveur, et tu peux y accéder par internet

Voilà

Ok. Donc il te faut plus que télécharger deux logiciels, qui vont servir à la création du site, et ensuite, en peux commencer le site en soi

Donc je te laisse télécharger un logiciel qui s'appelle Nvu, et un qui s'appelle Notepad++. Ils sont tous les deux gratuits.

C'est fais (:

Ok. Donc maintenant, il va falloir faire le design Je te rassure, on pourra toujours le changer par après, et ça, plutôt facilement.

Je te mets une explication sur comment le faire.

Donc déjà, un design, à la base, c'est une grande créa ^^ Par contre, on la "coupe" souvent en plusieurs partie afin que ce soit plus facile à coder. Coder, ça veut dire faire en sorte qu'on puisse mettre du texte, des images, des liens... faire que ça soit une page internet en fait, et non plus une image.

Donc on va faire ça en deux parties. Je te poste un exemple qu'une de mes élèves avait fait pour son site.

D'abord ce qu'on appelle le fond :
http://apu.mabul.org/up/apu/2008/07/10/img-215033v45rf.png
En fait, tu as un petite partie à gauche, où tu mets comme couleur la couleur que tu voudras pour le fond de page de ton site. Ensuite, sur l'exemple, il y a une partie noir (c'est à l'endroit où il y aura le texte sur ton site). Puis de nouveau la couleur de fond de page à droite. Tu peux reprendre les mêmes tailles que l'exemples que je t'ai donné ou changer, c'est comme tu veux.

Deuxièmement, il y a le "header". C'est en fait un blend.
Exemple qui va avec le fond :
http://apu.mabul.org/up/apu/2008/07/10/img-214951qia8n.png

Ca, tu fais la hauteur que tu veux. Pour la largeur, le header doit avoir la même largeur que la colonne "du milieu" qu'il y a dans ton fond. Sur l'exemple que je t'ai donné, tu as la partie noir qui fait xxx pixels. La largeur du header est aussi la taille xxx pixels. La hauteur du header, c'est comme tu veux

Voilà, j'ai créer le header & le fond