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

Slides:



Advertisements
Présentations similaires
Été INF1025 Driouch Elmahdi
Advertisements

Réaliser par : AYOUB EL MOUDEN SAID BAYT AZIZ AMCHTAL TARIK DAROUACHI
Création de site internet
Systèmes d ’Information :
1Deug 1 Systèmes d Information : 7a Michel de Rougemont Université Paris II Les tableurs : Excel.
Conception de Sites Web dynamiques
Conception de Site Webs Interactifs Cours 4
Le developpement web  Préparé par : ASSAL Lamiae JAMALI Zakarya
Utilisation de l’outil Firebug
Le publipostage La fonction de fusion permet de créer des documents identiques dans les grandes lignes que l’on personnalise automatiquement à chaque destinataires.
XML Un format d'échange et un langage de présentation des données associé au HTML.
17 octobre 2012 Grégory Petit
Faire une entête de lettre personnelle
Bienvenue! Qui suis-je? Webmestre depuis 1994 Café Internet en 1996 Commerce électronique Gestion de contenu web Marketing interactif.
28 novembre 2012 Grégory Petit
CSS.
HTML-CSS-XHTML.
M. Larooussi Formatage de documents - CSS École dété INSAT Août 2006.
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.
CM 2 – Traitement de Texte
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.
Auteur : Frédéric Thériault 1. Les sélecteurs simples  Tous les éléments HTML du sélecteur sont affectés dans le document. Exemple : h1 { color:purple;
2. Premiers pas en CSS… Comprendre le fonctionnement de la syntaxe CSS
Lancement de Microsoft Word
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.
Deug 11 Systèmes d ’Information : 4b Michel de Rougemont Université Paris II Protocoles Réseaux.
HTML Cours 3. Plan du cours Les feuilles de styles CSS Mise en forme du texte et des paragraphes.
Traitement de texte (Premiers pas)
Deug 11 Systèmes d ’Information : 5a Michel de Rougemont Université Paris II Les Formulaires.
1Deug 1 Systèmes d ’Information : 9a Michel de Rougemont Université Paris II Gestion de l’information sous Excel.
HTML Cours 3.
Projet XML Contrôle des véhicules Par R.Khounsamnane &J.Socié.
Deug 11 Systèmes d ’Information : cours 1b Michel de Rougemont Université Paris II Codage, Edition, Réseau.
Lancement de Microsoft Word 1. Cliquer avec le bouton droit de la souris sur le raccourci de « Microsoft Office Word 2003 » sur le bureau, 2. Dans le menu.
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.
CSS et DREAMWEAVER.
Contribution CMS.Eolas
Deug 11 Systèmes d ’Information, cours 3b Michel de Rougemont Université Paris II Styles et édition.
24 octobre 2012 Grégory Petit
HTML Rappels des fondamentaux
Deug 11 Systèmes d ’Information : cours 2b Michel de Rougemont Université Paris II Editeurs et HTML.
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.
SI28 Dreamweaver- Séance 1
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
Dreamweaver MX.
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.
DREAMWEAVER SEANCE 1 Axel JACQUET GM05 – Julien VAN MOORLEGHEM GM05 A2008 Écriture interactive & multimédia Présentation Dreamweaver 8.
On va découvrir la magie de ....
Introduction au HTML Qu’est ce que le HTML ?
Dreamweaver CS4 séance 1 Ahmed Aryan – Isma Teir.
Dreamweaver 2 Feuilles de Style CSS Formulaires Calques Comportements
Les calques Les Template (modèles) Les Comportements Les scénarios Les formulaires Les CSS Le serveur Web de l’UTC Présentation.
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.
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
Informatique de base Pr. Namar Ydriss Cours 3: Introduction
G.ELGHOUMARI Université ParisII Panthéon-Assas
Informatique de base Pr. Michel de Rougemont Ghizlane Elghoumari
G.ELGHOUMARI Université ParisII Panthéon-Assas
Cours 3: Feuilles de style
Transcription de la présentation:

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

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

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

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

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

Deug 16 Styles en HTML Mon texte. Mon Texte

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)

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

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

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

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

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

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

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?

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?

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

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