Mise en place du CSS

**bob2fox** · 05/05/2020, 10h16

Bonjour à tous,
J'ai créé (pompé le code) une page Web super compliquée avec un script python, mais je n'arrive pas à le mettre en forme avec du css :
server.py

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
import http.server
 
PORT = 8889
server_address = ("127.0.0.1", PORT)
 
server = http.server.HTTPServer
handler = http.server.CGIHTTPRequestHandler
handler.cgi_directories = ["/"]
print("Serveur actif sur le port :", PORT)
 
httpd = server(server_address, handler)
httpd.serve_forever()

index.py

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
# -*- coding: UTF-8
 
print("Content-type: text/html; charset=utf-8\n")
 
msg="""<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type=text/css href="style.css" />
<title>Premiers tests du CSS</title>
</head>
<body>
<h1>Mon super site</h1>
<p>Bonjour et bienvenue sur mon site !</p>
<p>Pour le moment, mon site est un peu <em>vide</em>.
Patientez encore un peu !</p>
</body>
</html>"""
 
print(msg)

style.css

Code :

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

1
2
3
4
5
body
{
    color: blue;
    font: 12px Arial;
}

La page s'affiche dans le navigateur, mais le paragraphe refuse catégoriquement de s'afficher en bleu Arial 12px
Quelqu'un a-t-il la solution pour que le fichier style.css mette en forme ma page index ?
Merci

**transgohan** · 05/05/2020, 11h25

Je ne vois pas de problème en l'état.

As-tu vérifié avec un inspecteur de code (disponible dans presques tous les navigateurs) si le fichier style.css était téléchargé ?

Tu peux aussi pour vérifier inclure le CSS dans le HTML pour vérifier que ce n'est pas un problème d'affichage :

Code html :

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

1
2
3
4
5
6
7
<style>
body
{
    color: blue;
    font: 12px Arial;
}
</style>

**wiztricks** · 05/05/2020, 11h42

Salut,

Envoyé par bob2fox

Quelqu'un a-t-il la solution pour que le fichier style.css mette en forme ma page index ?

Il faut ajouter du code pour que le serveur CGI serve les fichiers statiques.
Mais vous pouvez toujours inclure le CSS directement dans la page HTML.

Utiliser http.server.HTTPServer à probablement du sens pour apprendre à écrire un petit serveur HTTP. Dans la pratique, vous avez des serveurs Web petits (flask) ou grand(django) qui font déjà le boulot.

- W

**bob2fox** · 05/05/2020, 12h23

Merci à transgohan et wiztricks pour vos réponses rapides.

transgohan : le code source de ma page comprend bien le lien vers style.css, mais lorsque je clique sur ce lien, j'ouvre une page blanche. Le CSS directement inclus dans le HTML fonctionne

wiztricks : je viens de consulter la doc de CGI, mais je ne trouve rien concernant le code à rajouter : as-tu une piste à creuser ?

**wiztricks** · 05/05/2020, 12h36

Envoyé par bob2fox

wiztricks : je viens de consulter la doc de CGI, mais je ne trouve rien concernant le code à rajouter : as-tu une piste à creuser ?

Cherchez sur Internet, vous trouverez des codes et des tas d'explications/tutos. qui racontent comment çà marche.

Je vous répète que dans la pratique on utilise un vrai serveur Web plutôt que de repartir de rien...
Sauf si on veut passer du temps à comprendre comment çà marche (mais dans ce cas, on a aussi le temps de chercher...)

- W

**bob2fox** · 05/05/2020, 14h21

Le CSS inclus dans le HTML fonctionne.
J'ai donc créé un fichier style.py avec une méhode monCss dont le code est :

Code :

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

1
2
3
4
5
6
7
8
9
def monCss():
    print ('<style>')
    msg="""body
        {
            color: blue;
            font: 12px Arial;
        }"""
    print(msg)
    print ('</style>')

cette méthode est appelée dans le <head> don HTML, et ça semble fonctionner
Merci encore à transgohan et wiztricks

**Michel** · 05/05/2020, 15h48

Bonjour

handler = http.server.CGIHTTPRequestHandler

Cette ligne indique que le serveur accepte des requêtes CGI et donc des appels à un petit bout de code python executable.
La page est créée à la volée et lorsque que le navigateur tombe sur la ligne

Code :

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

<link rel="stylesheet" type=text/css href="style.css" />

il envoie une demande du fichier style.css qui n'aboutit pas !

Mise en place du CSS [Python 3.X]

Réseau/Web Python

Discussions similaires

Partager

Partager