Learning Design
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
Accueil  Dernières imagesDernières images  Rechercher  S'enregistrerS'enregistrer  Connexion  
Le Deal du moment : -28%
Précommande : Smartphone Google Pixel 8a 5G ...
Voir le deal
389 €

 

 Cours de Sh0uu-Piinette

Aller en bas 
2 participants
Aller à la page : Précédent  1, 2, 3, 4, 5, 6, 7, 8  Suivant
AuteurMessage
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 EmptySam 15 Nov - 13:59

Oki.

Donc maintenant il va falloir faire les pages. Va falloir recommencer celle que tu avais déjà faite par contre.

Donc le code de base de chaque page, c'est ce que je t'ai donné plus haut, c'est-à-dire ça :

[code]<? include'header.php';?>

<!-- contenu du site -->
<p>ici, tu mets le contenu de ta page</p>

<? include'footer.php';?>[code]


Donc tu dois bien sûre remplacer le "ici, tu mets le contenu de ta page" ^^ Sache qu'il faut que tu fasses attention à toujours écrire entre les balises <p> et </p> Ca forme un paragraphe en fait. Si tu veux faire espace entre deux "bouts de texte", tu fermes le </p>, et tu en révouvre un après (que tu penseras à fermer).

Tu fais tout ça avec Notepad++, parce que Nvu ne gère pas le php.

Je t'avais déjà donner le code pour mettre une image dans ta page ?
Revenir en haut Aller en bas
Sh0uu-Piinette
Young designer
Sh0uu-Piinette


Féminin
Nombre de messages : 209
Age : 30
Logiciels : PhotoFiltre, Unfreez, PhotoScape et The Gimp

Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 EmptySam 15 Nov - 14:01

Naan j'crois pas Smile
Revenir en haut Aller en bas
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 EmptySam 15 Nov - 16:34

Oki. Donc pour mettre une image :

Code:
<img style="width: 150px; height: 99px;" alt="" src="image.png" />

Il faut bien sûre régler les tailles Smile
Revenir en haut Aller en bas
Sh0uu-Piinette
Young designer
Sh0uu-Piinette


Féminin
Nombre de messages : 209
Age : 30
Logiciels : PhotoFiltre, Unfreez, PhotoScape et The Gimp

Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 EmptySam 15 Nov - 16:41

MOON DiiEUU =O


J'crois que mon ordi c'est décidé à être normal,, je vois plus du touuu la même chose qu'avant =$$

Cours de Sh0uu-Piinette - Page 7 Mini_081115044516401842757732


EDiiT : a non c'est bon xD
Enfaite t'as écrit "(donc ça : https://2img.net/r/ihimizer/img329/9391/fondmelwc8.png)",, et j'ai pris ce lien,, mais enfaite c'estpas celui la -___-` Boon petite blondité *ca veut rien dire,, mais on s'en fout*
Enfiiiin bref j'me tait ^^
Revenir en haut Aller en bas
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 EmptySam 15 Nov - 16:46

Et bien c'est exactement ce que je vois figure-toi.

Regarde ton code, et vérifie que tu as bien le bon lien vers ton fond (c'est dans la page header.php si j'ai bon souvenir... sinon dans footer.php).
Revenir en haut Aller en bas
Sh0uu-Piinette
Young designer
Sh0uu-Piinette


Féminin
Nombre de messages : 209
Age : 30
Logiciels : PhotoFiltre, Unfreez, PhotoScape et The Gimp

Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 EmptySam 15 Nov - 21:51

Youupi j'ai changé en vitesse le lien,, mais j'ai pas changé celui du fond, mais celui du header "--

La j'suis pas sur mon ordi alors je change dès que je suis chez moi Wink
Revenir en haut Aller en bas
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 EmptyDim 16 Nov - 8:35

J'ai vu ça hier, mais tu as mis le lien de l'image de fond à la place de celui du header.

Tu ouvres ta page index.php dans notepad++, tu effaces les deux liens (celui du fond et celui deu header) et tu remets les bons liens à la place.

Lien de ton header : https://2img.net/r/ihimizer/img261/1530/headerts5.png
Lien de ton fond : https://i.servimg.com/u/f73/12/83/90/86/fond10.jpg
Revenir en haut Aller en bas
Sh0uu-Piinette
Young designer
Sh0uu-Piinette


Féminin
Nombre de messages : 209
Age : 30
Logiciels : PhotoFiltre, Unfreez, PhotoScape et The Gimp

Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 EmptyDim 16 Nov - 10:51

