Html
Get flash to fully experience Pearltrees
Vous pouvez utiliser ces gabarits comme base de vos mises en pages , ou tout simplement étudier leur construction pour progresser en HTML et CSS.
Tous les gabarits — Gabarits HTML-CSS
Pour comprendre le fonctionnement du langage CSS , il est nécessaire d'avoir quelques notions en (x)html. Le html est un langage simple, fait de balises (du genre ) qui ont toutes une fonction et un sens. C'est ce qu'on appelle la sémantique. Respecter la sémantique , c'est améliorer l'accessibilité... et aussi le référencement. Cela dit, on ne perdra jamais de vue que l'humain passe avant les robots ! On fait un site pour des utilisateurs, pas pour le plaisir de se retrouver en tête de requêtes sur google.
CSS Débutant : balises html ou xhtml de base
Avec les CSS la légèreté et la simplicité est de mise pour créer de beaux boutons. Grâce à la propriété background-image , il est très facile de mettre une image de fond dans le corps ( body ) d'une page web. Mais on ne peut qu'en mettre une seule... Pour pouvoir mettre plusieurs images de fond, il faut définir des cadres (des div ) auxquels on attribuera une image chacun. Pour réaliser des blocs (menus ou autres) avec des coins arrondis, il existe principalement trois méthodes en CSS , qui offrent plus ou moins de fluidité et de possibilités graphiques.
CSS Debutant : Tutoriels CSS
Couleurs, Typographies, Architecture d'un site, Effets de styles, Boutons, Dégradés Web 2.0, Icônes, vous trouverez toutes les ressources nécessaires pour développer et créer vos webdesign.
Le Kit du parfait Webdesigner #1 - Blog Du Webdesign Magazine
Mise en page et CSS
Ce deuxième point est sans aucun doute le plus complexe à maîtriser. Pour vous permettre d'en faire le tour et de réaliser les designs évolutifs que permettent les CSS, nous allons aborder les notions nécessaires une par une : Par défaut, les navigateurs présentent les éléments dans l'ordre où ils se trouvent dans le code source.