Creer un site

Créer un site avec WordPress


Vous avez créer votre premier site blog grâce à une plateforme et aujourd’hui vous avez envie de passer à la vitesse supérieure. Nous vous conseillons d’utiliser WordPress. Au départ, le CMS WordPress était adapté à la tenue de blog en ligne , aujourd’hui les options et plug-in qui ont été développé depuis sa création en fond un outil idéal à la création de site internet.

 

Qu’est ce que WordPress ??

WordPress est un système gratuit de gestion de contenu , un ensemble de fichiers développés et mis à jour par une communauté de passionnés.

Comment installé WordPress ?

  1. Pour pouvoir utiliser le CMS WordPress , vous devez avoir un hébergement avec base sql . Ensuite sur votre espace FTP, vous uploader les fichiers de WordPress que vous avez préalablement dé-zippés.
  2. ensuite allez sur votre url et vous arriverez sur une page d’accueil vous invitant à compléter quelques données : telles que le nom de la base de données, l’identifiant, le mot de passe et l’hôte de la base de données(souvent localhost).
  3. vous passez ensuite par la phase de réglages mais votre blog/site est créé.

Vous accédez ensuite à la page d’administration qui vous permet de personnaliser votre WordPress en modifiant le thème d’origine, en ajoutant les plug-in extensions en fonction de vos besoins et des outils que vous souhaitez. Vous pouvez télécharger la dernière version du script en vous rendant sur le site de la communauté française.

Ce qu’il faut retenir de WordPress ?

  • facilité d’installation
  • respect des standards internet
  • gestion simple des thèmes, des liens des utilisateurs , du contenu.
  • système sécurisé
  • interactivité des utilisateurs : commentaires, votes, …
  • mise à jour simple
  • aucune connaissance spécifique obligatoire

Un outil simple et facile à utiliser pour des web-masters débutant et confirmés !! !

Créer un site de jeu gratuit


Une fois n’est pas coutume,  mais dans la catégorie des prestataires qui offrent la possibilité de créer des sites gratuits, nous avons sélectionné un site qui vous permet de créer votre propre site de jeux en ligne.

 

 

MafiaControl: le principe est simple vous créez vote propre jeu en ligne le thème principal :  la mafia. Aucune connaissance technique n’est nécessaire.

Pour créer son site , il suffit de choisir un nom puis de paramétrer  les options, les extensions,  l’apparence générale de votre site.

 

 

Le but des joueurs :  devenir le joueur le plus riche du jeu, grâce au trafic de stups, à l’élimination des autres criminels et autres astuces tels que l’achat de terrain, le jeu , le vol de voiture… En tant que webmasters, vous devez créez le meilleur environnement de jeux , en personnalisant les membres, les options , en ajoutant un forum , en choisissant les horaires de la loterie, les models de voitures. Votre jeu est unique et différents de celui des autres créateurs.

Ce système est novateur car vous  pouvez choisir également un nom de domaine propre et certains sites de jeux de mafia qui ont été créés par des internautes sont aujourd’hui référencés parmi les 100 jeux en ligne les plus joués en France.

Vosu pouvez créez dès maintenant votre propre jeu multijoueur GRATUITEMENT pour PC et pour appareils mobiles et gagnez de l’argent réel !

 

C’est un atout également car vous devez chercher des nouveaux joueurs mais pour faire connaitre votre nouveau site , vous pouvez effectuez un travail de référencement classique , bon entrainement sans soucis de préoccupation de serveur , de mises  à jour etc…

Créer un site pour Iphone – Smartphone


Depuis la sortie du téléphone Iphone, on ressent une démocratisation du web mobile. De plus en plus d’utilisateurs de téléphones portables profitent  de la facilité de connexion et de sa simplicité.

Il peut donc  être intéressant pour gagner en visibilité et en visiteurs de faire une version mobile de votre site ou partie de votre site.

Plusieurs points sont donc importants à étudier par rapport à un site classique car tous simplement les internautes ou télénautes n’ont pas le même comportement  qu’un visiteur sur un ordinateur de bureau.

Votre site mobile devra donc prendre compte  des critères qui favorisent et donnent un valeur ajoutée à votre site  :

Un contenu simplifié et optimisé pour les téléphones compte tenu de la taille, est indispensable.


Par exemple une agence immobilière peut proposer une version rapide de son site et offrir une recherche rapide , une présentation succincte d’un bien et des galeries photos.

Le site pourra ainsi permettre de composer le numéro de  téléphone du négociateur d’un simple clic ou de géolocaliser une commune par les maps.


Le site mobile doit respecter de nouvelles normes compte de tenu de l’ergonomie et de l’esthétique qu’exige un smartphone.

Nous allons donc souligner les points important à prendre en compte pour la création ou l’adaptation de son site en version mobile.

– Pensez à créer des pages légères en chargement , la connexion mobile est de moins bonne qualité que sur un ordinateur de bureau. Les images et css devront également être optimisés pour raccourcir leur chargement.

– Pas de fichier flash, les Iphones ne les affichant pas du tout simplement.

–  Pensez à créer une navigation facile car tactile : gros caractères , larges et lisibles

– La résolution à prendre en considération pour  un iPhone/smartphone est de 320*480 pixels en portrait, et 480*320 pixels en paysage. Iphone 4 est légèrement plus grand 640 de width.

– Adapter votre contenu aux mobiles , bouton d’appel téléphonique, géolocalisation, blocs superposés des items …


Découvrez sur cette vidéo proposée par http://www.grafikart.fr un tutoriel pour créer un site mobile.

Créer une version mobile avec Jquery Mobile par Grafikart

Créer un album Photo gratuit


Vous ne souhaitez pas avoir un site complet mais simplement partager vos photos en ligne avec un public averti : amis, famille, proches, collègues de bureau.

Il est désormais facile de trouver en ligne des outils qui vous permettent d’uploader, de classifier et de créer des albums de photos en ligne.

Nous vous proposons ci-dessous quelques sites gratuits qui vous permettront de partager vos photos. N’hésitez pas à donner vos avis dans les commentaires.

  • Via Familia – Site gratuit – Possibilité albums multiples, alerte mail des amis et famille, possibilité de télécharger et imprimer les photos partagées.
  • Google Picasa web : Picasa idéal pour organiser, modifier et imprimer les photos de son pc. Un outils abouti comme toux ceux développés par google.
  • Monalbum.fr : un autre service : les photos sont par défaut privées mais vous avez le choix de rendre certaines publiques.

Caractères Spéciaux


Les caractères spéciaux – en html , il existe deux facons de les écrire.

  1. Le plus simple pour écrire des caractères spéciaux est appelé code ou abréviation html .
  2. La seconde manière d’écrire est appelée référence numérique ou code ISO . La plupart des navigateurs fonctionnent avec les deux .
Caractère Code ISO Abréviation HTML
Espace insécable
 
 
 
A
À
À
À
Á
Á
Á
Â
Â
Â
Ã
Ã
Ã
Ä
Ä
Ä
Å
Å
Å
Æ
Æ
&Aelig;
à
à
à
á
á
á
â
â
â
ã
ã
ã
ä
ä
ä
å
å
å
æ
æ
æ
C
Ç
Ç
Ç
ç
ç
ç
D
Ð
Ð
Ð
ð
ð
ð
E
È
È
È
É
É
É
Ê
Ê
Ê
Ë
Ë
Ë
è
è
è
é
é
é
ê
ê
ê
ë
ë
ë
I
Ì
Ì
Ì
Í
Í
Í
Î
Î
Î
Ï
Ï
Ï
ì
ì
ì
í
í
í
î
î
î
ï
ï
ï
N
Ñ
Ñ
Ñ
ñ
ñ
ñ
O
Ò
Ò
Ò
Ó
Ó
Ó
Ô
Ô
Ô
Õ
Õ
Õ
Ö
Ö
Ö
Ø
Ø
Ø
Œ
Œ
Œ
ò
ò
ò
ó
ó
ó
ô
ô
ô
õ
õ
õ
ö
ö
ö
ø
ø
ø
œ
œ
œ
S
Š
Š
 
š
š
 
U
Ù
Ù
Ù
Ú
Ú
Ú
Û
Û
Û
Ü
Ü
Ü
ù
ù
ù
ú
ú
ú
û
û
û
ü
ü
ü
Y
Ý
Ý
Ý
Ÿ
Ÿ
Ÿ
ý
ý
ý
ÿ
ÿ
ÿ
Z
Ž
Ž
 
ž
ž
 
Symbôles monétaires
¢
¢
¢
£
£
£
¥
¥
¥
Symbôles légaux
™
 
©
©
©
®
®
®
Symbôles numériques
‰
 
