
<!DOCTYPE HTML>
<html lang="fr">

<head>
<title>WeBlogueur - Concevoir et publier simplement son site Web</title>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="Author" content="aegnord">
<meta name="Description" content="Site de elearning sur la conception et la publication de site web. L'objectif étant de connaître le parcours complet : du choix sur le type de site web jusqu'au référencement">

<link rel="icon" href="images/favicon.ico">
<link href="css/site.css" rel="stylesheet" type="text/css">
<link href="css/foundation-icons.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
</head>
<body>

<div id='cookies_bandeau' style='background-color:#F45145; color:#FFFFFF; opacity:0.9; position:fixed; text-align:justify; width:100%'><div style='padding:10px;'><img src='images/cookies_clavier.png' style='float:left; margin-right:15px' alt=''>Pour vous assurer une utilisation optimale de ce site, vous proposer des services et réaliser des statistiques de visites, des cookies peuvent être utilisés. En poursuivant votre navigation sur ce site, vous en acceptez l'utilisation. Pour en savoir plus, consultez notre Politique des Cookies.<br><div style='text-align:center; margin-top:5px'><button id='cookies_bouton_active' class='cookies_bouton' style='margin-right:15px'>Ne plus afficher</button><button class='cookies_bouton' onClick="javascript:document.location.href='index.php?mod=0700'">En savoir plus</button></div></div></div>
<table id="header">
	<tr>
		<td>
			<div class="header_logo">
				<img src="images/logo_index.png" alt="">
			</div>
		</td>
	</tr>
	<tr>
		<td>
			<table style="margin-left:auto; margin-right:auto; width:1000px;">
				<tr>
					<td>
						<div class="font_blanc_casse font28"><a href='index.php'>WeBlogueur</a></div>
						<div class="font_blanc_grise font14">Concevoir et publier simplement son site Web</div>
					</td>
					<td style="width:55px;">
						<div id="boutonH_menus" class="header_bouton fond_rouge_base"><img src="images/picto36_menu.png" alt="" class="bouton_opacity"></div>
					</td>
					<td style="width:55px;">
						<div id="boutonH_reseaux" class="header_bouton fond_vert_base"><img src="images/picto36_coeur.png" alt="" class="bouton_opacity"></div>
					</td>
					<td style="width:55px;">
						<div id="boutonH_search" class="header_bouton fond_bleu_base"><img src="images/picto36_search.png" alt="" class="bouton_opacity"></div>
					</td>
				</tr>
			</table>
		</td>
	</tr>
</table>

<table id="table_menus" style="background-color:#F0F1F3; width:100%; display: none">
	<tr>
		<td style="padding:0px;">
			<div class="font_blanc_rose" id="header_menus" style="text-align: center;">
				<a href='index.php'>Accueil</a>&nbsp;&nbsp;&nbsp;<a href='index.php?mod=1100'>La théorie</a>&nbsp;&nbsp;&nbsp;<a href='index.php?mod=2100'>La pratique</a>&nbsp;&nbsp;&nbsp;<a href='index.php?mod=3000'>Les langages</a>&nbsp;&nbsp;&nbsp;<a href='index.php?mod=9000'>Boite à outils</a>&nbsp;&nbsp;&nbsp;			</div>
		</td>
	</tr>
</table>
<table id="table_reseaux" style="background-color:#F0F1F3; width:100%; display: none">
	<tr>
		<td style="padding:0px;">
			<div id="header_reseaux" style="text-align: center" class="font_vert_link">
				<a href="https://fr.linkedin.com/in/marc-gambetti-79803729" target="_blank"><i class="fi-social-linkedin" style="font-size: 70px"></i></a>&nbsp;&nbsp;&nbsp;
				<a href="https://twitter.com/aegnord1" target="_blank"><i class="fi-social-twitter" style="font-size: 70px"></i></a>&nbsp;&nbsp;&nbsp;
				<a href="https://www.youtube.com/channel/UCh9iW48wkDYYdPWwWv0aLPw" target="_blank"><i class="fi-social-youtube" style="font-size: 70px"></i></a>
			</div>
		</td>
	</tr>
</table>
<table id="table_search" style="background-color:#F0F1F3; width:100%; display: none">
	<tr>
		<td style="padding:0px;">
			<div id="header_search" style="text-align: center">
				en construction			</div>
		</td>
	</tr>
