Groupe Lafuma OMEGA Concept html5 Domodéco TV Bio Réel Domodéco
Groupe Lafuma | Voir le site
OMEGA Concept | Voir le site
Vidéos pour smartphones - Interface réalisée en HTML5/jQuery/CSS3 - Scannez le QR Code pour accéder à l'interface.
TV Domodéco | Voir le site
Bio Réel | Voir le site
Domodéco | Voir le site

Un peu de moi...

Indépendant ? Freelance ? Oui...

Passionné ? Affirmatif !

Autodidacte : oui môssieur :-)


Mais encore ?

  • Tombé dans la marmite du web
  • Joomla! addicted
  • Dotclear'rien convaincu
  • Abonné à la revue "Web design", mais pas geek !

Plus sérieusement !

Toutes les sociétés, même la plus petite TPE, souhaitent disposer d'un site internet.
Etre présent sur la toile est un signe de reconnaissance, un gage de sérieux mais la vraie question à se poser est : pourquoi ai-je besoin d'un site internet ?

Les réponses peuvent être multiples :

  • le site contribue à créer une image, il est dans ce cas un outil communication corporate comme tant d'autres
  • le site est un vecteur de "business" → à travers sa présentation, il assoit l'image et la notoriété de l'entreprise et de façon induite créé du business
  • le site est un site marchand et offre des possibilités de commande en ligne

Quoi qu'il en soit, et en dehors de tout aspect esthétique, un site internet se doit d'accompagner efficacement une entreprise dans son développement pour autant qu'il puisse être :

  • vu ou trouvé facilement, d'où l'importance du référencement
  • rapide, performant et sécurisé, dans ce cas un bon hébergement est nécessaire

Création de sites internet

Mon approche

Que ce soit pour un site internet dit "vitrine" (donc peu de pages) ou un site internet plus volumineux, le résultat attendu doit être le même : ce site doit vous ressembler !
Vous n'avez pas de charte graphique ou juste une idée de ce qu'elle pourrait être ? Très bien... Travaillons ensemble afin de l'imaginer ou la finaliser.
Vous ne souhaitez pas vous occuper des mises à jour de votre site ? Parfait... Je le ferai pour vous ! Dans le cas contraire, partons sur une base CMS* Joomla
Savez-vous que votre site est aussi important pour moi que pour vous ? Il est, en quelque sorte, "ma vitrine" et se doit donc d'être tout simplement :

  • à la hauteur de vos exigences
  • à la hauteur de mes prétentions

Consultez quelques unes de mes références.


Languages outils & techniques

DreamweaverPhotoshopFireworksIndesignFlashPrestashopXHTMLCSSPHPMySQLAJAXXMLJavascriptjQueryJoomla!Dotclear


*CMS : Content Management System ou SGC : Système de Gestion de Contenu.

Pour être bien placé en référencement naturel et par rapport à des expressions ou mots qui vous semblent importants, il n'y a qu'une solution : travailler et définir ensemble, et ce, pour chaque page de votre site, un contenu pertinent.

Google lui-même dans ses consignes indique clairement : "Concevez vos pages en pensant d'abord aux internautes et non aux moteurs de recherche." (...)


» Les liens sponsorisés

Vous ne souhaitez pas attendre que le référencement naturel de votre site soit en place et être présent très rapidement sur les 1ères pages des moteurs de recherches ?

C'est quoi un lien sponsorisé ?

C'est un lien acheté pour un mot clé (ou groupe de mots) précis auprès de sociétés comme Google ou Yahoo, et qui apparait au sein des pages de réponse des moteurs de recherche.
En tapant le mot clé (ou groupe de mots) dans votre moteur favori, ce lien acheté apparaitra en position préférentielle par rapport aux liens naturels d'autres sites référencés.


Ma valeur ajoutée

Que ce soit pour le référencement naturel ou les liens sponsorisés gérés avec le programme Google AdWords, je serai là pour vous aider à les mettre en œuvre.




Référencement

Préambule

Votre 1ère et légitime préoccupation est de savoir si votre site internet va être présent sur les moteurs de recherches. Là, pas de soucis, en quelques jours vous allez pouvoir vous "trouver" sur Google (pour n'en citer qu'un) en recherchant votre nom.
Ce n'est pas, dans ce cas du "vrai" référencement, c'est tout simplement le fait que ce moteur de recherche, parcourant la toile du web, a vu qu'il y avait un nouveau...


Problématique

Maintenant, ce qui vous préoccupe est savoir si on va trouver votre site internet en recherchant "grenouilles lyon" parce que vous avez un restaurant spécialisé à Lyon pour ce (fameux) batracien.
Dans ce cas, oui là mon métier est de faire en sorte que vous puissiez être présent dans les résultats de recherche, et tant qu'à faire, sur les premières pages de ce moteur de recherche.


Les solutions

» Le référencement naturel

