Top articles
-
04. Liens utiles
Le validateur (X)HTML: http://validator.w3.org/ Le validateur CSS: http://jigsaw.w3.org/css-validator/ Validateur d'accessibilité: validateur-accessibilite.apinc.org/ Standards et normes d'accessibilité du Web, dites WCAG: http://www.w3.org/WAI/ Accessibilité...
-
Menu Ludiculture
Textes en Vrac définition de "The Mentor" • Paradoxe de la cravate • Trois réactions Sites et Blogs coup de coeur Cine-Passion : LE blog du Cinema • Studio C - Entrez dans la Magie du Cinéma ! • TOTAL CINE: Journal d'un dingo de cinéma Musique Metal en...
-
25. Le positionnement flottant
• On positionne un élément flottant avec une déclaration float: left ou float: right. • Il est alors retiré du flux normal pour prendre place à gauche ou à droite du bloc qui le contient : c’est devenu un « flottant ». L’élément qui le suit s’écoulera...
-
13. Regroupement des sélecteurs
Au lieu de répéter la même règle pour plusieurs éléments, on pourra factoriser leurs sélecteurs en les séparant par des virgules. Ainsi, la séquence : .texte { margin-left: 0; } p { margin-left: 0; } h1 { margin-left: 0; } h2 { margin-left: 0; } sera...
-
12. D'autres opérateurs avancés (3)
Daterange Permet de repérer des pages indexées par Google durant une période donnée. Chaque fois que Google parcourt une page, la date de cette page est actualisée. La date s'exprime en nombre de jours écoulés depuis le 1er janvier 4713 avant Jésus-Christ....
-
16. Gestion de la couleur
La notation RGB RGB est une abréviation de « red, green, blue » exemple : rgb(0,0,255) Zéro sur le rouge, zéro sur le vert, valeur maximal sur le bleu. On peut aussi inscrire les valeurs en pourcentages. Ces couleurs fondamentales se composent à l’écran...
-
18. Les bordures
CSS permet d’entourer très simplement les divers éléments de type bloc ainsi que certains éléments en ligne (ex:
) d’une page web par des bordures aux caractéristiques (style, épaisseur, couleur) libres. propriétés à connaître : • border-style met...
-
14. Méga-propriétés
Certaines propriétés génériques prévoient une version raccourcie, permettant l’application de plusieurs valeurs en une seule déclaration. C’est ainsi que l’on pourra réduire la règle : p { font-family: Arial, sans-serif; font-style: italic; font-weight:...
-
11. Appliquer le style CSS au document HTML qui en dépend
Lier les styles à partir d’une feuille séparée On utilisera cette méthode autant que possible. Il suffira de modifier le fichier CSS séparé pour changer l’allure de toutes les pages HTML du site. Ce fichier portera l’extension .css et ne peut contenir...
-
Quelques questions récurrentes
Pourquoi choisir d'apprendre le C ? Une question cruciale. Après tout, on n'apprend pas un langage s'il ne nous convient pas. Le langage C est :- simple. On peut faire le tour de ses mécanismes assez rapidement.- gratuit. Certains logiciels permettent...
-
Préambule au C
IMPORTANT ! Ce dossier constitue pour moi une sorte de brouillon géant. Les textes subiront pour la plupart de très nombreuses modifications. N'espérez pas lire un cours complet sur ce site avant bien longtemps. Je préfère apprendre lentement de la meilleure...
-
03. Constuire des requêtes
• Elles ne tiennent pas compte de la casse (majuscules et minuscules non différenciées). Exception cependant pour le mot OR; nous y reviendrons plus tard. • Google peut prendre en compte la racine du mot, inutile de taper le mot entièrement. • Google...
-
08. Structuration des éléments
Il existe 2 familles de structures: • les éléments de type bloc; servant à distinguer des parties entières comme des titres, des paragraphes, des listes, des citations, etc. Un élément bloc peut contenir un ou plusieurs éléments bloc à l'exception de...
-
02. L'interface en quelques lignes
Groupes Google Il s'agit des newgroups Usenet, la forme la plus ancienne des forums de discussion. Une communauté restée bien vivante. Recherche d'image Google Fonctionne comme la recherche Web, à l'exception de quelques options avancées. La ligne Afficher,...
-
26. Centrage des éléments
Nota : Ni les bugs, ni les techniques de contournement de bugs sur les explorateurs peu respectueux des standards ne seront évoqués. Centrage des éléments de contenu Centrage horizontal • Appliquer la déclaration {text-align: center} au conteneur. Centrage...
-
27. Création de lettrines
La lettrine permet de mettre en valeur la première lettre d’un texte, chapitre ou paragraphe :- en lui attribuant une taille imposante.- en la décorant. Le pseudo-élément first-letter • p:first-letter modifiera la première lettre d’un paragraphe Exemple...
-
05. Opérateurs booléens
Pour effectuer des recherches plus complexes, il est nécessaire de savoir manier les opérateurs AND, OR et NOT. AND >>> inclut un mot dans la recherche. Par défaut, Google recherche tous les termes que vous avez fait figurer dans votre requête. NOT (ou...
-
03. Logiciel pour coder; Envoyer votre site sur le Web
Pour coder facilement, préférez un logiciel qui colore la syntaxe. Notepad++ remplit très bien ce rôle. télécharger Notepad++ Si vous n'avez jamais fait de site, un tutorial complet expliquant comment envoyer des fichiers sur le Web vous sera nécessaire....
-
13. D'autres opérateurs avancés (4)
Insubject Semblable à l'opérateur intitle. Msgid Pour retrouver un message par son identificateur. Ne fonctionne que dans Groupes, admet pour seul opérateur un identificateur de messages (messages ID). Il est de la forme xxx@yyy.com Stocks Permet de rechercher...
-
23. Positions dans le flux et relative
Le positionnement dans le flux courant • Pour déplacer un bloc dans son conteneur, il suffit d’utiliser les propriétés déjà connues : margin et padding.• Les éléments de type bloc de succèdent verticalement. Les blocs occupent toute la largeur disponible...
-
08. Opérateurs avancés - syntaxe
Afin de pécifier des requêtes plus évoluées, Google possède des termes spéciaux, appelés opérateurs avancés. Ces opérateurs possèdent une syntaxe à laquelle il faut se conformer: opérateur:terme_recherché. Lorsque vous utilisez les opérateurs avancés,...
-
24. Positions absolue et fixe; z-index
Le positionnement absolu • Un élément positionné en absolu est placé par rapport à son parent si ce dernier est lui-même positionné, et sinon par rapport au premier ancêtre positionné. • Il n’est alors plus dans le flux normal. • Pour placer un élément...
-
09. Les principales bases HTML standards
Il existe une soixantaine de balises différentes. Nous ne verrons que les 14 principales. Les principales balises inline Dépourvu d'un sens précis, peut servir à regrouper d'autres éléments inline. Son équivalent est
. exemple d'utilisation:...21. Arborescence
Un document bien hiérarchisé doit s’afficher de manière tout à fait lisible et fonctionnelle, même en l’absence de style CSS. Il est essentiel de comprendre cette arborescence pour bien utiliser le positionnement. exemple:
Titre de niveau 1
Paragraphe...
06. Indiquer la grammaire, la langue et l'encodage
Indiquer la grammaire est un moyen de s'assurer que le document sera bien interprêté par les navigateurs. On indiquera:• le doctype • une DTD, ou "définition de type de document" Au début des documents web, on écrira donc: