Cours de KiiMy

Little designer Nombre de messages : 97 Age : 28

Voila:
http://edenhorse.freehostia.com/essais2.html

Administratrice Nombre de messages : 11442 Age : 32

Ensuite, pour postionner ton texte correctement, il faudrait que je sache en quoi tu as codé. Tu as utilisé un tableau, des frames, des divs... ?

Little designer Nombre de messages : 97 Age : 28

rien x)
juste du html ^^

Administratrice Nombre de messages : 11442 Age : 32

Euh... les div, frames et compagnie, c'est du HTML Wink

Je vais regarder plus précisément ton code demain.

Little designer Nombre de messages : 97 Age : 28

merci car tu me parle chinois là x)

Administratrice Nombre de messages : 11442 Age : 32

Alors effetivement, tu as utilisé des divs. Mais c'est asez bizarre comme tu as fait ça, parce qu'il y en a des paquets dans ton code... et je viens de voir dans le CSS que tu as encore des tables... le hic, c'est que les tables, j'y connais pas grand chose.

En fait, tu as utilisé un tableau, mais le truc, c'est qu'avec un tableau, tu ne vas pas pouvoir afficher ton contenu où tu le désir. Je pense que ce serai plus simple qu'on mettre une i-frame. Ca va régler tous les problèmes.

En quelques mots, qu'est-ce qu'une i-frame ? C'est en fait une page internet qu'on met dans une autre page internet. On a donc une page principale (qui sera index.html, puisque c'est celle sur laquelle on veut arriver lorsqu'on tape l'adresse de ton site). Dans cette fameuse page, il y a justement le design, mais pas de contenu. Puis il y a une deuxième page (par exemple : accueil.html), dans laquelle on met ton contenu (mais sans le design), et cette page viendra s'affiche dans une "partie" de la page index.html (tu définis justement cette "partie", d'où le fait que tu peux afficher ça OU tu veux).

Toutes les autres pages du site seront du style de accueil.html (c'est à dire sans le design).

On fait ça seulement si ça te convient Wink

Little designer Nombre de messages : 97 Age : 28

Oui sa me conviens ^^
merci !

Administratrice Nombre de messages : 11442 Age : 32

Ok. Alors tu vas commencer par faire une copie de ta page (celle sur laquelle on bosse), à faire AVANT TOUTES CHOSES, pour qu'on ait une sauvegarde si on fait une boulette Wink

; et nécessaire pour la suite.

Ensuite, on va mettre cette i-frame. On va refaire toute la page, en remettant les images. Donc tu vas créer une nouvelle page que tu vas appeler index.html.

Sur ton hébergeur (freehostia), tu vas créer un dossier qui s'appelle test, dans lequel on mettra toutes tes pages (pour le moment).

Donc sur la page index.html, tu vas copier ce code :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

<head>
<title>TITRE DE TON SITE</title>

<link href="style.css" type="text/css" rel="stylesheet">
</head>

<body leftmargin="0" topmargin="0" style="background-image: url(FOND.PNG);" marginheight="0" marginwidth="0">

<img src="HEADER.PNG" alt="" border="0" height="120" width="785">

<div id="kiimy" style="position: absolute; left: 30px; top: 350px;"><iframe src="accueil.html" name="kiimy" align="middle" frameborder="0" height="1650" width="220"></iframe></div>

</body>
</html>

Explication Wink

Tout en haut, c'est tout le tralala pour définir différentes choses (ce que tu as déjà mis dans ton autre page).

Ensuite, le TITRE DE TON SITE, c'est le titre de ton site Wink

Tu mets ce que tu veux à la place.

le <body... : c'est ce que je t'ai fait mettre comme ligne de code avant, pour mettre le fond dans ta page.

le <img... : idem, mais pour le header.

Ensuite arrive l'i-frame (les deux lignes de codes suivantes). On commence par le id="kiimy" : c'est en fait un nom qu'on donne à l'i-frame, afin que si on veut préciser quelque chose dessus (dans le CSS par exemple), on sache de qui on parle ^^ Ce qui est de la "position", je t'explique quand on aura fait le reste.

Le accueil.html, c'est en fait la page par défaut de l'i-frame, c'est à dire la page qui va s'afficher quand tu tapes l'adresse de ton site. Le reste, je t'explique après, parce que c'est moins facile à comprendre Wink

Deuxièmement, tu crées une page qui s'appelle accueil.html, sur laquelle tu vas juste écrire le mot "accueil" (ne rien mettre d'autre). Puis tu héberges les DEUX pages dans le dossier "test" que tu auras créés.

Little designer Nombre de messages : 97 Age : 28

Ok, je fait sa demain car mon écran se dédouble et j'ai du mal a lire ^^
Mais pour accueil.html je mes quand même la base ?
Et dans body je marque acceuil c'est sa ?

Administratrice Nombre de messages : 11442 Age : 32

Tu entends quoi par la "base" ? Tu fais tout simplement une page où tu as juste un petit texte qui s'affiche.

Little designer Nombre de messages : 97 Age : 28

oui mais je mets:

Code:: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml"><head>
<title>Mon élevage</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
</head><body>

<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="mon_elevage_fichiers/graphique_du_cite.css">
<center><a href="http://edenhorse.freehostia.com/acceuilmembre.html"><img src="mon_elevage_fichiers/banniere_ed.png" title="Eden Horse"></a><br><br><strong>

   <ul>
   <a href="http://edenhorse.freehostia.com/mon_elevage.html"><img src="mon_elevage_fichiers/elevage.png" title="Mon élevage"></a><a href="http://edenhorse.freehostia.com/v_a_r.html"><img src="mon_elevage_fichiers/v_a_r.png" title="Ventes / Achats / Refuge"></a><a href="http://edenhorse.freehostia.com/marche.html"><img src="mon_elevage_fichiers/marche.png" title="Marché"></a><a href="http://edenhorse.freehostia.com/profil.html"><img src="mon_elevage_fichiers/profil.png" title="Profil"></a><br>
   <a href="http://edenhorse.freehostia.com/essais.html"><input value="Déconnexion" type="submit"></a>
   </ul>



   <br><div id="pied_de_page">
   copyright, Eden Horse 2009-20.., tous droits réservés<br>
   Pour nous contacter <a href="mailto:edenhorse@hotmail.fr">cliquez ici</a></div></strong>
   </center>
</body></html>

Ou pas ?

Administratrice Nombre de messages : 11442 Age : 32

Oui, et tu appelles cette page accueil.html

Puis tu héberges les deux pages que tu viens de faire (dans une dossier "test" comme je te l'ai expliqué dans mon long message.

Little designer Nombre de messages : 97 Age : 28

Ok ^^
Dsl j'était cher quelqu'un donc voila ... juste, comment on créer un dossier x)

Administratrice Nombre de messages : 11442 Age : 32

En règle général, Clique-droit -> et là tu as un truc qui te fait créer un nouveau dossier. Ce n'est pas nécessairement écrit "nouveau dossier" ; des fois ça a d'autres noms, que je n'ai pas en tête.

Little designer Nombre de messages : 97 Age : 28

Ok, je fais sa dès que je trouve une seconde a moi x)

Administratrice Nombre de messages : 11442 Age : 32

Ok. Pas de problème Wink

Little designer Nombre de messages : 97 Age : 28

C'est bon ouf, je vais le faire se soir ^^
edit: c'est fait mais c'est quoi l'adresse ?

Administratrice Nombre de messages : 11442 Age : 32

Pour arriver à ce dossier ?

Code:: http://edenhorse.freehostia.com/nomdudossier/page.html

Tu remplaces le "nomdudossier" par le nom que tu as donné au dossier, et le "page.html" par le nom de ta page. Puis tu héberges les deux pages (index.html et accueil.html) dedans, car pour l'instant, elles n'y sont pas.

Little designer Nombre de messages : 97 Age : 28

Non enfin peu être juste j'ia créer un nouveau dossier (test) qui est pas dans edenhorse. Je dois le mettre dedans ?
EDIT: bon je l'es mis dans edenhorse si non c'est galère x)
mais quand je vais sur index sa me mes "no found" c'est normal ?
Voila: http://edenhorse.freehostia.com/test/index.html
Mais je peux changer la taille de mon header dans mon code ou pas car la il est un peu écrabouiller xD

Administratrice Nombre de messages : 11442 Age : 32

Quand tu es sur ton logiciel FTP, tu te connectes à ton site. Tu vas à l'endroit où tu as tes pages hébergées, et là, tu crées un nouveau dossier (c'est pas toujours écrit "dossier") dans lequel tu mets les deux pages.

Je viens de voir que tu as éditer. Effectivement, il y a un problème de header. Je vais voir. Sinon, je te règle comme il faut la position de l'i-frame et je te donne le code.

Little designer Nombre de messages : 97 Age : 28

Oui c'est bon ça ^^
FTP c'est l'hébergeur ?!

EDIT: je viens de voir que tu venais de voir que j'avais éditer x')
Ok, merci ^^

Administratrice Nombre de messages : 11442 Age : 32

oui, FTP c'est le logiciel qui te sert à héberger (enfin, c'est pas un nom de logiciel précis, mais c'est un "genre")

Sinon, tu as aussi ton fond qui est déformé. Je regarde ça et je te mets le code ici.

Little designer Nombre de messages : 97 Age : 28

Merci ^^
Chez moi le fond n'est pas déformer mais j'ai un 19" c'est peu être pour sa non ?

Administratrice Nombre de messages : 11442 Age : 32

Non, ça ne change rien la taille de l'écran. En fait, ce n'est pas déformé, mais tu as un fond différent de sur la page essai2.html. Comme ça se fait ? Tu as un fond super plus large, et du coup ça ne joue plus avec le header.

EDIT : héberge l'image "essaisdefond.png" dans le dossier "test" (tu as cette image sur ton hébergeur)

Little designer Nombre de messages : 97 Age : 28

ok, merci

je fais sa tout de suite ^^

» Cours de E.
» Cours de ju-dom
» Cours de Its-Clo
» [COURS] Introduction au cours d'HTML