Auteur : Frédéric Thériault 1. L’attribut « color »  Permet de modifier la couleur du contenu d’un élément html { color: blue; } Roger Rabbit: … 2.

Slides:



Advertisements
Présentations similaires
La création de pages web Lorsqu'on « navigue » sur l'Internet, les pages que nous visitons sont encore pour beaucoup en HTML. Comment fait-on pour les.
Advertisements

Lundi 8 Décembre 2008 Aujourd'hui, nous finirons la mis en forme du texte.
Feuilles de style CSS - XHTML est un langage impur
Le CSS : un complément au HTML
Lundi 12 Janvier 2009 Aujourd'hui, la balise et la superposition Image/Texte.
Cours XHTML/CSS Lundi 9 Février 2009
HTML CSS.
1 Modèles. 2 Sauvegarder le code en cliquant sur editer html 4 zones avec scroll
11:06:28 Programmation Web Programmation Web : Feuilles de style CSS Jérôme CUTRONA
12 novembre 2012 Grégory Petit
Intégration des images
XHTML XHTML Un document XHTML étant un document XML il commence par une déclaration XML indiquant la version et le jeu de caractère utilisé. Ensuite vous.
Applications Internet – cours 3 La page web
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
Les feuilles de style La mise en page
HTML CSS.
CSS.
Conservatoire National des Arts et des Métiers de Paris Représentation et édition de documents XML.
HTML / CSS Gestion des systèmes d’information Classe terminale
HTML-CSS-XHTML.
M. Larooussi Formatage de documents - CSS École dété INSAT Août 2006.
Mars 2013 Grégory Petit
Cascading Style Sheets (CSS)
Faculté I&C, Claude Petitpierre Cascaded style sheets CSS.
Feuilles de styles CSS Syntaxe d'application d'un style à une balise HTML : Les différents types de style : Pourquoi utiliser un style ? Possibilité étendue.
31 octobre 2012 Grégory Petit
Cours n° 1 Le langage HTML Prof. : E. BAKKI
Catalogue de présentation des blogs. Entête avec image Menu 1Menu 2 Ces 3 éléments sont fixes et visibles quelque soit la page consultée.
Les feuilles de style en HTML. CSS CSS: feuilles de style en cascade Permettent d’appliquer une mise en page à l’ensemble d’un site très simplement Permettent.
Créer son site web Chapitre II. Les caractères spéciaux Les navigateurs ne reconnaissent pas les caractères spéciaux. Heureusement chaque caractère possède.
2. Premiers pas en CSS… Comprendre le fonctionnement de la syntaxe CSS
Introduction aux langages Html et CSS
Template joomla Leblanc 2011.
Présentation sur ordinateur Quelques éléments sur ce qu’est une présentation.
Auteur : Frédéric Thériault 1. Les boîtes 2 Les attributs 3 width height margin margin-top margin-right margin-bottom margin-left border-style border-width.
Auteur : Frédéric Thériault 1. À quoi ça sert !?  Cascading Style Sheet  Modifier la page Web en ajoutant des styles aux balises  Modifier l’apparence.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
Auteur : Frédéric Thériault 1. Page à intégrer 2.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
Auteur : Frédéric Thériault 1. Les titres  (de 1 à 6) Titre 1 Titre 2 Titre 3 Titre 4 Titre 5 Titre 6 2.
Auteur : Frédéric Thériault 1. font-family /generic-family  Permet de définir le type de police pour le texte d’un ou plusieurs éléments  Les plus courants.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
HTML Cours 3. Plan du cours Les feuilles de styles CSS Mise en forme du texte et des paragraphes.
IUT SRC Année 2004/2005Antonio Capobianco 1 HTML>Formater du texte>Les titres Définir les titres HTML distingue 6 niveaux de titre : Titre N°1 Titre N°2.
SITE INTERNET « les fans de la ruelle en chantier »
INTERNET Le langage HTML
IUT SRC Année 2004/2005Antonio Capobianco 1 HTML>Les tableaux>Créer des tableaux Intérêt : Les tableaux en HTML peuvent servir à : - présenter/organiser.
Introduction à CSS Généralités. Introduction Beaucoup de documents XML sont destinés à être présentés. Les information du fichier seul (avec ou sans DTD)
INTERNET Le langage HTML
T ECHNOLOGIES WEB CHAPITRE II : L E LANGAGE CSS Mme Amani JARRAYA & Mohamed MOHSEN 1.
HTML Cours 3.
GENIE MULTIMEDIA Restitution de documents CSS Christine Vanoirbeek EPFL – IC – CGC Bâtiment BC (Station 14) 1015 LAUSANNE
HTML Création et mise en page de formulaire Cours 3.
Cour préparé par Melle Zineb SAALAOUI HTML/CSS.
Cliquez pour ajouter un titre Cliquez pour ajouter un sous-titre Cliquez pour ajouter du contenu, ex. : nom d’entreprise Cliquez pour ajouter de l’information.
Cascading Style Sheets CSS: Feuilles de Style en Cascade Feuille: Fichier-séparé.css Style: Design de votre Site Cascade: la Page d'accueil et les sous.
Auteur : Frédéric Thériault 1. Les couleurs  Nommées h1 {color: navy;}  En pourcentage h1 {color: rgb(25%,66%,40%);}  En nombre h1 {color: rgb(255,255,0);}
HTML Création et mise en page de formulaire
1 LES FEUILLES DE STYLES Cours Web 1A, chap. 2 V. Deslandres (dernière MàJ: 6/11/2006)
modèle3D cubes Dans le sous-dossier « modèle » du dossier « 3D cubes » que vous venez de télécharger, 3D cube.pte double-cliquez sur le fichier « 3D cube.pte.
Language html VI- Les CSS. Les CSS CSS: Cascading Style Sheets. Feuilles de Styles en Cascade En typographie, une feuille de style désigne l'ensemble.
Language html II- Listes. Les Listes Les listes numérotées.
DreamWeaver Séance 2 HMIDA Ahmed A2008. Plan 1.Calques 2.CSS 3.Modèles 4.Formulaires 5.Comportements 6.Mise en ligne.
Dreamweaver 2 Feuilles de Style CSS Formulaires Calques Comportements
1 Dreamweaver SI28: Ecriture interactive et multimédia Vincent Drapier Nabil El Hefni Automne 2006.
Formation Web Avant-propos Cette formation n’a pas pour but de vous apprendre à créer un site avec Google sites, canalblog… Cette formation n’a.
Nouveaux éléments des formulaires dans HTML5 Ref:
INF2005– Programmation web– A. Obaid Les feuilles de style.
INF2005– Programmation web– A. Obaid CCS 3. INF2005– Programmation web– A. Obaid 2 L'état d'implantation de CSS 3 Le standard de CSS 3 n'est pas très.
Programmation du jeu Fruit Ninaj en JavaScript
Transcription de la présentation:

Auteur : Frédéric Thériault 1

L’attribut « color »  Permet de modifier la couleur du contenu d’un élément html { color: blue; } Roger Rabbit: … 2

L’attribut « background-color »  Permet de modifier la couleur du contenu d’un élément html { background-color: black; color: white; } Roger Rabbit: … 3

L’attribut « background-image »  Permet de définir une image comme arrière plan html { background-color: black; background-image: url('roger_rabbit.jpg'); color:white; } Roger Rabbit: Yeah … 4

L’attribut « background-repeat »  Permet de définir si l’image doit être répété ou pas repeat, repeat-x, repeat-y, no-repeat … html { background-color: black; background-image: url('roger_rabbit.jpg'); background-repeat: no-repeat; color:white; } … 5

L’attribut « background-position »  Permet de définir la positon de l’image dans l’élément (ex: 3px 5px) top | center | bottom et left | center | right (ex: top left) … html { background-color: black; background-image: url('roger_rabbit.jpg'); background-repeat: no-repeat; background-position: 150px 50%; color:white; } … 6

L’attribut « background-attachement »  Permet de définir une image comme étant fixe dans l’écran scroll (valeur par défaut) fixed L'image demeure au centre même lorsque l’on déroule le texte 7