ECHANTILONS & SAMPLES
Echantillons de POLICE ou FONT recommandées pour le WEB
| Police ou font | Size | Exemple |
| Verdana................. | 26px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Georgia................. | 30px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Calibri.................. | 26px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Arial..................... | 26px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Courier................. | 22px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Lucida_console ... | 22px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Segoe Script.......... | 24px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Segoe Print ........... | 26px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Gabriola................ | 30px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Comic_Sans_MS.. | 30px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Palatino .............. | 30px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Impact.................. | 30px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| MS_Sans_Serif | 30px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Segoe UI ........... | 30px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Tahoma ............. | 30px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Cambria.............. | 30px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Candara............... | 30px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Franklin Gothic .. | 30px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Trebuchet.............. | 30px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Font by Default Trebuchet .............. | 30px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Times_New_Roman | 30px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| MS_Serif .............. | 30px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Script .................... | 30px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Terminal ............... | 30px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| System .................. | 30px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Roman .................. | 30px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| AUTRES .............. | 30px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Les polices de caractéres sont trés vite limitées sur votre IE et est remplacées par une police par défaut en serif "Trebuchet" , voir ci-dessus en rouge. La size (la taille, hauteur du caractére, la Majuscule) est à volonté ainsi que la bold ou graisse. Et peuvent étre modifié, l'écartement des les letrres ainsi que ce des mots. Les Lettrines et les couleurs sont à volonté. | ||
La taille de police en px
| Police de caractére | Size | Exemple |
| Trebuchet....... | 8px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Trebuchet....... | 9px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Trebuchet....... | 10px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Trebuchet....... | 11px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Trebuchet....... | 12px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Trebuchet....... | 13px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Trebuchet....... | 14px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Trebuchet....... | 15px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Trebuchet....... | 16px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Trebuchet....... | 17px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Trebuchet....... | 18px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Trebuchet....... | 19px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Trebuchet....... | 20px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Trebuchet....... | 25px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Trebuchet....... | 30px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP 1234567890 |
| Trebuchet....... | 40px | Les Règles de l'art, pour un site web à la française, en html5 et css3 aA pP |
| Trebuchet....... | 50px | Les Règles de l'art, pour un site web à la française, en html5 |
| Trebuchet....... | 60px | Les Règles de l'art, pour un site web à la française |
| Trebuchet....... | 80px | Les Règles de l'art, pour un site web |
| Trebuchet....... | 120px | Les Règles de l'art |
| Trebuchet....... | 170px | Les Règles de l'art |
| Trebuchet....... | 260px | Les Règles |
Les COULEURS
Toutes couleurs ... en exemple voir la page COLOR.html
Les images/dessins ou photos numérique
 |  |  |  |  |  |
Les animations d'images
Transition et Animation:Hover___
BORDER rotate
BORDER rotate
Les animations sur le texte
ANIMATION
Translation du texte
venant de la droite.
ANIMATION
Translation du texte
venant de la gauche.
Les menus de Navigation hypertexte
Navigation 1
BONJOUR Les MENUS
Navigation 2
 COUT & info |
CONSTRUCTION |
CONTACT |
Navigation 3
Navigation 4, avec images
Navigation 5 , sur la droite
Navigation 6
Navigation simple superposition sur la gauche avec transition
Navigation 7
Navigation simple superposition de texte centré avec ou sans color
Navigation 12
Navigation en juxtaposition avec effet hover en image et transition
Navigation 13
Navigation en juxtaposition avec effet hover en background et transition
Navigation 14
Toutes formes de la navigation peuvent être envisagées
Les dégradés linéaires et radiaux.
Un site Français et locale
en code fait main HTML5 Css3
en code fait main HTML5 Css3
Un site Français
100%
100%