"naturel" veut simplement dire que les moteurs de recherche ont parcouru toutes les pages de votre site, qu'il y ont trouvé suffisamment d'informations qui parlaient de "grenouilles" et de "lyon" pour pouvoir afficher, et peut-être sur leurs premières pages de résultats de recherche... votre site.

Hébergement professionnel

Vous ne le savez peut-être pas, mais les prix les plus bas du marché se reposent sur de l'hébergement "mutualisé".
Ce qui veut dire, que oui, vous ne payez pas très cher, mais que vous êtes hébergés sur une machine qui en héberge des milliers d'autres, donc des temps de réponse aléatoires en fonction de la charge de cette machine...

Une solution alternative est le "semi-dédié". Là c'est un peu différent : vous êtes un peu moins nombreux sur la même machine, mais vous partagez encore les ressources de celle-ci avec d'autres.


La solution que j'ai retenue, et celle qui offre le maximum de performances est le serveur dédié : là, plus de partage de ressources, vous, les clients, n'êtes plus que sur mon propre serveur*...

  • Espace disque dur : 80 Giga Hitashi/Maxtor/Seagate
  • Système RAID 1/0 3WARE = Redondance des données
  • Processeur: Pentium 4 : 3.2 Ghz 1 Mo de cache HT800
  • Mémoire RAM: 2 Go DDR
  • Adresse IP fixe dédiée
  • Bande passante sur internet 10 Mbps
  • Pare-feu, Anti-virus et Anti-spam Pro
  • Sytème d'exploitation: Linux 32Bits (FEDORA)
  • Backup de 60 Go (répertoire /home + SQL sous 8 jours "antécédents")
  • Sous-domaines
  • Adresses de messagerie et accès Webmail
  • Base de données MySQL - PHP 5 - Apache 2

* Attention, ce serveur n'est pas, bien entendu, physiquement "chez moi", mais dans un Datacenter parisien appartenant à l'un des leaders de de l'hébergement : Ophos.

Splash screen FancyBox pour Joomla

Téléchargement et démos de Fancy Joom Splash

Qu'est-ce qu'un "splash screen" ? C'est une sorte de popup affiché à l'ouverture d'un site internet. Oui, c'est vrai, nous se sommes pas vraiment friands de ce genre d'intrusion dans notre navigation et bien souvent nous cherchons tous rapidemment le moyen de quitter ce gêneur... Ceci-dit, quand un client en a besoin et bien le client... c'est le client !

N'ayant, donc, pas trouvé mon bonheur parmi toutes les extensions Joomla disponibles, j'en ai donc développé une moi-même. Cette extension Joomla se présente sous la forme d'un module (compatible Joomla 1.5 et 1.7). Ce module est capable d'afficher une simple image et/ou du texte sans oublier un fichier Flash.

Sous le capot de ce splash screen on retrouve mon moteur préféré de "boxlikes" : FancyBox. Vous pouvez donc grâce à ce dernier utiliser tous les types d'effets (à l'ouverture et à la fermeture) disponibles. J'ai également rajouté une gestion de la durée de vie de ce popup. Ce module est gratuit ! La suite sur le blog...

Joomla au repos...

Mon ancien site se faisait vieux, alors en voici la version IV (oui, je vous épargne les précédentes versions...)

Beaucoup, beaucoup de scripts jQuery (trop ?), enfin bon que voulez-vous ! Il faut que ça bouge de nos jours.

Volontairement bicolore - excepté pour les visuels -, je le voulais sobre

En revanche c'est un site "mono-page", alors j'espère qu'avec un bon sitemap.xml, une bonne sémantique je ne vais pas déclencher les foudres de M. Google et partir aux oubliettes du référencement. L'avenir (enfin mes statistiques) me le dira.

Un couche de Cufon pour afficher certaines polices. Alors oui, c'est pas aussi bien que @font-face, mais je tenais à cette police (Titillium) pour certains textes et balises.

Je me suis "aventuré" dans l'HTMLS et le CSS3 et n'ai vraiment pas eu le temps (ou l'envie) de vérifier son comportement avec les navigateurs Microsoft...

Tout n'est pas encore optimisé, les scripts/CSS ne sont pas minifiés et packés ; plus tard...

Pour les plus curieux, et afin de leur éviter de regarder le code source, voici l'ensemble des plugins jQuery utilisés :

  1. Cufon :

    Cufon est utilisé pour le remplacement des polices de caractères.

  2. Nivo Slider :

    Nivo Slider me sert pour le bandeau d'images défilantes.

  3. Quicksand :

    Quicksand catégorise les images du portfolio.

  4. Fancybox :

    Fancybox pour l'affichage des sites ou images dans une fenêtre type lightbox.

  5. jCarousel :

    jCarousel est utilisé pour la navigation des titres de ces news.

  6. Feature List :

    Feature List (le site de l'auteur n'existe plus...) sert à animer et faire défiler les élements d'une liste.

  7. Contact Form:

    Contact Form With Custom Auto Responder pour le formulaire de contact.

  8. Blend Script

    Blend Script pour les effets sur le menu principal.

  9. Scroll

    Scroll pour le scrolling dans les sections de news.

Un commentaire ?

Site internet du groupe Lafuma®

C'est avec un plaisir non dissimulé que j'ai mis en place le site du groupe Lafuma®.

Celui-ci ne contient que des éléments financiers pour le moment, une version 2 plus étoffée étant prévue pour 2012.

A nouveau de l'HTML5 et du CSS3 et une image de fond en fullscreen grâce à Supersized.

C'est bien des news mais...

Il faut avoir le temps de les alimenter correctement, alors je tente...

J'aimerai y poster, à terme, tous les "trucs & astuces" que j'ai pu utiliser ou débugger au fil du temps.

J'adore les mails :-)





Ou contactez-moi...


  • Chemin de la pompe* - 69620 Bagnols
  • 0682 036 854
* Je vous assure, ce n'est pas une farce...


Mentions légales

L'utilisateur du présent site web reconnaît accepter les termes et conditions mentionnées ci-dessous.


Informations générales entreprise

Pascal Bourhis
Siret : 490 840 154 00028 - APE 6201Z
Téléphone : 0682 036 854


Informations générales site

Ce site est propriété de Pascal Bourhis, ci-après dénommé l'auteur. Il en est le Directeur de publication.
Réalisation : Pascal Bourhis
Hébergement : Pascal Bourhis
Contact technique : Cette adresse email est protégée contre les robots des spammeurs, vous devez activer Javascript pour la voir.

L'auteur se réserve le droit d'apporter, sans préavis, toute modification qu'il jugerait utile d'apporter au contenu de ce site ainsi qu'aux caractéristiques de ses offres.


Droits d'auteur, droits de propriété intellectuelle

Les éléments de ce site sont protégés par la législation sur la propriété intellectuelle et par la législation sur les marques. Les éléments ainsi protégés sont la propriété de l'auteur ou celle de tiers ayant autorisé ce dernier à les exploiter.


Reproduction

La reproduction, même partielle, des contenus de ce site, des textes, de l'iconographie et des images, est soumise à autorisation. Les reproductions, sur un support papier ou informatique, dudit site sont autorisées sous réserve qu'elles soient strictement réservées à un usage personnel (excluant tout usage à des fins publicitaires, commerciales et d'information), qu'elles soient conformes aux dispositions de l'article L122-5 du Code de la Propriété Intellectuelle et qu'elles obéissent aux conditions énoncées ci-dessous. Toute utilisation à des fins professionnelles est interdite - sauf autorisation écrite préalable - et passible des poursuites prévues par la loi.

A l'exception de l'iconographie, la reproduction des pages de ce site sur un support papier ou informatique est autorisée, sous réserve : 1) du respect de la gratuité de la diffusion, 2) du respect de l'intégrité des documents reproduits (aucune modification, adaptation, altération d'aucune sorte, incorporation, traduction, représentation) et 3) de la citation explicite de la source (http://www.pascal-bourhis.net) et de la mention du fait que les droits de reproduction sont réservés et strictement limités.

L'auteur se réserve le droit d'apporter, sans préavis, toute modification qu'il jugerait utile d'apporter aux présentes mentions légales.

Protection des données personnelles

La consultation du présent site est possible sans qu'il soit nécessaire au visiteur de révéler son identité ou toute autre information à caractère personnel le concernant.
L'auteur s'engage à respecter la vie privée et à protéger les informations qui lui seraient communiquées. En particulier, les données personnelles collectées sur ce site web sont destinées exclusivement à l'usage de l'entreprise dans le cadre de ses relations avec le visiteur. Elles sont confidentielles et traitées comme telles. Le visiteur bénéficie d'un droit d'accès et de rectification des informations à caractère nominatif qu'il serait conduit à communiquer sur ce site, conformément à la loi Informatique et Libertés n° 78-17 du 06/01/1978. Ce droit peut être exercé auprès de l'auteur, à l'adresse mentionnée ci-dessus.
Toutes les précautions utiles sont prises afin de préserver l'intégrité des données, leur confidentialité et empêcher toute communication à des tiers non autorisés.


Liens

La mise en place d'un lien hypertexte vers le présent site ne nécessite pas d'autorisation préalable. Néanmoins, l'auteur doit en être informé dans un délai maximum de 8 jours après la mise en place du lien. Les liens vers d'autres sites sont donnés à titre indicatif. La présence de liens hypertextes vers d'autres sites web n'engage pas l'auteur sur le contenu des sites concernés.


Droit applicable

Le présent site web ainsi que les mentions légales qui y figurent sont soumises au droit français et sont rédigés en français.