0kk,, mais j'suis toujours pas chez moi,, donc je le fait ce soir je pense Smile
Revenir en haut Aller en bas
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 EmptyDim 16 Nov - 10:55

Pas de soucis Smile Tu fais ça quand tu veux.
Revenir en haut Aller en bas
Sh0uu-Piinette
Young designer
Sh0uu-Piinette


Féminin
Nombre de messages : 209
Age : 30
Logiciels : PhotoFiltre, Unfreez, PhotoScape et The Gimp

Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 EmptyDim 16 Nov - 17:07

J'ai changé mais maintenant ma colonne de gauche s'affiche au milieu,, j'suis trop forte ¬¬'
Revenir en haut Aller en bas
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 EmptyDim 16 Nov - 20:24

Ca c'est parce qu'on pas régler l'affichage du texte dans les pages. Je te le ferai dès que j'ai un peu de temps.
Revenir en haut Aller en bas
Sh0uu-Piinette
Young designer
Sh0uu-Piinette


Féminin
Nombre de messages : 209
Age : 30
Logiciels : PhotoFiltre, Unfreez, PhotoScape et The Gimp

Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 EmptyLun 17 Nov - 12:13

0kk Smile
Revenir en haut Aller en bas
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 EmptyLun 17 Nov - 20:22

Je regarde ça mnt, vu que j'ai du temps.

Par contre, tu pourrais me passer le code de tes trois pages de base : header.php, footer.php et index.php

Je sais qu'on peut prendre le code des pages à partir du navigateur, mais le problème en php, c'est que ça va mélanger le code de plusieurs pages.

Donc tu ouvres sous Notepad++ et tu me donnes les codes.
Revenir en haut Aller en bas
Sh0uu-Piinette
Young designer
Sh0uu-Piinette


Féminin
Nombre de messages : 209
Age : 30
Logiciels : PhotoFiltre, Unfreez, PhotoScape et The Gimp

Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 EmptyMar 18 Nov - 12:04

0kii

footer.php
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:575px; width:177px; top:378px; z-index: 1;" align="justify">

<!--Vous pouvez maintenant mettre votre texte-->

<p>Portofolio<br>
avatar<br>
kits<br>
header<br>
Autre<br>
Ressources<br>
Brush<br>
Texture<br>
PNG<br>
Patterns<br>
Tutoriels<br>
Commandes<br>
Formulaire<br>
Terminées<br>
Partenariat<br>
Conditions<br>
Formulaire<br>
Mes partenaires<br>
</p>

</p>Et puis tous ce que tu veux d'autres dans la colonne de gauche.</p>

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

Header.php :
Code:
<html>
<head>
<title>co0kiiexgraph,, ton site de graphisme </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://i73.servimg.com/u/f73/12/83/90/86/fond11.jpg" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

<!-- On met le design -->
<img src="http://img261.imageshack.us/img261/1530/headerts5.png" align="left">

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


index.php:
Code:
<? include'header.php';?>

<!-- contenu du site  -->
<p>Bienvenue sur co0kiiexgraph</p>

<? include'footer.php';?>
Revenir en haut Aller en bas
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 EmptyMar 18 Nov - 20:49

Alors voilà le code avec les coordonnées des colonnes réglées. Ca devrait être bon normalement (si j'ai pas fait de boulette ^^)

header.php :

Code:
<html>
<head>
<title>co0kiiexgraph,, ton site de graphisme </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://i73.servimg.com/u/f73/12/83/90/86/fond11.jpg" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

<!-- On met le design -->
<img src="http://img261.imageshack.us/img261/1530/headerts5.png" align="left">

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

---------------------------

footer.php :

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:279px; width:200px; top:271px; z-index: 1;" align="justify">

<!--Vous pouvez maintenant mettre votre texte-->

<p>Portofolio<br>
avatar<br>
kits<br>
header<br>
Autre<br>
Ressources<br>
Brush<br>
Texture<br>
PNG<br>
Patterns<br>
Tutoriels<br>
Commandes<br>
Formulaire<br>
Terminées<br>
Partenariat<br>
Conditions<br>
Formulaire<br>
Mes partenaires<br>
</p>

</p>Et puis tous ce que tu veux d'autres dans la colonne de gauche.</p>

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

--------------------------------

index.php :

Code:
<? include'header.php';?>

<!-- contenu du site  -->
<p>Bienvenue sur co0kiiexgraph</p>

<? include'footer.php';?>

Et avant que j'oublie Smile La page CSS qu'on avait fait pour le site avant, elle est toujours valable pour ce site. Donc si tu l'a encore, tu la réhéberges Smile Sinon, va falloir la recommencer Smile
Revenir en haut Aller en bas
Sh0uu-Piinette
Young designer
Sh0uu-Piinette


Féminin
Nombre de messages : 209
Age : 30
Logiciels : PhotoFiltre, Unfreez, PhotoScape et The Gimp

Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 EmptyMer 19 Nov - 12:06

0kayy,, ça à l'air dêtre bon Razz
Revenir en haut Aller en bas
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 EmptyMer 19 Nov - 15:29

Je te mets dès que j'ai un peu de temps les codes que tu dois connaitre pour mettre des images, des liens... Il n'y en a pas des tonnes, t'inquiète pas Smile
Revenir en haut Aller en bas
Sh0uu-Piinette
Young designer
Sh0uu-Piinette


Féminin
Nombre de messages : 209
Age : 30
Logiciels : PhotoFiltre, Unfreez, PhotoScape et The Gimp

Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 EmptyMer 19 Nov - 15:30

0kii Very Happy
Revenir en haut Aller en bas
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 EmptyMer 19 Nov - 19:45

Alors, tout d'abord, pour mettre un lien :

Code:
<a href="page.php">LIEN</a>

Donc tu changes bien sûre où c'est écrit LIEN, et puis page.php (tu mets à la place le nom de la page sur laquelle tu veux qu'on aille quand on clique sur le lien)

