Mise en place du CSS

Version imprimable

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:

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:

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:

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

05/05/2020, 10h25
transgohan
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:

1 2 3 4 5 6 7 <style> body { color: blue; font: 12px Arial; } </style>
05/05/2020, 10h42
wiztricks

Salut,

Citation:

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
05/05/2020, 11h23
bob2fox

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 ?
05/05/2020, 11h36
wiztricks

Citation:

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

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:

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

05/05/2020, 14h48
Michel

Bonjour

Citation:

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:

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

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