classe de Just-me

Coucou,
Bienvenue dans ma classe, je m'appelle Cath, alias loulou...

Alors tu ne connais rien du tout en site internet ou quand même un peu ? As-tu déja un hébergeur, une idée de site ? ...
Si non, ne panique pas, on fera tout pas à pas ! On est tous passé par là à un moment où un autre !

Cath

Je n'y connais absolument rien ^^ Sinon, pour le site, je voudrais le faire sur Michaela Colin. Voilà et merci de m'avoir pris dans ta classe =)

Ahhhhhh J'adooooore ! "Angela" dans bones! Bonne idée !

On va commencer par te trouver un hébergeur, c'est un peu comme ta maison. C'est là que tout sera mis...
Alors je vois que tu es de cannes, tu peux donc t'inscrire sur free.fr, mais je ne connais pas vraiment vu que je ne suis pas de france. C'est ton hébergeur.
Sinon, on peut commencer sur http://www.cyberquebec.ca je le connais bien, puis dès que tu le souhaites, tu pourras t'inscrire sur free !

Voila dis moi quand c'est fait, et donne moi l'adresse !

Désolé, je ne comprends pas, sur le site que tu m'as donné, je fais "ajouter un lien", et puis après....
Ou alors, n'y a t-il pas un hébergeur gratuit ?

Lorsque tu es sur la page, tu fais :

Hebergement > Puis tu as 3 formules d'hébergement : personnel, gratuit ou affaires.

Dans la case hebergement gratuit, tu as le lien : inscrivez-vous maintenant, c'est là que tu dois aller !

Merci ^^ Je l'ai crée. Maintenant je fais quoi ?

C'est quoi l'adresse de ton site ?

Tu as quoi comme ordinateur pour créer ton site ? Mac ou pc ?

Si tu as un pc, tu trouveras le lien pour telecharger gratuitement notepad ici : http://www.01net.com/telecharger/windows/Internet/editeur_de_site/fiches/29119.html

Télécharge-le et tiens moi au courant !

l'adresse de mon site : http://cyberquebec.ca/michaela-online/
Et j'ai télécharger ce que tu m'a dit vu que j'ai un pc

ok, maintenant tu vas télécharger un programme appelé filezilla. Grace à ce programme tu pourras transférer tes données (tes créations de ton site) vers internet...

version windows xp, 2000, vista : http://www.01net.com/telecharger/windows/Internet/ftp/fiches/17966.html

Voila, télécharge le programme qui te convient, je t'explique ensuite comment te connecter !
_________________

Voilà ^^ Je l'ai téléchargé =)

Ok,... maintenant, on va charger tes données pour filezilla ainsi tu pourras directement mettre en ligne dès que tu auras fait quelque chose.

