Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
987 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Améliorer l'esthétique de ma page

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Améliorer l'esthétique de ma page

n°2282990
bubule-67
Posté le 03-06-2016 à 21:43:43  profilanswer
 

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.

mood
Publicité
Posté le 03-06-2016 à 21:43:43  profilanswer
 

n°2282991
flo850
moi je
Posté le 03-06-2016 à 22:22:06  profilanswer
 

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


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

n°2282993
bubule-67
Posté le 04-06-2016 à 11:48:46  profilanswer
 

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 :)

n°2283027
bubule-67
Posté le 04-06-2016 à 19:53:42  profilanswer
 

Personne ?  :??:

n°2283029
sodimel
rfe raw drah !
Posté le 05-06-2016 à 02:20:12  profilanswer
 

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


---------------
l3m - twinoid - bmc
n°2402273
asaqeda
Posté le 02-12-2021 à 19:01:21  profilanswer
 

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
n°2402944
slr56
Tout problème a sa solution.
Posté le 07-12-2021 à 11:46:41  profilanswer
 

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
n°2446773
ellis13
Posté le 21-05-2023 à 15:39:13  profilanswer
 

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.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Améliorer l'esthétique de ma page

 

Sujets relatifs
Affichier plusieurs URL à la suite dans une même pageDifference entre IE et chrome/android page perso
Mise en page responsivelancer un lien sur une page web périodiquement
Changer les données affichées sur une page WebInsérer des données CSV dans un graph sur une page CSS/HTML
Réduire poids images avant de les charger dans une page HTMLRéduire poids images avant de les charger dans une page HTML
enregistrer page web complète avec menu déroulant 
Plus de sujets relatifs à : Améliorer l'esthétique de ma page


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR