Lundi 12 Janvier 2009 Aujourd'hui, la balise et la superposition Image/Texte.

Slides:



Advertisements
Présentations similaires
Lundi 15 Juin 2009 Les principales techniques JavaScript.
Advertisements

Lundi 8 Décembre 2008 Aujourd'hui, nous finirons la mis en forme du texte.
Lundi 15 Décembre 2008 Aujourd'hui, les balises et.
Introduction aux Web Services Partie 1. Technologies XML
Création de site internet
Feuilles de style CSS - XHTML est un langage impur
Le CSS : un complément au HTML
Lundi 2 Mars 2009 Aujourd'hui, les menus
Lundi 9 Mars 2009 Aujourd'hui, la manipulation des images.
Cours XHTML/CSS Lundi 9 Février 2009
XML, et HTML, comme langages de structuration
HTML CSS.
1 Modèles. 2 Sauvegarder le code en cliquant sur editer html 4 zones avec scroll
Structure du site cpe.evry.free.fr. 1. Informations générales Le site renvoi au site via un javascript.
Cascading style sheets
CREATION DE FEUILLE DE STYLE pour structuré le document XML
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.
Ce janvier Faire une copie d'écran......et la préparer pour demander de l'aide, pour illustrer un texte,... Claude Espinasse février 2007.
Introduction aux Web Services Partie 1. Technologies HTML-XML
Lundi 20 Octobre Résumé du cours précédent Les styles se déclarent dans lattribut XHTML style : Ou encore entre les balises et : Balise {propriété1:
17 octobre 2012 Grégory Petit
Les feuilles de style La mise en page
Bienvenue! Qui suis-je? Webmestre depuis 1994 Café Internet en 1996 Commerce électronique Gestion de contenu web Marketing interactif.
Faculté I&C, Claude Petitpierre Cascaded style sheets CSS.
HTML CSS.
CSS.
HTML / CSS Gestion des systèmes d’information Classe terminale
HTML-CSS-XHTML.
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.
Utilisation des filtres colorés
31 octobre 2012 Grégory Petit
Cours n° 1 Le langage HTML Prof. : E. BAKKI
 Créer une page html nommé index  Cette page doit contenir  Partie de l’entête Titre Métas(description et mots clés) Lien vers une feuille de style.
TP n°2 Javascript EVENEMENTS ET OBJETS
Le langage XHTML 420-S4W-GG Programmation Web Client
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.
Emplacement Titre ferré à droite Arial 24pt Gras Emplacement Sous-titre ferré à droite Arial 24pt Date jj/mm/aaaa Arial 18pt Image à placer en arrière.
LE CSS ISN Terminale S CSS Types de styles.
2. Premiers pas en CSS… Comprendre le fonctionnement de la syntaxe CSS
Introduction aux langages Html et CSS
LE HTML ISN Terminale S Un peu d’histoire …
Template joomla Leblanc 2011.
HTML Cours 2.
1 Cliquez et modifiez le titre Cliquez pour modifier les styles du texte du masque –Deuxième niveau Troisième niveau –Quatrième niveau »Cinquième niveau.
Cliquez pour modifier le style du titre du masque Cliquez pour modifier les styles du texte du masque –Deuxième niveau Troisième niveau –Quatrième niveau.
Before Starting…. Pour les passionnés, le cours de Xhtml en classe peut être complété par les références suivantes : Cours de Xhtml en ligne :
HTML Cours 3. Plan du cours Les feuilles de styles CSS Mise en forme du texte et des paragraphes.
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)
HTML Cours 3.
Réaliser le site Bic à l'aide de calque, avec les éléments suivants: Image de fond: fondBIC.gif (20k) Personnage BIC: bicman.jpg (4k) Barre de navigation,
Cliquez pour modifier le style du titre du masque Cliquez pour modifier les styles du texte du masque –Deuxième niveau Troisième niveau –Quatrième niveau.
HTML Création et mise en page de formulaire Cours 3.
Réaliser le site Bic à l'aide de calque, avec les éléments suivants: Image de fond: fondBIC.gif (20k) Personnage BIC: bicman.jpg (4k) Barre de navigation,
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.
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.
Le JavaScript.. Histoire Langage créé en 1995 par Brendan Eich pour la Netscape Communications Corporation. Est inspiré de nombreux langages, notamment.
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)
24 octobre 2012 Grégory Petit
Mise en forme avancée et Publication. Le CSS Avertissement : vous ne devez pas maitriser le CSS juste savoir qu’il existe et à quoi il sert ! CSS signifie.
DreamWeaver Séance 2 HMIDA Ahmed A2008. Plan 1.Calques 2.CSS 3.Modèles 4.Formulaires 5.Comportements 6.Mise en ligne.
Dreamweaver le retour Avec Les Formulaires Les Calques
FORMULAIRES FOMULAIRE Permet à l’utilisateur d’entrer des renseignements le concernant. Utilisation –Inscription sur un site –Mise à jour d’une base.
Les formulaires Les calques Les comportements Les scénarios Les modèles Les feuilles de styles (CSS) La mise en ligne Les formulaires permettent à l’utilisateur.
Dreamweaver MX Séance 2 Présenté par : Bastien Durizy Cedric Le-Rest Formulaire Comportement Style css Gestion de site Calque Scénario Modèle.
Dreamweaver 2 Feuilles de Style CSS Formulaires Calques Comportements
TP ISN-Terminale S Notion de code HTML. I) Visualisation du code source d’une page web Se mettre sur une page web quelconque : clic droit, Afficher la.
Feuilles de style Cascading Style Sheets
Cliquez et modifiez le titre en Arial 20 gras
Transcription de la présentation:

Lundi 12 Janvier 2009 Aujourd'hui, la balise et la superposition Image/Texte

La balise La balise permet de modifier ponctuellement le style d'un élément bloc sans avoir à définir un autre élément bloc. La syntaxe de cette balise est la suivante : texte

Exercice sur la balise Définir la classe.texteenrouge et l'utiliser dans une balise pour que le texte "définie dans la balise style" apparaisse en rouge :.pardefaut { font-family: arial; font size: 14px; } Ce texte utilise la classe "pardefaut", définie dans la balise "style".

Solution.pardefaut { font-family: arial; font size: 14px; }.texteenrouge {color: red; } Ce texte utilise la classe "pardefaut", définie dans la balise "style".

Superposer image et texte Pour superposer un texte sur une image, il suffit d'utiliser un positionnement absolute (position: absolute) pour l'image et une balise pour le texte.

Exercice sur la superposition Afficher une image quelconque en arrière-plan en utilisant un positionnement absolute et un texte en avant-plan de l'image en utilisant une balise.

Solution Le texte est affiché devant l'image