Archives par étiquette : internet

Aide à la création et hébergement d’un site Web : quelques bases pour débuter :)

Voici une adaptation de plusieurs articles. Tout d’abord de ceux que j’ai rédigé par le passé pour le site CCM (comment ça marche), et enfin d’un post que j’avais rédigé sur le Forum de Alan. Je me suis dit qu’il pourrait être utile à d’autres, surtout que c’est une question qu’on m’a reposée voici peu 🙂 Pour créer un site Internet il y a bien sûr la partie propre à la conception, mais aussi celle pour son hébergement et enfin son référencement.

Hébergement(s)

Le choix de l’hébergement dépendra des technologies nécessaires au site Internet. Par exemple si on choisi d’utiliser un CMS il faudra s’assurer que les technologies soient disponibles, ainsi que les possibilités techniques comme pour les changement de droits sur les dossiers. Voici un bref aperçu des hébergements possibles, en commençant par les gratuits :

Free : entièrement gratuit et sans pub, il suffit de s’inscrire pour une connexion libre en RTC pour en bénéficier. On dispose alors d’un à plusieurs comptes avec un hébergement allant de 100 Mo à 10 Go. Si on est déjà client chez Free c’est encore plus simple car on a juste à activer les options. On disposera d’un accès FTP pour uploader des fichiers mais on ne pourra pas modifier les droits de ces derniers (incompatible avec certains CMS), ni bénéficier de l’ensemble des fonction en PHP (par exemple la fonction mail est désactivée). On bénéficiera d’une base de données MySQL et l’hébergement acceptera PHP 3 à 5. L’URL de base se présente sous la forme suivante : nom.free.fr et il est possible de faire rediriger un nom de domaine ou un sous-domaine vers ce dernier.

– Votre FAI : en effet chaque FAI propose en général comme Free un hébergement allant de 10 Mo à 100 Mo. Pour les options je vous invite à regarder sur la page de votre FAI.

Il peut-être possible d’en trouver d’autres en tapant « Free Hosting » ou « Hébergement gratuit » dans Google. Attention il faut savoir lire l’anglais pour pas mal de réponses et accepter bien souvent des publicités imposées ;)

Voici deux exemple de recherches Google avec des nombreux liens :

Hébergement gratuit sur Google
Free hosting sur Google

Passons maintenant aux offres peu chères ou presque gratuites :

Free Tools Ce site dédié aux logiciels libres et gratuits propose maintenant un service d’hébergement mutualisé. On a plusieurs offres à des prix assez intéressant : 1 à 3 € / mois pour des espaces de 100 Mo à 500 Mo. Par exemple l’offre à 3 € propose 500 Mo avec 12 Go de Bande Passante, 1 Domaine et en illimité les sous-domaines, POP3 et les Bases de données MySQL. Ils proposent donc d’acheter le nom de domaine de votre choix et de vous aider à le gérer.

Free Web Hosting Là on ne trouve que deux offres, une gratuite très limité et une payante pour moins de 5 $ / mois avec un panneau d’administration.

Gandi Il s’agit de l’un des spécialistes dans les noms de domaine qui a décidé d’élargir son offre aux hébergements et serveurs virtualisés. Personnellement j’ai pris mon nom de domaine chez eux et si je n’avais pas trouvé une offre de serveur virtualisé ailleurs, je serais aussi chez eux pour cela. A savoir qu’avec un nom de domaine géré chez eux on aura les sous-domaines illimités, au moins 5 adresses mails et autant de redirection que voulu, …etc… Si on n’a pas de compétences en gestion de serveurs virtuels, on peut regarder quand même leurs offres clef en main ou si on a un contact pouvant nous aider voir pour opter pour un serveur 1 part. Il est aussi possible de ne prendre chez eux (ou un autre registrar) que le nom de domaine et de le faire pointer vers un autre hébergement. A savoir si on a un hébergement gratuit, on ne pourra en général pas faire pointer le nom de domaine mais uniquement créer des redirections.

Amen
OVH
1&1
Online.net (filiale de Free pour un hébergement plus professionnel)

