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.

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

Conception de Site Webs Interactifs Cours 3
Conception de Sites Web dynamiques
Conception de Site Webs Interactifs Cours 4
Algorithmes et structures de données avancées Partie Conception de Sites Web dynamiques Cours 8 Patrick Reuter.
HTML CSS.
XML Un format d'échange et un langage de présentation des données associé au HTML.
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.
Bienvenue! Qui suis-je? Webmestre depuis 1994 Café Internet en 1996 Commerce électronique Gestion de contenu web Marketing interactif.
Passer au CSS et autres... (2) Pour nous encourager, on revois l'objectif à atteindre.
Découverte de la feuille de style. CSS Cascading Style Sheets Il ne s'agit pas ici de faire un cours de code CSS ! Il faudrait un certain nombre de chapitres.
HTML CSS.
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.
Qelios – Formation Initiation au langage 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.
XML Plan du cours Introduction au fichier XML
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.
Passer au CSS et autres... Quelle différence entre ces deux pages ? Si vous regardez uniquement le contenu, aucune. Tout se joue sur la mise en forme.
LE CSS ISN Terminale S CSS Types de styles.
2. Premiers pas en CSS… Comprendre le fonctionnement de la syntaxe CSS
LE HTML ISN Terminale S Un peu d’histoire …
HTML Cours 2.
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.
Les balises HTML et les objets JavaScript correspondants Objet document L'objet document est important dans la mesure ou il contient tous les objets du.
Technologies web et web sémantique TP3 - XML. XML eXtensible Markup Language (langage extensible de balisage) – Caractéristiques: méta-langage = un langage.
3. Personnaliser une page web Visualiser les liens entre feuille de style et html grâce à l’inspecteur d’éléments Savoir si les modifications doivent être.
HTML Cours 3. Plan du cours Les feuilles de styles CSS Mise en forme du texte et des paragraphes.
Chap 0 : Introduction HTML et CSS
INTERNET Le langage HTML
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)
T ECHNOLOGIES WEB CHAPITRE II : L E LANGAGE CSS Mme Amani JARRAYA & Mohamed MOHSEN 1.
HTML Cours 3.
eXtensible Markup Language. Généralités sur le XML.
Chapitre 4 : Les feuilles de style (généralités) XML fournit aux applications une structure, mais pas la signification ou la manière de mettre en évidence.
Séance /10/2005 CSS et Dreamweaver. CSS : principes Cascading Style Sheet = feuille de style en cascade Norme du W3C :
GENIE MULTIMEDIA Restitution de documents CSS Christine Vanoirbeek EPFL – IC – CGC Bâtiment BC (Station 14) 1015 LAUSANNE
Deug 11 Systèmes d ’Information, cours 3a Michel de Rougemont Université Paris II Edition et Styles.
Projet XML Contrôle des véhicules Par R.Khounsamnane &J.Socié.
Part 3 & 4.  Toutes balises ouvertes se ferme ◦ Aucun accents ni espace ◦ Encore moins des majuscules  Il en va de même pour les noms de fichier.
Cour préparé par Melle Zineb SAALAOUI HTML/CSS.
Cours de HTML suite applications
CSS et DREAMWEAVER.
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
HTML Rappels des fondamentaux
Language html Hyper Text Markup Language
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.
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.
Scénario Les scénarios permettent de modifier la position, taille … des calques au cours du temps. Son fonctionnement est très proche de celui de Macromedia.
Dreamweaver Séance 1.
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Présentation de Dreamveawer
DreamWeaver Séance 2 HMIDA Ahmed A2008. Plan 1.Calques 2.CSS 3.Modèles 4.Formulaires 5.Comportements 6.Mise en ligne.
SI28 Malépart Céline Jérémy Palmier
Dreamweaver (2) ● les calques (layers) ● les comportements
FORMULAIRES FOMULAIRE Permet à l’utilisateur d’entrer des renseignements le concernant. Utilisation –Inscription sur un site –Mise à jour d’une base.
SI28 – Ecriture interactive et multimédia Sylvain Slaton – Pierre Laporte.
On va découvrir la magie de ....
Dreamweaver 2éme séance Murat Keles. Présentation I.CSS et Dreamweaver II.Les calques III.Les scénarios IV.Les comportements V.Les cadres VI.Mise en ligne.
Dreamweaver CS4 séance 1 Ahmed Aryan – Isma Teir.
Dreamweaver 2 Feuilles de Style CSS Formulaires Calques Comportements
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.
1 er séance SI28 A2004 YIN Lei Emmanuel Eugene. Plan de l’exposé  Introduction au HTML  Le HTML dans le bloc-notes (notepad)  Présentation de Dreamweaver.
Hayri ACAR - Université Claude Bernard Lyon 1 HTML 5 & CSS 1.
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.
Le CSS Principe de séparation du contenu et de la mise en forme
CSS et DREAMWEAVER (Suite et fin)  Les liens
Title. Text Title Text Title Text Title Text.
Transcription de la présentation:

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 pages de votre site auront comme design uniforme ce que vous avez défini dans votre fichier.CSS

 Style ou Design:  Syntaxe: sélecteur { propriété:valeur;} Exemple: p{ text-align : center; }  Question? Les Selecteurs ? Indication: ?

Les Selecteurs  Contiennent les Balises HTML.  Les Plus connues: P, H, Body, Title, img..

Les Propriétés Les plus célèbres: color, background-color, background-image, text-align, font-size, visibility...etc.

Méthode 1  Inline style: insérer directement la propriété dans la balise: Le texte de ce paragraphe sera en rouge. Exercice

Methode 2 Insérer les code CSS dans la partie HEAD: Code Html /* Vous taperez votre code CSS ici */

Methode 3 (la plus recommandée) Principe de CSS, et de séparer le contenu html de votre site et son design. Fichier.css Syntaxe: Selecteur { Propriété: Valeur; }

Lien entre les 2 fichiers HTML et CSS L appel se fait dans le fichier.html comme si: