Cours de Fraise Tagada

Welcom` =D

Alors pour commencer, les questions que je pose à tous mes élèves mais comme je crois savoir certains trucs j'me suis éclatée à remplir x) [Mais sur quelle prof tu es tombée ???? ^^'] :
Que sais-tu faire ? Tu m'as dis rien je crois nan ?
As-tu déjà un site ? Oui mais avec Emonsite c'est ça ?
Quel logiciel utilises-tu ? Bah aucun je pense nan ?
As-tu un hébergeur ? Ben ça je sais pas c'est à toi de me le dire ! xD

Tout d'abord, merci de m'avoir acceptée comme ton élève ! Chuis trop heureuse xD Bref on s'en tape ^^"

Que sais-je faire ? Riiien X) Même pas un layout. Mais j'ai projeté de m'y essayer si je trouve des photos qui m'inspirent =D
Ai-je déjà un site ? Oui, en partie. E-monsite, c'est préfabriqué, donc je vais dire non ^^
Quel logiciel j'utilise ? Euh... Aucun =X ( ouah la honte =X )
As-tu un hébergeur ? Non, je crois pas =XXX

Hum, je crois que y'a du fil à retordre avec moi XD Comme tu le constates certainement, je suis une totale débutante !
Donc je te remercies déjà de la patience que tu es prête à m'accorder =')

Suis-je vraiment prête à t'accorder ma patience ? x)
Oui j'vais essayer

Nan sérieux (Cette classe va partir un peu en live xD) Humm. Donc il faut déja que tu aies un layout, un logiciel et un hébergeur. =]
Pour le logiciel j'utilise NVU. Il est gratuit et je pense que ça sera plus simple pour moi de t'expliquer si on a le même logiciel. Ensuite pour le design : C'est toi qui vois ! Par contre pense dès maintenant que je vais te demander de découper les endroits de ton layout où tu veux qu'il y ai des liens en vignettes.
Exemple :

Citation :

Comme sur mon site par exemple :
Le fond du site
Le header du site
Les différentes images des catégories :
Home - Killerpilze - Médias - Goodies - Fans - Site - Forum

Pour l'hébergeur tu as le choix. Je te conseille soit Voila soit Free. Moi j'utilise voila mais il y en a d'autre comme free ou d'autre que tu peux trouver dans cette liste.
Pour ma part j'ai choisit Voila parce que j'ai toujours hébergé mes sites avec lui et je n'est pas rencontrer de problèmes d'hébergement avec lui et je trouve qu'il est plus simple de s'y inscrire comparer à free.

Donc, si j'ai bien compris le truc ( xD ) je télécharge NVU. Okay, je cherche. C'est bon, je l'ai XD
Ensuite, pour mon design, je le fais ( je sais pas du tout combien de temps ça va me prendre mais bon XD Je m'y attèle dès ce soir ) et puis je découpe les vignette où je veux les liens, et j'les garde en images ? ( ouais si tu comprends pas c'que j'veux dire, ça fait rien, j'me comprends et j'ai compris XD )
Et puis je suis à présent inscrite sous Voila. et truc de boulet, j'ai fait une erreur de frappe dans mon pseudo XD Mais on s'en fout.
Me reste donc plus qu'à créer mon layout et le... découper ? xD

BIG EDIT : Je viens de penser, comme une grosse con, que j'avais déjà le header de mon layout XD Comme je sais pas si t'as vu dans ma gallerie, mais la deuxième version de mon site, c'est pas celle qui est à l'origine dessus, c'est le premier header que j'ai posté XD Donc en gros, j'ai plus qu'à l'insérer sur un layout ! Ouah chuis trop heureuse, j'vais pouvoir utiliser le header initial \o/ Ouais bon c'est tout XD Faudra juste que je m'arrange pour virer le 2 de version 2 et mettre 1 à la place XD J'vais faire un carré de couleur... et hop B) Ni vu ni connu XD
Donc voilà, me reste plus qu'à faire la navigation et tout le tintouin ><'' J'ai pas d'idées, mais ça va venir quand toshop s'ouvrira xD

Non, c'est bon XD
J'ai fait la base XD
Mais j'attends ton avis pour continuer X)
Autrement, j'ai installé NVU. J'l'ai ouvert vite-fait... et.. euh... Faudra que tu m'explique xD
Pour Voila, j'attends aussi tes consignes, parc'que je sais déjà pas comment faire pour créer l'adresse du site XD
Donc voilà le header :
( servimg l'a redimensionné, donc les pointillés sont défoncés || et pis je projette aussi de rajouter des trucs de navigation si jamais j'ai pas assez avec ceux que j'ai créés là. Mais je vais être obligée d'en rajouter, c'est sur XD Donc je créerais un doc plus long, et je refoutrais tout dessus en en remettant. De toute façon, j'ai l'psd alors XD )

Spoiler:

D'accord j'vais garder le fond en image.
Euh... Les cadres ? En fait chuis en train de le refaire le header XD J'vais mettre qu'un cadre comme ça, et pis celui du dessus juste en dessous du header, j'vais le faire pour présenter le site, t'sais un genre de bienvenue XD Brefte. Pour répondre à ta question, non j'veux pas les agrandir XD

Pour ton autre question, ouais j'voudrais bien qu'il s'allong le layout. Mais tu vois, juste le graaaand cadre xD Que le reste reste en place. Mais pas qu'il s'allonge de beaucoup...

Et j'vais aller sur Voila créer le site XD
J'te dis quand c'est fait XD

Et aussi, je voulais savoir comment ça se passait au niveau du texte sur le layout. Si je dois mettre les... euh... Là où je veux faire un lien directement enfin... Hum, je sais pas comment expliquer XDD
Bon, j'vais essayer autrement XD
Tu vois le premier cadre à gauche sous le header ? J'voulais y mettre les rubriques comme j'ai sur mon site actuel, genre "Le site" ; "Graphiques"... Tu vois ? En fait j'voulais juste savoir si je les mettais moi même, ou si je laissais la case vide XD

Alors c'est bon, mon site est créé ! XD
chocolate-strawberry.site.voila.fr XD

Ensuite, euh...
Non en fait, j'voudrais que ça soit pas trop long, mais que le grand cadre et le grand à gauche arrivent au même niveau, et vlan, c'est la fin du déroulement de page X) je sais pas si tu vois xD Ca doit être comme ton site ouais. ^^
J'vais essayer de trouver un exemple.

Et pis en fait j'vais t'expliquer vite-fait le fonctionnement de mon layout ( j'suis en train de l'ré-organiser, j'te montre tout ça quand j'ai fini ^^" )
Donc y'aura le header, ouais. Juste en dessous, à gauche, j'vais virer le premier cadre là, et j'vais faire un truc bienvenue xD
En dessous, j'vais agrandir le cadre là, pour qu'il se déroule comme j't'ai expliqué avant. Et pis le grand au milieu, j'le laisse pour les mises à jour.

Dans le cadre de gauche, j'vais mettre les catégories, la navigation rapide quoi ! XD [ donc si je compte bien, j'dois en avoir 4 ( Le site, Graphisme, Commandes, Ressources ) après, j'en rajouterais si c'est possible ]
J'compte mettre les sites partenaires, les statistiques, et une boite à messages xD ( un tag board en gros xD )
Et je crois que c'est à peu près tout. Si j'ai une autre idée, j'te l'dis.

Et pour le texte que j'dois mettre, c'est seulement c'qui a pas de lien ? ( genre le bienvenue XD, ou le truc annonçant les partenaires élite... ou encore le truc qui annonce le tag board ) Ouais, comme sur ton site, les images en gris clair dans le cadre de gauche.

EN FAIT
Ouais, pour la longeur des cadres, j'veux comme toi, que ça descende en même temps.
Je crois que c'est à peu près tout ><

( excuse d'être trop débutante la honte quoi ><' )

EDIIIIT : Mon layout, comme je voudrais qu'il soit sur mon site =D ( manque encore et toujours le texte XD j'm'y attèle >< )

Spoiler:

EDIT 2 :
Avec du texte le layout =$
Chais pas si j'ai bien fait, mais c't'ait juste pour que t'aie un aperçu de c'que j'voulais faire à peu près xD

Okay donc si j'ai bien compris c'est le dernier cadre de gauche, celui du tag board que tu veux qu'il s'allonge jusqu'en bas. C'est ça ?
Si oui il faut que tu prennes le bas comme ça pour que ça soit ton 'motif' qui se répète jusqu'en bas de la page.

Ensuite faut que je t'explique un truc x)
Si mon cadre sur mon site est aussi long c'est parce que je l'ai mis très long ! Sinan il ne s'agrandi pas tout seul.

Puis, pour les liens dans la navigation rapide moi je mets des images avec un lien dessus après parce que je sais pas comment on fait sinon (J'suis pas une pro ><")


Donc sur ta page sur laquelle il y aura ton design tu mets le motif que t'as découpé (voir le 1er paragraphe de mon message xD) et tu le mets en fond de page : Format -> Couleur et fond de page et dans 'Image de fond' tu mets l'URL.
Ensuite sur ta page tu mets le reste de ton layout comme une simple image.

Après tu l'héberges et tu me montre

Donc oui, c'est le cadre du tag board xD

Hum, j'ai un souci ><
C'est normal que le motif soit un peu... en trop sur la droite ?
Regarde :


Et puis après, quand je mets mon layout, c'est en décalé XD Je sais pas si c'est moi, ou mon ordi, ou alors si c'est normal.
( j'ai essayé d'aller un peu partout, pas moyen X) )

J'ai essayé de bouger l'image, mais elle est au maximum, j'arrive pas à la bouger XD
Je clique dessus, et j'essaye de la bouger, mais ça me met le machin... euh... Genre interdit de sattionner X)
Tu fais comment pour bouger les images toi ?

Et pis bah j'vais trouver un moyen pour le fond. Ou alors, j'agrandit le header d'une centaine de pixels, et pis le fond j'trouve un moyen de le décaler. J'vais tricher ouais XD Ou alors je décale le header ! J'sais pas XD

Tu es sure que c'est bien tout à gauche la reglette là?

Ou alors tu as bien un code qui ressemble à ça :

Code:

<body style="background-image: url(http://URL DU FOND DE LA PAGE); margin-left: 0px; width: 1223px; margin-top: 0px; height: 453px;">
<div style="text-align: left;">
<img alt="" src="http://URL DU LAYOUT">
</div>

Tu as bien c'est 2 parties du code nan ?

Code:

<div style="text-align: left;">

Code:

margin-left: 0px;

J'vais voir ça XDDDD
AAAAH
TROP BIIIIEEEEEN
MERCIII <333
Et en même temps, le problème du décalage est réglé !
BAH C'EST SUUUPEEER <3333
Hum, je fais quoi ensuite ? X)
( au fait, j'ai enregistré le doc html que j'ai fait hein XD Enfin, je sais pas si y faut, mais ça me soule de toujours remettre le fond etc... )

J'suis pas chez moi là, donc j'essayerais demain soir.
Donc oui je pense que je vais vouloir un module... Je sais pas le faire, nan ^^" C'est comme toi t'as non ?

Euh ben en fait, je vais... Pour les liens, je pense que je vais faire du texte, mais en image. Je sais pas si tu vois le genre ^^ Tu sais, comme tu m'avais dit de découper les trucs de navigation là... Je pense que tu parles d'images comme ça ?
Et non, je sais pas faire de liens. ( je vois le bouton, mais je sais pas comment faire ^^ )

D'accord, donc j'verrais pour les images. Normalement, j'le fais Lundi. Et pour les deux pages là... Y'a une page accueil, et une autre navigation ? ( pouah c'te honte xD )

J'ai juste une question. ( rolala.. ) Tu sais, j't'avais montré mon layout. Le premier où j'ai mis le texte, dans le grand cadre ( donc si t'apelle ça l'Iframe ), j'avais mis en haut (dans le vert) du texte, avec "news". Et donc ensuite, j'ai découpé le truc là, et j'l'ai viré pour mettre un titre pour les autres pages. ( donc le truc est vide XD ) Je sais pas si tu vois... J'ai bien fait ou pas ? ^^'

Hum donc je dois créer deux pages différentes ?

J'ai regardé un peu le cours d'Iseult xD et je sais que j'vais paraître trèèèès débile, mais je voulais savoir c'que c'est le CSS. ^^" Le HTML jconnais un touuuut petit peu ( mettre en gras, italique, centrer, mettre à gauche droite \o/ )
Je sais pas si c'est pareil... Donc voilà ^^"

Désolée double post...
J'ai fait les images de navigation, j'les ai collées sur le layout, et j'les ai découpées, au cas où.

Donc j'ai créé la page d'accueil, mais faut que tu m'expliques un truc là... Donc sur la "page d'accueil" j'ai repris ma page que j'avais enregistrée, et j'ai rajouté le truc de fond transparent là. En gros, ça me fait ça...

Un peu plus bas...

Y'a pas de différence XD Mais je suppose que c'est normal...

Et puis pour les images de navigation, j'ai pas trop compris le truc qu'y fallait faire XD
Donc j'ai créé une nouvelle page ( comme tu m'as dit ) et j'y ai collé les images de navigation ( d'après ce que j'ai compris XD mais chuis sure que j'ai mal compris... )
Ca me fait ça :

Au départ j'avais mis le fond comme sur la page précédente, t'sais le truc pour rallonger, et pis non en fait, j'l'ai enlevé. Intuition : bonne ou mauvaise ? à toi d'me le dire XD

Hum, c'est là que tu te dis "Ohlala, quelle mauvaise élève XD" Bon bon, faut un début à tout /_\ J'm'excuse d'être aussi débutante, et te remercies INFINIMENT pour l'attention que tu m'accordes =D

Oui, je veux bien apprendre, même si je suis sûre que ça va mettre longtemps xDDD

Des Iframes ? Euh non, j'en ai jamais mis... J'ai rien écrit d'autre sur la page, y'a que mon fond image ( qui d'ailleurs ne sert à rien car j'ai rallongé de beaucoup le layout, m'étant aperçue qu'il y avait néanmoins un dacalage sur la droite, tout en bas ), mon fond transparent, et mon layout.

Alors chuis contente pour la navigation si j'ai bien fait ^^ Le fond est transparent lui aussi. Je vais quand même revérifier... Ah non c'est bon, ma mémoire me rappelle que j'ai revérifié le fond après avoir supprimé le fond image X)

Ca fait rien si tu me réponds pas rapidement, je suis pas pressée du tout, et je suis aussi overbookée avec mon site ( enfin les créas que je me suis promis de faire ^^" ) sans compter les devoirs pour l'école... ( eh oui, même en vacances on bosse... T'es en 3° non toi ? *dsl du flood =X* )

Hum, j'espère que ta patience n'a pas de limites Non j'plaisante, chuis pas aussi naze que ça ^^