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 à ne pas rater :
Funko POP! Jumbo One Piece Kaido Dragon Form : où l’acheter ?
Voir le deal

 

 Cours de l0uille*

Aller en bas 
2 participants
AuteurMessage
mYn
Modératrice
mYn


Féminin
Nombre de messages : 4409
Age : 31
Localisation : 93 [Seine St-Denis]
Logiciels : Photoshop

Cours de l0uille* Empty
MessageSujet: Cours de l0uille*   Cours de l0uille* EmptyLun 9 Juin - 19:13

Bienvenue dans ton cours !

Tout d'abord quelques questions :
Que sais-tu faire ?
As-tu des bases ?
As-tu déjà un site ?
Si oui quel logiciel utilises-tu ?
As-tu un hébergeur ?

Puis, dis-moi le thème de ton site et montre-moi le layout.
S'il tu souhaites quelque chose de très précis, demande-le moi comme ça je pourrais te dire si je sais le faire ou s'il faut abandonner cette idée.
Revenir en haut Aller en bas
http://kpweb.c.la/
l0uille*
Professeur diplomé
l0uille*


Féminin
Nombre de messages : 628
Age : 30
Logiciels : Photoshop CS3

Cours de l0uille* Empty
MessageSujet: Re: Cours de l0uille*   Cours de l0uille* EmptyLun 9 Juin - 19:22

Merci mYn de m'avoir prise comme élève =).

Alors. Ce que je sais faire. Pas grand chose x). Les bases, bein, heu, se résument à quelque chose comme zéro. Enfin nan, j'exagère. La balise body du début, le machin je pense, et les balises gras, souligné, italique, ça va =).

Un site. J'ai déjà essayé un machin, après avoir obtenu un hébergement chez un machin assez spécial. Bon, y'a aucun mérite, vu que j'ai trouvé le layout codé tout fait x).

Sinon, j'ai un layout et j'voudrais beaucoup apprendre à les coder, les layouts justement =). Sinon pour le site, je pense faire quelque chose sur base du layout qu'j't'ai montré. Un espèce de petit journal en fait =). J'ai une autre idée pour un site de graphisme, mais j'attends d'être un peu moins nulle avec l'HTML et Photoshop pour le faire =D.

Ha oui, j'ai Nvu, mais si tu préfères un autre logiciel, pour moi y'a aucun souci =).
Revenir en haut Aller en bas
http://0xygeneliquide.skyblog.com
mYn
Modératrice
mYn


Féminin
Nombre de messages : 4409
Age : 31
Localisation : 93 [Seine St-Denis]
Logiciels : Photoshop

Cours de l0uille* Empty
MessageSujet: Re: Cours de l0uille*   Cours de l0uille* EmptyMer 11 Juin - 15:42

Ok !
Alors NVU c'est impec' !

Tu as quand même quelques bases alors Very Happy

Quel est ton hébergeur ?

Sur ton layout, quelle disposition tu voudrais ? Tout le contenu dans le cadre ou tu voudrais plusieurs colonnes ?

Alors sinon pour commencer, tu ouvres une nouvelle page dans NVU que tu appelles "index.html". Tu mets ton layout en image et tu découpes le bas pour faire le fond.
Par exemple sur cette ancienne version de mon site :

Le fond du site
Le header du site
Ensuite tu mets le fond que tu viens de découper en fond de ta page.

Ensuite tu peux commencer à placer une Iframe.
->
Viens voir ce topic
Et si tu as une question pose-la moi Smile
Revenir en haut Aller en bas
http://kpweb.c.la/
l0uille*
Professeur diplomé
l0uille*


Féminin
Nombre de messages : 628
Age : 30
Logiciels : Photoshop CS3

Cours de l0uille* Empty
MessageSujet: Re: Cours de l0uille*   Cours de l0uille* EmptyMer 11 Juin - 16:16

Alors... Mon hébergeur, c'est Societeg. C'est un truc gratuit mais tu dois soumettre ton projet =). Y'a du MySQL, du PHP et tout le bazar.

Sinon j'comprends pas très bien, pour l'Iframe, quel est l'url de la page dont tu parles et qui est le premier truc à rentrer dans le code ?

Edit*
Je suis une vraie nouille x). Je vais essayer de t'expliquer ce que j'ai fait. Donc, mettre le layout, découper le fond et le mettre, c'est okay.
Mais alors là, l'Iframe. Déjà, qu'est-ce que ? Le cadre dans lequel on écrit ? Et puis, l'URL de la page, c'est l'URL de l'index.html une fois qu'il est hébergé ? Les premières mesures qu'il faut mettre dans le code, ce sont celles de la taille de l'Iframe ? Et celles après, à partir du haut et de la gauche, qu'est-ce que c'est ? A quoi servent-elles ?

Voilà, j'espère que j't'ai pas noyée ^^
Revenir en haut Aller en bas
http://0xygeneliquide.skyblog.com
mYn
Modératrice
mYn


Féminin
Nombre de messages : 4409
Age : 31
Localisation : 93 [Seine St-Denis]
Logiciels : Photoshop

Cours de l0uille* Empty
MessageSujet: Re: Cours de l0uille*   Cours de l0uille* EmptyMer 11 Juin - 17:26

Oula XD

Donc une Iframe c'est un cadre dans lequel on fait en sorte qu'il y est des pages qui s'ouvrent dedant. Donc ça permet de ne pas avoir à mettre le design sur toutes les pages. c'est surtout pratique pour changer les versions.

