Site nouvelle gen !!!
elrking096
Messages postés
1118
Date d'inscription
Statut
Membre
Dernière intervention
-
mpmp93 Messages postés 6648 Date d'inscription Statut Membre Dernière intervention -
mpmp93 Messages postés 6648 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
on me dit que mon site web fait "ancien design 1999/2000"...
je voudrais un tuto pour apprendre à faire un bon site pour 2011
ou quelqu'un peut m'aider ?
en 2011, il faut faire quoi pour av oir un bon site ?
ps: l'adresse de mon site est sous mon pseudo
on me dit que mon site web fait "ancien design 1999/2000"...
je voudrais un tuto pour apprendre à faire un bon site pour 2011
ou quelqu'un peut m'aider ?
en 2011, il faut faire quoi pour av oir un bon site ?
ps: l'adresse de mon site est sous mon pseudo
A voir également:
- Site nouvelle gen !!!
- Darkino nouvelle adresse - Guide
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site x - Guide
5 réponses
Le côté basique n'est pas forcément un problème, mais il faut ABSOLUMENT changer la police de caractères, faire les images avec un autre logiciel que Paint (Photoshop, Gimp...), éviter les textes qui défilent (blink et autres marquee, c'est fini), se débarasser du style de base pour les listes, faire un titre qui "claque" un minimum, ne pas laisser ce fond blanc (à moins que ce ne soit également la couleur du fond pour les textes)...
Commence par établir une charte graphique : couleurs et styles à utiliser, polices de caractères (essaie les Google Web Fonts, ça donne du pep's), ne tombe pas dans le kitsch (exemple : Comic Sans MS en rose sur blanc), ne surcharge pas...
Les pubs que tu as placées un peu partout ont également un impact très négatif sur le design global du site.
Commence par établir une charte graphique : couleurs et styles à utiliser, polices de caractères (essaie les Google Web Fonts, ça donne du pep's), ne tombe pas dans le kitsch (exemple : Comic Sans MS en rose sur blanc), ne surcharge pas...
Les pubs que tu as placées un peu partout ont également un impact très négatif sur le design global du site.
Ah oui ça fait vieux ^^ Va voir les designs de JEUXVIDEO.COM ou JEUXVIDEO.FR ou même celui du forum ^^ En général c'est une large bande au milieu avec le contenu, une petite entête qui peut être soit contenue dans la "bande" soit extérieur mais pas trop non plus ^^ Après il suffit de taper TUTO WEBDESIGN sur google...
http://www.tutsps.com/
En cherchant un peu sur ce site tu devrais trouver des trucs bien ;)
http://www.tutsps.com/
En cherchant un peu sur ce site tu devrais trouver des trucs bien ;)
Quand j'ai commencé, chercher des tutos ne m'aidaient pas vraiment (en dehors de l'aspect technique)... C'est surtout en regardant ce que font les autres que l'on apprend ; à appliquer sur n'importe quel site que tu visites : qu'est-ce qui te plaît dans le graphisme ? La navigation ? L'interface utilisateur ? Qu'aurais-tu changé ?
Quelles couleurs ont-ils utilisé ? De quelle façon ? Taille, et font pour l'affichage des caractères ? Comment ont-ils choisi de mettre en valeur tel ou tel élément ? Répartition des éléments sur une page ? Bref, tous les détails.
Pour ça, il vaut mieux taper "best design", "top 10 webdesign" dans Google, et regarder quel style te tente le plus... afin d'apprendre les conventions, et de voir comment certains se démarquent en sortant de ces conventions. C'est comme ça que tu finiras par forger ton propre style.
Petit lien intéressant qui montre le pouvoir du CSS... on aime ou on n'aime pas, mais chaque design est original, et toutes les pages partent de la même page HTML.
Quelles couleurs ont-ils utilisé ? De quelle façon ? Taille, et font pour l'affichage des caractères ? Comment ont-ils choisi de mettre en valeur tel ou tel élément ? Répartition des éléments sur une page ? Bref, tous les détails.
Pour ça, il vaut mieux taper "best design", "top 10 webdesign" dans Google, et regarder quel style te tente le plus... afin d'apprendre les conventions, et de voir comment certains se démarquent en sortant de ces conventions. C'est comme ça que tu finiras par forger ton propre style.
Petit lien intéressant qui montre le pouvoir du CSS... on aime ou on n'aime pas, mais chaque design est original, et toutes les pages partent de la même page HTML.
Salut,
C'est beaucoup trop basique, ce n'est que des boîtes avec une couleur de fond, une bordure et les coins arrondis.
De plus, les couleurs ne sont pas terribles.
Si tu veux voir des designs récents, je te conseille de faire un tour dans les showcases CSS comme CSSMania ou même des sites de ventes de designs comme Themeforest.
Voici aussi deux autres sites de tutoriels :
https://design.tutsplus.com/
https://webdesign.tutsplus.com/
C'est beaucoup trop basique, ce n'est que des boîtes avec une couleur de fond, une bordure et les coins arrondis.
De plus, les couleurs ne sont pas terribles.
Si tu veux voir des designs récents, je te conseille de faire un tour dans les showcases CSS comme CSSMania ou même des sites de ventes de designs comme Themeforest.
Voici aussi deux autres sites de tutoriels :
https://design.tutsplus.com/
https://webdesign.tutsplus.com/
Pour un site web design simple à réaliser, je te recommande l'utilisation des logiciels Photoshop ou Gimp.
Zengarden est un excellent site qui démontre toute la puissance du CSS.
Je rejoins l'avis de creadiff sur le fait que c'est en regardant les autres sites que l'on apprend. Au final, le web design, c'est un peu une mode =) et les dégradés sont à la mode (ne pas en abuser quand même).
Rien que sur ce sujet, j'en trouve 5 très discrets du premier coup d'oeil.
Zengarden est un excellent site qui démontre toute la puissance du CSS.
Je rejoins l'avis de creadiff sur le fait que c'est en regardant les autres sites que l'on apprend. Au final, le web design, c'est un peu une mode =) et les dégradés sont à la mode (ne pas en abuser quand même).
Rien que sur ce sujet, j'en trouve 5 très discrets du premier coup d'oeil.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Merci pour l'astuce des google web fonts, je savais pas que ça existait. Question : est-ce qu'elles ont un impact significatif (négatif) au niveau des performances ?
et pour ceux qui ne les ont pas sur leur"pc" ?
mieux vaudrait voir :
http://code.google.com/intl/fr/apis/webfonts/
http://code.google.com/intl/fr/apis/webfonts/docs/getting_started.html#Quick_Start
et encore ...
Google Web Fonts utilise le CSS3, c'est inutile d'avoir la police sur son PC.
Et si le navigateur ne supporte pas la propriété @font-face, alors on peut définir une police alternative.
Il y a également des scripts JS qui utilise le HTML5 (canvas) pour faire le rendu.
Par exemple : TypeFace ou Cufon.