Cours de mel [OK]

Coucou !

Bienvenue dans ma classe

Je vois que tu as déjà un site (Gossip girl france). D'ailleurs, je le connais. J'ai déjà fait un tour dessus. Et si j'ai bon souvenir, j'ai lu à un endroit (va savoir où), que tu voulais le mettre en HTML. C'est ça ?

Sinon, est-ce que tu t'y connais un peu en HTML et en CSS ou pas du tout ?

salut ! bon, alors déjà: MERCI !lol c'est gentil de me prendre, je suis arrivée à temps là !

oui, j'ai un site, fait à partir d'un assistant, c'est cool que tu connaisses !l bref bref !

oui, je souhaite me ettre au html/css ! alors j'ai commencé toute seule avec le siteduzer0, je sais pas, je crois que tu connais il me semble ? bref, et je connais a peu pres le html (insérer un lien, une image et tout quoi) mais ça s'arrete là !

Oki. En fait, j'ai pratiquement tout appris avec le site du zéro. Je le trouve très bien.

Donc d'abord, il faudrait juste que je sache si tu veux mettre ton site en php ou en i-frame ?

Au cas où tu te poses la question, il y ades avantages et des incovénients avec les deux, donc c'est toi qui voit avec quoi tu veux faire

Et sinon, est-ce que tu voudrais utiliser Nvu pour faire les pages où bien tout écrire à la main ? Sachant que tu ne peux pas utiliser Nvu si tu fais ton site en php.

alors j'avais notepad++ pour écrire mes pages, comme ils le propose dans le site, ça ne va pas ??

alors, php je pense, bien que je n'y pige rien aux deux et que je ne sais même pas ce que ça veut dire,!lol, la majeur partie sont comme ça non ? donc partons sur php ouais!

Notepad++, ça va très bien. J'utilise celui-là d'ailleurs. Tu as dit en haut que tu savais mettre un lien, un image, du texte... en gros, il n'y a pas grand chose à savoir dans le HTML. Il y a simplement un certain nombre de balises à connaitre, mais ça se limite à ça. Après, il suffit d'imbriquer les unes dans les autres pour faire des trucs plus sophistiqués.

On va pour le php alors. Effectivement, pas mal de site sont en php maintenant.

Sinon, est-ce que tu as déjà un hébergeur ? Attention : il te faut un hébergeur acceptant le php. Ceci dit, la plupart l'accptent maintenant. (Voilà n'accepte PAS).

Un petit truc à savoir, puisque tu fais en php. On va coder le design en php, mais l'intérieur du sites est en HTML/XHTML. Tu ne peux pas écrire un site qu'en php. En fait, le php est une sorte de complément au HTML.

daccord ! bon bah tant mieux si notepad++ ça va ! parce que c'est plus simple que bloc note hein !lol

oui, j'ai free, mais le problème, je sais pas m'en servir, donc en espérant que tu saches m'aider! lol
sinon, peut etre que d'autres sont mieux, j'y connais rien, donc bon!lool

Alors pour Free, je ne peux absolument pas t'aider, pour la simple et bonne raison que je ne peux même pas accéder à un serveur. En fait, pour accéder à Free, il faut être sur le territoire français, ce qui n'est pas mon cas puisque j'habite en Suisse.

Donc là, je peux pas trop t'aider, désolée.

Moi je sus sous http://www.awardspace.com/, je le trouve bien, mais bon, il a moins de place que Free. Tu fais comme tu veux, en sachant qu'il faut demander à quelqu'un d'autre comment utiliser Free si tu prends ça Sinon, ce que je fais souvent, c'est que j'ai crée une adresse du style chenis.herbegeur.com sur un hébergeur, et je m'en sers pour faire des paquets d'essais. Donc si jamais, tu peux ouvrir un compte sour http://www.awardspace.com/, le temps que tu comprennes comment fonctionne Free.

Enfin, c'est comme tu veux