alors pour tes autres questions.. Donc l'URL de la page qui s'affiche en premier c'est l'URL d'une page qui a un fond transparent et que l'on va voir en premier en arrivant sur le site (c'est généralement celle avec les news)
Oui les premières mesures sont celles de la taille de l'iframe.
Les secondes servent à donner la position de l'iframe dans la page. Tu notes donc dans la code le nombre de pixels à partir de la gauche de ta page jusqu'à l'endroit où doit etre positionnée ton Iframe. Pareil à partir du haut de la page.

J'espère que c'est plus claire.
Revenir en haut Aller en bas
http://kpweb.c.la/
l0uille*
Professeur diplomé
l0uille*


Féminin
Nombre de messages : 628
Age : 30
Logiciels : Photoshop CS3

Cours de l0uille* Empty
MessageSujet: Re: Cours de l0uille*   Cours de l0uille* EmptyJeu 12 Juin - 15:03

J'ai compris,...enfin je pense. Sauf que quand j'ai fait mon machin, l'iframe se place en-dessous du layout x)...

http://vitamine.societeg.com/
Revenir en haut Aller en bas
http://0xygeneliquide.skyblog.com
mYn
Modératrice
mYn


Féminin
Nombre de messages : 4409
Age : 31
Localisation : 93 [Seine St-Denis]
Logiciels : Photoshop

Cours de l0uille* Empty
MessageSujet: Re: Cours de l0uille*   Cours de l0uille* EmptyJeu 12 Juin - 17:17

C'est parce que tu n'as pas mis la position de l'iframe.

Ton code c'est ça :
Code:
<iframe src="http://vitamine.societeg.com/Contenu1.html"
 name="contenu" style="position: absolute;"
 frameborder="0" height="721" width="240"></iframe>

il manque les caractéristiques
Top & Left
Ici :
Code:
STYLE="position:absolute; top:POSITION EN HAUT  DE L'IFRAME (EN PIXELS)px border:0; left:POSITION A GAUCHE  DE L'IFRAME (EN PIXELS)px ;

(C'est un extrait du code XP)
Revenir en haut Aller en bas
http://kpweb.c.la/
l0uille*
Professeur diplomé
l0uille*


Féminin
Nombre de messages : 628
Age : 30
Logiciels : Photoshop CS3

Cours de l0uille* Empty
MessageSujet: Re: Cours de l0uille*   Cours de l0uille* EmptyJeu 28 Aoû - 10:49

Zut, excuse-moi x). j'suis vraiment un peu distraite, j'ai pensé à d'autres choses enfin bref x).
Revenir en haut Aller en bas
http://0xygeneliquide.skyblog.com
mYn
Modératrice
mYn


Féminin
Nombre de messages : 4409
Age : 31
Localisation : 93 [Seine St-Denis]
Logiciels : Photoshop

Cours de l0uille* Empty
MessageSujet: Re: Cours de l0uille*   Cours de l0uille* EmptyJeu 28 Aoû - 13:18

Mdrr c'est pas grave XD
Tu en es où ?
Revenir en haut Aller en bas
http://kpweb.c.la/
l0uille*
Professeur diplomé
l0uille*


Féminin
Nombre de messages : 628
Age : 30
Logiciels : Photoshop CS3

Cours de l0uille* Empty
MessageSujet: Re: Cours de l0uille*   Cours de l0uille* EmptyVen 29 Aoû - 11:05

Alors, en fait j'ai suivi tout un tas de tutoriels sur le site du Zér0, j'pense que tu le connais, donc maintenant j'ai de grosses bases et tout le tsin-tsouin, mais j'ai des problèmes pour coder.. J'ai réussi à créer le cadre de texte, ça pas de problèmes, mais quand il s'agit de coder le menu (qui est sur deux lignes en fait), y'a un petit problème x). Enfin j'héberge dès que je retrouve le fichier dans mon bordel informatique et je te montre avec le code..
Revenir en haut Aller en bas
http://0xygeneliquide.skyblog.com
mYn
Modératrice
mYn


Féminin
Nombre de messages : 4409
Age : 31
Localisation : 93 [Seine St-Denis]
Logiciels : Photoshop

Cours de l0uille* Empty
MessageSujet: Re: Cours de l0uille*   Cours de l0uille* EmptyVen 29 Aoû - 11:07

OK donc tu fais comme le modèle du site du zéro ?
Je peux voir ce que ça donnes pour le moment stp ?
Revenir en haut Aller en bas
http://kpweb.c.la/
l0uille*
Professeur diplomé
l0uille*


Féminin
Nombre de messages : 628
Age : 30
Logiciels : Photoshop CS3

Cours de l0uille* Empty
MessageSujet: Re: Cours de l0uille*   Cours de l0uille* EmptyLun 1 Sep - 1:21

Heu, pas tout à fait comme le site du Zér0... Enfin j'ai appris mes codes là-bas, les bases, les div, les block, les inline, mais j'ai pas envie de faire un header/body/menu/shooter comme eux xD.

Donc j'avais codé mon layout, mais il me plaisait pas, alors j'vais faire dans la simplicité (peut-être trop, mais les schtroumpfs qui passeront sur le site ne sont pas vraiment très intuitifs, faut pas faire trop compliqué --'). Bon, le souci, c'est que maintenant il est pas codé, m'enfin..
http://morceau-de-coton.shos.fr/

Alors. J'ai essayé d'installer CuteNews, mon cher hébergeur qui a un nom pas très sexy ayant les capacités pour le faire... Donc j'ai r'gardé ton tuto, j'ai téléchargé le fichier, j'ai créé un dossier sur mon serveur, changé l'attribut ouchaispluslenomexact. Mais ça ne maaarche pas, ça me fait 404 Not Found quand je vais là --'.
J'ai sûrement du louper un truc, mais j'sais pas quoi..
Le dossier cutenews sur mon serveur, il doit être un sous-dossier de web ou alors être au même niveau que web ?
Mon index a toujours le droit d'être en html ?

Edit : haaaa. J'ai trouvé Very Happy. Fallait que je le mette dans web x). J'installe le machin, mais j'éditerai sûrement encore, vu que je rencontrerai sûûrement un autre problème x).

Re-edit : qu'est-ce que c'est moche comme ça xD. Par contre, j'arrive pas à installer Coppermine x). Donc. Désolée pour ce message un peu brouillon x).
J'ai réussi à installer CuteNews, a modifie le "by", "Posted", mais ça reste assez moche quand même... Sinon, j'ai essayé de mettre Coppermine, mais je retombe sur une page 404 Not Found x).
Revenir en haut Aller en bas
http://0xygeneliquide.skyblog.com
mYn
Modératrice
mYn


Féminin
Nombre de messages : 4409
Age : 31
Localisation : 93 [Seine St-Denis]
Logiciels : Photoshop

Cours de l0uille* Empty
MessageSujet: Re: Cours de l0uille*   Cours de l0uille* EmptyLun 1 Sep - 11:07

Ok ok ^^
Alors... Tu veux quoi exactement pour ton site comme navigation ? Des liens sur ton header pour que ça s'ouvre dans le cadre sur une nouvelle page ?

Pour Cutenews j'ai un lien pas mal pour le personnaliser. Je te le filerai plus tard.

Pour le moment on se concentre plus sur ta gallery qui n'en ai pas une pour le moment vu que ça marche pas XD
Qu'est-ce que tu as fais exactement ?
La page 404 Not Found s'affiche quand tu fais quoi ?
Revenir en haut Aller en bas
http://kpweb.c.la/
l0uille*
Professeur diplomé
l0uille*


Féminin
Nombre de messages : 628
Age : 30
Logiciels : Photoshop CS3

Cours de l0uille* Empty
MessageSujet: Re: Cours de l0uille*   Cours de l0uille* EmptyLun 1 Sep - 12:09

Oui oui, pour le header c'est tout à fait ça =). Des liens d'ssus pour que ça s'ouvre, enfin un lien sur le nom qui est déjà sur l'header...

Pour Coppermine, j'ai téléchargé le dossier, dézippé, j'ai créé un dossier dans web/ que j'ai appelé cgmachinbrol (le machin brol, c'est la version de Coppermine je pense). J'ai tout mis sur le serveur à Filezilla, et j'ai mis 777 comme atributs aux sous-dossiers include et albums..
Revenir en haut Aller en bas
http://0xygeneliquide.skyblog.com
mYn
Modératrice
mYn


Féminin
Nombre de messages : 4409
Age : 31
Localisation : 93 [Seine St-Denis]
Logiciels : Photoshop

Cours de l0uille* Empty
MessageSujet: Re: Cours de l0uille*   Cours de l0uille* EmptyLun 1 Sep - 12:19

Ok. Donc pour les liens sur le header, il faut que tu regardes le cours sur les images MAP. Wink


Pour coppermine ensuite tu es allé sur cette page : http://morceau-de-coton.shos.fr/web/cgmachinbrol/install.php c'est ça ?
Ca s'ouvre pas non plus chez moi... C'est bizare... cette page n'existe pas tu es sure que tous les fichiers sont bien passé avec Filezilla ? Il n'y a pas eu d'échec ?
Revenir en haut Aller en bas
http://kpweb.c.la/
l0uille*
Professeur diplomé
l0uille*


Féminin
Nombre de messages : 628
Age : 30
Logiciels : Photoshop CS3

Cours de l0uille* Empty
MessageSujet: Re: Cours de l0uille*   Cours de l0uille* EmptyLun 1 Sep - 12:29

Ha si ! J'y pense.. Y'a quatre-cinq fichiers où on me disait qu'un fichier avait déjà le même nom...


Edith Cavell.
Je rectifie, j'ai re-transféré et maintenant c'est bon, j'arrive à la bonne page =D. http://morceau-de-coton.shos.fr/cgp1419/install.php
Bon, le souci, c'est que je trouve pas le nom de ma base de données sql...
Revenir en haut Aller en bas
http://0xygeneliquide.skyblog.com
mYn
Modératrice
mYn


Féminin
Nombre de messages : 4409
Age : 31
Localisation : 93 [Seine St-Denis]
Logiciels : Photoshop

Cours de l0uille* Empty
MessageSujet: Re: Cours de l0uille*   Cours de l0uille* EmptyLun 1 Sep - 15:47

C'est le même que celui que tu as entré dans Filezilla.

Revenir en haut Aller en bas
http://kpweb.c.la/
l0uille*
Professeur diplomé
l0uille*


Féminin
Nombre de messages : 628
Age : 30
Logiciels : Photoshop CS3

Cours de l0uille* Empty
MessageSujet: Re: Cours de l0uille*   Cours de l0uille* EmptyLun 1 Sep - 16:17

Non.. Enfin si, peut-être, mais il est pas d'accord.. Il dit qu'il n'a pas pu trouver la DB "loupiote"...
Revenir en haut Aller en bas
http://0xygeneliquide.skyblog.com
mYn
Modératrice
mYn


Féminin
Nombre de messages : 4409
Age : 31
Localisation : 93 [Seine St-Denis]
Logiciels : Photoshop

Cours de l0uille* Empty
MessageSujet: Re: Cours de l0uille*   Cours de l0uille* EmptyLun 1 Sep - 17:50

La base de données, c'est l'hôte dans Filezilla. Par exemple pour free c'est ftpperso.free.fr
Revenir en haut Aller en bas
http://kpweb.c.la/
l0uille*
Professeur diplomé
l0uille*


Féminin
Nombre de messages : 628
Age : 30
Logiciels : Photoshop CS3

Cours de l0uille* Empty
MessageSujet: Re: Cours de l0uille*   Cours de l0uille* EmptyMar 2 Sep - 10:43

J'dois sûrement être un peu con.

Spoiler:
Revenir en haut Aller en bas
http://0xygeneliquide.skyblog.com
mYn
Modératrice
mYn


Féminin
Nombre de messages : 4409
Age : 31
Localisation : 93 [Seine St-Denis]
Logiciels : Photoshop

Cours de l0uille* Empty
MessageSujet: Re: Cours de l0uille*   Cours de l0uille* EmptyMar 2 Sep - 18:44

Ben non t'es pas con... C'est bizarre !
Ta base MySQL est activée...

J'vais cherché mais pour le moment ton hébergeur déconne donc je verrais ça plus tard ! Dsl :s
Revenir en haut Aller en bas
http://kpweb.c.la/
l0uille*
Professeur diplomé
l0uille*


Féminin
Nombre de messages : 628
Age : 30
Logiciels : Photoshop CS3

Cours de l0uille* Empty
MessageSujet: Re: Cours de l0uille*   Cours de l0uille* EmptyMar 2 Sep - 21:29

Pas d'souci, et merci =). Sinan j'demanderai des infos à mon charmant hébergeur x).
Revenir en haut Aller en bas
http://0xygeneliquide.skyblog.com
mYn
Modératrice
mYn


Féminin
Nombre de messages : 4409
Age : 31
Localisation : 93 [Seine St-Denis]
Logiciels : Photoshop

Cours de l0uille* Empty
MessageSujet: Re: Cours de l0uille*   Cours de l0uille* EmptyMer 3 Sep - 9:39

J'ai vu que tu avais posté un message sur leur forum.
Tu as trouvé le nom de te base finalement ?
Revenir en haut Aller en bas
http://kpweb.c.la/
l0uille*
Professeur diplomé
l0uille*


Féminin
Nombre de messages : 628
Age : 30
Logiciels : Photoshop CS3

Cours de l0uille* Empty
MessageSujet: Re: Cours de l0uille*   Cours de l0uille* EmptyMer 3 Sep - 10:53

Oui..et non. J'ai trouvé un nom, mais ça n'a pas vraiment l'air d'être ça x). Enfin bref. J'ai "changé" d'hébergeur momentanément, j'suis passée chez Olympe-Network, et, hallelujah, ça fonctionne =D.
http://grainedesesame.olympe-network.com/cpg1419/index.php
J'ai ré-installa CuteNews aussi, et ça fonctionne également, donc j'suis contente =). J'ai l'impression que le serveur SQL de Societeg, ça vaut pas trois cacahouètes x).

Sinon j'compte changer de layout, enfin pour être précise j'vais essayer d'en faire un avec ma prof, mais j'vais essayer les Images MAP sur celui-ci, pour voir si je comprends quelque chose ^^.
Revenir en haut Aller en bas
http://0xygeneliquide.skyblog.com
mYn
Modératrice
mYn


Féminin
Nombre de messages : 4409
Age : 31
Localisation : 93 [Seine St-Denis]
Logiciels : Photoshop

Cours de l0uille* Empty
MessageSujet: Re: Cours de l0uille*   Cours de l0uille* EmptyMer 3 Sep - 11:40

Ok cool =D
Tiens-moi au courant ;p
Revenir en haut Aller en bas
http://kpweb.c.la/
Contenu sponsorisé





Cours de l0uille* Empty
MessageSujet: Re: Cours de l0uille*   Cours de l0uille* Empty

Revenir en haut Aller en bas
 
Cours de l0uille*
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Cours de l0uille*
» l0uille*
» [COURS] Introduction au cours d'HTML
» 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