Améliorer l'esthétique de ma page

Améliorer l'esthétique de ma page - HTML/CSS - Programmation

Marsh Posté le 03-06-2016 à 21:43:43    

Bonjour à tous. Dans le cadre de mon projet de terminal STI2D je dois réaliser un serveur WEB avec un Arduino pour pouvoir héberger ma page WEB. Je n'ai pas de soucis à programmer ma page WEB (je débute quand même  ;) ).
Seulement comme l'Arduino n'est pas assez rapide je ne peux pas mettre d'image. La page est donc relativement "dégueulasse"  :whistle:  ? Pouvez vous m'aidez à l'améliorer esthétiquement ? Je ne m'y connais pas trop en terme de design de page  :D  
 
Je vous met ici le code de ma page:

Code :
  1. <!DOCTYPE html>
  2. <html>
  3. <meta charset="utf-8">
  4. <head>
  5. <meta http-equiv="Refresh" content="20"; url=index.htm">
  6. <link rel="stylesheet" href="style.css" />
  7. <title>Projet Aquarium</title>
  8. <style>
  9. h1
  10. {
  11.     color: black;
  12.     text-align: center;
  13.     font-size: 40px; /* Titres de 40 pixels */
  14.     solid {border-style: solid};
  15.     border: 5px solid #99CCF5;
  16. }
  17. .version
  18. {
  19.     font-size: 30px;
  20.     text-align: center;
  21. }
  22. p
  23. {
  24.     color: black;
  25.     font-size: 30px;
  26. }   
  27. </style>
  28. </head>
  29. <body>
  30. <!-- body style="background : url(material.png) 50% 50% fixed no-repeat;" -->
  31. <h1 style="font-family: Corbel"><b>Projet Aquarium 2015/2016</b></h1>
  32. <br/>
  33. <p>Temps : %H%:?:? </p>
  34. <p>Température : %X% °C</p>
  35. <p>Luminosité: %Z% </p>
  36. <p>Chauffage :</p>
  37. <FORM>
  38. <INPUT type="button" name="On" value= "On"
  39. onclick="Chauffage ON">
  40. <INPUT type="button" name="Off" value= "Off"
  41. onclick="Chauffage OFF">
  42. </FORM>
  43. <p>Eclairage :</p>
  44. <FORM>
  45. <INPUT type="button" name="On" value= "On"
  46. onclick="Chauffage ON">
  47. <INPUT type="button" name="Off" value= "Off"
  48. onclick="Chauffage OFF">
  49. </FORM>
  50. </body>
  51. </html>


 
Merci beaucoup pour votre aide.

Reply

Marsh Posté le 03-06-2016 à 21:43:43   

Reply

Marsh Posté le 03-06-2016 à 22:22:06    

tu peux utiliser https://codepen.io/mallendeo/pen/eLIiG
(clique sur view compiled pour voir le code en vrai HTML et CSS )


---------------

Reply

Marsh Posté le 04-06-2016 à 11:48:46    

Bonjour. J'ai réaliser un croquis avec le rendu que j'aimerais bien pour ma page WEB. Je voulais donc savoir si quelqu'un pouvait m'aider à réaliser ceci en html en reprenant la base de page HTML ci posté précedement.
Voici le croquis: http://img11.hostingpics.net/pics/472837croquis.png
Merci à vous :)

Reply

Marsh Posté le 04-06-2016 à 19:53:42    

Personne ?  :??:

Reply

Marsh Posté le 05-06-2016 à 02:20:12    

Hop, j'ai fait un ptit truc vite fait pour te guider :)


---------------
l3m - twinoid - bmc
Reply

Marsh Posté le 02-12-2021 à 19:01:21    

Bonjour,
 
J'ai fait une page web html (uniquement code html mais avec des images et un fond d'une couleur)  mais le problème c'est qu'après avoir fini mon travail je me suis aperçu que le site était moche. Du coup, j'ai besoin de votre aide: est-ce que vous sauriez comment rendre un site html esthétique, agréable à lire. J'aimerais ,si possible, éviter tout ce qui est logiciels ou sites de modélisation de site, je voudrais le faire de mes propres moyens
 
Merci par avance.

Message cité 2 fois
Message édité par asaqeda le 02-12-2021 à 19:04:54
Reply

Marsh Posté le 07-12-2021 à 11:46:41    

asaqeda a écrit :

Bonjour,
 
J'ai fait une page web html (uniquement code html mais avec des images et un fond d'une couleur)  mais le problème c'est qu'après avoir fini mon travail je me suis aperçu que le site était moche. Du coup, j'ai besoin de votre aide: est-ce que vous sauriez comment rendre un site html esthétique, agréable à lire. J'aimerais ,si possible, éviter tout ce qui est logiciels ou sites de modélisation de site, je voudrais le faire de mes propres moyens
 
Merci par avance.


 
Bonjour, il faut utiliser du CSS.


---------------
Configurations type du moment : https://forum.hardware.fr/hfr/Hardw [...] 1331_1.htm  https://www.jouannetphotographe.com
Reply

Marsh Posté le 21-05-2023 à 15:39:13    

asaqeda a écrit :

Bonjour,
 
J'ai fait une page web html (uniquement code html mais avec des images et un fond d'une couleur)  mais le problème c'est qu'après avoir fini mon travail je me suis aperçu que le site était moche. Du coup, j'ai besoin de votre aide: est-ce que vous sauriez comment rendre un site html esthétique, agréable à lire. J'aimerais ,si possible, éviter tout ce qui est logiciels ou sites de modélisation de site, je voudrais le faire de mes propres moyens
 
Merci par avance.


L'ajustement de l'esthétique de la page nécessite d'en savoir plus sur vous - même, d'autres en disent plus que vous ne le faites vous - même. Jetez également un coup d’œil à d’excellentes pages Web.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed