Résolu Créer un site HTML CSS PHP pour le programme d'SIG en terminal.

[mutsury]

Bonjour ou Bonsoir cela dépend de vous savez quoi.

Je suis en terminale STMG option SIG, et on doit faire un projet qui consiste à faire un site.
Pour ma part ( et mon groupe , de 3 ), il s'agit d'un site d'un restaurant de crêpe.
On a une idée vague de ce qu'on va mettre comme élément dans le site.
Mais on est pas très expérimenté et on est pas très à l'aise avec les balises qu'on a du mal à apprendre par cœur etc. Donc j'aimerais bien avoir de l'aide, si possible même une personne avec qui parler sur skype ou autre .

Merci beaucoup

 

[Paul GTP]

qu'on a du mal à apprendre par cœur

Ça n'est pas nécéssaire
Le HTML est simple, c'est un peu comme les poupées russes.
L'indentation d'un code (les retraits vers la droite) vont te permettre de comprendre simplement à quoi ressemble une page HTML

Bon, admettons, voici un exemple de page (vide) pour que tu vois à quoi ressemble un code bien indenté et à quoi ressemble les balises/leurs fonctionnements

Les <!-- Commentaires --> ne sont pas visibles sur la page, je les ai juste mis pour te renseigner des fonctions de chacune des balises
Voici à quoi ressemble une page un peu plus travaillée. Pour ce qui est du code en <?php ?>, ça ne vous concerne pas (j'ai d'ailleurs du retirer une bonne partie du code de ma page pour vous garder + de html que de php

Après avoir balisé tout le bordel, il vous suffira simplement de donner un style avec css
Je vous conseille de suivre mon conseil et de lire ce topic que j'avais rédigé à l'époque, vous en apprendrez beaucoup grâce à OpenClassRoom !
https://reality-gaming.fr/threads/pas-a-pas-vers-lapprentissage-du-developpement-web.557734/

Ta demande est-elle résolue ?
Si oui, je t'invite à cliquer sur Cette réponse a répondu à ma question sous mon message pour rajouter le préfixe résolu à la discussion, sinon attends d'autres réponses (si tu ne peux pas c'est parce que tu t'es trompé de section => https://reality-gaming.fr/forums/questions-aides-et-recherches.809/ ; j'ai signalé pour que ton topic soit déplacé !)

Bonne soirée,
Paul GTP

 

[mutsury]

Merci pour cette aide, j'aimerais si possible avoir une liste de balise les plus utilisés possible avec leur fonction à côté.

 

[Paul GTP]

Merci pour cette aide, j'aimerais si possible avoir une liste de balise les plus utilisés possible avec leur fonction à côté.

Ça dépend de comment tu veux faire les choses, il y a 1001 façons de coder (certaines plus propres que d'autres )

On va dire:
<span> - pour englober du texte ou du contenu dans un bloc "inline" (2 spans peuvent être mis côtes à côtes)
<div> - pour englober du texte ou du contenu dans un bloc "block" (2 divs sont 2 spans qui ne peuvent pas être mis côtes à côtes. En cas de 2 div côtes à côtes, un se mettra en dessous de l'autre, sauf si tu utilises css)
<b> ou <strong> - pour mettre du texte en gras
<i> ou <em> - pour mettre du texte en italique
<u> - pour souligner du texte
<s> - pour barrer du texte

Après tu as des balises de type "rangement" pour avoir un code HTML valide du genre
<header>
<section>
<footer>
Pas besoin d'expliquer à quoi elles servent, c'est juste pour ranger en gros... Ça peut être remplacé par des divs par exemple !

Après tu as les <ul> (unordered list - liste non ordonnée)

• Ceci
• est une liste
• non ordonnée

Après tu as les <ol> (ordered list - liste ordonnée)

1. Ceci
2. est une liste
3. ordonnée

Après tu as <img> pour afficher une image

<img src="nomdetonimage.png" alt="Nom de ton image" />

À savoir que chaque balise que tu ouvres (par exemple pour mettre un texte en gras) doit être refermé toujours de la même manière que sous la méthode ci-dessous:

<b>Ce texte est en gras</b>

Quelques exemples d'usages

<b>Ce texte est en gras <i>ET en italique pour ce mot</i></b>
<b><i><s>Ce texte est en gras, italique et barré</s> <u>tandis que celui-ci est souligné et non barré</u></i>... Mais je préfère que ça reste en gras naturel !</b>

Après pour en savoir plus je t'invite vraiment à lire les cours de OpenClassrooms ! Tu peux réussir un superbe résultat en moins d'une semaine si tu suis les cours à fond !

Bonne fin de soirée,
Paul GTP

 

[mutsury]

Mais comment faire pour introduire les menus logos etc ?

 

[Paul GTP]

Mais comment faire pour introduire les menus logos etc ?

Avec CSS
Encore une fois je te renvoie vers OpenClassrooms !

Edit: J'ai déplacé ta discussion en section Résolu .

Bonne soirée,
Paul GTP