background preloader

Création_web

Facebook Twitter

Photoshop element. Design et ergonomie d’un site Web. Comment faire en sorte que vos visiteurs se sentent à l'aise sur votre site, qu'ils y trouvent leurs repères et qu'ils aient envie d'y revenir ?

Design et ergonomie d’un site Web

Ces règles simples peuvent vous permettre d'accrocher et de conserver vos lecteurs. Dans cette page : Les standards - Principes de mise en page - Importance du contraste - Le zapping - L'esthétique - La couleur En bref ... Respecter les standards Vos visiteurs sont habitués à certains mécanismes, ne les perturbez pas. A lire en complément : Ergonomie d'un site Web par Kreatys En détail ... Quelques principes de mise en page La communication écrite existe à grande échelle depuis plus de 500 ans. Les légendes des belles images sont lues même par les visiteurs pressés ! Source image : civilization.ca La mise en page doit être conçue comme une pyramide. Le titre : Court, explicatif, accrocheur. 50% des lecteurs quitteront votre page si le titre est absent ou peu intéressant. Les paragraphes : Vous devez développer une seule idée par paragraphe.

Le zapping. Série : développer une extension Joomla! 3.0 - Episode 4 : plus de fonctionnalités. Depuis quelques mois maintenant, notre série sur le développement pour Joomla! 3.x progresse à un rythme régulier. À ce stade, vous devriez avoir une assez bonne compréhension des bases du développement d'extensions et j'espère que vous avez d'ores et déjà commencé l'écriture de votre propre code. Dans cet article, vous allez pouvoir approfondir vos connaissances en code par l'utilisation de Bootstrap dans le cadre de notre développement. N'oubliez pas de réviser vos connaissances actuelles en relisant les précédents articles de la série.

Etape 0 : préparez-vous un café Cela fait quelques temps maintenant que nous passons ensemble quant à la mise en œuvre de notre composant. Ok, c'est fait ? Etape 1 : création des fenêtres modales Dans cet article, notre approche sera moins stressante car nous travaillerons sur quelques fonctionnalités additionnelles et sur certains détails. Concernant les fenêtres modales pour Lendr, j'ai opté pour la seconde méthode et pour deux raisons. Html.php Modèle.

Typographies et fonts web safe sur Internet. Pour les typographies sur le web, vous pouvez utiliser les typographies que vos visiteurs possèdent sur leur ordinateur, ou bien des polices de caractères que vous embarquez vous même via des services externes comme Google fonts et autre. L'avantage des typos déjà existantes sur le poste client : aucun chargement additionnel (c'est déjà sur le poste).

Les inconvéneits : en fonction de l'OS (windows, linux, mac…), vous ne les aurez pas forcément toutes. Si néanmoins vous souhaitez faire appel à ces typographies et ne pas avoir recours à des services externes (par exemple pour des sites Intranet coupés du web extérieur, ou simplement pour des questions de rapidité / simplicité, ou bien encore si vous avez réussi à tuer votre designer), voici 6 familles de typographies qui sont considérées « web safe « .

C'est à dire que ces typographies pourront être utilisées sans trop de risque et avoir un rendu assez similaire sur la majorité des OS et navigateurs récents. Typos web safe sans serif. Math Web: Exercices de mathématiques corrigés. Préparation au bac, au brevet et aux concours du supérieur.

Couleurs fonts

Composants Modules. Tutoriel. Template. Referencement. CSS.