oui, daccord, je vais faire ça, pis au pir, je peux garder lui, enfin, je veux mettre pas mal de pages, donc je basculerais tuot avec free, mais dans l'immdéiat, ce sera parfait !!!

donc je me suis crée un compte, et je me suis connecté, mais j'y pige rien !lol, mais encore, c'est pas trop grave dans l'immédiat ?

Tu as crée un compte donc ? Si oui, il faut aller sur ton compte, et il y a un endroit, à droite, où il faut créer l'adresse. Je fais ça de tête, par rapport à ce que je me souviens. J'irai revoir cette après-midi si jamais.

Donc il faut que tu trouves un endroit, dans ton compte, où on te demande d'entrer l'adresse que tu veux pour ton site.

Ensuite, il va falloir télécharger Filezilla si tu ne l'as pas déjà. C'est le logiciel qui sert à transférer les pages de ton ordi au serveur.

Si tu n'y arrives pas, tu m'envoies éventuellement tes identifiants du serveur (mot de passe, adresse e-mail ou pseudo) et je te créerai ton adresse. (par MP si jamais).

Tu es sous tofiltre/tofiltre studio ?

ça yest, j'ai le logiciel, mais pas la dernière version (mon ordi est vieux^^ et le programme rare (me))

j'ai pas réussi a trouver ou je pouvais créer, ça me disais que je pouvais pas grtuitement (pourtant, j'ai pris la bonne option !lol)

écoute, comme tu me l'as proposé, je t'envoie tout ça par MP.
sinon, je suis sous tofiltre studio (version 9 je crois), donc il faut que je me crée un layout ??? mais je sais pas faire!lol, je connais même pas les mesures^^

Alors tout d'abord, j'ai besoin d'une information supplémentaire pour l'hébergeur. Je t'ai envoyé un MP d'ailleurs.

Deuxièment, j'ai aussi un vieille ordi, donc pas les dernières versions non plus. Je tourne encore avec Wondows 2000, c'est tout dire Mais je veux pas m'enséparé

Sinon, pour le layout, je peux t'expliquer si tu veux. Je suis aussi sous tofiltre Studio si jamais. Les mesurses, il y en a pas des précises. Je sais que Ninjagirl n'est pas la pour une semaine, alors je t'expliquerai le principe. C'est tout simple, tu verras.

Je te donne tout ça plus tard, j'ai pas le temps maintenant.

EDIT :

Je t'explique comment t'y prendre pour le layout, comme ça tu pourras le faire.

Je te poste un exemple. En fait, il y a deux parties pour le layout. Le fond (c'est une image très large mais pas haute du tout). Et puis il y a le header, c'est en fait le blend que tu mets en haut de ton site.

fond : https://2img.net/r/ihimizer/img403/2126/fondgl6.png
header : https://2img.net/r/ihimizer/img329/4451/headertl1.png

Pour le fond, tu peux avoir deux colonnes (et pas qu'une comme j'ai fait).
Tu auras une colonne à gauche ou à droite, comme tu préfères, qui sera pas très très large (environ 200 pixels) et l'autre colonne plus large, où il y aura le contenu de ton site.

Et sinon, pour les tailles, c'est très libre. Donc tu choisis comme tu veux.

Si tu n'as pas compris quelque chose, tu me le fais savoir

ah c'est bon alors, si tu n'as pas des versions récentes alors! lol

donc pour le header, c'est ok, j'ai compris, je vais m'y mettre après là.
Donc par contre, pour des "colone" comme tu as dit, j'ai pas tout compris à vrai dire, c'est pour les gens qui fond des menus sur le coté ? bref bref, allez, je m'y met !lol

Oui, pour les colonnes, c'est en fait quand tu as une petite colonne (à gauche ou à droite) ou tu mets les top affiliates, le menu, le tag board... et de l'autre côté, tu as une grande colonne (donc plus large) où il y aura le contenu.

Je te laisse faire alors, avec le fond et le header séparé, comme je t'ai expliqué plus haut.

Sinon, j'ai créé ton adresse.

Il faudrait que tu ailles sur Filezilla. Tu fais Fichier -> Gestionnaire de site. Une fenêtre s'ouvre. En bas, il y a un bouton "Nouveau site". Tu appuies dessus. Juste au dessus, tu as un dossier qui apparait "Nouveau site FTP". Tu le renommes avec le nom de ton site (ou ce que tu veux).

Ensuite, à droite, sous "Hôte", tu mets : gossipgirl-france.awardspace.com
Port : 21 Type de serveur : FTP

Puis en dessous, tu coches "normal" Sous utilisateur, tu mets le nom d'utilisateur que tu m'as donné par MP, et sous mot de passe : tu fais pareil.

Puis tu cliques sur "Enregistrer et quitter".

Je t'ai mise une page index.php pour que la page ne soit pas introuvable quand tu vas sur le site

Pour se connecter : en dessous de "Fichier", tu as une icône. Tu cliques sur la petite flêche juste à côté et tu cliques sur le nom que tu as donné au site.

Pour se déconnecter : Fichier -> Déconnecter.

Donc ton adresse : http://gossipgirl-france.awardspace.com/

alors j'ai fais deux trucs, je sais pas lequel est bon, et si déjàça va ce que j'ai fais !

headers: https://i.servimg.com/u/f42/11/82/49/47/header14.jpg
https://i.servimg.com/u/f42/11/82/49/47/header15.jpg

Barre: https://i.servimg.com/u/f42/11/82/49/47/barre10.jpg

par contre, ça me met impossible de me connecter en rouge sur filezilla. Je comprends pas, ça avait marché et là, ça le fait plus!

Alors pour le hader, c'est bon. Le deuxième joue parfaitement.

Par contre, pour la barre, elle n'est pas assez large. Je te le corrige si tu veux, comme ça tu verras comment ça doit être pour la prochaine version que tu ferras (si tu décides de changer un jour ^^)

En tout cas, j'adore le heade. Surtout en bas à droite avec l'image. Je trouve que ça donne super !

Sinon, j'arrive à me connecter à ton compte moi. Tu réessayeras. Il arrive que ça beugue un peu, mais faut pas te faire de soucis si de temps en temps ça ne mache pas.

Je regarde ta barre avant d'aller diner

daccord, pour la barre c'est ok ! merci sinon pour le header^^alors je n'arrive toujours pas a me connecter, voilà ce que ça me met:


Etat : Connecté à gossipgirl-france.awardspace.com. Attente du message d'accueil...
Réponse : 220 82.197.131.62 FTP server ready
Commande : USER anonymous
Réponse : 331 Password required for anonymous
Commande : PASS *****
Réponse : 530 Login incorrect.
Erreur : Impossible de se connecter !

donc tu sais comment ça se fait ???

Alors, je t'ai enregistré le header en png pour qu'il ait une meilleure qualité. Et j'ai corrigé le fond. En fait, il faut que les largeurs des colonnes dans le fond correspondent à tes largeurs dans le header.

fond : https://2img.net/r/ihimizer/img329/9391/fondmelwc8.png
header : https://2img.net/r/ihimizer/img174/3661/headermelep2.png

En tout cas, très bon choix de couleurs. Ca va super bien ensemble !

On pourra commencer à coder le design alors.

Juste savoir, on avait décidé de faire un php, c'est bien ça ?

EDIT : Dans filezilla, tu fais Fichier -> Gestionnaire de site et tu cliques sur ton site. A droite, sous "type d'autentification", tu es sûre d'avoir mis "normal" ?

Je vais diner. Je verrai tout ça cette aprèm.

merci beaucoup ! mais le header est pas génial ! moi et mon imagination !lol ! enfin bref, dans l'immédiat, c'est niquel ...lol

Bon, j'ai REUSSIS !!!!!!!!! ourah !
ça m'a mis succès du listage du repertoire et d'autres trucs, enfin pas de impossible !mdr!

bon, je vais manger aussi ! je reviens cette aprem, parce que apres, je suis pas la la semaine prochaine (je travaille^^)... au cas ou je ne revienne pas, tu es au courant, mais normalement, je reviens^^

Oki Bon appétit... bon, tu as sûrement déjà commencé ^^

Donc on va coder le layout cette aprèm si tu veux. Le site prendre forme comme ça.

je suis de retour ! bien mangé ?lol
ok, allons y !!! j'ai trop hate^^

Oui, bien mangé Toi aussi j'espère ^^

Alors on va commencer par coder ce layout

Alors en fait, en php, on crée une page avec le design, une page où il y a la colonne de gauche (la petite) et une page qui rassemble le tout.

Ensuite, toutes les autres pages seront comme celle qui rassemble le tout. Du coup, si tu veux changer le design une fois, il te suffira de changer dans la page du design, et ça te changera dans toutes les pages

Deuxièmement, il faut savoir que tu ne peux pas lire le php en local, c'est à dire que tu es obligée d'héberger tes pages pour voir le résultat.

Donc voilà, il nous reste plus qu'à commencer.

On va faire une page après l'autre. Donc tu ouvres Notepad++, et tu crées une nouvelle page que tu appelles header.php
Je te mets le code de la page, et je t'explique ce qu'il faut changer

Code:

<html>
<head>
<title>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="http://url_de_limage_de_fond.jpg" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

<!-- On met le design -->
<img src="url_du_layout.jpg" align="left">

<!-- on ouvre maintenant la balise de la zone de texte pour le contenu (Remplacer les dimensions)-->
<div style="position: absolute; width:446px; z-index: 1; left:77px; top:395px">

Donc au début, on ouvre la balise <html> ainsi que la balise <head>.

Ensuite, il y a les balises <title> et </title> Entre deux, tu mets le titre de ton site. C'est ce qui s'affichera tout en haut de la fenêtre sur IE ou Firefox.

<link rel="stylesheet" type="text/css" href="style.css"> -> c'est la ligne qui dit que la page doit se référer à une page CSS. Tu laisses comme ça pour le moment. On verra ça plus tard.

Puis on ferme la balise </head>

Ensuite, on est dans le BODY. A la place de http://url_de_limage_de_fond.jpg, tu vas mettre le lien vers ton image de fond (donc ça : https://2img.net/r/ihimizer/img329/9391/fondmelwc8.png)
Le reste, tu laisses comme ça.

Et puis il y a le div, qui va en fait définir l'endroit où tu vas mettre ton texte. Alors là, ça se calcul par rapport au pixels.
- width c'est la largeur qu'aura ta colonne du contenu (la grande colonne à droite. (tu calculeras avec tofiltre)
- left c'est la distance entre le bord de ta page et le début de la colonne du contenu (la grande colonne de droite donc).
- top c'est la distance entre le haut de ta page et le début de la colonne du contenu.

Voilà. Je te laisse déjà faire ça et tu héberges ta page. Quand tu iras voir, ça donnera un peu du chenis, mais c'est normal.

alors j'ai mis des mesures, mais je suis pas sure d'avoir tout compris, on verra !
et question bete: on héberge comment ?lol

C'est pas bête du tout. Alors sur Filezilla, tu te connectes d'abord, comme je te l'ai expliqué. Ensuite, tu vois vers le centre de la fenêtre. A gauche, tu peux naviguer dans les dossiers. Ce sont les dossiers de ton ordi. Et à droite, c'est pareil, mais ce sont les fichiers sur ton serveur. Tu choisis sur ton ordi (donc à gauche) le fichier que tu veux héberger et tu le fais tout simplement glisser dans la partie de droite

daccord, donc j'ai fais ce que tu m'as dit, et ensuite, je fais comment pour que je puisse y voir ? enfin tout simplement, je fais quoi après ?lol

edit; j'y ai trouvé !lol !
donc ensuite, je fais quoi ? mon header et tout ?

Je t'expliquer plus tard. Il faut encore faire une page qui est un peu dans le même style. Et un qui mettra le tout ensemble.

Je t'explique ça plus tard. Je dois partir.