</table>
<table id="container">
	<tr>
		<td style="padding-right:10px; vertical-align:top">





			<div id="container_page">
				<div id="page_icone" class="page_icone fond_rouge_base">
					<a href='index.php'><img src='images/picto48_home.png' alt='' title='Accueil'></a>				</div>

				<div id="page_titre" class="font_rouge_base">
	<p>CONCEVOIR SON SITE WEB</p>
</div>

<div>
	<img src="images/Marc.jpg" alt="" style="float:left; margin-right:10px">
	<div style="padding: 40px; text-align: justify">
		Bonjour et bienvenue sur mon blog que j'ai décidé d'appeler <strong>WeBlogueur</strong>, concaténation de Web et Blogueur. 
		Ce site que je viens de créer va s’étoffer progressivement. Dans un premier temps pour les débutants, 
		puis au fur et à mesure aussi pour les initiés voir les experts.
	</div>
</div>

<div style="margin-bottom: 15px;"><strong>Encore un site de plus sur ce sujet ?</strong></div>

<div style="margin-bottom: 15px; text-align: justify">
	Effectivement, mais avec une orientation toute particulière vers la facilité. 
	De part mon métier (Formation et Administrateur <a class='popup_def'>LMS<span class='trompeur_span' style='width:350px'><strong><u>L</u>earning <u>M</u>anagement <u>S</u>ystem</strong> : C'est le système qui fournit un soutien à une communauté d'apprenants autour de contenus et d'activités de formation en ligne. Généralement à partir d'un site web, ces plateformes permettent une gestion de parcours individualisé et le suivi des résultats.</span></a>), j'ai pu observer que les excellents sites déjà en place, 
	sont particulièrement technique, même s'il propose un niveau débutant. Mon intention est donc de repartir de la base, avec des mots simples, 
	et de courts paragraphes. Car mes 25 ans de carrière m'ont bien appris une chose essentielle : Le bourrage de crâne ne sert à rien.
</div>

<div style="margin-bottom: 25px; text-align: center">
	Je propose sur ce blog plusieurs axes permettant à chacun de s'y retrouver :
</div>

<div style="background-image:url('images/milimelo_du_web.jpg'); margin-bottom: 25px; margin-left:auto; margin-right:auto; width: 500px; height: 380px">
	<div style="text-align: justify; width:170px; font-size: 13px; margin-left: -30px">
		<a href='index.php?mod=1100'>La théorie</a> : Réseaux, blogs ou sites perso. Quel type de communication te sera le plus approprié sur le Web ?
	</div>
	<div style="text-align: justify; width:150px; font-size: 13px; margin-left: 450px">
		<a href='index.php?mod=2100'>La pratique</a> : Quelles sont les étapes permettant la création d'un site web ? 
	</div>
	<div style="text-align: justify; width:150px; font-size: 13px; margin-left: -70px; margin-top: 100px">
		<a href='index.php?mod=3000'>Les langages</a> : La structure de base d'un site web est avant tout le langage de programmation. 
	</div>
	<div style="text-align: justify; width:170px; font-size: 13px; margin-left: 450px">
		<a href='index.php?mod=9000'>Boite à outils</a> : Quelques sites et logiciels qui aident les webmaster. 
	</div>
</div>
<br><br>			</div>

			<br><br><br>

			<div id="container_articles" style="display:block">
				<div id="articles_icone" class="articles_icone">
					<a href=''><img src='images/picto48_comment.png' alt='' title='Ensemble des articles'></a>				</div>
			</div>





		</td>
		<td style="vertical-align:top">
			<!-- AFFICHAGE DES MENUS ################################################## -->
			<div class="menu_cadre">
	<div id="menu_weblogueur" class="menu_icone fond_rouge_base"></div>
	<div class="menu_titre"><img src="images/logo_menu_weblogueur.png" alt=""> Weblogueur</div>
	<ul>
				<li class="sidebar_li_select font_rouge_base"><a href='index.php'>Accueil</a></li>

		<!--		<li class=" font_rouge_base"></li> -->

			</ul>
