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 »…