ÿþ<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'> <html xmlns='http://www.w3.org/1999/xhtml'> <html><NOSCRIPT><META HTTP-EQUIV='Refresh' CONTENT='0;URL=http://www.aexpmil.com/aexpmilFormation2008/sgc/PasScript.asp'></NOSCRIPT> <script src='AC_RunActiveContent.js' type='text/javascript'></script> <head> <meta http-equiv='Content-Type' content='text/html; charset=UTF-8' /> <title>LES FEUILLES DE STYLE CSS</title> <meta name='description' content='2 jours 14 heures. Créer et mettre en forme avec les feuilles de style CSS des pages HTML.'> <meta name='keywords' content='formation css, dreamweaver, tutoriel css, css, feuille de style, w3c, html, pc, mac'> <meta name='ROBOTS' content='index,follow'> <meta name='REVISIT-AFTER' content='7 days'> <meta name='ROBOTS' content='ALL'> <META name='copyright' content='Aexpmil'> <meta name='author' content='Aexpmil http://www.aexpmil.com'> <link href='StylePage.css' rel='stylesheet' type='text/css' media='screen' /> <link href='print.css' rel='stylesheet' type='text/css' media='print' /> </head> <body oncontextmenu='return false' onselectstart='return false' ondragstart='return false'> <div id='page'> <div id='Gauche'><p>Attention !!!<br /><br />Cette page n'est qu'un apercu<br/> d'une des pages de notre site.<br /><a href='http://www.aexpmil.com/AexpmilFormation2008/sgc/index.asp#IDP=97,les_feuilles_de_style_css' target='_blank'>Revenir dans le site principal.</a><br /></p></div><div id='Droite'><p>Attention !!!<br /><br />This page is only a view<br />of one of the pages of our site.<br /><a href='http://www.aexpmil.com/AexpmilFormation2008/sgc/index.asp#IDP=97,les_feuilles_de_style_css' target='_blank'>Return to the main site.</a><br /></p></div> <div id='icone' ><a href='index.html'><img src='../../Docs/MediaFormation/IconeAccueil.png' alt='Accueil' width='36' height='36' border='0'></a><br /><p align='center' style='margin: 0px; font-family: Verdana; font-size: 10px;'><a href='index.html'>Accueil</a></div> <div id='lienImpression'><a href='#' OnClick='javascript:window.print()'>Imprimer cette page</a></div> <div id='corpsPage'><div style='z-index: 0; left: 285px; top: 0px; '><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='3' COLOR='#372D2D' LETTERSPACING='1' KERNING='0'><B>LES FEUILLES DE STYLE CSS</B></FONT></P></TEXTFORMAT></div> <div id='corpsPage'><div style='z-index: 1; left: 425px; top: 26px; '><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#666666' LETTERSPACING='0' KERNING='0'><I>Formation MAC et PC</I></FONT></P></TEXTFORMAT></div> <div id='corpsPage'><div style='z-index: 2; left: 306px; top: 86px; '><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#840218' LETTERSPACING='0' KERNING='0'><B>Présentation générale</B></FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- Principe de base des feuilles de style</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- A quoi servent les feuilles de style ?</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- Avantages et inconvénients </FONT></P></TEXTFORMAT><TEXTFORMAT LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'> des feuilles de style</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- Comment et où définir un style ?</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- Style et règle de style</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#840218' LETTERSPACING='0' KERNING='0'><B>Mise en page par les styles</B></FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- Généralités sur les blocs</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- Positionnement des blocs</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- Mise en page de base en 3 blocs</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- Mise en page plus complexe</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#840218' LETTERSPACING='0' KERNING='0'><B>Organiser un site Web par les CSS</B></FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- La mise en forme en colonne</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- La mise en forme en tableau de bord</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#840218' LETTERSPACING='0' KERNING='0'><B>Mise en forme</B></FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- Gérer le fond de la page</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- La mise en forme des textes</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- Les retraits, les alignements </FONT></P></TEXTFORMAT><TEXTFORMAT LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'> et les espacements des paragraphes</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- Gérer les puces et la numérotation</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- Gérer les polices de caractères</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#840218' LETTERSPACING='0' KERNING='0'><B>Les liens et les menus</B></FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- Les liens textes</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- Les liens images</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- Les liens mails</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- Les zones réactives</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- Les menus (horizontal, vertical)</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#840218' LETTERSPACING='0' KERNING='0'><B>Les composants AJAX Spry</B></FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- Modifier l aspect des composants Spry </FONT></P></TEXTFORMAT><TEXTFORMAT LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'> par les CSS</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#840218' LETTERSPACING='0' KERNING='0'><B>Le référencement</B></FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- Le rédactionnel pour le référencement</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- Les balises HTML pour le référencement</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- Les liens pour améliorer le référencement</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>- Les autres balises HTML importantes</FONT></P></TEXTFORMAT></div> <div id='corpsPage'><div style='z-index: 3; left: 5px; top: 66px; border:#FFCC00 solid 1px; '><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#840218' LETTERSPACING='0' KERNING='0'><B>Durée de la formation</B></FONT></P></TEXTFORMAT><TEXTFORMAT LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>2 jours, 14 heures</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#840218' LETTERSPACING='0' KERNING='0'><B>Objectifs</B></FONT></P></TEXTFORMAT><TEXTFORMAT LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>Mettre en forme et en page un site html à l aide des feuilles de style.</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#840218' LETTERSPACING='0' KERNING='0'><B>Compétences visées</B></FONT></P></TEXTFORMAT><TEXTFORMAT LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>Comprendre les feuilles de style. Créer des styles. Mettre en page avec les styles. Mettre en forme le texte avec les styles</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#840218' LETTERSPACING='0' KERNING='0'><B>Public concerné</B></FONT></P></TEXTFORMAT><TEXTFORMAT LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>Tout utilisateur désireux de créer un site web en html respectant les règles du W3C</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#840218' LETTERSPACING='0' KERNING='0'><B>Pré-requis</B></FONT></P></TEXTFORMAT><TEXTFORMAT LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>Connaissance de l'environnement </FONT></P></TEXTFORMAT><TEXTFORMAT LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>mac ou pc</FONT></P></TEXTFORMAT><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#840218' LETTERSPACING='0' KERNING='0'><B>Méthodes pédagogiques</B></FONT></P></TEXTFORMAT><TEXTFORMAT LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>Cours en salle informatique</FONT></P></TEXTFORMAT><TEXTFORMAT LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>Exercices d'applications.</FONT></P></TEXTFORMAT></div> <div id='corpsPage'><div style='z-index: 4; left: 295px; top: 406px; border:#FFCC00 solid 1px; '><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='Verdana' SIZE='2' COLOR='#000000' LETTERSPACING='0' KERNING='0'>Dates : A la demande</FONT></P></TEXTFORMAT></div> <div id='corpsPage'><div style='z-index: 5; left: 435px; top: 436px; '><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='RIGHT'><FONT FACE='Verdana' SIZE='2' COLOR='#0000FF' LETTERSPACING='0' KERNING='0'><A HREF='http://www.aexpmil.com/boutique/index.asp?product_id=108' TARGET='_blank'><U>Accès vidéos-tutoriels inclus</U></A></FONT></P></TEXTFORMAT></div> <div id='corpsPage'><div style='z-index: 6; left: 305px; top: 56px; '><TEXTFORMAT LEFTMARGIN='1' RIGHTMARGIN='1' LEADING='0'><P style='margin:0px;' ALIGN='LEFT'><FONT FACE='VerdanaGras' SIZE='2' COLOR='#840218' LETTERSPACING='0' KERNING='0'><B>Programme</B></FONT></P></TEXTFORMAT></div> <div id='corpsPage'><div style='z-index: 7; left: 243px; top: 70px; '><img border='0' src='../../Docs/MediaFormation/Pw3c__03102009073544.jpg' width='52' height='52' alt='w3c'></div> <div id='corpsPage'><div style='z-index: 8; left: 241px; top: 141px; '><img border='0' src='../../Docs/MediaFormation/Pcss-icon__03102009073608.jpg' width='52' height='52' alt='css-icon'></div> <div id='corpsPage'><div style='z-index: 9; left: px; top: px; '><div id='icone' ><a href='index.html'><img src='../../Docs/MediaFormation/IconeAccueil.png' alt='Accueil' width='36' height='36' border='0'></a><br /><p align='center' style='margin: 0px; font-family: Verdana; font-size: 10px;'><a href='index.html'>Accueil</a></div> <div id='lienImpression'><a href='#' OnClick='javascript:window.print()'>Imprimer cette page</a></div> <div id='piedPage'> <br /><a href='http://www.aexpmil.com/AexpmilStudio2008/SGC/index.asp#IDP=0,Bienvenue' target='_blank'>Aexpmil Studio</a><br>Design Programmation : Jean-Luc Delon<br><a target='_blank' href='http://www.aexpmil.com/AexpmilStudio2008/SGC/index.asp'>Réalisé par le générateur FLASH/HTML Aexpmil Studio</a></div></div></body></html>