Tu peux essayer ce bout de code en faisant les liens sur ton menu (qui se trouve dans la page footer.php je te rappelle Smile )

------------------

Pour mettre une image :

Code:
<img style="width: 150px; height: 99px;" alt="" src="image.png" />

Tu dois changer le 150 (qui est la largeur de ton image) et le 99 (qui est la hauteur de ton image). Ainsi que le image.png (qui est le nom de ton image)
Revenir en haut Aller en bas
Sh0uu-Piinette
Young designer
Sh0uu-Piinette


Féminin
Nombre de messages : 209
Age : 30
Logiciels : PhotoFiltre, Unfreez, PhotoScape et The Gimp

Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 EmptyMer 19 Nov - 19:47

0kayy merki Very Happy
Revenir en haut Aller en bas
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 EmptyMer 19 Nov - 19:55

De rien !

Je te laisse essayer et j'irai voir Smile
Revenir en haut Aller en bas
Sh0uu-Piinette
Young designer
Sh0uu-Piinette


Féminin
Nombre de messages : 209
Age : 30
Logiciels : PhotoFiltre, Unfreez, PhotoScape et The Gimp

Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 EmptyMer 19 Nov - 19:56

J'ai mis les liens,, j'ai plus qu'a créer les pages xD
Revenir en haut Aller en bas
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 EmptyMer 19 Nov - 19:59

J'ai vu !

C'est parfait ! Donc pour les pages, comme je te l'avais dit quelques message plus haut, il faut toujours que tu reprennes le même code de base.

J'oubliais quelque chose. Je ne sais pas si je te l'ai déjà dit, mais quand tu écris du texte, mais toujours entre les balises <p> et </p>

Mais je te l'ai déjà dit il me semble Smile
Revenir en haut Aller en bas
Sh0uu-Piinette
Young designer
Sh0uu-Piinette


Féminin
Nombre de messages : 209
Age : 30
Logiciels : PhotoFiltre, Unfreez, PhotoScape et The Gimp

Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 EmptyMer 19 Nov - 20:01

0uui tu me l'avais déjà dit Smile

Je commence tout ça demain


Aa pis enfaite avec le php, on a pas du tout besoin de NVU ??
Revenir en haut Aller en bas
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 EmptyMer 19 Nov - 21:42

On. Parce que le php sous Nvu, ça fonctionne pas du tout bien ^^ Faut aussi dire que le logiciel n'est pas fait pour Smile
Revenir en haut Aller en bas
Contenu sponsorisé





Cours de Sh0uu-Piinette - Page 7 Empty
MessageSujet: Re: Cours de Sh0uu-Piinette   Cours de Sh0uu-Piinette - Page 7 Empty

Revenir en haut Aller en bas
 
Cours de Sh0uu-Piinette
Revenir en haut 
Page 7 sur 8Aller à la page : Précédent  1, 2, 3, 4, 5, 6, 7, 8  Suivant
 Sujets similaires
-
» [COURS] Introduction au cours d'HTML
» Cours de Its-Clo
» -Cours de ju-dom-
» Cours de emy-fan
» Cours de mel [OK]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Learning Design :: World wide web :: L'école :: Anciens cours d'élèves :: Site-
Sauter vers:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser