Novice en codage ! sur le forum Création de sites web - 13-06-2013 01:01:23

Liste des sujets

Novice en codage !

vodka7-

Niveau 5

13 juin 2013 à 01:01:23

Hey salut tous le monde.

Dites je me suis intéréssé de plus pret au monde du codage.

Je n'y connais absolument rien. Mais j'apprend sur le site site du zero.
J'ai commencer aujourd'hui et bien évidement j'ai commencer par le htlm.

Je vien de finir la première partie consacré au htlm et je vais me lancer dans le Css.

Si je vien ici c'est étant donné que je suis nouveau je vais avoir un peu de mal a tous comprendre.

Bon la je sais faire les truc de base, comme mettre des paragraphe, des images, des lien etc.. mais c'etais très simple a comprendre.

Peu etre a part les <figure> que j'ai pas très bien compris, mais que j'ai pas encore codé/mis en page/tester.
Donc je comprendrai peu etre une fois fait.
Ca vien illustré un texte, c'est bien c'est cool mais ça sert a quoi au juste.

Je demande pas la signification d'illustré, mais quel est la différence entre placer un texte a coté de l'image grace au css et d'illustré avec un htlm..
Bref je verrais bien.

Alors j'aimerai que ce post servent vraiment a que vous m'aidiez, et tous les autres novices.

J'y posterai de temps en temps quand je ne comprendrai pas quelque chose et j'espere avoir des reponses.

C'est mieu que de faire 1000 post pour 1000 probleme différent, surtout a mon niveau ou une courte réponse suffit.

Merci d'avoir pris le temps de me lire et bonne soiré a tous et a toute.

vodka7-

Niveau 5

13 juin 2013 à 01:22:25

Ptit probleme je voulais mettre en pratique l'insertion d'image.

Je prend une image au pif sur mon bureau, je la met dans le dossier de mes "test" et je la nomme disiz.Jpeg (c'est son format de base).

Hors mon encodage qui est celui la (ne faite pas attention a ce que j'ai ecris c'etais vraiment pour test)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Gamatitude</title>
</head>

<body> <h1>Qui aime disiz ici?</h1><br> <figure> <img src="disiz.jpeg" alt="Disiz tes beau"><figcaption> C'est disiz le plus beau </figcaption></br>
<P> Pour d'autre photo de lui allez <A href=https://www.google.fr/"> Ici </A><H2> Bonne fin de soiré a tous !</h2><p> Et salut !</p>
</body>
</html>

J'ai du coup voulu essayer la figure mais ca ne marche pas.
Quelqu'un serais pourquoi?
Et pourrais me donner des petit conseil sur ma façon novice de codé.

vodka7-

Niveau 5

13 juin 2013 à 01:25:37

Bon j'ai enlever la figure pour voir et j'ai codé comme ça.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Gamatitude</title>
</head>

<body> <h1>Qui aime disiz ici?</h1><p> <img src="disiz.jpeg" alt="Disiz tes beau"> </p>
<P> Pour d'autre photo de lui allez <A href=https://www.google.fr/"> Ici </A><H2> Bonne fin de soiré a tous !</h2><p> Et salut !</p>
</body>
</html>

Mais maintenant je vois que l'image, sans le titre dans les paragraphe sans rien. Quelqu'un a la solution.

Merci

moustafalus

Niveau 9

13 juin 2013 à 01:36:02

la balise image est une balise auto fermée.

vodka7-

Niveau 5

13 juin 2013 à 01:41:01

A wai mince je l'avais oublié ça merci mille fois.

vodka7-

Niveau 5

13 juin 2013 à 01:48:17

Putin même avec ca
J'ai fait le code le plus simplifié possible.
Je montre que le corp la mais le reste y est.

<body>
<h1>Qui aime disiz ici?</h1>
<p> <img src="image/disiz.jpeg" alt="Disiz tes beau"/> </p> </body>

Je vois pas où est l'erreur la pourtant l'image ne s'affiche pas.
Ps: J'ai creé un dossier image où j'ai mis la photo, pour voir si le probleme ne venais pas de là.

malcom95

Niveau 9

13 juin 2013 à 09:20:15

Essaie d'écrire l'extension avec la majuscule comme tu l'as écrit plus haut "Jpeg".

Sinon, utilises un bon debuggeur (comme Firebug) pour détecter les fichiers chargés à l'ouverture de ta page : ça te permettra de détecter si tu as mal écrit le chemin ou le nom de ton image (erreur 404) ou si ça vient d'ailleurs

Pseudo supprimé 13 juin 2013 à 11:20:21

Alors,

1/ Les balises autofermantes ne sont obligatoires qu'en xhtml, ici en html5 ce n'est pas obligatoire (mais plus pratique quand même pour s'y repérer)
2/ l'extension c'est ".jpg"
3/ Est-ce que le dossier "image" est bien au même niveau que ton fichier html

Et aussi, le HTLM n'existe pas, le HTML oui. ;)

Pseudo supprimé 13 juin 2013 à 11:22:12

Puisque je le vois :
4/ La balise <br /> (ou <br>) sert à revenir à la ligne au sein d'un paragraphe de texte, pas à ajouter de l'espace entre deux éléments (ici ton titre et ton paragraphe) ; pour ça on utilise des marges en CSS. ;)

vodka7-

Niveau 5

13 juin 2013 à 20:32:34

La nature de la photo est jpeg donc j'ai reconstruit comme ça.
Mais l'image n'es pas une photo, ca devrai etre une png logiquement.

Le dossier image est bien dan le meme dossier que le html.

Pourtant moi j'utilise le HTLM depuis le debut et ca marche ainsi. sauf que j'ai vu un net amélioration quand j'utilise HHTML donc je vais continuer ainsi.

Le "J" en majuscule ne change rien non plus.

Changer en Jpg ne change rien non plus car les deux extension marche.

J'ai refait un codage toujours la même erreur pas d'image

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Gamatitude</title>
</head>

<body> <h1> Bienvenue sur mon site </h1> <P> Ici j'essaye d'apprend le codage, <br> C'est pas si simple que ca</br></p><P> Je vous met une image <img src="image/disiz.jpeg" alt=C'est beau"/>

</body>
</html>

vodka7-

Niveau 5

13 juin 2013 à 21:52:31

Help svp je suis bloqué, et j'ai pas envie de continuer mon "apprentissage" si je suis deja bloqué ici...

Tiddo

Niveau 10

13 juin 2013 à 23:33:28

Tu as l'arborescence suivante ? Change l'extension .jpeg par .jpg au passage.

index.html
-- image
---- disiz.jpg

vodka7-

Niveau 5

13 juin 2013 à 23:37:05

Quesque tu apel l'Arborescence?

J'ai changer en .jpg toujours rien.

Mon fichié s'apel test.html
Mias --image et --disiz.jpg je vois pas de quoi tu parle.

vodka7-

Niveau 5

13 juin 2013 à 23:41:36

Ah, ba enfaite, j'ai mis un dossier "Apprentissage" sur mon bureau. Dans ce dossier il y a mon fichier "test.html" dans ce meme fichié il y a mon fichier "image" et dans le dossier "image" il y ma photo "disiz.jpg

vodka7-

Niveau 5

14 juin 2013 à 00:40:42

Probleme resolu. A bientôt pour de nouvelle aventure :p

vodka7-

Niveau 5

14 juin 2013 à 02:28:28

Bon bon bon j'avance petit a petit mais j'avance.
Alors voila c'est juste une question, je rencontre pas de probleme pour le moment.

Dans le Css on ne peu pas tous regrouper police/taille dans le meme "compartiment"

Je m'explique en code:

J'ai fichier css
titre 1

h1
{
font-style: italic
font-weight: bold
}

Voila là donc la "logiquement" je dit a mon ordi que le h1 le titre 1 va etre en italic et en gras.
Hors lui le ne vois pas comme ça.

Du coup on est forcé de codé comme ca ?:

h1
{
font-weight: bold
}
h1
{
font-style: italic
}

Ca m'intrigue pasque la premiere solution serais beaucoup plus simple a faire...

(je rappel que j'en suis a mes debut et si il y a une technique mais "dur" que je vais logiquement apprendre plus tard, ne l'expliqué pas, juste dites le.

Car actuellement je suis au chapitre 3 de la partie 2 du site "site du zero" (en html et css bien entendu)

Merci d'avoir pris le temps de me lire et bonne soiré

Tiddo

Niveau 10

14 juin 2013 à 09:35:47

C'est bien la première solution qu'il faut utiliser.

h1
{
// tout ce que tu veux
}

vodka7-

Niveau 5

14 juin 2013 à 10:04:09

Ha merde ba pourtant j'ai essayer et ça a pas marcher alors que la deuxieme si.

Je réessaierai alors ^^
Merci

vodka7-

Niveau 5

14 juin 2013 à 10:12:20

Je vien de tester et effectivement ça marche, nikel.
En j'oubliais les ";" je ne savais pas si ils etaient vraiment nécessaire maintenant je le sais

Tiddo

Niveau 10

14 juin 2013 à 10:31:55

Sérieux, tu comprends ce que tu lis sur le SDZ ? Parce que si tu ne comprends pas déjà qu'il faille mettre des points virgules à la fin de chaque instruction, t'es mal barré.

Aide à l'achat Mac
Macintosh
Création de Jeux
Programmation
Création de sites web
Linux
Internet
Steam Deck
Hardware

La vidéo du moment

News jeu

17 922 spectateurs

Les jeux indépendants cartonnent comme jamais, mais leur succès cache une industrie de plus en plus inégalitaire

Clair Obscur: Expedition 33, Hades 2, Hollow Knight: Silksong... Ces dernières années ont largement mis les jeux indépendants et les productions à budget plus modeste sous le feu des projecteurs. Et 2026 poursuit la tendance: en février dernier, Mewgenics dépassait le million de ventes en 1 semaine à peine, exploit renouvelé par Big Walk cette semaine. Des performances qui pourraient laisser croire que le secteur indépendant traverse un véritable âge d'or. Pourtant, ces réussites spectaculaires cachent un marché où devenir visible est plus difficile que jamais.

Toutes les news jeu