Cours de emy-fan

Coucou !

Bienvenue dans ma classe !

Quelques petites questions pour commencer Tu as déjà fait un site ou pas du tout ? Si oui, l'adresse me serait très utile.

Et sinon, est-ce que tu t'y connais un peu enn HTML, CSS ou pas du tout ?

Merci merci merci d'être mon prof ! =D

J'ai encore jamais fait de site, c'est mon premier... mais j'ai commencé un peu à apprendre le HTML et le CSS sur le web, donc je sais comment ça marche et je connais quelques balises...
j'ai commencé à créer la première page de mon site, jte montre où j'en suis:
http://kate-beckinsale.site.voila.fr/

Pour les logiciels j'ai nvu et notepad++ mais je sais pas trop me servir d'nvu pour l'instant.

Ok. c'est déjà très bien ! Très chouette le design

Si tu as déjà commencer à apprendre un peu le HTML et le CSS, ça ne peut être que bénéfique, parce que tu comprends déjà le fonctionnement d'une page HTML.

Pour le css, je vois que tu as déjà de chouettes trucs avec, comme les titres dans la colonne de gauche

Sinon, est-ce que tu sais comment ton site a été codé ? En div ? Parce que tu as un script au milieu du code source de ta page, et je ne sais pas vraiment à quoi il sert. Il existe tellement de script et pour faire tant de choses différentes...

Aw, merci!

Euh je l'ai codé en div je crois, c'est comme ça que j'ai séparé le message de bienvenue du menu... le script en fait c'est pour afficher une phrase au hasard entre 10 dans "le saviez-vous" (qui change à chaque fois), je l'ai trouvé dans le code d'une autre page et je l'ai mis tout de suite avant d'oublier...

Ok. Alors en div, je m'y connais franchement pas trop. Mais bon, il est déjà codé, donc c'est bon. Tu laisses comme ça.

Sinon, est-ce que tu as écrit, dans la colonne de gauche, à la main ou en passant par un logiciel comme Nvu ?

Et est-ce que tu as déjà un fichier CSS lié avec ? J'imagine que oui vu la présentation des titres

Ps : petit conseil, à la fin de ton adresse, ajoute index.html, comme ça http://kate-beckinsale.site.voila.fr/index.html

Ca t'enlève la barre de pub

Ah ben jvoulais te demander justement pour la barre de pub!!! Merci!

Comment on peut coder les sites autrement qu'en div?

Sinon au départ j'ai essayé Nvu pour coder le texte sur le layout mais ça rendait pas comme jvoulais et comme j'avais pas de prof pour apprendre à m'en servir j'ai recodé à la main. Et j'ai commencé le ficher css avec, je le modifie au fur et à mesure que j'ajoute des catégories...

Oki. Pour le css, je fais pareil. Je change au fur et à mesure.

Sinon, je sais coder les layouts en i-frame et en php. Mais si il est déjà en div, tu peux le laisser comme ça

Tu as dit que tu avais recodé à la main. Donc tu sais écrire le HTML à la main ?

Ah ben j'ai essayé iframe au départ, avec un tuto mais j'ai pas réussi u_u

Et sinon oui j'ai appris à écrire un peu de HTML sur notepad ++ ... mais là jsuis un peu bloquée pour certaines rubriques de mon menu XD

Ok. Moi j'écris tout à la main sur Notepad++, donc ça me convient parfaitement.

Donc en gros, tu as déjà toutes les bases.

Je te laisse me demander ce que tu veux savoir alors. Quel est ton problème avec le menu ?

ben je sais pas comment coder les petites images pour les partenaires... tu sais pour qu'elles s'affichent en "quadrillage régulier" comme là:
https://2img.net/r/ihimizer/img178/1190/affcw9.jpg

Tu pourrais juste me donner le lien du site sur lequelle tu as pris ça stp ?

Parce qu'il y a plusieurs façons de faire

Oui no pb, c'était là:
http://mackenzie.vanilla-sky.org/
et je sais pas si c'est codé pareil mais ça marche aussi là
http://rachelmcadams.org/
http://oliviawildecentral.com/
donc si y'a un codage que tu préfères entre ceux là... ^^

Merci pour les liens

Donc ils ne sont pas tous fait de la même manière, mais on voit très bien que ça rend pareil.

En fait, tu peux faire avec un tableau, ou tout simplement en mettant les images les unes à côtés des autres.

Je t'expliquer pour les tableaux. Donc le code de base d'un tableau, c'est ça :

Code:

<table>
  <tr>
      <td>première ligne, première cellule</td>
      <td>première ligne, deuxième cellule</td>
      <td>première ligne, troisième cellule</td>
  </tr>
  <tr>
      <td>deuxième ligne, première cellule</td>
      <td>deuxième ligne, deuxième cellule</td>
      <td>deuxième ligne, troisième cellule</td>
  </tr>
</table>

La balise <table> sert à préciser que tu commences ton tableau. On la referme à la fin du tableau.

Ensuite, les balises <tr> </tr> signifie qu'il y a un ligne dans ton tableau. (la première ouvre la ligne et la deuixième la ferme). Si tu veux ajouteé des lignes à ton tableau, il suffit de copier une fois ce bout de code.

Puis il y a les balises <td> et </td>. Elles sont dans les <tr>. En fait, ça désigne le nombre de cellule que tu as dans ta ligne. Plus tu en veux, plus tu en ajoutes.

