Le design web : Les méthodes modernes de création de sites

Concevoir un modèle fonctionnel

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Dès l'origine de la conception, il est préférable de concevoir une mise en page visualisable dans les navigateurs, réalisée en HTML et CSS.

Transcription

Un axe majeur d'amélioration du processus de construction d'un site web est de travailler avec une conception fonctionnelle. Traditionnellement des maquettes peuvent être réalisées sur Photoshop puis ensuite être adaptées au format HTML mais nous avons vu qu'avec la problématique du design responsive nous allons avoir à intégrer des conceptions techniques dans notre mise en page. Il est donc primordial de travailler une conception dès le départ qui va être fonctionnelle en HTML. On va ainsi éviter de ne pas pouvoir adapter des effets graphiques qui auraient été prévus par des gens qui travailleraient avec un logiciel d'image et qui ne pourraient pas être adaptés en code. La conception en HTML va se faire en deux temps. Premièrement on peut préparer les contenus en HTML pur, il s'agira de coder la structure des éléments, et puis dans un deuxième temps on ajoutera des CSS qui vont être définis dans la charte graphique, ou l'on créera des nouveaux styles CSS selon les besoins, que l'on incorporera au fur et à mesure à la charte graphique. Nous pouvons prendre ici un exemple sur un extrait de code où vous voyez que nous avons une page sur laquelle nous avons une boîte et dans cette boîte nous avons une liste d'ingrédients pour nos recettes. Nous avons ici la conception en HTML et le style CSS a été géré à part, ce qui fait qu'il pourra être ajouté à la charte. En affichant notre production dans un navigateur, nous verrons immédiatement le résultat des paramétrages que nous aurons faits dans le CSS et nous pourrons modifier les choses en sachant qu'elles s'appliqueront ensuite réellement et non pas dans un logiciel d'édition graphique. Bien entendu, si on travaille avec un système de gestion de contenu, un CMS sur le marché ou quelque chose qui aurait été fabriqué par vos développeurs, on va pouvoir faire varier les feuilles de style qui vont être séparées du contenu de manière à pouvoir tester des alternatives à nos mises en page. On pourra donc ainsi facilement créer plusieurs feuilles de style de mise en page pour différents types de périphériques et on pourra les appeler de façon dynamique avec bien entendu une feuille de style principal.

Le design web : Les méthodes modernes de création de sites

Ayez une vue d’ensemble du processus de conception de sites web. Définissez la stratégie de contenu, le développement, la conception, les tests, pour finalement lancer votre site.

Aucun commentaire n´est disponible actuellement

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !