Cours de session-sky

ok, bin j'ai fait ce que tu ma dit pour le image et j'ai fait avc Nvu ^^

http://artbook.olympe-network.com/

Administratrice Nombre de messages : 11442 Age : 32

Tu as ajouté le dossier images et les images avec Classic ftp ?

Administratrice Nombre de messages : 11442 Age : 32

Alors il doit y avoir une erreur à quelque part, parce qu'elles ne s'affichent pas.

EDIT : C'est bon, j'ai trouvé.

Voilà le code de ta page avatars.html :

Code:: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>

<body>
<p><br>
<img style="width: 200px; height: 320px;" alt="" src="images/Avatar1.png">   <img style="width: 200px; height: 320px;" alt="" src="images/Avatar2.png">   <img style="width: 200px; height: 320px;" alt="" src="images/Avatar3.png"> </p>
</body>
</html>

Tu remarqueras qu'il y a des majuscules au début de Avatar1.png, Avatar2.png et Avatar3.png Seulement, tes images s'appelle avatar1.png, avatar2.png ... (sans majuscule). Pour l'ordinateur, c'est donc deux choses différentes. Tu vas ouvrir la page avatars.html sur Notepad++, et tu mets des a minuscules.

aouki voilà c'est faiiit :d
http://artbook.olympe-network.com/

Administratrice Nombre de messages : 11442 Age : 32

Ok. Ca fonctionne cette fois. Très beaux avatars d'ailleurs Wink

xD merci

On voit quoi maintenant ?

Administratrice Nombre de messages : 11442 Age : 32

Ben ce que tu veux Wink

En gros, tu as les bases. Donc tu me dis ce que tu voudrais faire sur ton site, en prenant en exemple des autres sites par exemple.

Ok, bien j'aimerais que mon site ""ressemble"" a celui-ci
http://appearances.e3b.org/ comme pour mettre 'une chat box' ' écrire des article !! (surtt çà ^^ )
Voilà ^^

Administratrice Nombre de messages : 11442 Age : 32

Alors pour les MAJ (= mises à jour), elle utilise Cutenews. C'est en fait un système de news qu'il faut installer sur le site. Par contre, je ne l'ai jamais fait, donc je ne pourrais pas grandement aider Wink

Mais j'ai une élève qui l'a installé si jamais.

Tuto fait par mYn : https://learning-design.actifforum.com/classe-de-myn-html-et-css-f71/cutenews-installation-t9549.htm
(ne pas poster à la suite du tuto, car c'est dans sa classe)

Ceci dit, il est tout à fait possible de le faire à la main, et ce n'est pas vraiment plus long Wink

(même bien plus rapide ^^)

Euh dans le tuto y a des choses que je ne comprend pas :
quand elle dit tranfere les fichier ds un new dossier sur votre serveur c'est où ?
Et quand elle dit "cliker droit sur votre répertoire ..." c où ? ^^

Administratrice Nombre de messages : 11442 Age : 32

Ah oui, alors pour le clic-droit, je me rappelle qu'on avait pas réussi (avec mon autre élève) à trouver le menu. On avait utilisé un autre logiciel ftp si j'ai bon souvenir (Filezilla).

Pour le "transférer...", tu dois créer un nouveau dossier dans la colonne de droite du logiciel ftp (clic-droit -> new folder/nouveau dossier)

Ah OK, bien je verrai ça après lol

Là je fait un nouveau design pour le site mais je voudrai que tu m apprenne quelque chose :

-sur mon header il y a accueille portfolio commandes etc et je voudrai savoir comment faire que quand on clique sur portfolio (par exemple) sur l'image (le header) on atterri directement sur portfolio ^^ c'est pas claire ? Comme sur ce site http://appearances.e3b.org/ tu vois par exemple on clique sur Annabelle et sa amène vers une autre page donc moi je voudrai faire sa sachant que accueil portfolio etc sont sur le header ???

EDIT: Je voulais savoir aussi, si on peut changer l'adresse c'est a dire qui l'adresse se termine par .fr ou par .net ...... Il y a un moyen nan ? (PS: j'ai installer Cutenews ^^)

Administratrice Nombre de messages : 11442 Age : 32

Pour les adresses, oui, mais c'est payant à ce moment là. Ca s'appelle en nom de domaine si jamais.

En fait, tu veux que quand on clique sur une partie de l'image, ça t'amène vers une autre page. Si c'est ça, alors oui, c'est tout à fait faisaible. Ca s'appelle des images maps (ou cliquables). Myn a fait un tuto d'ailleurs :https://learning-design.actifforum.com/classe-de-myn-html-et-css-f71/code-cours-image-map-t9427.htm

En fait, le principe c'est que tu mets les coordonnées du "point" d'en haut à gauche de ta sélection au point d'en bas à droite -> ça définit donc la zone qui te servira de lien.

