Petite explication basique entre HTML/CSS/PHP ?

**jerem432** · 06/06/2013, 23h01

Bonsoir..
Je viens requérir votre aide concernant certain point en programmation web

.
Je vois arriver déjà certaines réponses en disant qu'il existe déjà beaucoup de tutorial sur le web, ou alors de regarder les cours existant. J'ai déjà regardé pas mal (beaucoup) de cours et malgré tout il y a des choses qui m'échappe.
Donc avant tout je remercie d'avance ceux (ou celles) qui prendront le temps de répondre à mes questions

. Je ne cherche pas forcement une réponse très développée mais rien qu'une petite explication simple me permettant de comprendre au moins les bases.
Passons aux questions à proprement parlé

....... Je ne comprend pas comment s'imbrique le php avec le html et bien sur le css. J'ai déjà fait un site statique donc en html et css qui fonctionne très bien

. Maintenant j'aimerais bien couplé ça avec du php et une base mysql. Cependant je n'arrive pas a comprendre les "liens" unissant cela. Je compte recommencer mon site du début pour effectuer un codage "propre" mais pour cela il faudrait que j'arrive à unir le html et le php. Tout du moins arriver à comprendre comment faire un site en unissant ces trois choses. Je connais la théorie du php (qui est interprété par le serveur et patati et patata

mais ça vous êtes tous au point dessus mieux que moi, lol).
J'ai créé une page en .php mais dès le début je bloque. J'ai essayé de mettre du CSS à l'intérieur mais forcement ça ne marche pas. Le CSS en question était pour afficher un fond d'écran, qui marchait très bien dans mon site en html. Si une âme charitable pouvais éclairer ma lanterne

.
Je remercie les personnes qui prendront de leur temps pour tenter de m'aider (sans me renvoyer bouler

)
Je sais que c'est les bases à ras les pâquerettes mais il faut bien commencer quelque part. Et les différents sites et cours ne m'ont pas aidé, pourtant j'y ai passé quelques heures à essayer de comprendre (C'est peut être que je suis un abruti fini après tout, lol).
Merci

**nicosmash** · 06/06/2013, 23h09

Bonsoir,

HTML est un langage de structuration d'une page web.

CSS sert à la mise en page.

PHP contrairement au deux précédent est exécuté côté serveur, puis le serveur renvoie des données (X)HTML. On peut donc mettre des requêtes dans du code PHP pour se servir la base de donnée.

**sabotage** · 06/06/2013, 23h17

Un exemple pour tout comprendre

Un bout de page statique HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<h1>Titre de la page</h1>

Cette page est transmise directement du serveur au client web.

Un boude code PHP

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
$titre = 'Titre de la page';
echo '<h1>' . $titre . '</h1>';

Ce code est d'abord interpreté par le moteur PHP.
Comme tu le comprends, après son passage entre les mains de PHP, on aura exactement la même chose qu'au dessus.
Ce résultat est transmis au client web qui reçoit donc la page comme si elle avait été écrite statiquement.
Mais je le repête pour le navigateur, c'est toi qui a écrit tout le HTML statiquement, il ne sait pas que PHP est intervenu avant.

Pour ton problème plus precisemment déjà tu n'es pas obligé de passer par PHP pour tout faire.
Ta déclaration CSS, si elle n'a pas d'élément dynamique peut être écrite hors PHP.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<style>
            p  {
                color: blue;
            }
        </style>
</head>
<body>
<h1><?php echo $titre; ?></h1>

Ensuite si tu as un problème avec une page dynamique qui pose des problème HTML/CSS il faut regarder la source HTML dans le navigateur, trouver le problème HTML/CSS et ensuite étudier le code PHP qui produit cette partie de la page.
Mais je le repête : une fois sur le navigateur, c'est exactement comme si tu avais tout écrit statiquement.

**jerem432** · 07/06/2013, 13h11

Avant tout merci de vous pencher sur mon problème

.
Donc si je comprend bien (ce qui est loin d’être gagné, lol), je peux faire mon code comme sur une page .html sauf que la page sera en PHP, et ensuite ajouter dans ce code des morceaux en PHP. Ce qui résoudrait le problème du CSS puisque le code sera le même que dans une page html sauf que la ce sera une page en php. Ai-je bon?
En tout cas merci de m'aider

**nicosmash** · 07/06/2013, 13h22

Ce que vous dites est flou ...

Vous pouvez faire ceci et sauvegarder en html ou php ce sera la même chose :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Page web</title>
    </head>
 
    <body>
        <p>toto</p>
    </body>
</html>

Il faut prendre l'habitude de séparer html et css donc si vous voulez faire du css, dans un autre document vous faites :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
p
{
    color: blue;
}

Idem dans la page html le php sera avant la balise du doctype (autant que possible) pour une meilleure visibilité.

Donc au lieu de faire des manipulations au milieu de l'html vous le faites autant que possible au-dessus donc ne pas faire :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Page web</title>
    </head>
 
    <body>
        <p><?php echo "Bonjour le monde, il fait beau aujourd'hui ...";?></p>
    </body>
</html>

Mais plutôt :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<?php $bonjour = "Bonjour le monde, il fait beau aujourd'hui ...";?>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Page web</title>
    </head>
 
    <body>
        <p><?php echo $bonjour; ?></p>
    </body>
</html>

**sabotage** · 07/06/2013, 13h23

Tout a fait : tu peux pour commencer reprendre ta page .html, la renommer .php et y insérer des bouts de PHP.

**jerem432** · 07/06/2013, 13h37

Un grand merci à vous

Je commence à voir un peu plus clair. Je vais essayer de faire avec vos exemples pour tenter de m'améliorer et concevoir ma page en HTML, PHP et CSS. (Même si je ne savais pas que l'on pouvait mettre le css dans un autre document, mais le web est tellement vaste

mais faudrait que j'apprenne cette possibilité ça parait plus "propre" comme code même si ce n'est surement pas très évident au départ, lol).

Merci de vos aides respectifs je pense que ça va grandement m'aider