Faire le CSS d'un site
Bonjour,
Je fais partie d'un petit Clan MultiGaming, la Sparte Legion. Nous avons depuis peu fait un nouveau site (à la main PhP, Html, jquery je crois bien, pas avec un CMS) mais nous n'avons pas de graphiste pour réaliser notre CSS :(
Donc ma question est la suivante: Avez vous des tutos ou des conseils à me donner pour que l'on puisse faire d'un site tout pas beau un site moins tout pas beau? Est-ce que c'est très compliqué de faire le CSS d'un site? Faut-il absolument des talents de graphiste?
Le lien si ça vous intéresse: http://www.spartelegion.com/
Je prends également toutes critiques constructives pour l'amélioration du site en lui même! Merci à vous.
Déjà, je te conseille de partir d'une base saine avec ce qu'on appelle des frameworks qui te simplifieront grandement le travail.
Les plus connus :
- Bootstrap - http://getbootstrap.com/
- Foundation - http://foundation.zurb.com/
- Materialize - http://materializecss.com/
En gros, tu prends les templates de bases que chacun te propose et tu adaptes pour que ça colle à tes besoins.
Dans un deuxième temps, évite le JS en plein milieu de ton HTML, c'est dégueulasse.
Bon courage !
Un graphiste pourra te faire une maquette graphique mais en théorie pas le CSS pour intégrer ça.
Le mieux c'est de demander de l'aide à un webdesigner que tu connaîtrais. (Connaissances graphiques + techniques d'intégration)
Après le CSS c'est pas compliqué quand tu connais mais y a certains petits caprices que tu apprends avec l'expérience. Du coup au premier abord ça peut vite énerver de voir que ça fait pas "ce que l'on veut".
Le conseil que je pourrais te donner et qui est assez efficace : "Less is more".
Pas besoin de fantaisies dans tous les coins, l'info avant tout.
Mais si vous avez des connaissances en CSS, jetez un oeil vers les sites des différentes teams comme Fnatic, etc pour vous inspirer :)
Ok en gros le CSS c'est que pour la mise en page et le webdesigner fourni les styles graphiques des boutons et des bordures etc?
Effectivement on ne veut pas en faire trop, l'idée aujourd'hui c'est juste d'embellir un peu nos blocs et les boutons etc pas de menus déroulants animés à la Micheal Bay :D
Merci pour ta réponse!
Ce que je veux dire c'est qu'un graphiste lambda il saura faire une maquette graphique mais pas forcément l'intégrer.
Alors qu'un webdesigner est censé savoir faire une maquette graphique et comment l'intégrer. Donc en théorie il est plus apte à réaliser l'interface graphique d'un site.
Quelques liens :
https://www.behance.net/gallery/19952001/World-Championship
http://fltdsgn.com/
http://www.awwwards.com/ (beaucoup de gros sites mais il y en a surement sur le gaming)
En gros, vous avez utilisé des spans (plus souvent réservés aux phrases, mots, etc) et non des divs qui servent elles, à imbriquer des blocs.
En gros pour styliser va falloir y aller élément par élément.
Tu peux apprendre le CSS en 2/3 jours seulement, c'est vraiment hyper simple. Si tu n'as aucune notions en HTML il faudra aussi apprendre ce langage sinon tu risques de ne pas savoir comment utiliser le CSS de ton site.
Problématique, si ton site est en PHP et utilise JS où même jQuery, tu vas devoir faire gaffe à pas foutre la merde dans le code que génère le serveur PHP. Bref, je rentre pas dans les détails mais le mieux c'est de travailler main dans la main avec un intégrateur ou directement avec ton développeur. Si il a bossé selon le modèle MVC, il pourra te filer les templates ou les vues de ton sites pour que tu puisses ensuite travailler dessus.
Apparemment il a fait correctement et on a des templates, j'a pas tout compris mais il a dit que ça serait pas trop dur. Merci ! :)
ok ok, déjà est-ce que t'as des accès FTP à ton site ? Si oui, tu peux me faire un screen du tout ?
des fichiers, de l'arborescence, tout ça.
C'est pas une science exacte mais en général tu vois un peu comment les mecs bossent. Et je pourrais sans doute t'aiguiller pour trouver les fichiers "vues" (ou templates). Qu'il faudrait aussi que tu screens, savoir si c'est un moteur de template comme Twig ou du framework front-end comme Angular. Bref, sans ça je peux pas trop t'aider ^^
Ce genre de truc ? http://image.noelshack.com/fichiers/2015/18/1430671336-ftp.png
exactement !
par contre je comprend pas pourquoi tu as des points d'interrogations partout. C'est des raccourcis ou des dossiers qui pointent pas ?
ah ok c'est pas dans le cache du client FTP.
Je peux avoir un screen de /www/includes/templates ou c'est un alias vers /www/templates ?
yop, yop, dans le dossier includes/template il y a des fichiers suivant :
functions.php
template.class.php
c'est le moteur de template de PHPBB, vu qu'il est en libre service, je l'utilise, il est plutôt sympa je trouve
bah, ouais, c'est moi qui ai fait le site, et j'ai access au FTP. pourquoi cette question ?
Et tu as contribué au CSS où c'est un agencement par défaut ? Pourquoi ne pas faire le CSS ?
c'est moi qui ai fait le CSS, mais mes connaissances en html/css sont assez limité, j'apprends en même temps, j'espère avoir répondu a ta question :'D
mdr, merde les gars vous mettez la charrue avant les boeufs >.<'
dès que tu veux faire du web c'est la base de la base. même si t'attaque un autre langage t'as pas le choix le HTML/CSS c'est incontournable. Même en passant par Rails, Django ou Node.js.
Bref, si vous voulez pas passer par un CMS faut mettre le nez dedans et d'expérience je sais que les gars qui programment un peu galèrent pas mal avec les concepts du CSS.
Je vous dirais bien GL HF mais j'ai peur du résultat. Surtout qu'il faut quand même avoir un minimum de sens artistique, apprendre le CSS ne suffit pas forcement à avoir un truc bien.
et pour ça y'a pas vraiment de secret. Pour le CSS tu peux aller voir sur Open Classrooms ou sur Code Academy.
Quand tu dis qu'on met la charrue avant les bœufs c'est parce qu'on aurait du réfléchir sur l'esthétisme avant le contenu ?
euh oui et non, c'est que vous auriez dut commencer par apprendre le HTML et le CSS avant d'aller plus loin. Après c'est sur que quand tu fais un projet web faut prévoir comment ton contenu et tes fonctionnalités vont s'intégrer dans ton design.
Tu ne dois accéder à ce site que si tu as au moins 18 ans ou si tu as l'âge légal pour visionner ce type de matériel dans ta juridiction locale, l’âge le plus élevé étant retenu. En outre, tu déclares et garantis que tu ne permettras aucun mineur à d'accéder à ce site ou à ces services.
En accédant à ce site, tu acceptes nos conditions d'utilisation.