Tu vas ouvrir filezilla.
Tu cliques sur fichiers > manager de site (ou qqch comme ça car moi j'ai la version anglaise ! ^^)
Une page apparait.

Tu cliques sur nouveau site.

Ensuite on va te demander d'entrer des données (que tu as du recevoir par mail lors de ton inscription au site cyberquebec :
Remplis comme ceci :

Host ou hébergeur : cyberquebec.ca
port : 21
serveur type : ftp
ensuite tu dois te mettre comme type de compte: normal
user / utilisateur : michaela-online
mot de passe : (celui que tu as choisi)

Ensuite clique sur connecter...
Si tout se passe bien, tu dois savoir te connecter. Tu auras une partie vide à droite (ce que tu as déjà mis sur ton site) et une partie gauche avec ce que tu possède sur ton ordinateur...

Voilà , c'est fait ^^

Alors, ok si c'est fait, c'est très bien.
As-tu déjà un header de fait, et un fond ? Si non, tu peux faire un header dans ce style : http://www.cyberquebec.ca/marilouangel/headerdefinitif.jpg

et un fond : http://www.cyberquebec.ca/marilouangel/fonddefinitif.jpg

Dès que c'est fait, dis le moi...

J'ai fais ce header :



Mais je ne sais pas trop comment faire de fond , tu pourrais me dire vite fait qu'est-ce que je dois faire stp ? =)

voila je t'en ai fait un, est-ce qu'il te plait ?



Alors maintenant, il faut que tu héberges ton header et ton fond sur ton site.
Pour cela, ouvre filezilla, et connecte toi : fichier > site > tu cliques sur ton site et "connecter".
Ensuite tu dois sélectionner ton fichier à mettre en ligne sur ton site (il doit se trouver sur la partie de droite, donc si tu l'as heberger dans "mes documents" tu dois aller le rechercher. Pour le charger, tu dois double cliquer sur ton lien.
Si c'est fait, le lien apparait dans ta case de droite.

Donc voila heberge ton header et ton fond et dis moi quand c'est fait !

Merci beaucoup pour le fond ^^

J'ai tout hébergé =)

Est-tu certaine de bien avoir tout chargé car je ne vois toujours rien, comment as-tu appelé ton fond et ton header ?

Oui j'ai tout chargé , j'ai appelé le head "head michaela colin 3" et le fond "fond10"

Le fond est ok mais pas le header, enfin si tu dis l'avoir chargé ca doit être fait ! ^^

On va faire ta page initiale. Pour la voir, il faudra faire 3 pages ! Pour cela, ouvre notepad ++

Tu vas créer ta première page que tu appelleras "index.php".
Tu vas copier ce code et le mettre dans ta page index.

Code:

<!-- Include qui permet d'afficher le haut du site -->
<? include'header.php';?>

<!-- Le contenu de votre site en HTML (vous pouvez aussi ajouter un script en PHP)  -->
<B>TU PEUX ECRIRE ICI UN PETIT MESSAGE DE BIENVENUE PAR EXEMPLE</B>
 

<!-- Include qui permet d'afficher le menu du site -->
<? include'footer.php';?>

L'index, c'est la page qui rassemblera les 3 pages ensemble, elle est très importante.
Voila, dès que tu l'as sauvée sur ton ordinateur tu l'enregistre sur le site via filezilla (a chaque fois que tu dois mettre en ligne tu passes par filezilla)
r
Tu remarqueras qu'a une ligne, tu peux écrire toi même ton texte, moi j'ai écrit un texte en majuscule, tu peux le remplacer par le texte de ton choix, mais ne t'en fait pas, tu pourras le modifier par la suite !
Dis moi quand c'est fait !

C'est fait =)

Ok, le haut de ton site, c'est la partie header. Tu vas copier ceci dans une nouvelle page de notepad++

Code:

<html>
<head>
<title>TU ECRIS ICI LE TITRE DE TON SITE</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<!-- On ouvre le balise body et on met le fond de la page -->
<BODY background="TU AJOUTE L'URL DE TON IMAGE (LE FOND)" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

<!-- On met le design -->
<img src="TU AJOUTE L'URL DE TON HEADER" align="left">

<!-- on ouvre maintenant la balise de la zone de texte pour le contenu (Remplacer les dimensions)-->
<div id="contenu" style="position: absolute; width:LARGEUR DU HEADER MOINS 190 px; z-index: 1; left:0px; top:HAUTEUR DU HEADERpx">

Pour le bas du code, si tu as un problème on règlera ça après

Voila, et tu sauves tout sous "header.php"
Ensuite tu peux le mettre en ligne !

Voilà , c'est fait ^^

On va terminer par le menu, la page s'appellera "footer.php". N'oublie pas de tout charger sur filezilla, je ne vois rien, c'est très bizarre !

Alors voici le code de ta nouvelle page :

Code:

<!-- on referme la balise de la zone de texte pour le contenu -->
</div>

<!-- on ouvre maintenant la balise de la zone de texte pour le menu (Remplacer les dimensions)-->
<div style="position: absolute; left:LARGEUR DE LA ZONE DE CONTENU px; width:175px; top:HAUTEUR DU HEADERpx; z-index: 1;" align="justify">

<!--Vous pouvez maintenant mettre votre texte-->
<h1> Menu</h1>
Lien<br>
Lien<br>
Lien<br>
Lien<br>
Lien<br>
Lien<br>

<!--Et on oublie pas de refermer les balises body et html-->
</body></html>

Je me suis rendue compte que je n'avais pas enregistrer "index" en php , c'est peut être ça... ENfin, je l'ai réenregistrer en php et j'ai enregistrer le dernier code ^^

Y a un truc de bizarre, peux tu me faire une copie d'écran de filezilla, où on voit tes pages chargées ?