</div>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Menu intercalaire 250 -->
<ins class="adsbygoogle"
	style="display:inline-block;width:250px;height:90px"
	data-ad-client="ca-pub-1493349681440622"
	data-ad-slot="4368380193">
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><div class="menu_cadre" style="margin-top:15px">
		<div id="menu_theorie" class="menu_icone fond_rouge_base"><img id="icone_theorie" src="images/picto18_deroulement.png" alt="" style="margin-top:4px;"></div>
	<div class="menu_titre"><img src="images/logo_menu_theorie.png" alt=""> La théorie</div>
	<ul id="ul_theorie" style="display:none">
				<li class="sidebar_li font_rouge_base"><a href='index.php?mod=1100'>Que choisir ?</a></li>
				<li class="sidebar_li font_rouge_base"><a href='index.php?mod=1200'>Les réseaux sociaux</a></li>
				<li class="sidebar_li font_rouge_base"><a href='index.php?mod=1300'>Les blogs</a></li>
				<li class="sidebar_li font_rouge_base" style="list-style-type:none;"><a href='index.php?mod=1400'>Les plateformes</a></li>
				<li class="sidebar_li font_rouge_base" style="list-style-type:none;"><a href='index.php?mod=1500'>L'open-source</a></li>
				<li class="sidebar_li font_rouge_base"><a href='index.php?mod=1600'>Les sites web perso</a></li>
				<li class="sidebar_li font_rouge_base"><a href='index.php?mod=1900'>La synthèse</a></li>
	</ul>
</div>
<div class="menu_cadre" style="margin-top:15px">
		<div id="menu_theorie" class="menu_icone fond_rouge_base"><img id="icone_theorie" src="images/picto18_deroulement.png" alt="" style="margin-top:4px;"></div>
	<div class="menu_titre"><img src="images/logo_menu_theorie.png" alt=""> La théorie</div>
	<ul id="ul_theorie" style="display:none">
				<li class="sidebar_li font_rouge_base"><a href='index.php?mod=1100'>Que choisir ?</a></li>
				<li class="sidebar_li font_rouge_base"><a href='index.php?mod=1200'>Les réseaux sociaux</a></li>
				<li class="sidebar_li font_rouge_base"><a href='index.php?mod=1300'>Les blogs</a></li>
				<li class="sidebar_li font_rouge_base" style="list-style-type:none;"><a href='index.php?mod=1400'>Les plateformes</a></li>
				<li class="sidebar_li font_rouge_base" style="list-style-type:none;"><a href='index.php?mod=1500'>L'open-source</a></li>
				<li class="sidebar_li font_rouge_base"><a href='index.php?mod=1600'>Les sites web perso</a></li>
				<li class="sidebar_li font_rouge_base"><a href='index.php?mod=1900'>La synthèse</a></li>
	</ul>
</div>
<div class="menu_cadre">
		<div id="menu_html" class="menu_icone fond_rouge_base"><img id="icone_html" src="images/picto18_deroulement.png" alt="" style="margin-top:4px;"></div>
	<div class="menu_titre"><img src="images/picto18_langages.png" alt=""> Les langages</div>
	<ul id="ul_html" style="display:none">
		<li>En cours d'écriture</li>
	</ul>
</div>
<div class="menu_cadre">
		<div id="menu_outils" class="menu_icone fond_rouge_base"><img id="icone_outils" src="images/picto18_deroulement.png" alt="" style="margin-top:4px;"></div>
	<div class="menu_titre"><img src="images/logo_menu_outils.png" alt=""> Boite à outils</div>
	<ul id="ul_outils" style="display:none">
				<li class="sidebar_li font_rouge_base"><a href='index.php?mod=9100'>Liens pratiques</a></li>
				<li class="sidebar_li font_rouge_base"><a href='index.php?mod=9200'>Logiciels</a></li>
		<li style="list-style-type:none;"><hr></li>
				<li class="sidebar_li font_rouge_base"><a href='index.php?mod=9510'>Générateur md5</a></li>
	</ul>
</div>
<div style="text-align: center">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Menu inférieur adaptable -->
<ins class="adsbygoogle"
	style="display:block"
	data-ad-client="ca-pub-1493349681440622"
	data-ad-slot="5845113399"
	data-ad-format="auto">
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>		</td>
	</tr>
</table>

<table id="footer">
	<tr>
		<td>
			<div id="footer_menu">
				<a href='index.php'>Accueil</a>				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a href='index.php?mod=0500'>Mentions légales</a>				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a href='index.php?mod=0600'>CGU</a>				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a href='index.php?mod=0700'>Cookies</a>				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a href='index.php?mod=0900'>Contact</a>			</div>
			<div id="footer_copyright">
				© 2016 WeBlogueur - Tous droits réservés - au 17-02-2016 : 2573 visiteurs			</div>
		</td>
	</tr>
</table>

<script type="text/javascript" src="js/cookies_activation.js"></script>
<iframe id="cookies_frame" style="display:none" src="cookies/cookies_result.php"></iframe>

<script type="text/javascript" src="js/header_menu.js"></script>
<script type="text/javascript" src="js/sidebar_menu.js"></script>
</body>
</html>