Donc après, il te reste plus qu'à mettre, dans chaque cellule (c'est à dire entre chaque <td> et </td> ton image et le lien quand tu cliques sur l'image.

ahh merci, jvais essayer!

Oki

jvais être absente jusqu'à lundi, donc c'était pour te prévenir... et je te montre mes ptites images (si ça marche) lundi
bon weekend!

Ok

Merci d'avoir prévenu.

Sinon, je viens de penser à quelque chose. Dans ton site, sous le header, il y des petites images "New", "Kate", "Galerie". C'est le menu je suppose.

Si oui, il va falloir qu'on emploie les maps. En fait, les maps servent à mettre un lien sur un bout d'une image.

Je sais le faire, mais par contre, ça fait des siècles que j'ai plus utilisé ça. Donc il faudra juste me laisser le temps de retrouver comment on fait ^^

oki prends ton temps de toute façon j'en suis loin...
jte redonne l'adresse de l'index, j'ai mis les ptites images... ça maaarche
j'ai mis ton site en partenaire c'est juste pour vérifier que le css marche genre quand on passe sur l'image
http://kate-beckinsale.site.voila.fr/index.html

Donc là y'a 2 trucs qui m'embêtent: comment centrer les images et quand je clique dessus après y'a des espèce de pointillés autour et jveux paaas...

Oki. Par contre, tu peux enlever mon site stp ? Parce qu'en faite, j'ai fermé le site. Je l'ai juste réhébergé pour ma candidature.

Si tu veux lier mon site, tu fais un lien vers celui-là : http://emimoi.awardspace.com/halogens/

Merci d'avance

Sinon, pour les petites images, c'est super chouette !

Sinon, pour les 2 trucs qui t'embête ^^. Pour les petits pointillés, tu peux rien y faire. Ca fait ça chez tout le monde. C'est simplement parce que quelque chose a été sélectionné. Mais il suffit de cliquer n'importe où ailleurs pour que ça parte.

Et deuxièmemet, pour centrer les images : j'ai vu que tu as mis tes images dans un tableau, donc pour centrer, il va falloir tout simplement centrer le tableau lui-même. Pour ça, tu remplaces ta balise <table> par :

Code:

<table
 style=" text-align: center; margin-left: auto; margin-right: auto;">

Je suis pas sûre et certaine de mon code par contre. On verra bien si ça marche.

Sinon, je vais essayer de regarder cette après-midi pour les images map pour le menu, parce que ça permettrait de bien avancer après.

Oui pas de problème, c'était juste un test pour l'image =)

Par contrepour centrer ça marche pas. Au début j'ai mis le style correspondant à la balise dans mon css, et puis après j'ai remplacé même dans mon fichier html, mais ça fonctionne pas.

Oki. D'abord, merci pour le lien.

Deuxièmement, j'ai pas eu le temps d'essayer les images map. J'ai fait une après-midi shopping ^^ J'essaie ça au plus vite, mais pas demain, je suis absente jusqu'au soir.

Sinon, pour le code pour centrer, en fait, avec les tableaux, ça marche pas toujours. Il y a certains navigateurs par exemple qui ne prennent pas trop en compte le centrage des tableaux, et du coup, ça péqulotte un peu.

Sinon, il y a une autre technique, mais il ne faut pas passer par les tableaux. Je te l'expliquerai plus tard

okay. J'espère que le shopping a été fructueux

Je vais essayer de voir le codage des images sur différents sites, voir si c'est "centrable"... jte tiens au courant quand tu reviens ^^

EDIT: ça y est, j'ai réussi à centrer mes images en mettant la balise <center> autour de <table>... et j'ai codé les projets en cours.. pffiou!
Jcrois que le plus gros est fait pour le menu, mais jvais quand même le terminer avant de passer à la suite.

Comment on fera pour les autres pages? Est-ce qu'il faudra retaper le code du menu dans chacune ou y'a moyen de le conserver et juste changer ce qu'il y a dans le grand cadre?

Pour commencer, oui, le shopping a été fructueux ^^

Ensuite, pour le codage, je vois que tu t'es ensortie toute seule. Parfait !

Très bien les projets. Les résultats est vraiment super ! Surtout que c'est un gros projet ton site. Ca prend du temps

Pour le menu, il faut toujours que je regarde ça. J'étais absente toute la journée hier, du coup, j'ai pas pu essayer. Sinon, oui, il faudra mettre ce bout de code dans toutes les pages. Mais tu fais du copier/coller.

Tu peux toujours aller voir le tuto de mYn sur les images map, parce que je ne sais pas quand j'aurai le temps d'essayer.

Lien : https://learning-design.actifforum.com/classe-de-myn-html-et-css-f71/code-cours-image-map-t9427.htm

oki je regarderai pour les map.

Sinon j'ai une question, pour les histoires de copyright, est-ce qu'il faut faire quelque chose de spécial pour mettre un copyright sur le site? Est-ce qu'il y a des trucs à mentionner obligatoirement dans le disclaimer?

Non. C'est comme tu veux. Il existe des copyright officiel, mais ça coute, et il faut passer par des avocats... mais bon, tu dis simplement, dans ton disclaimer, que tu as créé ce site, que tu n'es pas en contact avec l'actrice (sauf si tu l'est ^^) et que les photos et vidéos sont la propriété de leurs auteurs respectifs.