Deug 11 Systèmes d ’Information, cours 3a Michel de Rougemont Université Paris II Edition et Styles.

Présentation au sujet: "Deug 11 Systèmes d ’Information, cours 3a Michel de Rougemont Université Paris II Edition et Styles."— Transcription de la présentation:

1 Deug 11 Systèmes d ’Information, cours 3a Michel de Rougemont Université Paris II Edition et Styles

2 Deug 12 Edition Wysiwyg ( What you see is what you get ) –WORD, TEXTPAD, BLOC-NOTES A balisage –HTML, TEX, LATEX

3 Deug 13 Fichiers.doc.txt.htm Editeur de texte Format de texte –Format word –texte

4 Deug 14 Format de données Unité –caractère –paragraphe Style –fontes, couleurs –mise en page

5 Deug 15 Style de données Mise en page –marges –en-tête Obtenu par modifications de styles existants

6 Deug 16 Styles en HTML Mon texte. Mon Texte

7 Deug 17 CSS Styles en HTML CSS : Cascade Style Sheet –Définir des styles que l ’on peut utiliser par simple sélection d ’un nom Utilisation automatique (l ’éditeur écrit les balises) Utilisation manuelle (l ’utilisateur écrit les balises)

8 Deug 18 Définition d ’un style (Dreamweaver 1.2) Styles Style Sheet I1 I2 I3 I4 I5 I6 Sélectionner l ’icône I3 ----> Fenêtre des Styles

9 Deug 19 Définition d ’un style (Dreamweaver 1.2) Styles Style Sheet New Edit Style Sheet Name : s1 New Style Background Style definition Background color

10 Deug 110 Format de base : HTML Conseil d'une chenille <!--.s2 { background-color: #FFFF99} -->

11 Deug 111 Utlisation des styles La chenille et Alice se regardèrent Ma page Styles s2 La chenille et Alice se regard &#232 rent Sélection

12 Deug 112 Utlisation des styles La chenille et Alice se regardèrent Ma page Styles s2 La chenille et Alice se regard &#232 rent La chenille et Alice se regardèrent

13 Deug 113 Utilisation manuelle Conseil d'une chenille <!--.s2 { background-color: #FFFF99}.s1 { background-color: #FF0000} -->

14 Deug 114 Utlisation des styles La chenille et Alice se regardèrent Ma page Styles s2 s1 La chenille et Alice se regard &#232 rent La chenille et Alice se regardèrent Que voulez-vous dire? Que voulez-vous dire?

15 Deug 115 Utlisation des styles La chenille et Alice se regardèrent Ma page Styles s2 s1 La chenille et Alice se regard &#232 rent La chenille et Alice se regardèrent Que voulez-vous dire? Que voulez-vous dire?

16 Deug 116 CSS Styles en HTML Légères différences entre : Que voulez-vous dire? Et Que voulez-vous dire?

17 Deug 117 TD 4 Définition de styles sous Dreamweaver 1.2 Automatiques Manuels Tableaux