thème de la musique électronique

thème de la musique électronique - Web design - Graphisme

Marsh Posté le 02-12-2013 à 10:39:52    

Bonjour, que pensez vous de ce webdesign sur la thème de la musique électronique:
 
 
http://www.lunnatick.fr/pages/Lien_Hip_Hop/index.php


---------------
http://www.lunnatick.fr/
Reply

Marsh Posté le 02-12-2013 à 10:39:52   

Reply

Marsh Posté le 02-12-2013 à 14:38:18    

Bonjour lunnatick :)
 
On sent qu'il y a une recherche : le thème est cohérent, on comprend bien de quel univers il s'agit. C'est un bon point (parfois le design n'a rien à voir avec le sujet traité).
 
En revanche ton design est très daté. Utilisation de polices blanches sur fond sombre, liens soulignés, rond devant les listes à puces... Tout cela fait très années 1990. Tu devrais par ailleurs rendre ton site "responsive" si possible.
 
Un footer serait un plus. Par ailleurs, tu utilises des styles css pour chaque balise html (<p align="justify"> ): préfère l'utilisation d'un fichier externe .css ce sera bien plus propre et ton code sera plus lisible. Pire, tu utilises un tableau pour la mise en page, et ça c'est complètement déprécié aujourd'hui.
 
Tout n'est pas à jeter hein, je trouve que pour un design qui fait très daté, c'est quand même pas mal, mais ça demande vraiment (à mon avis) une sérieuse remise à jour.
 
Je te conseille de te renseigner sur des frameworks CSS tels que Bootstrap de Twitter. Tu pourras faire un responsive design assez facilement et gérer simplement la mise en page après une rapide prise en main.
 

Reply

Marsh Posté le 02-12-2013 à 15:07:49    

Merci de ces explication ;)
 
Donc j'ai remplacer le tableau par des div, et je mettrais le code css dans un fichier externe quand j'aurais fini ;)
 
Si non que me propose tu à la place de puces ?


---------------
http://www.lunnatick.fr/
Reply

Marsh Posté le 02-12-2013 à 15:25:40    

Le problème n'est pas les listes à puces, mais leur décoration. Sans décoration c'est simple et efficace à mon sens (list-style: none; ) mais de toute façon je pense qu'une refonte s'avère nécessaire pour que ton site soit un minimum dans l'air du temps.
 
Maintenant c'est un avis très personnel, peut-être que d'autres infirmeront mon avis. La mode est au flat design, sans dégradé, épuré.
Et en ce sens, je vois mal comment intégrer cela dans ton design sans le recréer de toutes pièces.
 
Pour une explication sur le flat design : http://blog.gaborit-d.com/dossier- [...] at-design/
 
Flat design ou non, il faut que tu épures (à mon sens) ton site. Si tu veux rester dans les tons sombres, alors je pencherais plutôt pour un gris clair pour les fonts et un background bien plus sombre que celui actuellement.
 
Je te conseille de suivre quelques tutoriels sur la création d'un webdesign, tu devrais en trouver facilement. Par ailleurs, regarde différents sites connus liés à l'électro et analyse ceux que tu apprécies. Ça te donnera sûrement des pistes.

Message cité 1 fois
Message édité par einenlum le 02-12-2013 à 15:25:57
Reply

Marsh Posté le 02-12-2013 à 15:30:06    

Oui je préfère rester dans les ton sombre !
 
Sais tu pourquoi il y a un espace la entre mon div haut et mon div bas ?


---------------
http://www.lunnatick.fr/
Reply

Marsh Posté le 02-12-2013 à 15:40:02    

Ça semble du au margin de ta balise p dans div#corps > div > blockquote.
 
J'ai du mal à comprendre l'utilisation de la balise blockquote ici. Je pense qu'aller voir quelques cours d'html5/css3 serait un plus ;).
 
Celui-ci est bien fait par exemple : http://fr.openclassrooms.com/infor [...] l5-et-css3

Reply

Marsh Posté le 02-12-2013 à 15:44:57    

C'était bien ça ;à
 
Merci encore ;)


---------------
http://www.lunnatick.fr/
Reply

Marsh Posté le 02-12-2013 à 16:03:30    

Bon j'ai ajouter un footer mais il y a encore un saut de ligne


---------------
http://www.lunnatick.fr/
Reply

Marsh Posté le 02-12-2013 à 16:37:18    

Je crois vraiment que bricoler au fur et à mesure ne sert pas à grand chose. Ton code a besoin d'une refonte.
 
Tu as l'air d'avoir des bases en html, mais la sémantique et les usages recommandés ont l'air de t'échapper un peu.
 
Exemple :
 

Code :
  1. <br><br> <strong>Les rappeurs <em>(Rappeuses)</em>: </strong>


 
=> Un

Code :
  1. <h2>Les rappeurs et rappeuses</h2>

serait sûrement plus adéquat.
 

Code :
  1. <br><a href="http://www.youtube.com/user/Espiiem?feature=watch" target="_blank">Espiiem </a>
  2. <br><a href="http://www.youtube.com/user/persekution" target="_blank">Le Mome - (Eddy Cerman)</a>


 
=> Il faut ici faire une liste à puces :
 

Code :
  1. <ul>
  2. <li><a href="http://www.youtube.com/user/Espiiem?feature=watch" target="_blank">Espiiem </a></li>
  3. <li><a href="http://www.youtube.com/user/persekution" target="_blank">Le Mome - (Eddy Cerman)</a></li>
  4. </ul>


 
Le style des li se modifie ensuite dans le css.
 

Code :
  1. <br><br><br><strong>Sites de Graffitis:</strong>


=> même chose que pour "les rappeurs"
 
Tu utilises les balises <br> pour modeler la mise en page, ce qui est très fortement déconseillé. Tu as un </body> en trop en bas de ta page.
 
Tout cela me fait dire que tu as des bases en html mais que ça reste un peu léger pour le moment. Dans ces conditions, je pense qu'il vaut mieux repartir du bon pied et suivre un cours qui récapitule les bases en html/css et te donnera les billes pour faire un bon design :). Tu iras ensuite beaucoup plus vite et tu pourras faire plus facilement ce que tu veux... mais c'est toi qui vois. ;)

Reply

Marsh Posté le 02-12-2013 à 16:45:27    

Avec le <h2> ca me pause un souci avec un saut de ligne entre les div


---------------
http://www.lunnatick.fr/
Reply

Marsh Posté le 02-12-2013 à 16:45:27   

Reply

Marsh Posté le 04-12-2013 à 15:51:35    

einenlum a écrit :

La mode est au flat design, sans dégradé, épuré.


 
 
En fait je ne suis pas la mode ;)
 
 
J'ai ajouter un footer tu a raison c'est mieux avec !
 


---------------
http://www.lunnatick.fr/
Reply

Marsh Posté le 05-12-2013 à 17:12:40    

J'ai une question, pourquoi le mec il boude avec son casque ? et surtout pourquoi il est tout vert ? et puis aussi pourquoi il a pas de jambe ?
 
C'est un génie de la famille de Shreck dépressif ? non franchement là faut que tu m'expliques.
 
C'est pas méchant, mais voilà, ce mec la haut il me rend dingue...
 
PB

Reply

Marsh Posté le 05-12-2013 à 17:47:15    

lol je l'ai fait comme ca, moi j'aime bien


---------------
http://www.lunnatick.fr/
Reply

Marsh Posté le 05-12-2013 à 17:47:55    

Oui c'est un génie


---------------
http://www.lunnatick.fr/
Reply

Sujets relatifs:

Leave a Replay

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