Blueangel

Non, j'agissais en tant que formateur marketing internet dans un organisme de formation Pas seul, nous étions 4 formateurs à nous relayer ( design, réseau, développement, marketing internet). En session de 20 webmasters en alternance dans un centre de formation Parisien, on arrive vite à 300 ( 4 sessions par an). C'est un module de formation. on est très loin du sujet de départ....

"vous dites que vous formez des gens à quelque chose que vous ne connaissez pas" Non, je les formais dans ma discipline ( marketing internet): une formation webmaster touche plusieurs disciplines. " Comment fait-on pour s'y connaître en HTML et pas en CSS ???" Le CSS est un module spécifique.

Je joue ce rôle de tuteur en l'accompagnant le plus possible et lui fournissant le maximum de ressources pédagogiques, ceci dit je n'ai pas de compétences en CSS. Bien entendu, on lui laisse largement le temps de progresser, c'est la règle du jeu ( j'ai participé à la formation de près de 300 webmasters , c'est pour ça que j'ai accepté de l'encadrer). Merci pour vos conseils en CSS, celà lui sera très utile.

Merci à Zebulon365 pour ses pistes Concernant la formation du stagiaire, elle ne peut se faire que dans une structure de taille moyenne. Dans le cas présent, il fait son stage dans une TPE, ou il n' y a aucune compétence en interne pour le web. Le client pensait en toute bonne fois que sa formation (BTS Iris)lui permettrait de développer un site web de façon autonome ( il est sensé faire de la conception web, selon le programme du BTS), en fait il a seulement des notions en HTML et des connaissances en PHP. Voilà pourquoi il a autant de mal sur le CSS et le graphisme. Je lui apporte toute l'aide possible, mais je ne suis ni développeur, ni graphiste (plutôt spécialisé en promotion internet, ce qui est loin du CSS).

Merci de cette première réponse. La technique est-elle aussi valable pour mixer texte et icone ? Sur la barre supérieure, nous pensions rajouter des icones sous le texte ( les icones méritent d'être explicitées, par "Acceuil", "Services", 3contact"...)

Bonjour, Nous réalisons actuellement un site web avec un stagiaire qui ne connait pas le langage CSS ( HTML et PHP uniquement): celà fait plus d'une semaine qu'il n'arrive pas à adapter le design d'un template. Merci de votre aide. :!: Voilà le problème: nous utilisons le template suivant : />http://www.free-css.com/assets/files/free-css-templates/preview/page87/consulting-services/ Comment remplacer la barre de navigation texte horizontale: Par une barre de navigation mixte icones/textes (moins haute que dans l'exemple suivant) Même question pour les 3 blocs centraux ( mise en place de 3 icones à la place du texte central, en laissant le titre et le lien) Le code source: /**Author Name:Gen Developed in Vin Labs Copyright at gendesigns.blogspot.com ProjectName:Computer Zone **/ *{ margin: 0px; padding: 0px; }* body { background:#eee center top; color: #dcdcdc; font: .8em normal small "Trebuchet MS",Tahoma, verdana, arial, helvetica, sans-serif;line-height: 1.6em; } /**Common**/ p { font-family:arial; font-size:0.9em; } /**Wrapper **/ #wrapper { width:900px; margin:5px auto; background:#ffffff; } #top,#footer,#main,#content,#container { width:850px; margin:0px auto; } #top { background:#fdfdfd url(images/cstrip.gif) repeat-x; height:74px; } #logo h1 { font-family:ae_Cortoba; font-size:2.4em; font-weight:500; margin:0px ; padding-left:50px; padding-top:20px; color:#eee; } #logo p { padding-left:60px; } #logo { float:left; } /**Menu***/ ul { list-style:none; } #menu li { display:inline; } li a { text-align:center; color:#9ab2be; float: left; height: 38px; margin-right: 1px; text-decoration: none; font-size: 1.1em; padding: 20px 20px 13px 20px; } #menu { margin-left:350px; } #menu a:hover { color:#fff; } #main { background:#244458 url(images/pic.gif) no-repeat ; height:284px; } #content { height:185px; background:url(images/cstrip.gif) repeat-x; } #left,#right { width:275px; height:184px;padding-top:5px; } #left { float:left; } #right { float:right; } #center { margin:0px 275px 0px 275px; border-left:1px solid #4F4A4A; border-right:1px solid #4F4A4A; height:177px; padding-top:5px; } #left h1,#right h1,#center h1 { font-size:1.5em; padding:10px 0 0 50px; font-family:arial; } #left p,#right p,#center p { padding:10px 15px 0px 20px; } #left h2,#right h2,#center h2 { padding-left:170px; font-family:arial,verdana,sans-serif,tahoma; font-size:0.9em; } #left a,#right a,#center a { color:#fff; text-decoration:none; } #container { height:270px; background:#d9d9d9; margin-top:5px; margin-bottom:5px; } #lcontain { width:260px; background:#eeeeee; float:left; margin-left:5px; height:260px; margin-top:7px; } #rcontain { background:#eeeeee; float:right; width:575px; height:260px; margin-right:5px; margin-top:7px; } #rcontain h1,#lcontain h1 { color:#2f2f2f; font-size:1.5em; font-family:arial; padding:15px 0px 0px 15px; } #rcontain p { color:#2f2f2f; padding:10px 10px 0 15px; } #lcontain p,#lcontain h2 { color:#2f2f2f; padding-left:15px; } #lcontain h2 { font-size:1.1em; font-family:arial; } #lcontain a { color:#1c443b; } .col { float:left; width:280px; } .col li a { float:none; color:#1c443b; text-decoration:underline; } .col li a:hover { text-decoration:none; } /**footer ***/ #footer { background: #2e2e2e url(images/fstrip1.gif) repeat-x; margin: 0 auto; text-align: center; clear:both; height:30px; } #footer a { color: #5E6F6E; text-decoration: none; } #footer a:hover { color: #9ab2be; text-decoration: underline; } Merci d'avance