2012-05-22T05:12:18Z http://blog.prmarketingdesign.com/atom.aspx Quick Blogcast tag:blog.prmarketingdesign.com,2010-06-22:af3064eb-f07b-47f1-a793-bf550a578e63 PR Marketing & Design 2010-06-22T21:35:00Z 2010-06-22T21:35:00Z <a href="http://www.prmarketingdesign.com">http://www.prmarketingdesign.com</a> tag:blog.prmarketingdesign.com,2010-02-15:4566de31-19d2-4bae-b51a-3d4c960e9cd0 PR Marketing & Design 2010-02-15T18:53:00Z 2010-02-15T18:53:00Z accueil &gt; <a href="http://www.prmarketingdesign.com/articles/articles.html">articles</a> &gt; <a href="http://www.prmarketingdesign.com/articles/conception_site_internet.html">conception site internet </a><p class="style105" align="center"><a href="http://www.prmarketingdesign.com/articles/conception_site_internet.html">&nbsp;</a></p><a href="http://www.prmarketingdesign.com/articles/conception_site_internet.html"> </a><h1 class="style105" align="center"><a href="../articles/conception_site_internet.html" class="style110 style111">CONCEPTION SITE INTERNET MONTREAL</a></h1> <p class="style105" align="center"></p><h2>Les étapes dans la création d'un site web</h2> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td align="left"><strong>Auteur : Christophe MAGDELAINE</strong></td> </tr> </tbody> </table> <p class="style105" align="center">&nbsp; </p> <p class="style105" align="justify">Un <a href="conception_site_internet.html"><strong>site Internet</strong></a> ou Intranet d'informations reste avant tout une vitrine, un support. C'est pour cela un important moyen de <strong>communication</strong> et d'identification. La mise en place d'un site doit être étudiée de façon approfondie et ne peut être abordée comme la rédaction d'un document classique. Il s'agit de rendre cohérent une masse d'information et de la mettre à disposition d'un panel hétérogè ne d'utilisateurs plus ou moins initiés à la navigation sur un <a href="conception_site_internet.html"><strong>site web</strong></a>. C'est pourquoi un intérêt tout particulier doit lui être porté, aussi bien au niveau du contenu que de la présentation. <br> <br> <strong>Un <a href="conception_site_internet.html">site Internet</a> se décompose " physiquement " en plusieurs éléments : </strong></p> <p class="style105" align="justify">&nbsp;</p> <ul> <li>un <strong>nom de domaine</strong> (une URL) accessible notamment par les <strong>moteurs de recherche</strong> mais aussi par des <a href="conception_site_internet.html"><strong>sites</strong></a> partenaires et à travers différentes publications papier. C'est pourquoi, l'adresse du type <a href="http://www.notresite.com">www.notresite.com</a> doit être claire, courte et explicite. </li> <li></li> <li> un ensemble de pages statiques et/ou dynamiques reliées entre elles par des <a href="../liens.html"><strong>liens</strong></a>. Ces pages seront développées dans une technologie dépendante de l'objectif et du contenu du <a href="conception_site_internet.html"><strong>site</strong></a>. </li> <li></li> <li> Les pages seront ensuite hébergées chez un prestataire ou en interne en fonction notamment de la technologie utilisée, du volume du <a href="conception_site_internet.html"><strong>site</strong></a>, du <strong>trafic</strong> escompté, du budget alloué. </li> </ul> <p>&nbsp;</p> <p><strong>Quels sont les objectifs ? A qui s'adresse le site ?</strong></p> <p> Il est crucial de s'interroger sur la finalité du <a href="conception_site_internet.html"><strong>site</strong></a> car il doit répondre à un besoin et non pas à une envie.</p> <p>&nbsp; </p> <ul> <li>Définir l'objectif du <a href="conception_site_internet.html"><strong>site</strong></a> (complément d'un outil spécifique, sources d'informations, <a href="http://www.lesamontreal.com" target="_blank"><strong>portail</strong></a>, commerce en ligne, base de données...). </li> <li></li> <li> Quel est le public visé ? Est-ce un groupe d'amis, des personnes partageant les mêmes idées ou de futurs <a href="../portfolio.html"><strong>clients</strong></a> ? Il faut donc ensuite cadrer le style : les informations doivent-elles être pointues ou vulgarisées ? </li> <li></li> <li> Quel sera l'environnement cible des visiteurs : type de configuration (PC/Mac), navigateur (IE 5 et +, Netscape 4...), outils disponibles (Pack office, décompresseur type Winzip, messagerie), puissance des machines, performance et durée des connexions (l'accè s à <a href="conception_site_internet.html"><strong>Internet</strong></a> se fait il par modems ou via une ligne à haut débit ?) </li> <li></li> </ul><p> Rassembler les informations</p><p> Il faut avoir accumuler au préalable toutes les informations susceptibles de s'intégrer dans les pages du <a href="conception_site_internet.html"><strong>site</strong></a>, en privilégiant les sources numériques :</p><p>&nbsp;</p><ul> <li>origine des sources d'informations : numérique, manuscrite (dans ce cas, la numérisation peut s'avérer longue voir parfois impossible). </li> <li> format des sources numériques d'informations :Excel, Powerpoint, Word, csv, images, vidéos... </li></ul><p> Les technologies utilisées</p><ul> <li> L'HTML est indispensable à connaître le plus parfaitement possible et l'on peut s'appuyer sur des éditeurs WYSIWYG comme FrontPage ou <br> <br> DreamWeaver pour réaliser plus rapidement (mais moins efficacement son <a href="conception_site_internet.html"><strong>site</strong></a>). </li> <li> Javascript / DHTML (animation simple de texte, interactivité réduite via des formulaires). </li> <li> Flash (animation graphique avancée) à réserver aux sites en Intranet ou dédiés au <strong>graphisme</strong> car lourd à télécharger et pas forcément disponible sur tous les navigateurs. </li> <li> Pages actives : il existe au moins deux grandes technologies pour la <strong>création</strong> de pages actives (c'est à dire capables de générer un contenu en fonction d'informations données par le visiteur ou l'administrateur du site) : PHP et ASP, respectivement associées à une gestion de bases de données (MYSQL, MSSQL, ACCESS, Oracle). PHP est un langage ouvert, gratuit et reconnu, ASP de Microsoft est payant mais bénéficie de sa renommée et la gestion des bases de données est facilitée par l'emploi d'ACCESS. </li></ul><p> Présentation du <a href="conception_site_internet.html"><strong>site</strong></a></p><br>La charte <strong>graphique</strong> et <strong>l'ergonomie</strong> d'un site sont deux points à ne pas négliger.<ul> <li> Obtenir la charte <strong>graphique</strong> existante et l'adapter pour une diffusion en ligne. </li> <li> Créer et structurer une charte suivant les besoins énumérés. </li> <li> Respecter les contraintes des <a href="../services.html"><strong>services</strong></a> et les critè res de <strong>communication</strong> de groupe (disposition de <strong>logo</strong>, informations légales). </li> <li> Savoir limiter le poids (en chargement) de la charte en fonction des objectifs et du public visé. </li> <li> Toute <strong>navigation</strong> doit être intuitive quel que soit le <strong>média</strong>. A ce titre, nous respecterons les rè gles d'usage d'accè s aux informations à savoir : maximum 3 clics et 7 grandes rubriques d'informations par page. Le contenu et l'organisation des informations du <a href="conception_site_internet.html"><strong>site</strong></a> devra donc s'y plier. </li> <li> De quelle façon peut-on rappeler les principaux éléments et sections du <a href="conception_site_internet.html"><strong>site</strong></a> ? Par une <strong>bannière</strong> horizontale, verticale, un arbre de <strong>navigation</strong> ? </li> <li> Il est appréciable de disposer d'un plan du site afin de s'y retrouver. </li></ul><p> Le <strong>référencement</strong></p><p>&nbsp;</p><h3 align="center"><span class="style107"><a href="conception_site_internet.html" class="style110 style111">RÉFÉRENCEMENT SITE WEB MONTRÉAL</a></span></h3><br>Le <strong>référencement</strong> est une étape importante dans la <strong>création</strong> d'un <a href="conception_site_internet.html"><strong>site web</strong></a>, puisqu'il est inutile de mettre en ligne un site fabuleux s'il n'est pas visible par le public. En effet, le <strong>référencement</strong> a pour mission de faire connaître le site des <strong>moteurs de recherche</strong> et autres <a href="conception_site_internet.html">sites</a>. <br><br><strong>Il existe deux types de référencement:</strong><ul> <li> le <strong>référencement</strong> automatique assuré par des "spiders" programmes qui scrutent les pages d'un site en s'appuyant sur les balises META situées dans la balise d'en-tête de page &lt;HEAD&gt;. </li> <li> Le <strong>référence</strong> manuel comme sur Yahoo ! où au moins une personne juge de la qualité et de la pertinence du <a href="conception_site_internet.html"><strong>site</strong></a> et y adjoint son propre commentaire. </li></ul><strong><br>Enfin, il existe plusieurs façons de se référencer :<br><br></strong><ul> <li>de manière "normale" dite basique qui est gratuite mais peut prendre de deux à trois mois. </li> <li> De manière "express" en moins d'une semaine mais payante. </li></ul><br>Dans les deux cas, le fait de payer ne garantit en rien l'insertion dans les bases de données des <strong>moteurs</strong> qui sont seuls juges et peuvent refuser tout site. Et la visibilité d'un site sur un <strong>moteur de recherche</strong>, c'est à dire son positionnement dans les résultats est trè s variable et complexe à déterminer ici. <br><br><p><strong>La gestion</strong></p><br>Afin d'assurer la pérennité du <a href="conception_site_internet.html"><strong>site</strong></a>, il est nécessaire de suivre son évolution, d'enrichir son <strong>contenu</strong> et de corriger les éventuelles erreurs c'est la tâche du <strong>webmaster</strong> (qui peut aussi avoir réalisé le site).<br><br>Afin d'anticiper sur les modifications à apporter et de vérifier l'audience du <a href="conception_site_internet.html"><strong>site</strong></a>, nous aurons recours à des outils <strong>statistiques</strong>. En effet, il est utile voir indispensable de quantifier et qualifier le <strong>trafic du site</strong>. Ces outils sont soit fournis par l'hébergeur, ou bien disponibles (même gratuitement) sur <a href="marketing_internet_montreal.html"><strong>Internet</strong></a>.<br><br>Ils nous renseignent notamment sur :<ul> <li> la provenance des visiteurs (pays, site référant, <strong>moteur de recherche</strong>), </li> <li> les pages consultées, pendant combien de temps et à quelle heure, </li> <li> le nombre de visites, visiteurs et pages vues. </li></ul><br>Autant d'outils indispensables pour recadrer la gestion et l'évolution du <a href="conception_site_internet.html"><strong>site</strong></a> tout en palliant les bugs et imperfections. Dans le cas d'outils disponibles gratuitement, ils se présentent sous la forme d'une petite image à insérer sur chaque page. tag:blog.prmarketingdesign.com,2010-02-15:c83b4418-b714-4f55-9b09-6066a31c6c3e PR Marketing & Design 2010-02-15T06:37:00Z 2010-02-15T06:37:00Z <a href="http://www.prmarketingdesign.com">www.prmarketingdesign.com</a> tag:blog.prmarketingdesign.com,2010-02-14:cb558151-ed06-4eb4-a149-f2b4810d9707 PR Marketing & Design 2010-02-14T06:32:09Z 2010-02-14T06:32:09Z Welcome to my blog. Please check back soon for new entries.