Aujourd’hui je vais vous proposer quelques tuyaux sur comment apprendre à devenir web master pour votre entreprise, attirer des visiteurs et le rendre un succès.
La difficulté d’apprendre a faire un site web
Il est important de mentionner à ce stade que apprendre à créer des sites web est un travail très très long, à moins que vous soyez un génie. Il y a une multitudes de choses à apprendre. Si vous êtes pressé, et voulez économiser de l’argent et énormément de temps au lieu de le dépenser sur un designer hors de prix je me doit de me recommander à vous. Mes prix sont beaucoup moins cher que la moyenne et je suis passionné d’esthétique, et du web. Voir qu’un de mes sites attire 1000 visiteurs par mois me rends heureux pour la semaine. Mon métier est de vous apporter des clients, pas seulement de vous créer un site. Consultez mes tarifs ou envoyez moi un mail. Par ailleurs, pour vous prouver que je connais mon métier essayez de taper “aquitaine web design” dans Google.
Par où commencer?
Tout d’abord vous devez maitriser un minimum les dossiers sur votre ordinateur: créer, ranger, trier, trouver…etc.
Je conseille toujours de vous procurer des disques dures externe, un pro a toujours des copies et même des copies de copies.
Ensuite, l’outil de tout les outils pour moi est la suite Adobe.. Telechargez la version d’évaluation de 30 jours si vous le souhaitez. Pour vous en servir, le plus important est de comprendre que ces systèmes fonctionnent tous par couches/calques (layers). À chaque fois que vous placez quelque chose, il doit être sur un nouveau calque par dessus l’autre. Ceci vous permettra de revenir et modifier les éléments séparements: C’est la clé. Ensuite, familiarisez vous avec les différents outils disponibles et à quoi ils servent.
La suite Adobe vous aidera a creer un site web
La suite Adobe est composé de différents logiciels:
Photoshop:
Celui-ci vous servira pour modifier/creer des images, des collages ou autres. Il permet de modifier aussi vos photos, ajouter des textes… Voici un exemple personel de la puissance de cet outil: un collage fait par moi-même de moi en plusieurs exemplaires en quelques heures(je ne suis pas si égocentrique d’habitude).
Illustrator:
Celui-ci crée des images vectorielles. Un logo par exemple, dont la qualité ne se modifie pas. En fabriquant un logo avec Illustrator, vous pourriez l’imprimer la taille d’un immeuble et il ne sera pas pixelisé (apparition des carrés, blocs lorsque on zoom fortement sur une image). La pixellisation est un autre thème que vous devez aborder pour avoir en même temps des rendus de qualité sur votre site sans que son chargement prenne deux heures. Il y a un juste milieu à trouver qui s’acquiert avec l’expérience.
Indesign:
Ce logiciel vous permettra d’imprimer vos supports: brochures, cartes de visites, posters…etc. Ceci veux dire que vous allez créer les composants de vos brochures dans Photoshop et Illustrator, puis les importer dans Indesign pour la mise en page avant impression.
Flash:
Ce logiciel couvre tout ce qui est animé: vous connaissez les “banners”? Et bien ils sont tous fait avec Flash. Grâce a ce logiciel plutôt complexe, vous pouvez incorporer de la musique, des effets visuels, des vidéos, des médias players sur votre site. Vous avez également le choix de créer un site entièrement avec Flash sans avoir beaucoup de notions de codage. Mais ce dernier ne sera pas bien référencé, car les robots de Google qui recherche constamment les sites et de quoi ils parlent pour les intégrer au moteur de recherche, ne peux lire les phrases dans un site Flash. Mais bon, un site stylé est largement faisable avec ceci.
Dreamweaver:
Là, tout se complique. Celui-ci vous aide à créer, comprendre et écrire le code de votre site web. Je ne m’en sert pas beaucoup car il a tendance à écrire des codages longs et sans importance qui ralentirons la vitesse d’ouverture de votre site si vous êtes un designer et pas un codeur. Mais pour apprendre la relation entre cause et effet du code, il est pas mal, avec son écran divisé en visuel et code. Je me sert plutôt de notepad ++.
Vous êtes bloqué?
Essayez d’inscrire votre problème dans le moteur de recherche Google: ex: “comment créer un nouveau calque dans Photoshop“. Vous serez surpris du nombre de réponse que vous trouverez.
Lorsque vous maitrisez tout les supports au dessus: Bravo, vous êtes un designer. Maintenant, observons les codes à apprendre pour devenir un développeur.
Acheter un nom de domaine
-Savoir comment acheter un nom de domaine, et un espace d’hébergement, et comment utiliser le service de transfert de fichier depuis votre ordinateur sur le net: le ftp. essayez de taper ftp. au lieu de www. dans la barre d’adresse d’un site, et vous verrez.
Je vous recommande personnellement one.com, ils ont un service client excellent.
Pouvoir lire en Anglais
Ceci va vite devenir indispensable. Par chance j’ai pu sauter cette étape, car je suis né à Londres
Utiliser W3 schools pour faire un site web
Bienvenue sur votre nouveau site de référence: w3schools.com. C’est le consortium du web. Chaque fois qu’un nouveau script est nécessaire pour faire avancer le web, c’est cette troupe de geeks qui l’approuvent. Par exemple: Avant, toutes les typos étaient les mêmes. Ils ont crée le script .css pour styliser les couleurs, les typos…etc de votre site. Ils ont d’excellents tutoriels, qu’il vous faudra apprendre régulièrement pour pouvoir évoluer rapidement.
Parlons de la Matrix des frères Coen: “tu voit des chiffres et des lettres, je vois des blondes et des brunes”
Voici les codes principaux du net pour un site web:
Html (hypertext markup language):
c’est le code principal du web. Il vous permettra de placer les éléments sur les pages, créer des liens, insérer des images. Il vous servira aussi à comprendre comment placer des éléments sur la page: qu’ils soient centrés, aligné à gauche, à droite. Vous passerez beaucoup de temps a l’écrire, si vous en faite un métier.
Css (content styling quelque chose):
modifier tout le design avec ce dernier, couleur d’arrière fond, famille de typo, taille. On peux le placer dans la page, ou alors dans un fichier séparé qui s’appelle en général stylesheet.css .
Javascript:
Voyez-le comme Adobe flash, mais pour utilisateurs expérimentés. Vous pouvez créer des effets visuelles, des programmes sur page de site, du genre exercice de math pour un site d’une école par exemple, ou les visiteurs peuvent entrer des chiffres, cocher des boites…etc. Vous pouvez consulter Mootools pour des scripts pré-écrits et excellents.
Php:
Voici le code pur de la matrix, ultra complexe, difficile à comprendre, je me demande encore à moitié à quoi il sert, mais en gros, c’est pour créer plus vite et plus compliqué. Par exemple, si vous créez un site uniquement en html et css, il fonctionnera, mais dans chaque page vous devrez remettre tout le code du menu principale qui permettra aux utilisateurs de naviguer, dans toutes les pages. Eh bien avec le Php, vous écrivez simplement un truc du genre “appeler menuprincipal.php” et votre menu qui est dans un fichier .php sera sur la page.
Mysql:
Créer des bases de données sur le serveur, pour stocker des infos, ceci est utile pour créer un site de style blog. Par exemple, vous avez une partie “inscrivez-vous” et bien le mysql, vous permettra de retrouver la liste des adresses emails des personnes qui vous les ont laissé.
Référencer un site web (S.E.O):
La meilleur façon de faire un site qui marche, c’est avoir du contenu intéressant. Ensuite vous pouvez vous inscrire sur les moteurs de recherches ou participer aux nombreux link exchange directories. Il vous faudra apprendre comment insérer des keywords.
Vous vous dites peut être, “oh là c’est complexe, je croyais qu’il y avait des logiciels qui écrivent le code pour vous, un peu comme votre tableau de bord facebook.”
Eh bien oui ça existe. Mais il faut quand même savoir coder sinon vous ne pourrez pas créer exactement ce que vous voulez. Des logiciels du style: Joomla. C’est ce que utilise les web designers aujourd’hui.
Expérience personnel sur créer des sites web
Mon professeur à la fac m’a dit: “Archie, tu essaye d’apprendre tout en même temps, au lieu de te spécialiser dans un domaine particulier, connaitre tout c’est impossible, il faut travailler en équipe!” C’est vrai et pas vrai. Je voulais vraiment arriver au stade où je voit mon idée et je suis capable de le construire sur le web. Plusieurs chemins sont possible, il faut savoir trouver le plus court et le plus précis; Je peux créer un logo avec Photoshop, mais il ne sera jamais aussi bien que si je l’avais dessiné avec Illustrateur.
J’ai mit plusieurs années à apprendre tout ça, et parfois c’était décourageant. Mais au final ça commence a payer, surtout en France où les gens ont plus de mal à s’informatiser, car tout les scripts se passent en Anglais.
J’espère que je vous ai mit sur la bonne voie, et n’hesitez pas à commenter, pour rajouter ou élaborer le sujet.
Archie Butler,
COMMENT APPRENDRE A FAIRE DES SITES WEB ?
Quelques tuyaux sur faire un site web
Aujourd’hui je vais vous proposer quelques tuyaux sur comment apprendre à devenir web master pour votre entreprise, attirer des visiteurs et le rendre un succès.
La difficulté d’apprendre a faire un site web
Il est important de mentionner à ce stade que apprendre à créer des sites web est un travail très très long, à moins que vous soyez un génie. Il y a une multitudes de choses à apprendre. Si vous êtes pressé, et voulez économiser de l’argent et énormément de temps au lieu de le dépenser sur un designer hors de prix je me doit de me recommander à vous. Mes prix sont beaucoup moins cher que la moyenne et je suis passionné d’esthétique, et du web. Voir qu’un de mes sites attire 1000 visiteurs par mois me rends heureux pour la semaine. Mon métier est de vous apporter des clients, pas seulement de vous créer un site. Consultez mes tarifs ou envoyez moi un mail. Par ailleurs, pour vous prouver que je connais mon métier essayez de taper “aquitaine web design” dans Google.
Par où commencer?
Tout d’abord vous devez maitriser un minimum les dossiers sur votre ordinateur: créer, ranger, trier, trouver…etc.
Je conseille toujours de vous procurer des disques dures externe, un pro a toujours des copies et même des copies de copies.
Ensuite, l’outil de tout les outils pour moi est la suite Adobe.. Telechargez la version d’évaluation de 30 jours si vous le souhaitez. Pour vous en servir, le plus important est de comprendre que ces systèmes fonctionnent tous par couches/calques (layers). À chaque fois que vous placez quelque chose, il doit être sur un nouveau calque par dessus l’autre. Ceci vous permettra de revenir et modifier les éléments séparements: C’est la clé. Ensuite, familiarisez vous avec les différents outils disponibles et à quoi ils servent.
La suite Adobe vous aidera a creer un site web
La suite Adobe est composé de différents logiciels:
Photoshop:
Celui-ci vous servira pour modifier/creer des images, des collages ou autres. Il permet de modifier aussi vos photos, ajouter des textes… Voici un exemple personel de la puissance de cet outil: un collage fait par moi-même de moi en plusieurs exemplaires en quelques heures(je ne suis pas si égocentrique d’habitude).
Illustrator:
Celui-ci crée des images vectorielles. Un logo par exemple, dont la qualité ne se modifie pas. En fabriquant un logo avec Illustrator, vous pourriez l’imprimer la taille d’un immeuble et il ne sera pas pixelisé (apparition des carrés, blocs lorsque on zoom fortement sur une image). La pixellisation est un autre thème que vous devez aborder pour avoir en même temps des rendus de qualité sur votre site sans que son chargement prenne deux heures. Il y a un juste milieu à trouver qui s’acquiert avec l’expérience.
Indesign:
Ce logiciel vous permettra d’imprimer vos supports: brochures, cartes de visites, posters…etc. Ceci veux dire que vous allez créer les composants de vos brochures dans Photoshop et Illustrator, puis les importer dans Indesign pour la mise en page avant impression.
Flash:
Ce logiciel couvre tout ce qui est animé: vous connaissez les “banners”? Et bien ils sont tous fait avec Flash. Grâce a ce logiciel plutôt complexe, vous pouvez incorporer de la musique, des effets visuels, des vidéos, des médias players sur votre site. Vous avez également le choix de créer un site entièrement avec Flash sans avoir beaucoup de notions de codage. Mais ce dernier ne sera pas bien référencé, car les robots de Google qui recherche constamment les sites et de quoi ils parlent pour les intégrer au moteur de recherche, ne peux lire les phrases dans un site Flash. Mais bon, un site stylé est largement faisable avec ceci.
Dreamweaver:
Là, tout se complique. Celui-ci vous aide à créer, comprendre et écrire le code de votre site web. Je ne m’en sert pas beaucoup car il a tendance à écrire des codages longs et sans importance qui ralentirons la vitesse d’ouverture de votre site si vous êtes un designer et pas un codeur. Mais pour apprendre la relation entre cause et effet du code, il est pas mal, avec son écran divisé en visuel et code. Je me sert plutôt de notepad ++.
Vous êtes bloqué?
Essayez d’inscrire votre problème dans le moteur de recherche Google: ex: “comment créer un nouveau calque dans Photoshop“. Vous serez surpris du nombre de réponse que vous trouverez.
Lorsque vous maitrisez tout les supports au dessus: Bravo, vous êtes un designer. Maintenant, observons les codes à apprendre pour devenir un développeur.
Acheter un nom de domaine
-Savoir comment acheter un nom de domaine, et un espace d’hébergement, et comment utiliser le service de transfert de fichier depuis votre ordinateur sur le net: le ftp. essayez de taper ftp. au lieu de www. dans la barre d’adresse d’un site, et vous verrez.
Je vous recommande personnellement one.com, ils ont un service client excellent.
Pouvoir lire en Anglais
Ceci va vite devenir indispensable. Par chance j’ai pu sauter cette étape, car je suis né à Londres
Utiliser W3 schools pour faire un site web
Bienvenue sur votre nouveau site de référence: w3schools.com. C’est le consortium du web. Chaque fois qu’un nouveau script est nécessaire pour faire avancer le web, c’est cette troupe de geeks qui l’approuvent. Par exemple: Avant, toutes les typos étaient les mêmes. Ils ont crée le script .css pour styliser les couleurs, les typos…etc de votre site. Ils ont d’excellents tutoriels, qu’il vous faudra apprendre régulièrement pour pouvoir évoluer rapidement.
Parlons de la Matrix des frères Coen: “tu voit des chiffres et des lettres, je vois des blondes et des brunes”
Voici les codes principaux du net pour un site web:
Html (hypertext markup language):
c’est le code principal du web. Il vous permettra de placer les éléments sur les pages, créer des liens, insérer des images. Il vous servira aussi à comprendre comment placer des éléments sur la page: qu’ils soient centrés, aligné à gauche, à droite. Vous passerez beaucoup de temps a l’écrire, si vous en faite un métier.
Css (content styling quelque chose):
modifier tout le design avec ce dernier, couleur d’arrière fond, famille de typo, taille. On peux le placer dans la page, ou alors dans un fichier séparé qui s’appelle en général stylesheet.css .
Javascript:
Voyez-le comme Adobe flash, mais pour utilisateurs expérimentés. Vous pouvez créer des effets visuelles, des programmes sur page de site, du genre exercice de math pour un site d’une école par exemple, ou les visiteurs peuvent entrer des chiffres, cocher des boites…etc. Vous pouvez consulter Mootools pour des scripts pré-écrits et excellents.
Php:
Voici le code pur de la matrix, ultra complexe, difficile à comprendre, je me demande encore à moitié à quoi il sert, mais en gros, c’est pour créer plus vite et plus compliqué. Par exemple, si vous créez un site uniquement en html et css, il fonctionnera, mais dans chaque page vous devrez remettre tout le code du menu principale qui permettra aux utilisateurs de naviguer, dans toutes les pages. Eh bien avec le Php, vous écrivez simplement un truc du genre “appeler menuprincipal.php” et votre menu qui est dans un fichier .php sera sur la page.
Mysql:
Créer des bases de données sur le serveur, pour stocker des infos, ceci est utile pour créer un site de style blog. Par exemple, vous avez une partie “inscrivez-vous” et bien le mysql, vous permettra de retrouver la liste des adresses emails des personnes qui vous les ont laissé.
Référencer un site web (S.E.O):
La meilleur façon de faire un site qui marche, c’est avoir du contenu intéressant. Ensuite vous pouvez vous inscrire sur les moteurs de recherches ou participer aux nombreux link exchange directories. Il vous faudra apprendre comment insérer des keywords.
Vous vous dites peut être, “oh là c’est complexe, je croyais qu’il y avait des logiciels qui écrivent le code pour vous, un peu comme votre tableau de bord facebook.”
Eh bien oui ça existe. Mais il faut quand même savoir coder sinon vous ne pourrez pas créer exactement ce que vous voulez. Des logiciels du style: Joomla. C’est ce que utilise les web designers aujourd’hui.
Expérience personnel sur créer des sites web
Mon professeur à la fac m’a dit: “Archie, tu essaye d’apprendre tout en même temps, au lieu de te spécialiser dans un domaine particulier, connaitre tout c’est impossible, il faut travailler en équipe!” C’est vrai et pas vrai. Je voulais vraiment arriver au stade où je voit mon idée et je suis capable de le construire sur le web. Plusieurs chemins sont possible, il faut savoir trouver le plus court et le plus précis; Je peux créer un logo avec Photoshop, mais il ne sera jamais aussi bien que si je l’avais dessiné avec Illustrateur.
J’ai mit plusieurs années à apprendre tout ça, et parfois c’était décourageant. Mais au final ça commence a payer, surtout en France où les gens ont plus de mal à s’informatiser, car tout les scripts se passent en Anglais.
J’espère que je vous ai mit sur la bonne voie, et n’hesitez pas à commenter, pour rajouter ou élaborer le sujet.
Articles en rapport