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

  FORUM HardWare.fr
  Graphisme
  Web design

  thème de la musique électronique

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

thème de la musique électronique

n°1162525
lunnatick
Posté le 02-12-2013 à 10:39:52  profilanswer
 

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/
mood
Publicité
Posté le 02-12-2013 à 10:39:52  profilanswer
 

n°1162540
einenlum
Posté le 02-12-2013 à 14:38:18  profilanswer
 

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.
 

n°1162545
lunnatick
Posté le 02-12-2013 à 15:07:49  profilanswer
 

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/
n°1162549
einenlum
Posté le 02-12-2013 à 15:25:40  profilanswer
 

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
n°1162551
lunnatick
Posté le 02-12-2013 à 15:30:06  profilanswer
 

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/
n°1162554
einenlum
Posté le 02-12-2013 à 15:40:02  profilanswer
 

Ç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

n°1162555
lunnatick
Posté le 02-12-2013 à 15:44:57  profilanswer
 

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


---------------
http://www.lunnatick.fr/
n°1162556
lunnatick
Posté le 02-12-2013 à 16:03:30  profilanswer
 

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


---------------
http://www.lunnatick.fr/
n°1162560
einenlum
Posté le 02-12-2013 à 16:37:18  profilanswer
 

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. ;)

n°1162561
lunnatick
Posté le 02-12-2013 à 16:45:27  profilanswer
 

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


---------------
http://www.lunnatick.fr/
mood
Publicité
Posté le 02-12-2013 à 16:45:27  profilanswer
 

n°1162644
lunnatick
Posté le 04-12-2013 à 15:51:35  profilanswer
 

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/
n°1162702
petit blac​k
Posté le 05-12-2013 à 17:12:40  profilanswer
 

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

n°1162703
lunnatick
Posté le 05-12-2013 à 17:47:15  profilanswer
 

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


---------------
http://www.lunnatick.fr/
n°1162704
lunnatick
Posté le 05-12-2013 à 17:47:55  profilanswer
 

Oui c'est un génie


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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

  thème de la musique électronique

 

Sujets relatifs
BAT electronique (pour bien comprendre)[Concours][Photo][Video] Cirque - Theme French Touch
[Recherche Theme WP] site de prestation InformatiqueProblème avec un slider dans un thème wordpress
Recherche graphiste bénévole pour logo de groupe de musiqueCout d'un theme spécifique phpbb
Besoin de vos avis sur mon thème wordpress(Prob) Theme Ps3
groupe de musique cherche dessin animé les representantsThème à l'affiche ► Cartes de voeux
Plus de sujets relatifs à : thème de la musique électronique


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