Recherche

<meta name="generator" content="StarOffice/OpenOffice.org XSLT (http://xml.openoffice.org/sx2ml)" /><meta name="author" content="Eric Damerose" /><meta name="created" content="2008-07-02T02:06:33" /><meta name="changedby" content="Eric Damerose" /><meta name="changed" content="2008-10-13T12:35:57" /><style type="text/css"> @page { size: 21.001cm 29.7cm; margin-top: 0.499cm; margin-bottom: 0.499cm; margin-left: 0.499cm; margin-right: 0.499cm } table { border-collapse:collapse; border-spacing:0; empty-cells:show } td, th { vertical-align:top; } h1, h2, h3, h4, h5, h6 { clear:both } ol, ul { padding:0; } * { margin:0; } *.fr1 { font-size:12pt; vertical-align:top; text-align:center; } *.Graphics { font-size:12pt; vertical-align:top; text-align:center; } *.Caption { font-family:'Times New Roman'; font-size:12pt; margin-top:0.212cm; margin-bottom:0.212cm; font-style:italic; } *.Cient-Obtient { font-family:Gisha; font-size:16pt; margin-left:0cm; margin-right:0cm; margin-top:0.3cm; margin-bottom:0.499cm; text-align:right ! important; text-indent:0cm; background-color:transparent; color:#ccccff; font-style:italic; text-shadow:1pt 1pt; font-weight:bold; background-color:transparent; text-decoration:underline; } *.Cient-Obtient-Pts { font-family:'Times New Roman'; font-size:12pt; margin-left:1.499cm; margin-right:1.499cm; margin-top:0cm; margin-bottom:0cm; text-indent:0.499cm; background-color:#ffffcc; } *.Cient-Obtient-Pts-Séparation { font-family:'Times New Roman'; font-size:6pt; } *.Contenu { font-family:'Times New Roman'; font-size:12pt; margin-top:0.499cm; margin-bottom:0.499cm; text-align:left ! important; background-color:#ccccff; background-color:transparent; } *.EntrAider { font-family:QuigleyWiggly; font-size:12pt; text-align:center ! important; } *.Footer { font-family:'Times New Roman'; font-size:12pt; } *.Header { font-family:'Times New Roman'; font-size:12pt; } *.Heading { font-family:Arial; font-size:14pt; margin-top:0.423cm; margin-bottom:0.212cm; } *.Heading1 { font-family:Arial; font-size:115%; margin-top:0.423cm; margin-bottom:0.212cm; font-weight:bold; } *.Heading2 { font-family:Arial; font-size:14pt; margin-top:0.423cm; margin-bottom:0.212cm; font-style:italic; font-weight:bold; } *.Index { font-family:'Times New Roman'; font-size:12pt; } *.Intro { font-family:'Times New Roman'; font-size:14pt; text-align:center ! important; background-color:transparent; background-color:transparent; } *.List { font-family:'Times New Roman'; font-size:12pt; margin-top:0cm; margin-bottom:0.212cm; } *.ListContents { font-family:'Times New Roman'; font-size:12pt; margin-left:1cm; margin-right:0cm; text-indent:0cm; } *.Manchette-Centrée { font-family:'Times New Roman'; font-size:24pt; margin-top:0cm; margin-bottom:0.6cm; text-align:center ! important; background-color:transparent; padding:0cm; border-style:none; color:#d6b191; text-shadow:1pt 1pt; background-color:#ccccff; } *.P1 { font-family:Gisha; font-size:16pt; margin-left:0cm; margin-right:0cm; margin-top:0.3cm; margin-bottom:0.499cm; text-align:right ! important; text-indent:0cm; background-color:transparent; color:#ccccff; font-style:italic; text-shadow:1pt 1pt; font-weight:bold; background-color:transparent; text-decoration:underline; } *.P2 { font-family:'Times New Roman'; font-size:12pt; margin-top:0.499cm; margin-bottom:0.499cm; text-align:center ! important; background-color:#ccccff; background-color:transparent; } *.P3 { font-family:'Times New Roman'; font-size:12pt; margin-left:1.499cm; margin-right:1.499cm; margin-top:0cm; margin-bottom:0cm; text-indent:0.499cm; background-color:#ffffcc; } *.P4 { font-family:'Times New Roman'; font-size:6pt; margin-left:-2cm; margin-right:0cm; text-indent:0cm; } *.Q°-FAQ { font-family:'Times New Roman'; font-size:14pt; margin-top:0.199cm; margin-bottom:0cm; background-color:transparent; color:#ccccff; text-shadow:1pt 1pt; font-weight:bold; background-color:transparent; text-decoration; } *.R°-FAQ { font-family:'Times New Roman'; font-size:12pt; text-align:left ! important; background-color:#ffffff; } *.Signature { font-family:'Times New Roman'; font-size:12pt; } *.Standard { font-family:'Times New Roman'; font-size:12pt; } *.Textbody { font-family:'Times New Roman'; font-size:12pt; margin-top:0cm; margin-bottom:0.212cm; } *.Sect1 { } *.Sect2 { background-color:transparent; margin-left:1.489cm; margin-right:1.485cm; } *.Sect3 { } *.BulletSymbols { font-family:StarSymbol; font-size:9pt; } *.Emphasis { font-style:italic; } *.EndnoteSymbol { } *.FootnoteSymbol { } *.Internetlink { color:#000080; text-decoration:underline; } *.T1 { } *.T2 { color:#ccccff; font-family:Gisha; font-size:16pt; font-style:italic; text-shadow:1pt 1pt; font-weight:bold; background-color:transparent; text-decoration:underline; } *.T3 { color:#ccccff; font-family:Gisha; font-size:16pt; font-style:italic; text-shadow:1pt 1pt; font-weight:bold; background-color:transparent; } *.T4 { background-color:transparent; } *.VisitedInternetLink { color:#800000; text-decoration:underline; } </style></head><body dir="ltr"><p class="Manchette-Centrée">Site Dynamique & Collaboratif </p><div class="Sect2"><p class="Intro">La réalisation d'un site Internet dynamique et collaboratif permet à tout chacun de contribuer et ainsi faire vivre le site. L'éditeur conserve un contrôle sur les étapes de création de contenus hiérarchisés. </p></div><p class="P1">Ce qui est <span class="T2">obtenu</span> au final, c'est :<span class="T3">        </span></p><ul style="margin-left:0.5cm;"><li class="P3" style="margin-left:1.5cm;"><p class="P3" style="margin-left:0.25cm;">Affichage structuré et interactivité déterminée. L'éditeur choisit de laisser ou non la possibilité à ses visiteurs de déposer des commentaires sur une ou tout partie du site. </p></li></ul><p class="Cient-Obtient-Pts-Séparation"> </p><ul style="margin-left:0.5cm;"><li class="P3" style="margin-left:1.5cm;"><p class="P3" style="margin-left:0.25cm;">Diffusion et Gestion d'un travail collaboratif. Plusieurs auteurs peuvent participer à la rédaction d'un même article. </p></li></ul><p class="Cient-Obtient-Pts-Séparation"> </p><ul style="margin-left:0.5cm;"><li class="P3" style="margin-left:1.5cm;"><p class="P3" style="margin-left:0.25cm;">Séparation entre le contenu et la forme. La présentation figée avant, devient dynamique, autrement dit, un même site peut avoir plusieurs présentations différentes sans que cela ne vienne affecter le contenu. </p></li></ul><p class="Cient-Obtient-Pts-Séparation"> </p><ul style="margin-left:0.5cm;"><li class="P3" style="margin-left:1.5cm;"><p class="P3" style="margin-left:0.25cm;">Conformité avec les standards de la W3C, qui édite les règles du « bien savoir être » sur Internet. </p></li><li class="P4" style="margin-left:-2cm;"><p class="P4" style="margin-left:0.25cm;"> </p></li><li class="P3" style="margin-left:1.5cm;"><p class="P3" style="margin-left:0.25cm;">Informations fiables au niveau des statistiques de visites, tout en assurant un très bon référencement. </p></li></ul><p class="P2">L'éditeur conserve tout au long de l'utilisation de son site, une parfaite Gestion éditoriale aussi bien des Contributeurs, que des Contenus.  Le site obtenu est agréable à parcourir, tant sur le plan graphique que fonctionnel, avec une <span class="T4">navigation</span> facilité.</p><div class="Sect3"><p class="Q°-FAQ">A qui s'adresse un site dynamique ? </p><p class="R°-FAQ">A tous ceux qui souhaitent publier le plus simplement possible leurs informations, idées, ou travaux.<br />Toute entreprise (ou organisation de personnes) qui veut structurer et publier des informations provenant de sources diverses, tout en maintenant au maximum l'interactivité.</p><p class="Q°-FAQ">Quel est l'intérêt de l'interactivité ? </p><p class="R°-FAQ">Ce système de publication simple et convivial sur Internet répond pleinement à l'attente des acteurs actuels du Web, qui veulent désormais contribuer, participer, publier et discuter en toute liberté. C'est l'esprit de collaboration. </p><p class="Q°-FAQ">Comment s'établit la collaboration ? </p><p class="R°-FAQ">Les personnes autorisées rédigent un document, d'autres peuvent l'améliorer, et il est ainsi possible de suivre l'évolution de son élaboration. La collaboration en ligne (à distance en étant connecté à Internet), ne nécessite aucun envoi de fichier et assure le suivi des visiteurs. </p><p class="Q°-FAQ">Quelle relation avec les visiteurs ? </p><p class="R°-FAQ">La gestion fine des visites permet de mesurer l'intérêt des visiteurs pour tel ou tel article. L'éditeur peut alors décider d'établir des contacts qui créent du lien. Le lien crée un sentiment de proximité, qui rassure le visiteur. L'éditeur se donne ainsi les moyens de comprendre les attentes de ses visiteurs (clients potentiels) et il peut de ce fait mieux y répondre. </p><p class="Q°-FAQ">Et si je veux me développer à l'international ? </p><p class="R°-FAQ">Un tel site dynamique permet une totale personnalisation tant des contenus que des présentations, avec un avantage considérable pour qui veut se développer à l'international. Il existe des solutions pour une navigation en différentes langues, avec adaptation du site en fonction de la langue choisie par le visiteur parmi celles proposées par l'éditeur du site. </p><p class="Q°-FAQ">Que permet l'accessibilité ? </p><p class="R°-FAQ">C'est tout particulièrement intéressant pour adapter son site à tous types de visiteurs. Certaines personnes nécessitent un niveau d'accessibilité particulière. C'est le cas des mal-voyants, voire des non-voyants. Le site propose alors un affichage texte uniquement. </p></div></body> </div> <p class="listagerepondre"><a id="lien_forum" href="spip.php?page=forum&id_article=5">Répondre à cet article</a></p> </div> <script type="text/javascript"> $(document).ready(function(){ $("#intervention_forum").hide(); $("#lien_forum").attr("href","javascript:montrele('#intervention_forum')"); // cache tous les forums de la page $(".previsu").each(function(){ $("#intervention_forum").show(); }); $(".formulaire_forum .cachable").hide(); $(".formulaire_forum legend").css("cursor","pointer"); $(".formulaire_forum legend").click( function() { $(this).siblings(".cachable").each(function(){ $(this).toggle(); }); }); }); </script> <!-- intervenir dans le forum --> <div id="intervention_forum"> <div class="formulaire_spip formulaire_forum"> <a id="formulaire_forum" name="formulaire_forum"></a> <form action="spip.php?page=forum&id_article=5#formulaire_forum" method="post"><div> <input name='page' value='forum' type='hidden' /> <input name='id_article' value='5' type='hidden' /> <input type="hidden" name="retour_forum" value="%21" /> <fieldset class="reponse_formulaire"> <legend>modération à priori</legend> <p> Ce forum est modéré à priori : votre contribution n'apparaîtra qu'après avoir été validée par un administrateur du site.</p> </fieldset> <fieldset> <legend>Un message, un commentaire ?</legend> <p><label for="titre">Titre :</label> <input type="text" class="forml" name="titre" id="titre" value="Intérêt d'un site dynamique" size="40" /></p> <label>Texte de votre message :</label> <p><small>(Pour créer des paragraphes, laissez simplement des lignes vides.)</small></p> <textarea name='texte' rows='12' class='forml' cols='40'></textarea> </fieldset> <fieldset> <legend><b>Lien hypertexte</b> (optionnel)</legend> <p class="cachable">(Si votre message se réfère à un article publié sur le Web, ou à une page fournissant plus d'informations, vous pouvez indiquer ci-après le titre de la page et son adresse.)</p> <p class="cachable"><label for="nom_site">Titre :</label> <input type="text" class="forml" name="nom_site" id="nom_site" size="40" value="" /></p> <p class="cachable"><label for="url_site">URL :</label> <input type="text" class="forml" name="url_site" id="url_site" style="text-align: left;" dir="ltr" size="40" value="http://" /></p> </fieldset> <fieldset> <legend><b>Qui êtes-vous ?</b> (optionnel)</legend> <p class="cachable"><label for="auteur">Votre nom (ou pseudonyme) :</label> <input type="text" class="forml" name="auteur" id="auteur" value="" size="40" /></p> <p class="cachable"><label for="email_auteur">Votre adresse email :</label> <input type="text" class="forml" name="email_auteur" id="email_auteur" value="" size="40" /></p> </fieldset> <p style='display:none;'><label for="nobot">Veuillez laisser ce champ vide :</label> <input type="text" name="nobot" id="nobot" value="" size="10" /></p> <p class="spip_bouton"><input type="submit" value="Voir ce message avant de le poster" /></p> </div> </form> </div></div> <!-- blocs corps par defaut --> <!-- intervenir dans le forum --> <div id="intervention-forum" class="listagebloc"> <h2>Forum</h2> <ul class="listageconteneur"> <li> <div class="formulaire_spip formulaire_forum"> <a id="formulaire_forum" name="formulaire_forum"></a> <form action="spip.php?page=forum&id_article=5#formulaire_forum" method="post"><div> <input name='page' value='forum' type='hidden' /> <input name='id_article' value='5' type='hidden' /> <input type="hidden" name="retour_forum" value="%21" /> <fieldset class="reponse_formulaire"> <legend>modération à priori</legend> <p> Ce forum est modéré à priori : votre contribution n'apparaîtra qu'après avoir été validée par un administrateur du site.</p> </fieldset> <fieldset> <legend>Un message, un commentaire ?</legend> <p><label for="titre">Titre :</label> <input type="text" class="forml" name="titre" id="titre" value="Intérêt d'un site dynamique" size="40" /></p> <label>Texte de votre message :</label> <p><small>(Pour créer des paragraphes, laissez simplement des lignes vides.)</small></p> <textarea name='texte' rows='12' class='forml' cols='40'></textarea> </fieldset> <fieldset> <legend><b>Lien hypertexte</b> (optionnel)</legend> <p class="cachable">(Si votre message se réfère à un article publié sur le Web, ou à une page fournissant plus d'informations, vous pouvez indiquer ci-après le titre de la page et son adresse.)</p> <p class="cachable"><label for="nom_site">Titre :</label> <input type="text" class="forml" name="nom_site" id="nom_site" size="40" value="" /></p> <p class="cachable"><label for="url_site">URL :</label> <input type="text" class="forml" name="url_site" id="url_site" style="text-align: left;" dir="ltr" size="40" value="http://" /></p> </fieldset> <fieldset> <legend><b>Qui êtes-vous ?</b> (optionnel)</legend> <p class="cachable"><label for="auteur">Votre nom (ou pseudonyme) :</label> <input type="text" class="forml" name="auteur" id="auteur" value="" size="40" /></p> <p class="cachable"><label for="email_auteur">Votre adresse email :</label> <input type="text" class="forml" name="email_auteur" id="email_auteur" value="" size="40" /></p> </fieldset> <p style='display:none;'><label for="nobot">Veuillez laisser ce champ vide :</label> <input type="text" name="nobot" id="nobot" value="" size="10" /></p> <p class="spip_bouton"><input type="submit" value="Voir ce message avant de le poster" /></p> </div> </form> </div></li> </ul></div> <!-- blocs corps par defaut --> <!-- forum --> <!-- blocs corps par defaut --> <div id="piecesjointes" class="listagebloc"> <h2>Pièces jointes</h2> <ul class="listageconteneur"> <li> <a href="IMG/pdf/PlaquetteEA-SiteWeb-Collaboratif-V2.pdf" target="_blank" class="listagelogo "><img src='local/cache-gd2/c4fe557be8b7eefd3161b881eaaa5a93.png' width='52' height='52' alt='' class='spip_logos format_png' style='height:52px;width:52px;' /></a> <h4 class="listagetitre "><a href="IMG/pdf/PlaquetteEA-SiteWeb-Collaboratif-V2.pdf" target="_blank">Plaquette Intérêt d’un site Dynamique</a></h4> <p class="listagetexte ">Cette plaquette présente en une page les avantages de choisir un site dynamique.</p> <div class="listageinfo">PDF, 288.5 ko</div> </li> </ul></div> <div id="fin-corps"></div> </div><!-- fin du corps --> <div id="footer"> <!-- contenu du footer --> <p id="site-footer"><img src="http://entraider.free.fr/Spip/IMG/siteon0.png" height=150 width=150></p> <p id="magusine-footer"><a href="http://entraider.free.fr/Spip/ecrire">Administration</a> - EntrAider passe par Spip : Un site motorisé par <href="http://www.spip.net">Spip</a> et le plugin <a href="http://www.magunews.net" target="_blank">Magusine</a> - Thème : Shu</p> </div> <div id="fin-page"></div> </div><!-- fin du general --> </body> </html>