Pour ceux là ce sont des hébergeurs et des registrar. Je n’ai pas testé leurs offres mais je connais pas mal de monde chez OVH.  Vous pourrez y trouver des offres d’hébergement allant des espaces mutualisés aux serveurs dédiés. De même vous pourrez y acheter le nom de domaine et le gérer chez eux.

En complément pour les hébergements voici les offres de serveurs virtualisés de mon hébergeur Exxoss et mon avis sur ce dernier :

On part sur une base de 1/4 de cœur de core2 intel (typiquement un Q9600), 256MB de Ram 30GB de HDD et 256kpbs de bande passante à 9€ HT /
moisSi on double une de ces caractéristique on ajoute 2€ HT / mois. Si on double 3 caractéristiques différentes on offre le doublement de la 4e

donc :
1/2 coeur / 256MB / 30GB / 256kbps => 11€ HT / mois
1/2 coeur / 512MB / 60GB / 512kbps => 15€ HT / mois
3/4 coeur / 1024MB / 60GB / 512kbps => 19€ HT / mois

Il faut noter que toutes les mesures d’utilisation se font au 90e percentile, on demande donc au client d’être sous les caractéristiques qu’il achète 90% du temps (les mesures sont moyennées sur 5 minutes).

De même on s’engage à ce que nos machines physiques utilisent moins de 80% de leur ressources plus de 95% du temps sinon on upgrade les  machines / réparti les serveurs virtuels.

Typiquement les machines physiques c’est du core2 Q9600 / 8GB de RAM / 8 x disques de 500GB en SATA sur un contrôleur RAID 10 et deux connections 100Mbps.

Un backup journalier des VPS complets et du reverse DNS sont compris dans le prix dès les modèle de base.

Personnellement j’en suis assez content. Il n’existe pas de vitrine proprement dites pour le moment (pas de site Web) car c’est en cours de création. Je n’ai pas de grille pour le moment pour les hébergements mutualisés ou pour les serveurs dédiés mais des offres sont aussi disponibles. Il reste l’un des moins cher sur le marché pour moi. Dernière information les serveurs sont hébergés en Hollande (à Amsterdam). Pour toute mise en relation laisser moi un commentaire avec vos coordonnées, je transmettrais en attendant un autre moyen.

Voici donc pour le tour des hébergements. Il peut en exister d’autres mais ce sont ceux que je trouvais le plus intéressant à citer. Personnellement j’éviterai Netissime par choix personnels. En effet je les trouve cher et pour avoir travaillé chez eux, je n’ai pas confiance en leurs offres. Ce point de vue n’engage que moi bien entendu.

Vous trouverez des descriptifs détaillés sur chacun des sites par rapport aux options et technologies disponibles. N’oubliez pas que vous n’êtes pas obligés de prendre le nom de domaine et l’hébergement au même endroit :)

Programmation, CMS ou logiciel WYSIWYG ?

Pour les logiciels il existe de nombreuses possibilités aussi bien payantes que gratuites. A une époque reculée j’avais rédigé un petit article la dessus pour le site Comment Ça Marche accessible avec ce lien. Je vous invite à lire cette page car elle pourra vous servir, j’y donnais pas mal de liens vers des logiciels WYSIWYG. Le plus connu mais cher si on l’achète est Dreamweaver de Adobe (Anciennement Macromedia). Il est fournit dans le pack logiciel de Adobe la Creative Suite. Cela reste le plus simple à mon goût pour des néophytes qui ne connaissent pas le code. On peut ensuite en trouver des gratuits, moins complets, mais qui peuvent suffire à ce besoin :

– NVU ou Kompozer : http://www.frenchmozilla.fr/kompozer/ ou http://kompozer.net/features.php

Et sinon : Editeurs HTML Wikipedia vous donne une liste mélangée d’éditeurs wysiwyg. On peut aussi citer cette liste : Liste Editeurs HTML sur Freeshareweb.

