Articles avec le tag ‘editeur’

Logiciels pour créer un site internet


Pour créer un site, il faut avoir une panoplie de logiciels

– Créer une page avec un logiciel d’edition html tel que Dreamweaver ,  ces logiciels vous permettent de modifier vos pages un peu comme  vous le feriez avec Word , insérer des images, souligné ou mettre en gras : tout cela sans connaitre une ligne de code de html.

NVU vous propose les mêmes options gratuitement.

Vous devrez également vous munir

– D’un logiciel de retouche photo pour créer des logos, des images etc …  : Photoshop , et « The Gimp » (logiciel gratuit ) .


Logiciel de transfert de fichiers pour vous permettre de mettre votre site sur un serveur en ligne : voir Filezilla


– Notepad ++ est également un éditeur de code très utile car il permet de modifier le code source d’un page , la syntaxe est mise en valeur avec un code couleur.

Insérer un compteur de visite gratuit


Vous pouvez ajouter à vos pages facilement un compteur de visite gratuit.

    Pourquoi installer un compteur de visite sur votre site ?

– pour connaitre le nombre de visiteurs, quotidiens, hebdomadaires, de votre site …
– le nombre de pages vues, la moyenne par visiteur,
– connaitre les adresses Ip des visiteurs , leur provenance géographique
– les sites affluents (avec des liens qui pointent vers votre site)
– les mots clefs utilisés pour accéder à votre site, dans les moteurs de recherche.
-……

    Comment insérer un compteur de visite sur votre site ?

Il existe de nombreux sites gratuits qui vous permettent d’avoir des compteurs facilement. Pour chacun, il faut créer un compte, enregistrer son site, puis générer un code html/xhtml qu’il faudra coller à l’aide notepad++ sur sa page par exemple.

Nous vous conseillons de choisir un compteur discret, invisible. Cela n’est qu’un outil pour vous permettre d’améliorer votre site et  il ne doit pas dénaturer votre contenu.

    Quel site pour installer un compteur gratuit ?

Choisissez un site qui ne vous affiche pas de publicité ou vous ouvre des fenêtres intempestives pop-up

  • Nous vous proposons deux sites reconnus pour leur efficacité et leur sérieux

Xiti : un très bon outil gratuit qui vous permet de voir les stats de plusieurs sites sans limitations. LA version payante, vous permet également d’obtenir des options supplémentaires.

Google Analytics : même principe pour le compteur de visite  proposé par Google, l’avantage est que ce compte peut être  couplé avec d’autres options google, webmaster tools , par exemple …

Notepad ++


Notepad ++ est un éditeur de code source. Mais c’est également  un programme destiné avant tout aux développeurs, débutants et confirmés.

C’est en fait une version amélioré du Notepad livré avec votre windows. Il apporte de nouvelles fonctionnalités (fonction recherche, coloration des symboles, onglets navigation multiples…) ,  et est supporté en de nombreuses langues.

>>> Télécharger sur Clubic

Comment faire un copier-coller ?


Cette question est importante car le webmaster effectue de nombreux copiés-collés.

