Affiner les règles CSS2 avec les sélecteurs.
Toutes les règles du W3C :
http://www.yoyodesign.org/doc/w3c/css2/selector.html
Les règles @import doivent précéder toutes autres règles dans la feuille de style.
Exemple ( dans une balise html ’style’ ) :
@import url (extra.css);
body {color: blue; }
p {color: green; }
Détails dans l’article marcarea : http://marcarea.com/tuto/cascade.php
W3C - CSS2 règle 4.1.5 Les règles-at :
Les agents utilisateurs CSS2 doivent ignorer toute règle ‘@import’ qui survient dans un bloc ou qui ne précède pas l’ensemble des jeux de règles http://www.yoyodesign.org/doc/w3c/css2/syndata.html#at-rules
Dans la régle des cascades l’ordre de priorité des feuilles de styles est :
- Auteur surclasse -> Utilisateur (feuille de style réglée par le surfeur)
- Utilisateur qui surclasse -> L’agent (navigateur : feuille de style par défaut)
Sauf :
Il faut savoir que quand on en vient à !important, l’utilisateur a tous les pouvoirs et surclasse l’auteur !
Exemple : body { background-color : red !important ; }
Détails dans l’article marcarea : http://marcarea.com/tuto/cascade.php
W3C :
http://www.yoyodesign.org/doc/w3c/css2/cover.html
Référence CSS en une page A4 :
http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/
Style master (logiciel CSS 60$) :
http://www.westciv.com/style_master/download/index.html
WEB ACCESSIBILITY :
http://www.w3.org/WAI/
Références CSS :
http://fr.selfhtml.org/
MEDIABOX *** Propriété CSS, la liste :
http://wiki.media-box.net/documentation/css
Colonnes factices, problématique :
http://pompage.net/pompe/colonnesfactices/
Colonnes de même hauteur :
http://www.blog-and-blues.org/weblog/2004/09/24/304-
des-colonnes-de-meme-hauteurs-en-css
Positionnement FLOAT :
1) http://www.openweb.eu.org/articles/initiation_flux/
2) http://www.openweb.eu.org/articles/initiation_float/
Colonnes :
3) http://www.openweb.eu.org/articles/initiation_float/annexes/annexe3.html
Alsacreations, Gabarit, positionnement :
http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS
Comment débuter et Liens *** :
http://css.alsacreations.com/Comment-debuter-et-trouver-l-information
Comprendre la CASCADE *** (+ astuces, etc. ) :
http://marcarea.com/tuto/cascade.php
Listmatic / menus :
http://css.maxdesign.com.au/index.htm
Pied de page :
http://pompage.net/pompe/pieds/
Open Web CSS :
http://openweb.eu.org/css/
Trucs Web CSS :
http://www.trucsweb.com/CSS/
Cours XML, HTML, CSS en Englais *** :
http://www.w3schools.com/default.asp
Pour modifier la taille des photos sans détruire l’originale :
- Aller à cette adresse : http://www.photofiltre.com/
- Cliquer sur la rubrique “Téléchargement”.
- Dans la liste qui apparaît, cliquer sur le lien de la “version française” de Photofiltre (vous téléchargez “Photofiltre” un excellent programme gratuit).
- A ce stade, votre navigateur vous propose l’option de télécharger le fichier “pf-setup.exe”
- Accepter en repérant ou en choisissant le lieu où le programme va se télécharger sur votre disque dur (sur le bureau par exemple)
- Une fois le téléchargement terminé, aller à l’emplacement où doit se trouver le programme et double cliquer sur celui-ci :
- Une fenêtre d’installation de “Photofiltre” apparaît. Suivez les instructions sans rien modifier aux choix proposés.
- A la fin de l’installation, cliquer sur “Fermer”. Le programme “Photofiltre” s’ouvre (ou alors vous le trouver dans “Démarrer” sous la rubrique “Tous les Programmes”).
- Attention, avant de modifier des photos, sauvegardez les photos originales sur un CD ou dupliquez le dossier les contenant.
- Par principe, on ne modifie jamais les photos originales (risque de les détruire ou de réduire leur qualité originale).
- Dans Photofiltre, ouvrir la copie d’une photo que vous désirez modifier :
- Menu “Fichiers > Ouvrir” : chercher l’emplacement de vos copies de photos et cliquer sur l’image de votre choix.
- Une fois l’image ouverte dans Photofiltre, aller dans le menu “Image > Taille de l’image” :
- Une fenêtre s’ouvre et vous affiche la taille actuelle de votre image (en pixel). Vous voyez également son poids actuel sous “Mémoire” (1450ko par exemple)
- Ne toucher pas à la résolution et veiller à ce que les options “Conserver les proportions” et “Optimiser” soient validées. - Mettez la taille de la largeur (pour une photo en paysage) ou de la hauteur (pour une photo en portrait) à 500 pixels par exemple.
- La valeur “Mémoire” du poids de la photo à nettement diminué, confirmer votre modification par “OK” (irréversible après sauvegarde, raison pour laquelle on travaille sur une copie !)
- quand vous aurez effectué une première fois le point neuf, vous pourrez essayer le point sept-bis :
- Dans le menu “Filtres”, amusez-vous, essayer d’appliquer différents effets… - Dans le menu “Réglages” essayez ce qui vous est proposé.
- etc.
- Sauvegarder les modifications en allant dans le menu “Fichiers > Enregistrer sous… ” :
- Dans la fenêtre qui s’ouvre, vérifiez que “Type” soit bien “JPEG (*.jpg, etc.)”
- En haut, sous “Enregistrer dans :” choisissez l’emplacement où vous désirez sauvegarder la photo que vous enverrez par e-mail (ultérieurement, vous devez pouvoir la localiser).
- A ce stade, si vous avez pris le risque de modifier l’originale, renommez la photo (renommer par exemple en “NomDeVotreChoix_email_01.jpg”)
- Ici vous remplacez “NomDeVotreChoix” par un nom significatif en rapport de l’image.
- Vous pouvez ajoutez “_email” affin marquer cette image comme “modifiée dans le but d’être envoyée par e-mail”. - Vous pouvez ajouter “_01″ au cas où vous désirez faire d’autres essais de modification de cette même image (”_02″).
- Confirmer par “OK”.
- Lorsque vous cliquez sur “Enregistrer” une nouvelle fenêtre s’ouvre :
- Ici vous choisissez le taux de compression de l’image “Qualité supérieure” l’image est plus lourde que “Qualité inférieure”
- Changez la position du curseur et appuyez sur “Aperçu” pour connaître la nouvelle “Taille du fichier”, vous voyez également l’image se modifier.
- Testez l’exercice en déplaçant le curseur à une extrême, puis à l’autre (n’oubliez pas d’appuyer sur “Aperçu” entre chaque manipulation)
- Lorsque le résultat vous convient (Rapport : poids/qualité), appuyez sur “OK
Votre photo est modifiée et sauvegardée à l’endroit de votre choix sous le nom que de votre choix. Ouvrez votre programme de courrier électronique et envoyez là en utilisant la fonction “Joindre un fichier” ou “Pièce jointe” ou en utilisant “l’image du trombone”…