Tout est dans l'image - Chroniques d'un design (5) : Développement = galères ?
À 20:00, Par Shaoren - Lien permanent - 11 commentaires aucun rétrolien aucune annexe
dimanche
26
août
Was ? What ? Les chroniques d'un design ne vous rappellent rien ? C'est un en fait une série de billets consacrés à l'organisation et à la conception d'un design. Pour rattraper les épisodes ratés, voici le lien, garantis sans DRM et totalement gratuit!
Nous y sommes, la fin du bout est proche. Dans ma tête, le plus dur est certainement fait, mais le plus énervant reste à faire. Le design est prêt, nous avons un fichier regroupant tous les calques permettant de constituer le design que l'on va découper. La structure du design était déjà prise en considération précédemment, donc le codage sera beaucoup plus simple à faire que si l'on avait attendu le dernier moment pour faire des choix assez capitaux.
Le codage des sites webs s'effectue avec le langage HTML ou xHTML pour le contenu, et en utilisant des pincées de CSS pour la forme. Ces deux "langages" sont assez simples à acquérir, de nombreux sites variés et performants peuvent vous apprendre leurs bases. Néanmoins, notamment en CSS, de nombreuses techniques existent pour faciliter votre codage, celles-ci sont plus spécifiques à certaines conditions, et vous les retiendrez avec un peu d'habitude.
HTML...
Le codage du contenu est assez simple la plupart du temps, vous avez en tête les différents blocs à afficher, et vous savez pertinemment s'il faut utiliser une "id", ou une "class". Pour vous aider à faire cette étape, pour ma part, j'utilise souvent un croquis, sur lequel je positionne les blocs à afficher, leur imbrication. C'est un conseil qui peut souvent être utile lorsque vous codez de temps à autre, un rapide coup d'oeil sur la feuille et vous comprenez immédiatement le fonctionnement de la page. Ce croquis utilise de nombreuses couleurs, le rouge pour le nom de divisions, le vert pour les dimensions des divisions, et le noir/crayon pour certaines propriétés qui seraient utiles à retenir, ou l'emplacement du fond imagé.
A ce moment, n'hésitez pas à accorder à une réelle importance à la sémantique (c'est-à-dire au sens que vous accordez aux balises utilisés), et la propreté de votre code. Vous pouvez ensuite valider votre site par les validateurs W3C, ce qui est toujours utile, bien que être valide ne veut pas dire être sémantique.
Et CSS...
Visualiser votre site web, votre design est loin d'être en place, le contenu est bien présent mais il manque la forme. Les feuilles de styles en cascade sont très simples à utiliser, mais leur interprétation, qui diffère selon les navigateurs, gène terriblement les "apprentis" développeurs que nous sommes. En effet, les navigateurs assez anciens comme IE 6 ne prennent pas en compte de la même manière les propriétés que le fait Firefox, ou Opera. C'est assez inquiétant, heureusement, il existe divers méthodes pour contourner ces failles, mais il faut avouer que la durée du debuggage est souvent très relative à la complexité du design. Pour ma part, c'est le point à insister lors du développement, c'est malgré tout le minimum syndical que notre site soit lisible dans de bonnes conditions dans la plupart des navigateurs utilisés. Quelques conseils pour arriver à vos fins:
- Si vous commencez une nouvelle page, vous pouvez utiliser des reset styles, pour éviter que des élements prennent en compte des propriétés qui n'étaient pas présentes sur la feuille de style. Encore une fois, le maitre mot est organisation, revenez au bon vieux papier crayon, tout est en votre disposition pour faire une bonne adaptation si vous êtes clairs dans votre tête.
- Les hacks CSS sont un excellent moyen pour combler les différences d'interprétations des navigateurs, n'hésitez pas à les utiliser.
- Des tableaux uniquement pour des informations tabulaires, et surtout pas pour coder votre page. Plusieurs avantages majeurs privilégient cette méthode, la sémantique est respectée et le poids de la page vous dit merci.
- Enfin, informez-vous! Vous êtes peut-être en train de chercher une méthode pour faire des cadres en arrondis par exemple, recherchez sur internet ces techniques, elles sont nombreuses, et vous permettront d'économiser du temps, mais aussi de ne pas coder des designs trop longs à charger.
Tout un art
Le design est maintenant découpé, et adapté à votre contenu, vous avez pratiquement fini. Il vous reste à optimiser la page au maximum (tous les utilisateurs ne possèdent pas une superbe connexion), et à travailler encore plus votre contenu.
Et n'oubliez pas, le contenu est roi!
Dans le prochain et dernier épisode, vous verrez enfin, la séance d'autocritique, car après le travail, il faut savoir se remettre en cause pour mieux travailler.
9axtf flows 2kh4w
6xbu7 shln yhoz8
Hiya. I found your blog the utilization of ask. This can be a actually efficiently created report. I am guaranteed to save the item plus revisit continue reading of the useful facts. Appreciation for this write-up. We'll undoubtedly gain.
dVSwyr <a href="http://adbostbhjisr.com/">adbostbhjisr</a>, url=[http://hjoshqmfxdcc.com/hjoshqmfxdcc/url,] link=[http://nhdsurvszoro.com/nhdsurvszoro/link,] http://tzoeegipvatc.com/
Thanks for any other informative blog. Where else may just I am getting that kind of information written in such a perfect means? I've a challenge that I'm simply now running on, and I have been at the glance out for such info.
Pour Morsay, Rohff est une harki soumise qui ne vaut pas mieux que Booba. Morsay a beaucoup clashe Rohff dans son album NecroPedoSadoMaso 27 voila une des raisons pour lesquelles le rap francais deteste le faux gangster Rohff https://lemorsay.wordpress.com/2015...
Trubucs an really hated him..
The Zune concentrates on being a Portable Media Player. Not a web browser. Not a game machine. Maybe in the future it'll do even better in those areas, but for now it's a fantastic way to organize and listen to your music and videos, and is without peer in that regard. The iPod's strengths are its web browsing and apps. If those sound more compelling, perhaps it is your best choice.
With havin so much written content do you ever run into any issues
of plagorism or copyright violation? My site has a lot of completely unique content I've either written myself or outsourced but it looks like a lot of it is popping it
up all over the web without my agreement. Do you know any techniques to help stop
content from being ripped off? I'd certainly appreciate it.
Heya i'm for the primary time here. I found this board and I
to find It truly useful & it helped me out a lot. I'm hoping to offer one thing back and aid others
like you helped me.
Do you smell that?