ª
ª
ª
º
º
º
¹
¹
¹
²
²
²
³
³
³
¼
¼
¼
½
½
½
¾
¾
¾
÷
÷
÷
×
×
×
>
›
>
<
&#139;
&lt;
±
&#177;
&plusmn;
Autres symbôles
&
 
&amp;
&#130;
 
ƒ
&#131;
 
&#132;
 
&#133;
 
&#134;
 
&#135;
 
ˆ
&#136;
 
&#145;
 
&#146;
 
&#147;
 
&#148;
 
&#149;
 
&#150;
 
&#151;
 
˜
&#152;
 
¿
&#191;
&iquest;
¡
&#161;
&iexcl;
¤
&#164;
&curren;
¦
&#166;
&brvbar;
§
&#167;
&sect;
¨
&#168;
&uml;
«
&#171;
&laquo;
»
&#187;
&raquo;
¬
&#172;
&not;
¯
&#175;
 
´
&#180;
&acute;
µ
&#181;
&micro;
&#182;
&para;
·
&#183;
&middot;
¸
&#184;
&cedil;
þ
&#222;
&thorn;
ß
&#223;
&szlig;

.Les navigateurs se perfectionnent et permettent de voir de nouveaux caractéres. Les jouers de poker apprécieront. ♠♣ ♦ .Attention : Le symbole du carreau(♦) ne fonctionne pas avec la font verdana.

Navigateur code ISo Html Description
&#9824; &spades; Pique
&#9827; &clubs; Trefle
&#9829; &hearts; Coeur
&#9830; &diams; Carreau

Correction Vérification


Etape 5 : VERIFICATION ET CORRECTION

Souvent omise, cette étape est pourtant l’une des plus importantes car le sérieux de votre site, de votre contenu en dépend .

L’orthographe : Relisez , faites relire vos pages à votre entourage, et rectifiez les fautes de frappes, de grammaire. Un excès de fautes nuit au message que vous souhaitez faire passer.

Vérifiez les liens : tous les liens doivent pointer vers la bonne page , un simple clic peut vous permettre de vérifier et de corriger.

Evitez certaines erreurs qui nuisent souvent au bon référencement de votre site et surtout à la fidélisation de vos lecteurs :
– proscrire le surnombre de photos et des gifs animés, de gros compteurs…
– ne pas surcharger la page (photos trop grandes , trop de pub, etc… )
– éviter les musiques de fonds
– éviter les pages trop longues
– éviter les frames ou cadres qui ne sont pas toujours bien lus par tous les navigateurs
– les mots clefs doivent correspondre au sujet et n’oubliez pas de bien choisir le nom et le titre de vos pages en fonction de leur contenu (utile pour booster son référencement)
– pas de page « en cours de construction ou en travaux  »
– n’obligez pas vos visiteurs à voter ou visiter de forces vos partenaires
– évitez les pops up intempestifs

votre page d’accueil doit s’appeler « index.html » ou « index.htm »

Cette liste est non exhaustive et peut être agrandie. Toutes ces petites erreurs cumulées sur une même page feront fuire n’importe quel internaute !!! Prenez donc le temps de bien relire et corriger toutes les pages de votre site.

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.

Le référencement


Etape 6 :

Pour être sûr que votre site reçoive les bons visiteurs , il est important d’en faire la promotion ciblée. Pour cela, il est conseillé de respecter certaines règles et outils

3 Les META-TAGS
Il s’agit ici d’ajouter quelques lignes (balises html ) à vos pages. Le principe est de publier des pages internet sur lesquelles sont insérés votre description, votre titre, qui permettent alors aux moteurs de recherche de bien lire votre site et ainsi de bien le positionner. Créez vos propres meta-tags différents pour chaque page (afin d’optimiser l’indexation de vos pages).

Une fois créés, insérez-les sur votre page dans les balises <head> de votre page. Cette modification s’effectue hors-ligne , ensuite uploadez les fichiers sur le ftp.
Avant de passer du temps à enregistrer votre site, comme dans l’étape précédente ,vérifiez que les meta-tags sont corrects sur chacune de vos pages.

2 LES ANNUAIRES
Pour démarrer, inscrivez vous sur les principaux annuaires tels que Yahoo, Google, Alta Vista, Voila. Plus des trois quarts des connexions passent par ces moteurs , d’où l’importance de figurer dans leur base de données.
Ensuite, nous préconisons l’inscription ciblée, c’est à dire dans des annuaires spécialisés et à fort trafic et fort pagerank , choisissez bien la catégorie et soumettez votre site . Vous pouvez également proposer votre site dans notre Annuaire Vitclic.