Mon conseil serait que d’apprendre le HTML 4 au minimum (le 5 arrive mais le 4 peut suffire dans un premier temps). Ensuite des bases en CSS (feuilles de styles) peuvent être appréciables pour le design. C’est la base pour créer des pages fixes. Ensuite pour du dynamisme le PHP est pas mal du tout mais c’est à faire plus tard :) On peut trouver énormément de tutoriels pour ces apprentissages via une recherche Google comme par exemple :

Quackit
Alsacreation
All HTML
Le site du Zéro
Comment ca Marche (CCM)

IL est possible de trouver sur Internet de nombreux scripts pour nous aider à la conception de sites. Les exemples de plugins en JavaScript sous jQuery sont assez nombreux et peuvent facilement nous aider à concevoir notre site.  Un autre moyen pour créer un site Web sans apprendre à coder soit même, c’est de se servir de logiciels Web pour cela comme des CMS. Nous en trouvons pour ne nombreuses utilités comme par exemple :

Joomla (Joomla pour les nuls en PDF)
Drupal
Mambo
Crowd Fusion
NPDS
…etc…

L’avantage de ces gros CMS, c’est qu’il est proposé de nombreux plugins pour les adapter afin de les orienter selon nos besoins. On peut donc créer ainsi des sites de e-commerce, de galeries photos… En cherchant un peu on peut bien sûr trouver des CMS orientés e-commerce ou pour la création de galeries photos comme par exemple :

Coppermine : Fonctionnant un peu comme un forum phpbb il permet de créer des nombreuses galeries et d’organiser tes images.
Piwigo
Plogger
– …

Une autre possibilité est de se servir de logiciels de blogs pour créer un site, comme WordPress ou Dotclear. Comme pour les CMS il existe de nombreux plugins et c’est assez simple d’installation ou de fonctionnement (pas besoin de compétences en développement ;) ). Il existe aussi pleins de services en lignes avec hébergement inclus (bien souvent gratuitement) :
WordPress.com
Over-Blog
Canalblog
Sans oublier le gros et puissant Google : Google Sites pour lequel il suffit d’avoir un compte Gmail (gratuit).

Voici pour une première approche de la question. Je vous inviterai ensuite à chercher aussi sur le web car on peut trouver pas mal d’informations :
http://www.commentcamarche.net/s/creati … ection=faq
http://www.commentcamarche.net/faq/suje … n-son-site

Comme premières pistes pour le référencement je vous inviterai à vous pencher sur les quatre points suivants :

– balises meta avec des mots clefs, des tags
sitemap.xml
robots.txt
– Outils pour développeurs des gros du Web (Google, Yahoo, Bing, …)
– Moteurs de recherches alternatifs (Ask, Exalead, …)

Bon d’accord cela en fait beaucoup et dans tout les sens, mais j’espère que cela aura été instructif ou utile. Il faut dire que c’est très vague pour moi que de « créer un site » car il en existe beaucoup de styles différents :) Je me doute que c’est aussi une montagne pour pas mal d’entre vous, mais courage, faites un pas à la fois.

Firefox et les extensions (plugins)

