REMARQUE ! Ce site utilise des cookies et autres technologies similaires.

En naviguant sur notre site, vous acceptez que des cookies soient utilisés pour vous proposer des contenus et services adaptés à vos centres d’intérêts En savoir plus

J'ai compris

Politique en matière de cookies

Que sont les cookies ?

Un cookie est un petit fichier contenant du texte qu'un site web sauvegarde sur votre ordinateur ou votre appareil mobile lorsque vous visitez ce site. Les cookies sont largement utilisés pour faire fonctionner les sites web, ou pour les faire fonctionner plus efficacement, ainsi que pour fournir des informations aux propriétaires du site.

Comment utilisons-nous les cookies ?

Ce site utilise Google Analytics, un service d'analyse du web fourni par Google, Inc. (ci-après "Google") qui nous aide à analyser l'usage qui est fait de ce site. À cette fin, Google Analytics utilise des cookies, qui sont des fichiers textes placés sur votre ordinateur. Les informations générées par les cookies concernant votre utilisation des sites – informations types concernant l'accès à l'internet (y compris votre adresse IP) et votre comportement de visiteur analysées de manière anonyme – sont transmises à Google, qui les stocke, y compris sur des serveurs installés aux États-Unis. Avant de stocker les informations transmises, Google les rendra anonymes en supprimant le dernier octet de votre adresse IP. Les conditions d'utilisation de Google Analytics précisent que Google utilise ces informations pour évaluer l'usage que vous faites des sites et générer des rapports sur l'activité des sites.

Ce site n'utilise pas ni n'autorise aucun tiers à utiliser l'outil d'analyse statistique pour repérer ou recueillir des informations personnelles de visiteurs de ces sites qui seraient identifiables. Google peut transférer les informations recueillies par Google Analytics à des tiers lorsque la loi l'exige ou lorsque ces tiers traitent les informations pour le compte de Google. Les conditions d'utilisation de Google Analytics précisent que Google n'établit pas de lien entre votre adresse IP et d'autres données détenues par Google. Vous pouvez refuser l'utilisation des cookies de Google Analytics en téléchargeant et en installant le module complémentaire du navigateur pour la désactivation de Google Analytics. Ce module indique au fichier JavaScript Google Analytics (ga.js) que les informations concernant la visite d'un site ne doivent pas être envoyées à Google Analytics.

Les cookies sont également utilisés pour déterminer si vous avez accepté (ou non) que nous utilisions des cookies sur ce site, de façon à ce que la question ne vous soit pas posée à chaque fois que vous le consultez.

Comment gérer les cookies ?

Vous pouvez gérer et effacer des cookies comme vous le souhaitez; pour plus d'informations à ce sujet, consultez le site www.allaboutcookies.org. Vous pouvez effacer tous les cookies déjà enregistrés sur votre ordinateur et vous pouvez configurer la plupart des navigateurs pour empêcher l'enregistrement des cookies.

Gestion des cookies dans votre navigateur

La plupart des navigateurs vous permettent:

  • de consulter les cookies qui ont été créés et de les effacer individuellement;
  • de bloquer les cookies créés par des tiers;
  • de bloquer les cookies créés par certains sites;
  • de bloquer tous les cookies, quelle que soit leur origine;
  • d'effacer tous les cookies lorsque vous fermez votre navigateur.

Si vous décidez d'effacer vos cookies, soyez conscient que toutes les préférences que vous avez éventuellement paramétrées seront perdues. En outre, si vous bloquez tous les cookies, de nombreux sites web (dont celui-ci) ne fonctionneront plus correctement. C'est pourquoi il n'est pas recommandé de bloquer les cookies lorsque vous naviguez ici.

L'Education numérique avec Tice-Education

  • word    
  • writer
  •   excel  
  • calc
  • powerpoint
  • impress
  • chrome 
  • firefox
  • safari
  • ie-10-logo
  • ipad 
  • el capitan logo
  • macosx
  • Windows 10
  • linux
  • nexus4
  • android
  • tbi
  • pdf
  • archive black zip 128
  • scratch
  • langage
  • 01010101
  • scratch algo
  • sublimetext ecran
  • cardboard box blue 128
  • robots 
  • Imprimante 3D 
  • car 
  • videoprojecteur 

Codage à l'école, algorithmique

Apprendre les mises en page CSS

le .

toutpublic

apprendrecsslogoCe site vise à vous apprendre les bases de CSS utilisées pour structurer n'importe quel site web. Ce site s'adresse aux personnes ayant une base (notions de sélecteurs, de propriétés et de valeurs). Le CSS ou Littéralement Cascading Style Sheets (feuilles de style en cascade), est un langage déclaratif simple pour mettre en forme des pages HTML ou des documents XML. Le langage CSS permet de préciser les caractéristiques visuelles et sonores de présentation d'une page Web : les polices de caractères, les marges et bordures, les couleurs, le positionnement des différents éléments, etc. Le terme de "Cascading" Style Sheets sous entend qu'il est possible de définir un style pour une page HTML puis, à l'intérieur de cette même page, de fournir des informations plus précises ou différentes pour présenter certains éléments plus distinctement.

 

Le but de CSS est de séparer la structure d'un document HTML et sa présentation. En effet, avec le HTML, on peut définir à la fois la structure (le contenu et la hiérarchie entre les différentes parties d'un document) et la présentation. Mais cela pose quelques problèmes. Avec le couple HTML/CSS, on peut créer des pages web où la structure du document se trouve dans le fichier HTML tandis que la présentation se situe dans un fichier CSS.

Avec CSS on peut par exemple définir un ensemble de règles stylistiques communes à toutes les pages d'un site internet. Cela facilite ainsi la modification de la présentation d'un site entier. CSS permet aussi de définir des règles différentes pour chaque support d'affichage (ordinateur, tablette, smartphone...). CSS permet aussi d'améliorer l'accessibilité des documents web.

 

Ce site est constitué de 19 leçons (écrans) :

  • pas de mise en page
  • la propriété "display"
  • margin: auto;
  • max-width
  • box model
  • box-sizing
  • position
  • Exemple de position
  • float
  • clear
  • le hack clearfix
  • exemple de mise en page avec float
  • Largeur en pourcent
  • media queries
  • inline-block
  • mise en page avec inline-block
  • colonne
  • flexbox
  • frameworks css

 

Exemple : 

 

apprendrecss ecran

 

Un sité intéressant pour apprendre, réviser ou se perfectionner dans le CSS.

Plus d'informations ici : http://fr.learnlayout.com/

Tags: HTML css

Pour écrire un commentaire, se connecter :
- Les messages injurieux, agressifs, grossiers, les critiques non argumentées et les attaques personnelles seront supprimées sans préavis et leurs auteurs bloqués.
- Le langage SMS est banni, les messages publicitaires, liens commerciaux sont interdits.
Merci de faire un effort de rédaction...
Cordialement
L'équipe Tice-Education