Nous vous conseillons de tester gratuitement le système de liens proposé par Linkomatic : 25 soumissions gratuites dans les annuaires

Pour toutes ces inscriptions, vous devrez compléter des formulaires, sur lesquels il faudra préciser différentes informations : titre, description, email valide etc…
Nous vous conseillons de conserver dans un fichier excel par exemple un registre des soumissions avec les dates , l’url et la catégorie de votre site. Ainsi vous pourrez ultérieurement tracer votre site et éviter les doublons.

Une fois soumis, votre site n’apparaîtra pas automatiquement, certains annuaires vérifient manuellement et demandent donc plus ou moins de temps à accepter la soumission.

Ce référencement ciblé vous apportera donc plus de visiteurs , un internaute parcourt en général les 3 premières pages de résultats de sa requête : il faut donc optimiser au maximum  et évitez le spamming des moteurs de recherche

3 Les échanges de liens – Partenariat

Il est important d’échanger des liens avec d’autres sites traitant du même sujet que vous. Cela  à un intérêt double, plus vous avez de liens de qualités qui pointent vers votre site, meilleure sera sa notation dans les moteurs de recherche.  Et plus la note est bonne,  mieux vous serez placé dans les résultats.

Accessoirement vous pouvez créer une bannière pour votre site,  ces échanges de liens et bannières génèrent également des nouveaux visiteurs ciblés.

1 What else? (Quoi d’autre?)
Le référencement en ligne est la grosse part du boulot
qui ne doit pas vous faire oublier de communiquer autour de votre site :
– Faites le tour de la famille et des amis et demandez leur de faire suivre votre lien.
Incluez votre url dans toutes vos correspondances
– Si votre site est celui de votre entreprise, incluez l’url dans chaque document qui sort : factures, courriers, publicité, catalogue , pages jaunes.etc…
– Vous êtes un particulier, créez vos propres cartes de visite et faites les circuler.
– Tenez un registre de toutes les actions que vous avez effectuées pour la promotion de votre site tout en cherchant de nouvelles idées !!!
– Certains de nos partenaires ont créé pour promouvoir leur site des crayons et des tee-shirts par exemple.

Uploader ses fichiers


Etape 4 : UPLOADER

Cette nouvelle étape est indispensable pour que votre site soit vu des autres. Vous allez en fait transférer tous vos fichiers (pages et images que vous venez de créer) sur l’ordinateur de votre hébergeur.
Vous devez donc avoir votre identifiant, adresse ftp, et mot de passe.

COMMENT ?
Ce transfert nécessite un logiciel communément appelé « client ftp » qui est installé sur votre PC et va se connecter sur le PC ou serveur de votre hébergeur. Une fois connecté vous avez accès à un répertoire sur lequel vous pouvez télécharger vos fichiers, le principe est le même que la copie de fichiers sur votre ordinateur.
Si vous n’avez pas ce type de logiciel nous vous conseillons de télécharger FileZilla , il est gratuit simple d’utilisation et parfaitement fonctionnel et multilangue , c’est d’ailleurs le logiciel que nous utilisons.

>> Télécharger FileZilla en Cliquant sur le lien

Pour installer filezilla, nous vous invitons à visionner la vidéo d’installation de Filezilla


Configurez votre logiciel FTP pour accéder à votre ordinateur hôte. Entrez l’adresse hôte FTP que vous avez obtenu plus tôt. Si Anonyme est déjà sélectionnée sur l’écran de votre logiciel FTP, cliquez sur la coche Anonyme pour le désélectionner.

Entrez votre ID utilisateur et mot de passe.La plupart des programmes FTP sont configurés pour utiliser le port 21. Ne modifiez pas ce à moins que votre service d’hébergement indiqué d’utiliser un port différent.

* Ensuite, créez deux dossiers de test sur votre PC – upload et download. Sélectionnez des fichiers de test et les copier dans le dossier Upload. Exécutez votre logiciel FTP et connectez à Internet. Continuez à charger et télécharger des fichiers de test avant de vous sentir à l’aise avec votre logiciel.
* Supprimez tous les fichiers de test sur votre hébergeur avant de commencer à transférer vos fichiers.

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

©VitClic.com 2007/2010 Mentions