1.Placez votre curseur au début du texte que vous souhaitez copier.

    2. Ensuite, appuyez sur le bouton gauche de la souris. Maintenez-le enfoncé et faites glisser votre curseur sur la zone à copier. Le texte est mis en surbrillance, ce qui signifie qu’il est sélectionné. Lorsque vous avez mis en évidence le texte que vous voulez, relâchez le bouton de la souris.

      3. Vers le haut de l’écran de votre navigateur, cliquez sur menu « Edition » et sélectionnez « Copier ». Le texte sera copié dans la mémoire presse-papiers de votre PC. Vous pouvez également appuez simultanément sur les touches ctrl et C.

        4. Le texte copié peut être collé dans logiciel de traitement de texte du texte, ou d’un document HTML ou un éditeur sélectionné en choisissant « Coller » sur le menu « Edition ». Raccourci possible appuyez simultanément sur les touches ctrl  et V.

        La vie du Site Maintenance


        Etape 7 : LA VIE DU SITE – LES MISES A JOUR – LA MAINTENANCE

        Pour que votre site soit un succès total, il faut le mettre à jour régulièrement. Si vous souhaitez que vos visiteurs reviennent , présentez leur du nouveau : Derniers Articles

        Vous devez donc vous adapter aux demandes des internautes et également évoluer avec le web , cela signifie parfois refaire entièrement l’ossature de votre site avec les nouvelles techniques et connaissances que vous avez acquises.

          Pourquoi mettre à jour ?

        Corrigez ou améliorez votre mise en page et/ design :

        • pour ajouter de nouvelles informations ou mettre à jour les anciennes
        • pour répondre aux critiques et souhaits des visiteurs
        • et tout simplement parce que les sites statiques perdent rapidement de leur intérêt.

          Les trucs et astuces de la réussite

        • Restez simple : créer de nouvelles pages compliquées ne sera qu’une charge de travail supplémentaire.
        • Soyez fiable : si vous promettez des mises à jour mensuelles , faites les , ne proposez pas quelque chose que vous ne pouvez pas offrir.
        • Prenez chaque email , chaque feedback au sérieux et répondez y avec application.
        • Ajoutez des outils tels que les forums, newsletters, etc pour fidéliser vos lecteurs et permettre les critiques ou félicitations 🙂 il existe de nombreux outils déjà prêts en ligne vous permettant de mettre cela en place =>
        • Une page « Nouveautés » met en valeur votre contenu et votre visiteur qui revient peut ainsi voir ce qui a changé depuis sa dernière visite.
        • Pour les sites qui ont plus de 10 pages, il est conseillé d’ajouter un plan général.
        • Faites des sauvegardes de vos sites et pages.

        La majorité des webmasters font des mises à jour hebdomadaires mais il est important de trouver son rythme personnel pour être efficace.

        Installer un compteur de visite gratuit pour connaitre vos statistiques et ainsi améliorer et optimiser votre site. Améliorer votre référencement en suivant vos sites avec les outils webmaster google.

        Continuez en permanence à contrôler votre contenu ensuite à le promouvoir , faire connaître votre site, à superviser votre pagerank , comment l’améliorer. Toujours penser à la qualité de votre contenu ! Il est parfois utile de s’aider d’outils en ligne.

        Faite vivre votre site aujourd’hui signifie en faire une version mobile afin de faciliter la navigation sur un smartphone.

        Que dire de plus autre que vous pouvez ajouter ce site à vos favoris et que nous ajouterons des nouveautés régulièrement et pour toutes vos questions rendez-vous en page en page contact.

        Codage de votre site


        Etape 3 : Le codage de votre site

        Le Codage de votre site

        Pour créer le code html de votre site, il existe plusieurs solutions telle que l’utilisation d’un kit graphique html, d’un éditeur html, écrire manuellement votre code ou combiner ces solutions.

        Les différents points que nous allons donc développer sont 1 ) l’utilisation d’un kit graphique html 2) l’utilisation d’un éditeur html 3) utilisation d’un éditeur de texte tel que notepad ++ ou  un éditeur plus facile tel que Dreamwaver.

          Comment créer le code html de votre site ???

        – Comme nous l’avons mentionné ci-dessus , il est important de choisir la solution que vous allez utiliser pour développer votre site. (voir les logiciels pour créer un site)

        Les kits graphiques : Nous conseillons cette solution si vous n’avez pas le temps d’apprendre le html. Il existe plusieurs types de templates (ou kit graphique) html disponibles sur le net : les templates gratuits et les templates payants. Les templates gratuits demandent en général que le lien de téléchargement reste affiché sur votre site, et les payants, sont plus souples (parfois il est même possible d’acheter le template uniquement pour son site) .

        Les éditeurs html : de nombreux éditeurs tel que « Kompozer » sont disponibles et gratuits, ils assistent les plus novices d’entre nous à créer leur page. La plupart vous propose des boutons et des toolbars qui permettent d’insérer les principaux tags à votre place (gras, italique, etc…) tel que le ferait votre traitement texte word par exemple.

        Créer le code entièrement à l’aide d’un éditeur de texte, demande une connaissance parfaite du langage html, nous développerons bientôt une rubrique vous permettant de modifier vous même votre code. Voir les bases du HTML


        Pour la création de votre premier site, il est conseillé d’utiliser un kit graphique déjà existant et d’insérer votre contenu et de le mettre en page à l’aide d’un éditeur html. Votre site a ainsi une bonne présentation pro et une qualité supérieure – Rappelez vous que les visiteurs doivent être séduits dès leur arrivée, les sites trop débutants en mise en page font fuir les internautes (au détriment de leur contenu) . A titre personnel , nous pensons que cette étape est indispensable à tout webmaster. Elle permet ainsi d’acquérir les bases et de perfectionner sa connaissance . Tous les sites ont plusieurs étapes dans leur vie et cette genèse est l’une des plus importantes.

        Après avoir lu la méthode , vous avez peur de vous lancer ou de ne pas maîtriser les connaissances , il existe de très bon générateurs de sites en ligne.

        Nous conseillons Cmonsite qui est un outil gratuit qui vous permet de vous lancer et des dessiner votre site en 2, Cmonsite vous propose des options payantes, non obligatoires ==>> Accéder

        Charte Graphique – Design


        Etape 2 : Charte graphique – Design

        Vous devez centrer votre design en fonction du plan de votre site créé dans l’étape 1 . Dans la rubrique Design de votre plan, vous devrez donc bien définir les couleurs que vous allez utiliser, comment remplir vos pages, comment mettre en valeur le contenu ? quelles images ajouter ? et comment l’internaute va t il naviguer ?

          Les éléments importants sont donc :

        Les couleurs

        – Définissez une couleur de fond, de texte , de liens. Pour le moment ne vous inquiétez pas de la technique, choisissez vos couleurs en tenant compte des principes de bases :
        – Assurez vous que la couleur de votre texte ne se fonde pas ou ne colle pas avec votre couleur de fond.
        – La clef est de bien gérer les contrastes: ceci pour que le visiteur se repère dans la navigation, par exemple le gris clair ne contraste pas assez avec notre fond bleu.
        – La couleur de fond doit être neutre et claire.
        – Ne prenez pas d’image multicolore en image de fond
        – N’utilisez pas de bleu ou rouge sur un fond noir
        – N’utilisez pas de jaune sur un fond blanc
        – Un fond noir peut créer des soucis d’impression
        – Votre fond DOIT être le même sur chaque page
        – Il est également possible de créer une couleur de lien en fonction de la valeur des pages dans votre plan , le lien vers les pages principales de votre plan pourra être d’une certaine couleur et celui vers les autres pages d’une autre.

        Quoique vous définissiez pour vos couleurs, complétez votre plan de départ avec ces nouveaux éléments graphiques.

        La consistance

        La mise en page générale doit donner un aspect de page remplie , vous devez donc garder une attention toute particulière à ce détail.
        – utilisez les mêmes polices et tailles d’écriture tout au long de vos pages.
        – ne mélangez pas trop les polices.
        – votre couleur de fond devra être la même sur l’ensemble des pages
        – votre logo doit apparaître au même emplacement sur chacune de vos pages et être de la même taille
        – vos photos ne doivent pas être trop grandes
        – une fois que vous maîtrisez le html, créez vous une page type que vous réutiliserez comme modèle de base.

        Les Photos, dessins, illustrations

        – modifiez la taille des photos pour qu’elles se chargent rapidement dans le navigateur de votre visiteur
        – toutes les illustrations doivent avoir un lien direct avec le texte
        – pas trop de gifs animés , il détourne le visiteur du texte et du contenu
        – les formats gifs et png , sont conseillés pour les boutons, icônes, dessins, le format jpeg pour les photographies
        – ajoutez des tags html « alt » à chacune de vos photos
        si vous utilisez des photos qui ne vous appartiennent pas vérifiez qu’elles sont libres des droits d’auteurs.
        – ajouter un favicon à votre site

        Navigation

        Sur chacune de vos pages, votre visiteur doit pouvoir se repérer et savoir comment naviguer dans le site , il faut donc lui fournir un menu de navigation fonctionnel. Le plus simple est de créer des liens explicites, il est également possible de créer une barre de navigation avec image ou flash…
        – Quoiqu’il en soit, pour éviter la confusion :
        votre système de navigation doit apparaître sur chacune de vos pages au même endroit , en haut , à droite ou à gauche ou au bas de votre page (moins conseillé).
        votre menu doit donner une idée au visiteur de ce qu’il va trouvé en cliquant sur le lien
        si vous utilisez des icones , conservez les conventions par exemple , une enveloppe pour le lien de contact courriel
        pour les sites qui ont plus de 10 pages , il est préférable d’avoir un plan général du site

        La méthode conseillée par Vitclic

        Pour un webmaster débutant, nous recommandons
        1- de commencer avec des pages html classiques
        2- ensuite d’apprendre à coder en html
        3- puis de coder à l’aide de tableau
        4- ne pas utiliser de frames
        5- une fois que tous cela est bien maîtrisé de se lancer dans la conception ou la rénovation de son site en utilisant le css (ce sont des feuilles de styles (en anglais « Cascading Style Sheets », abrégé CSS) elles sont un langage qui permet de gérer la présentation d’une page et de celle de tout votre site sur un seul fichier)

        ©VitClic.com 2007/2010 Mentions