Cours de ol_mania [Fermé]

Young designer Nombre de messages : 277 Age : 32

Ok merci je vais fais ça de suite. J'éditerais

Edit: j'ai laissé les noms comme tu avais fais:

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>Chace Crawford</title>

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

<body leftmargin="0" topmargin="0" style="background-image: url(http://i75.servimg.com/u/f75/12/45/24/36/fond10.png);" marginheight="0" marginwidth="0">

<img src="http://i75.servimg.com/u/f75/12/45/24/36/cahce10.png" alt="" border="0" height="462" width="800">

<div id="droite" style="position: absolute; left: 254px; top: 350px;"><iframe src="home.html" name="home" align="middle" frameborder="0" height="1650" width="526"></iframe></div>

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

</body>
</html>

Administratrice Nombre de messages : 11442 Age : 32

Oki. Donc tu vas héberger la page. C'est beaucoup plus simple pour moi. Parce qu'en lisant simplement le code comme ça, c'est pas toujours facile à savoir si il y a quelque chose qui ne marchera pas. Alors que si la page est hébergée, on voit tout de suite si quelque chose cloche ^^

Young designer Nombre de messages : 277 Age : 32

Ok c'est fait (:

Administratrice Nombre de messages : 11442 Age : 32

J'irai voir tout ça dans le courant de la semaine prochaine Smile

Young designer Nombre de messages : 277 Age : 32

D'accord (:

Administratrice Nombre de messages : 11442 Age : 32

Coucou !

Alors c'est très bien ce que tu as fait. Il y a, par contre, un petit problème au niveau des coordonnées, pour l'affichage des pages. Je regarde ça maintenant, et j'édite pour te donner le code correct Smile

Mais tu t'es super bien débrouillée sinon Smile

EDIT :

Je t'ai régler correctement l'affichage des i-frames.

Donc tu vas ouvrir ta page index.html sur Notepad++, tu effaces tout le code, et tu mets celui-là à la place :

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>Chace Crawford</title>

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

<body leftmargin="0" topmargin="0" style="background-image: url(http://i75.servimg.com/u/f75/12/45/24/36/fond10.png);" marginheight="0" marginwidth="0">

<img src="http://i75.servimg.com/u/f75/12/45/24/36/cahce10.png" alt="" border="0" height="462" width="800">

<div id="droite" style="position: absolute; left: 259px; top: 462px;"><iframe src="home.html" name="home" align="middle" frameborder="0" height="1650" width="530"></iframe></div>

<div id="gauche" style="position: absolute; left: 9px; top: 462px;"><iframe src="gauche.html" name="gauche" align="middle" frameborder="0" height="1650" width="245"></iframe></div>

</body>
</html>

Ensuite, tu crées une nouvelle page que tu appelles home.html. et tu mets ça :

Code:: <p>PAGE HOME</p>

Et une page gauche.html, et tu mets :

Code:: <p>PAGE GAUCHE</p>

Puis tu héberges le tout Smile

Young designer Nombre de messages : 277 Age : 32

c'est fait! est-ce que le site on peu le mettre plus vers le milieu ?

Administratrice Nombre de messages : 11442 Age : 32

Alors oui, mais en fait, c'est sur le design qu'il faut que tu changes, c'est-à-dire que tu devras mettre sur ton layout, une partie grise à gauche.

Par contre, tu as ta page gauche.html qui ne s'affiche pas (dans la colonne de gauche sur le site). Elle n'est pas hébergée Smile

Young designer Nombre de messages : 277 Age : 32

ok merci .
j'avais oublié (: ça y ets je l'ai hébergé la page gauche !

Administratrice Nombre de messages : 11442 Age : 32

Est-ce que tu avais télécharger Nvu ? Sinon, il faudrait le télécharger.

Young designer Nombre de messages : 277 Age : 32

oui je l'ai télécharger (:

Administratrice Nombre de messages : 11442 Age : 32

Donc en fait, Nvu, c'est un logiciel qui permet de faire du HTML facilement. On appelle ça un logiciel WYSIWYG (= What you see is what you get). En traduction, "ce que tu vois est ce que tu fais). Le principe en fait, c'est que tu écris ton texte, mets tes images, liens... comme si tu travaillais sur word par exemple. Et le logiciel va te traduire automatiquement ce que tu écris en code HTML.

Donc tu l'installes, et après tu ouvres la page gauche.html dedans.

Alors il y a un petit truc auquel il faut ABSOLUMENT faire attention ! En haut à gauche de la fenêtre de Nvu, tu as un endroit où c'est écrit Bodytext, ou bien Corps de texte si tu as le logiciel en francais. Il faut que tu changes ça en PARAGRAPHE. !!! Veille à toujours écrire en paragraphe !!! Sinon, ça va poser des problèmes pour le CSS.

Young designer Nombre de messages : 277 Age : 32

Ok, la page de gauche c'est le menu ?

Administratrice Nombre de messages : 11442 Age : 32

Young designer Nombre de messages : 277 Age : 32

ok je vais faire ça un peu plus tard.

Administratrice Nombre de messages : 11442 Age : 32

Pas de problème !

Alors, quelques petits trucs à savoir sur l'utilisation de Nvu.

----- Pour mettre une image :

Alors pour mettre une image avec Nvu, tu fais Insertion -> Image, tu vas chercher ton image (si possible, mets-les dans le même dossier que tes pages html). Puis tu cliques sur OK.

----- Pour mettre un lien :

Ca va te servir à mettre des liens pour ton menu.

Tu sélectionnes le mot que tu veux mettre en lien, puis tu fais "Insertion" -> "lien..." Tu as une petite fenêtre qui s'ouvre. Puis dans la barre blanche, tu écris le nom de ta page (par exemple accueil.html) Tu fais de même avec tous tes liens, en changeant bien sûr le nom des pages Smile

!!! Un truc à savoir, et à respecter ABSOLUMENT !!! Ne jamais mettre de majuscules, de caractères spéciaux, d'accents ou encore des espaces dans un nom de fichier. Sur l'ordinateur, ça ne pose pas trop problème, quoique ça peut en causer quand même. Mais en HTML, ça va tout faire planter. Alors attention à ça !

Deuxièment, qui n'a plus rien à voir avec les liens... tu ne règles aucune couleur sur Nvu, ou bien taille de police ou autre. Tout ça, ça se fera avec le CSS.

Young designer Nombre de messages : 277 Age : 32

j'ai un problème, en fait sur mon ordi il y a deux sessions, une pour mon frère & une uatre pour moi. et lorsque je veux ouvrir un fichier j'arrive dans les documents de mon frère et non les miens . donc je ne peux pas ouvrir mes documents.

Administratrice Nombre de messages : 11442 Age : 32

Alors là je peux pas trop t'aider.

Young designer Nombre de messages : 277 Age : 32

c'est bon, c'était juste un bug de mond ordi. est-ce que je dois supprimer page gauche qui est écrit.

Administratrice Nombre de messages : 11442 Age : 32

Non. Tu ouvres la page gauche.html sur Nvu, et tu peux effacer le mot "gauche" (ou je ne sais plus quoi) que j'ai écrit dessus.

Ensuite, tu mets ton menu, et tu mets les liens sur les différents "mots" du menu. Par contre, il va falloir falloir ajouter un petit bout de code par après, mais je t'expliquerai tout ça quand ce sera fait Smile

Young designer Nombre de messages : 277 Age : 32

c'est fait (:

Administratrice Nombre de messages : 11442 Age : 32

Ok. Par contre, tu n'as pas mis les liens.

Emimoi a écrit:: ----- Pour mettre un lien :

Ca va te servir à mettre des liens pour ton menu.

Tu sélectionnes le mot que tu veux mettre en lien, puis tu fais "Insertion" -> "lien..." Tu as une petite fenêtre qui s'ouvre. Puis dans la barre blanche, tu écris le nom de ta page (par exemple accueil.html) Tu fais de même avec tous tes liens, en changeant bien sûr le nom des pages

!!! Un truc à savoir, et à respecter ABSOLUMENT !!! Ne jamais mettre de majuscules, de caractères spéciaux, d'accents ou encore des espaces dans un nom de fichier. Sur l'ordinateur, ça ne pose pas trop problème, quoique ça peut en causer quand même. Mais en HTML, ça va tout faire planter. Alors attention à ça !

Young designer Nombre de messages : 277 Age : 32

ok, je vais faire ça ... demain soir je pense !

Administratrice Nombre de messages : 11442 Age : 32

Oki

Pas de soucis Smile

Young designer Nombre de messages : 277 Age : 32

est-ce que je fais même pour ce ou je n'est pas encore créé de page.

» -Cours de ju-dom-
» [COURS] Introduction au cours d'HTML