Alors je ne vais pas faire tout un laïus sur les extensions Firefox mais simplement une rapide présentation pour ceux qui ne connaitraient pas. Ce que nous appelons extensions ou plugins complémentaires sont en fait des petits greffons, bout de programme, qui vont permettre de rajouter des fonctionnalités à notre navigateur favoris.  Cela peut permettre d’intégrer une correction orthographique avec les formulaires web, une option pour connaitre la couleur (plus exactement le code couleur) utilisé sur certains sites ou dans certaines images, traduire l’interface en Borg Borg (oui nous n’avons jamais dis qu’elles seraient toutes utiles 😉 ), et j’en passes … Je vais pour le moment me contenter de vous présenter celles que j’utilise actuellement, sachant qu’il en existe pas mal d’autres et qu’il est possible de les consulter sur la page des extensions de Firefox. Les modules sont manageables à travers le menu « Outils – Modules Complémentaires » (en tout cas sur ma Ubuntu, mais c’est bien souvent très proche d’un système d’exploitation à l’autre 🙂

Adblock Plus : Un des plu connu et des plus pratique, il permet de bloquer, supprimer la majorité des publicités sur Internet. J’ai jamais été un grand fan de la publicité, mais encore moins ces dernières années avec cette volonté très répandue de monétiser au maximum la toile. Ce plugin va donc vous permettre de supprimer énormément de pubs sur les sites et de surfer bien plus tranquillement, voire même plus rapidement.

ColorZilla : Un petit plugin assez sympathique dont l’utilité est de vous donner les codes couleurs sur des pages web. En effet il arrive que nous souhaitions connaitre les couleurs sur certains sites car elles nous plaisent, ou nous souhaiterions le sre-utiliser que ce soit pour créer un site web ou autre. Nous pouvons donc ici  placer un curseur sur l’espace voulu et en connaitre les codes couleurs.

Dictionnaire Hunspell en Français : Un dictionnaire et donc un correcteur orthographique intégré à votre navigateur afin de vous aider dans vos saisie de texte sur Internet. En effet nous sommes de plus en plus amenés à remplir des formulaires en ligne, à échanger sur la toile et parfois un correcteur orthographique est quand même bien utile pour éviter les coquilles dues à la frappes ou à notre étourderie. Nous pourrions aussi le considérer comme un moyen de lutte contre le langage SMS et l’appauvrissement de notre langue française (ou d’autres langages). Comme cela je suis vieux jeu ? :p

Diigo Bookmarks and Web Annotations : Un plugin que j’utilise plus pour mon travail et qui permet de soumettre des liens pour les partager avec la toile ou avec un groupe de connaissances, dans le même esprit que reddit. Pour illustrer mon propos je vous propose de visiter ma « page » ce qui sera peut-être plus parlant. Comme vous pourrez le voir j’y soumets des liens techniques ou en rapport avec le milieu médical pour mon travail, mais on peut ausi s’en servir pour partager rapidement des liens avec des amis ou avec le reste du monde. Le plugin permet aussi de mettre des annotations pour soi ou pour les autres utilisateurs de ce derniers sur le spages web directement, mais j’avoue ne jamais m’en servir et avoir même désactivé cette partie de ce dernier.

Firebug : Un des meilleurs ami des développeurs web qui permet de débugger sa page assez facilement en analysant tout ses composants que ce soit le code HTML, la feuille de style CSS, les scripts Javascripts et ainsi de suite. On peut même réaliser des modifications à la volée afin de tester différents paramètres et d’analyser ses soucis. Un incontournable donc 🙂

Flashblock : Un plugin pour bloquer tout les contenu flash mais non pour les supprimer. En effet que ce soit mon portable ou mon poste fixe, leur âge commence à jouer un peu en leur défaveur sur le net avec cette profusion de contenus flash sur tout les sites, qui sont très consommateurs en processeur ou en mémoire pour leur affichage. Nous pouvons donc ici bloquer tout ces contenu et les débloquer soit au coup par coup d’un simple clic, ou pour un site complet suivant nos besoins. Un moyen de nettoyer encore un peu plus la toile et de pouvoir surfer un peu plus vite 🙂

Web Developer : Un autre outil incontournable pour les développeurs web, qui vous permet aussi d ‘analyser tout les composants des sites web. Je dirais qu’avec Firebug cité plus hauts, ce sont vraiment deux outils nécessaires.

FlashGot :Un plugin pour pouvoir télécharger les vidéos flash sur différents sites. Il fonctionne comme un aspirateur de site afin de récupérer les .swf, .fla et autres fichiers flash pour les utiliser en local ou sur d’autres espaces web.

Flash Video Ressources Downloader : Un autre plugin pour essayer de récupérer les vidéos flash. J’avoue me servir plus du précédent.

Voici donc pour ma sélection actuelle. il est vrai que j’en ais utilisé bien d’autres mais actuellement je me limite à cette liste. Les plugins et autres outils ne sont bien sûr pas limités à Firefox et il est possible d’en avoir énormément avec Google Chrome aussi. Mais étant donné que je commence à douter un peu de ce Big Brother (que voulez-vous, 1984 reste de l’anticipation pour moi 😉 ), je me contente de me servir de leur navigateur une fois de temps à autre comme ça, sans plus de prétentions. Si vous voulez plus d’informations de ce côté je vous invites à faire une recherche sur un moteur de recherche ou à visiter l’un de ces deux sites :

Pour Internet Explorer c’est un peu plus délicat. En effet ces extensions sont venues sur le tard et le navigateur ne les avait pas intégrées par défaut. Je n’ai donc encore jamais testé dessus mais il existe bien sûr des barres de debugging pour le développement web, ou d’autres outils. Je vous laisse par contre chercher par vous même 🙂

Revoir la Télé, la télévision à la demande

Depuis pas mal de temps maintenant, je favorise le streaming à d’autres moyens pour regarder des animés, séries ou films. Certains pourront arguer que la qualité est bien souvent moyenne, mais quand on voit un site comme M6 Replay, on peut se dire qu’il y a du potentiel. Et bien voila le site Revoir la télé. Ce site est un annuaire des dernières émissions passées à la télé et il vous aide à accéder au site de streaming officiel (en général) pour pouvoir revoir ou voir les émissions passées 🙂

revoir_la_tele

Je tenais à partager cette petite info que j’ai vu tourner dans la semaine, mais ce n’est que ce matin que j’ai pu tester 🙂 Au programme les chaines suivantes :

  • TF1
  • France 2
  • France 3
  • Canal +
  • Arte
  • M6
  • France 4
  • France 5
  • AB Moteurs
  • AB1
  • Animaux
  • Direct 8
  • Encyclo
  • Escales
  • LCP
  • LCI
  • Mangas
  • France Ô
  • Game One
  • Histoire
  • ina
  • iTélé
  • L’Equipe
  • NT1
  • Odyssée
  • Paris Première
  • Public Sénat
  • TMC
  • L’Histoire
  • Virgin 17
  • W9

So enjoy ^^

Free.korben.info Pour un internet libre

Depuis quelques temps nous parlons de hadopi, hadopi2, lopssi et autres inventions de notre gouvernement soit disant pour notre bien sur la toile, pour la sécurité des artistes et leur promotion et ainsi de suite. Bon je n’entrerais pas dans ce débat car il y a bien trop de choses à en dire. En revanche je voudrais quand même saluer l’initiative de notre ami Korben qui a lancé un wiki afin de créer une base de connaissance pour un internet libre et sans limitations. Et oui avec tout ce qui pourrait nous être imposé à l’avenir, il pourrait être intéressant d’élargir ses connaissances. Cette base de connaissance ou tout le monde peut participer à pour but d’aider tout le monde, spécialistes, néophytes ou autres, à pouvoir profiter de ce magnifique outil qu’est internet simplement et pleinement. Je vous invite à y jeter un coup d’œil que ce soit pour votre culture générale ou pour participer 😉

Blog de Korben

Wiki Korben pour un Internet Libre

Lovely Charts – Diagrammes en ligne

Voici un logiciel en ligne qui est pas mal du tout. En effet suite à une inscription gratuite Lovely Charts, qui est entièrement en Flash, va vous permettre de créer vos propres diagrammes réseaux, organigrammes ou autres schémas. Bon dans sa version gratuite il a des limitations et je n’ai pas eu l’occasion de tester la version payante. En revanche cela peut être très utile pour des schémas simples. Et oui on a pas toujours un logiciel comme Visio, ou bien le temps de jouer avec DIA et cela peut donc nous donner une solution alternative. Vous trouverez ci-dessous un exemple d’un petit schéma réseau créé en cinq petites minutes afin d’illustrer ce propos.

mynetwork-pt

Comme vous pouvez le voir ce schéma n’est pas si mal et ferait très bien dans un dossier ou un rapport. Donc si vous êtes intéressés ou simplement si vous voulez tester, je vous invite à visiter le site de Lovely Charts.