 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.

Slides:



Advertisements
Présentations similaires
Nom de lintervenant Titre de lintervention. Tapez le titre de votre slide (si besoin) Tapez votre titre principal Tapez votre sous titre ou votre texte.
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.
Guide d'utilisation du CMS pour les contributeurs Exposium
Création de site internet
Gérer un site avec Kompozer
Feuilles de style CSS - XHTML est un langage impur
Le CSS : un complément au HTML
Cours XHTML/CSS Lundi 9 Février 2009
Etude De Microsoft Word
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.
Support Initiation Publisher 2010
12 novembre 2012 Grégory Petit
ma date et mon pied de page (titre présentation)
Chapitre 2 Production électronique
Enregistrement d’un document
Bienvenue dans le tutoriel Suivez ces étapes pour publier des blogs ; articles, photos et vidéos.
Titre de votre session Prénom NOM Fonction ORGANISME Votre logo
sa présentation assistée par ordinateur ?
Excel Introduction.
Bienvenue! Qui suis-je? Webmestre depuis 1994 Café Internet en 1996 Commerce électronique Gestion de contenu web Marketing interactif.
CSS.
1. 2 PLAN DE LA PRÉSENTATION - SECTION 1 : Code HTML - SECTION 2.1. : CSS (Méthode 1) - SECTION 2.2. : CSS (Méthode 2) - SECTION 3 : JavaScript - SECTION.
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.
mise en forme des messages
31 octobre 2012 Grégory Petit
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.
Création et présentation d’un tableau avec Word 2007
Exercice 9: Créez un diaporama contenant 6 diapositives. L’arrière-plan de la première diapo doit être rouge. L’arrière-plan de la deuxième diapo doit.
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.
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;
Produire, traiter et exploiter des documents numériques Documents
Cliquez pour modifier le style du sous-titre Cliquez pour modifier le style du titre.
Pour une présentation orale
LE CSS ISN Terminale S CSS Types de styles.
2. Premiers pas en CSS… Comprendre le fonctionnement de la syntaxe CSS
Les guides de formation Conception de pages web. Guide Virtuose - version enseignant2 Guide - Conception de pages web Introduction Introduction, p. 3.
Template joomla Leblanc 2011.
HTML Cours 2.
Plan de la leçon Réf. p. WRD- 149 Les styles Les listes hiérarchiques
Lancement de Microsoft Word
Bien présenter des documents longs…
Auteur : Frédéric Thériault 1. Page à intégrer 2.
Cliquez pour modifier le style du titre
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.
Titre de votre session Votre logo à insérer ici Prénom NOM Fonction ORGANISME.
Cours : HTML 1 avril 2013.
AJOUTER UNE BORDURE BLANCHE © 2010 Frederic DAVID.
HTML Cours 3.
Éléments de présentation
CSS et DREAMWEAVER.
Conception des pages Web avec
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.
Dreamweaver Séance 1.
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Présentation Dreamweaver 8 (1) Nina BOUAZIZ et Matthieu DI RUSSO SI28.
Exposé DREAMWEAVER 2 Guillaume DUBREUIL Adrien HADOUX.
Dreamweaver le retour Avec Les Formulaires Les Calques
Plan de la présentation Le langage HTML Dreamweaver MX Les premiers outils pour créer une page web :  Propriétés d’une page  Création de cadres  Création.
SI28 Malépart Céline Jérémy Palmier
DREAMWEAVER SEANCE 1 Axel JACQUET GM05 – Julien VAN MOORLEGHEM GM05 A2008 Écriture interactive & multimédia Présentation Dreamweaver 8.
Introduction au HTML Qu’est ce que le HTML ?
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.
INITIATION A LA CREATION D’UNE PAGE WEB C-X. PROSPERINI A : COMMUNICATION ET SYNDICATS Afrique Francophone 20/04/2010.
Transcription de la présentation:

 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

moncadre  Division d’un identifiant nommé moncadre cadredumenudroite  À l’intérieur de la division mon cadre déclarer une deuxième division d’une classe nommée cadredumenudroite  Dans cette division déclarer Un titre de niveau 1 Une liste simple d’un seul élément

 Dans le même cadre d’identifiant cadre centrale Déclarer une nouvelle classe nommée cadre centrale  Cette division doit contenir un titre de niveau 1  Un paragraphe footer Déclarer une nouvelle classe nommée footer

 Déclarer un sélecteur body Arrière plan d’une couleur de votre choix La taille de police : 12pixels Type de police : arial, tahoma,verdana Marges :10 pixels en haut le reste automatiques

 Largeur : 900 pixels  Les marges : 0pixels en haut et le reste automatiques  Arrière plan : blanche  Bordures : solide de 1px avec une couleur blanche  Propriété de dépassements de blocs automatique

 Mettre la boite à droite  Aligner le texte à gauche  La largeur 140 pixels  L’arrière plan blanche  Bordure gauche 1px solide d’une couleur de votre choix  Couleur de texte  Marges intérieures et extérieures de 5 px

 Les titres de niveau 1 de la classe menu droite Couleur de texte :Blanche La taille : 15 pixels Bordures : 1 px solide d’une couleur de votre choix Arrière plan différent de la couleur de police Marges intérieures et extérieures de 5 px Alignement de texte :centré

 Largeur 720 pixels  Bordure 1px solide d’une couleur de votre choix  Arrière plan blanche Marges intérieures et extérieures de 5 px

 La couleur de police de votre choix Marges intérieures et extérieures de 5 px

 Liste simple sans style  Marges intérieures de 5pixels

 Titre de niveau 1 Couleur de votre choix Taille 25px Bordure bas de 1 px solide de couleur de votre choix

 Titre de niveau 2 Couleur de votre choix Taille 20px Bordure bas de 1 px solide de couleur de votre choix

 Donner une couleur au lien de niveau 2  Donner une couleur différente pour l’état du survole et sans décoration de texte  Les liens de menu Affichage en blocs Sans décoration de texte Couleur différente Ajouter une déclaration de l’état de survol avec arrière plan d’une couleur différente

 Changer la couleur des liens  Enlever toutes les décorations  Ajouter un soulignement à l’état hover  Enlever les bordures des images

 La hauteur automatique  Une couleur différente d’Arrière plan  Bordure de 1 pixel solide avec une couleur de choix Marges intérieures et extérieures de 5 px  Propriété de dépassements de blocs automatique

 Alignement centrer  Couleur rouge  Text en gras  Bordure de 1 pixel solide rouge  Longueur automatique  Largeur 300 pixels  Les marges automatiques  Les marges intérieures 5 px

 Bordure de 1 px et de type solide  Le sélecteur form :alignement centré du texte  Le sélecteur input :Bordure de 1 px et de type solide  et arrière plan de votre choix  Le sélecteur zone de texte : Arrière plan et Bordure de 1 px et de type solide

 Alignement de texte centré  Bordure blanche et solide de 1 px  Une couleur pour l’arrière plan  Texte noir  Une classe hauttd avec les mêmes propriétés et texte en gras

 Hauteur automatique  Arrière plan  Bordure solide de 1 px  Les marges intérieures et extérieures de 5 px