Ok je suis en train de le faire mais le code on le place où apres ?
Et ce qu'on a fait au débuit, tu sait mettre le header et puis le font on le fait quand même ca aussi ??

EDIT: c bon, comme tu peut le voir j'ai fait deja celui d'accueil mais on me dit aulieu de mettre ladresse de mon site faut metre en php
dans sa <area alt="NOM DU LIEN" coords="...,...,...,..." href="ICI (url du lien)">

et comprend pas lol ?

Administratrice Nombre de messages : 11442 Age : 32

Tu mets ce code à la place du bout de code qui insère l'image dans la page index.html

Je viens d'aller voir le site, et tu as réussi.

okai, mais j'ai ça <area alt="Accueil" coords="361,170,502,215" href="http://artbook.olympe-network.com/"> et quelqu'un ma dit aulieu de mettre http://mon adresse desite. Com je devrais mettre du php donc se que j'ai fait la c'est bon jy touche plus ou ... ?
Autre question par exemple pour "Galvin" qui est sur mon header je dois crée une page sappelant Galvin mais où et avec quoi et je devrais mettre quoi après dans le code ??

Administratrice Nombre de messages : 11442 Age : 32

Alors pour le Galvin, oui, il te faut créer une page galvin.html avec Nvu, comme on a fait pour portfolio.html par exemple. Et tu entends quoi par "mettre quoi après dans le code".

Sinon, pour le truc du php, j'ai pas trop compris ce que tu voulais dire... Wink

Aouki ^^

Pour "mettre quoi apres ds la code" c'est ça <area alt="Accueil" coords="361,170,502,215" href="APRES AVOIR CREE MA PAGE GALVIN JE MET QUOI ICI/"> lol j'ai trouver sauf par exemple pr Galvin c'est galvin.html comme jvient de faire pour mon site mai kan je clike jai une page blache et pas le fond ni le header ??

Pour le php, une copine ma dit d'enregistrer ma page d'accueil qui doit être index.html normalement ^^ en php car comme j'ai cutenews et cuten' doit se trouver sur une page en php donc voilà je sais pas trop moi donc je te demande ^^

EDIT: regarde en haut a droite sur le site il y a "> c pas normale comme le retirer ???

Administratrice Nombre de messages : 11442 Age : 32

et bien tu mets galvin.html Wink

href, ça signifique "le lien vers quoi" si tu préfères Wink

Sinon, oui, si tu utilises cutenwes, il te faut enregister la page index.html en index.php (avec Notepad++).

Pour le * "> * que tu as en haut, c'est que tu as dû écrire ça un endroit dans ton code. Je vais regarder.

Ca, c'est un bout de code de ta page index.html (par rapport au header) :

Code:: <body leftmargin="0" topmargin="0" style="background-image: url(http://img131.imageshack.us/img131/5945/artbookf.png);" marginheight="0" marginwidth="0">
<img src="http://img60.imageshack.us/img60/6793/artbookhf2.png"style="border: 0px solid; width: 830px; height: 300px; float: left;" usemap="#header artbook"/>
<map name="header artbook">">
<area alt="Accueil" coords="361,170,502,215" href="http://artbook.olympe-network.com/">
<area alt="Galvin" coords="510,160,622,220" href="htt://">
<area alt="Portfolio" coords="650,175,810,233" href="http://">

<area alt="Commandes" coords="383,230,565,281" href="http://">
<area alt="Affiliates" coords="565,227,716,288" href="http://">
</map>

Tu remarqueras qu'après <map name="header artbook">, tu as encore une fois le * "> * Il te faut tout simplement l'enlever.

OK je fait ça, euh tu as vu l'edite que j'ai fait en haut ^^ regarde lol

Administratrice Nombre de messages : 11442 Age : 32

Oui je l'ai vu. Je t'ai même répondu en t'expliquant comment faire dans mon message précédent.

Ah lol, ...

t sûre ? jvais repeter ma questions ^^ kan je clike sur galvin (sur le site) j'ai une page blanche qui apparait sans font ni header pk comment faire ?

Administratrice Nombre de messages : 11442 Age : 32

Euh... je rêve peut-être mais je vois pas où tu as bien pu me poser cette question.

Alors c'est comme la dernière fois, il faut que tu as ajoute ce bout de code dans ton lien (de Galvin et les autres), afin que la page s'ouvre dans l'i-frame :

Code:: target="home"

Ca te donnera (dans ta page index.html) :

Code:: <area alt="Accueil" coords="361,170,502,215" href="http://artbook.olympe-network.com/" target="home">

Par contre, il ne faut pas que tu mettes "http://artbook.olympe-network.com/", mais home.html (sinon tu auras le design qui va s'afficher en double sur ta page.

Abon ^^

Ok

» Cours de Session-sky
» Cours de session-sky
» [COURS] Introduction au cours d'HTML