35
Copyright © 2008 Laude Sébastien-Tous droits réservés- http://vendre-par-internet.new.fr

Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 2: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

Cet ebook est totalement gratuit!

N'hésiter donc pas à l'offrir à vos amis, collégues, clients,...

Vous pouvez également le mettre en téléchargement sur votre site.

Le distribuer à vos abonnés.

Comme je me plaît à le dire:

“les bonnes choses sont faites pour être partagés”

De plus ces personnes vous en seront certainement reconnaissantes.

Par contre il est impératif de respecter certaines conditions.

Ce rapport est gratuit il ne peut donc pas être revendu.

Il est interdit de modifier le contenu (texte, image,copyright,..)

Merci de respecter les droits d'auteurs: Il est interdit de copier, modifier ou vendre cet ebook sans l'autorisation préalable de son auteur.

Cet ebook vous est offert par

Sébastien Laude

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 3: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

Créer votre site web gratuitement

TABLE DES MATIÈRES

Introduction

Chapitre 1 : Créer un site étape par étape

- Etape 1 : Télécharger gratuitement et installer le logiciel NVU

- Etape 2 : Créer un site

o Créer un fichier de rangement pour votre site

o Nommer votre page d’accueil et l’enregistrer

o Insérer un tableau

o Insérer une image

o Insérer du texte

o Modifier les paramètres du tableau et choisir une couleur de fond

o Créer une nouvelle page

o Créer un lien vers la nouvelle page

o Création d’un formulaire de contacts

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 4: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

CHAPITRE 2 : Ce qu’il faut savoir pour mettre son site en ligne

- Etape 1 : S’inscrire chez l’hébergeur gratuit « voilà ».

§ Qu’est-ce qu’un hébergeur ?

§ Vous inscrire

- Etape 2 : Mettre votre site en ligne

CONCLUSION

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 5: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

Introduction

Aujourd’hui la croissance d’internet n’est plus à démontrer :

« Selon les statistiques publiées le 20 juillet dernier par l'Autorité de Régulation des Télécoms (ART), le nombre d'abonnés à Internet en France s'élève à 10,9 millions au 31 mars 2004. »

Information prise dans le journal du net.

Il est donc devenu un outil de communication à ne pas négliger pour qui désire faire connaître son activité, partager ses passions, ou tout simplement rendre de l’information accessible à un grand nombre de personnes à moindre coût.

Cet e-book n’a d’autre prétention que de vous permettre de créer votre propre site gratuitement et ce, même si vous n’avez que peu de connaissance en informatique.

Ce qui rend difficile la création de site web c’est le côté technique (connaissance des langages informatiques de création de page web) mais aujourd’hui il est possible de créer une ou des pages web sans même connaître ces codes grâce à des logiciels qui font la traduction pour vous.

Le logiciel que je vais vous présenter s’appelle NVU et il est téléchargeable gratuitement.

J’ai conçu cet e-book comme un guide pratique, c'est-à-dire que je vous conseille de suivre les étapes en même temps que vous lisez.

Je vais tout d’abord vous guider dans l’élaboration d’un site Web exemple, pour que vous puissiez prendre en main le logiciel utilisé. Puis je vous accompagnerais pour la mise en ligne.

Enfin, je vous donnerais des liens qui vous permettront d'approfondir vos connaissances si vous le souhaitez.

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 6: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

CHAPITRE 1 : Créer un site étape par étape

Etape 1

Tout d’abord télécharger le logiciel NVU gratuitement sur le site « telecharger.com ».

Pour cela cliquez ici : Telecharger.com

Ensuite tapez NVU en majuscule dans la case rechercher et appuyer sur OK.Vous devriez tomber sur cette page.

Cliquez sur NVU 1.0 comme indiqué sur la photo au dessus.

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 7: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

Cliquez alors sur télécharger. Une fenêtre vous invite à enregistrer le logiciel, choisissez l’emplacement « bureau » et attendez la fin du téléchargement.

Vous devriez maintenant avoir cette icône sur votre bureau. (le bureau c'est l'interface qui s'ouvre lorsque vous allumez votre ordinateur.)

Il vous suffit alors d’installer ce logiciel. Pour cela cliquez dessus, cliquez sur exécuter et suivez les instructions d’installation.

Une fois le logiciel installé, ouvrez-le en cliquant dessus. Vous devriez arriver sur cette page :

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 8: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

Maintenant nous allons pouvoir commencer à découvrir ensemble ce logiciel qui va vous permettre d’éditer des pages WEB, c'est-à-dire de manière général des pages aux formats html.

Qu'est ce que le html ?

Le html est un langage. De la même manière qu' en Espagne on parle l'espagnol, en création de page web on parle « html ». Il existe d'autres langages comme le PHP, qui ne seront pas abordés ici, le but de cet ouvrage étant de vous donner des bases.

Voyons maintenant ce qui se cache derrière une page internet...

En fait, derrière chaque page que vous voyez sur internet il y a du code. Votre navigateur traduit ce code et vous avez ainsi accès à l'information.

Le but de cet ouvrage n'est pas d'apprendre le code « html » d'autant plus qu'aujourd'hui il existe des logiciels comme celui que vous venez de télécharger qui s'occupe de traduire le code pour vous.

Il est quand même bon de le savoir, surtout si vous comptez aller plus loin dans la création de site.

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 9: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

Etape 2 : Créer un site WEB

Dans cette étape nous allons créer un site WEB ensemble.

Pour cela nous allons prendre l’exemple d’un site destiné à promouvoir l’activité d’un travailleur indépendant dans le coaching.

Comme vous le voyez nous allons assez vite, je saute volontairement des étapes (optimisation du site pour le référencement naturel, ainsi que des étapes de préparation en vue de facilité la création de votre site) pour vous permettre de prendre du plaisir à créer. Pour les étapes préalables à la préparation du site je suis en train de créer un autre Ebook (payant cette fois-ci mais à un prix tout à fait abordable. Environ 10 euros), pour les personnes qui seront intéressés il suffira de me contacter par mail ( [email protected]).

Bon alors commençons.

○ Créer un fichier de rangement.

Dans un premier temps nous allons créer un fichier dans lequel nous allons ranger le site.

Faites un clic droit sur votre bureau, faite glisser votre curseur sur « nouveau », puis choisissez « dossier » et cliquez dessus.

Un nouveau dossier s’affiche sur votre bureau appelez-le « mon site test ».

Ensuite revenez sur NVU.

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 10: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

○ Nommer et enregistrer votre page d’accueil

Dans un second temps nous allons nous occuper créer et de nommer notre première page, puis de

l’enregistrer.

Cette première page sera la page d’accueil. Allez dans le menu format, puis sur titres et propriétés de la page.

Ecrivez un titre. Ici j’ai choisi de l’appeler « test ». Ensuite faire OK.

Notez que dans “format” vous avez aussi la possibilité de modifier la couleur et le fond de la page. Ici je vais garder la couleur de fond en blanc.

Puis allez dans le menu fichier et cliquez sur “enregistrer sous”, dans “nom du fichier” tapez « index ».

Vous enregistrerez toujours la page d’accueil d’un site sous le nom « index », car c’est ainsi, c’est la procédure. En effet, lorsque vous allez envoyez les fichiers de votre site sur internet ce sont des robots qui vont s’occuper de trouver votre site.

IMPORTANT:

Si il n’y a pas de page index les robots ne reconnaitrons pas votre site.

Il ne pourra donc pas être référencer, c'est à dire inscrit dans les moteurs de recherche et annuaire.

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 11: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

○ Insérer un tableau sur NVU

Dans un second temps nous allons insérer un tableau pour rendre plus facile l’organisation de notre page. Deux solutions s’offre à vous :

Soit cliquez sur “tableau”, soit sur “insertion” puis ensuite sur “tableau”

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 12: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

Une fenêtre s’ouvre en vous proposant 3 volets : “Rapidement”, “Précisément”, “Cellule”.

Cliquez sur “précisément” et entrez les données suivantes. Ligne : 2 ; Colonne : 1 ; Largeur 677 pixels ; bordure 2.

Puis allez sur “cellule” et mettez l’espacement dans les cellules ainsi que la marge dans les cellules à 0. (Normalement elles sont sur 2)

Puis cliquez sur OK. Vous avez maintenant insérer un tableau, nous allons donc commencer à le remplir.

○ Insérer une image sur NVU

Afin que nous puissions réaliser le même site voici le lien à partir duquel vous pourrez trouver des images gratuites, notamment celles utilisées pour ce site.

Lorsque vous chercher des images vérifier toujours les conditions d'utilisations de l'image.

Certaines images dites gratuites le sont parfois sous certaines conditions comme par exemple une utilisation non commerciale.

A la fin de cet ebook il y a différents liens dont un lien vers un site pour trouver des images.

Voici le lien où nous allons chercher notre image.

http://www.abc-du-gratuit.com/index_presentation.php

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 13: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

Cliquez dessus car nous allons y chercher notre image d’entête.

Cliquez alors sur “ressources” dans la catégorie “graphisme”, puis sur Active art animation.com .

Vous voici sur cette page.

En haut de la page vous pouvez voir des petites images, il faut cliquez sur “Webmaster”.

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 14: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

Puis patientez quelques secondes et cliquez sur “graphisme”:

Ensuite vous verrez à gauche de votre écran des rubriques :

Cliquez sur “logo 468*60”, puis vous choisirez l’image qui vous convient dans une des rubriques présentez. Ici, j’ai choisi le soleil couchant dans la rubrique paysage.

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 15: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

Pour l’enregistrer il faut faire un clic droit, et choisir « enregistrer la cible sous » ou « enregistrer l’image sous... »

Allez alors sur votre bureau dans “mon site test” puis enregistrer l'image.

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 16: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

Maintenant il suffit de retourner sur NVU.

Cliquez sur la première cellule du tableau, puis sur “insertion” et “image”, ou sur “image” dans la barre d’outils.

Ensuite faites « parcourir » et sélectionnez l’image que nous avons mis dans « mon site test » en cliquant sur « bureau », « mon site test », puis sur « paysages003 ».

Faites ouvrir et le chemin qui mène à l’image doit alors apparaître dans la barre « adresse de l’image ».

IMPORTANT !

Cocher la case « l’adresse est relative à l’adresse de la page » car sinon votre photo ne s’affichera pas lorsqu’elle sera en ligne. Cette case sera disponible une fois l’adresse de l’image rempli.Si cette case n'est pas valide, vérifier que vous avez bien enregistrer votre page.

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 17: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

Puis vous pouvez tapez dans « texte alternatif » un mot ou un petit descriptif. Il s’affichera sur l’écran de la personne à la place de l’image si celle si ne peut être lu par la personne qui consulte votre page.

Cliquez ensuite sur “dimension”, nous allons modifier la taille de l’image pour qu’elle prenne toute la largeur du tableau. Laissez la case « garder les proportions » cochez, et après avoir coché la case modifiez la taille inscrivez 671 pixels dans la largeur.

Vous devriez avoir maintenant l’image qui servira d’en tête qui s’affiche comme ceci :

Si vous désirez mettre du texte ou arranger l’en-tête il faut bien sûr la modifier avant à l’aide d’un logiciel qui vous permet de travailler les photos.

Vous pouvez en trouver des gratuits sur télécharger.com. Je mettrais bientôt sur mon blog quelques informations aux sujets des logiciels gratuits. L'adresse de mon blog est situé en bas de la page. Je vous mis également à la fin du présent ebook un lien vers un logiciel de retouche photo gratuit.

J'aurai pu vous éviter certaines étapes, mais ce livres étant déstiné à des débutants je voulais que vous puissiez naviguer sur inetrnet.

J'ai volontairement pris un site pas très bien organisé pour trouver notre image. Car vous le verrez internet c'est aussi ça.

○ Insérer du texte

Nous allons maintenant commencer à mettre du texte.

Cliquez à l'intérireur la deuxième cellule et tapez sur votre clavier le texte suivant :

COACHING

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 18: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

( Le texte en gras dans NVU et notifier par le B qui apparaît dans la barre d’outil. Pour augmenter ou diminuer la taille des caractères il suffit de surligner les mots que vous voulez modifier et de cliquez sur le A qui figure sur la barre d’outil)

Jean Philippe Bidul coach depuis 7 ans vous propose de vous accompagner vers les objectifs de vie que vous vous êtes fixés.

Profitez de l'expérience d'un coach pour avancer plus rapidement vers la réalisation de vos objectifs personnels.

Votre texte doit alors être centré par defaut.

○ Modifier les paramètres du tableau et choisir une couleur de fond

Faites un clic droit sur la cellule du tableau ou figure le texte, puis cliquez sur « propriété cellules ».

Vous voyez alors apparaître un tableau qui vous présente les différentes caractéristiques de la cellule. Il vous suffit alors de modifier celle qui vous convient.

Par exemple si vous voulez que le texte s’affiche au bas de la cellule, il vous suffit de sélectionner ce choix dans la rubrique « alignement du contenu » qu’il faut faire défiler en cliquant sur la petite flèche. ( la petite flèche est indiquée sur la photo)

Vous avez aussi accès aux données du tableau en cliquant sur l’étiquette “tableau”. (indiquée également sur la photo)

Nous allons modifier la couleur de fond de la cellule et choisir une couleur.

Cliquez sur “couleur de fond” dans “tableau” et choisissez la couleur.J’ai choisi pour l'exemple un vert.

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 19: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

– Centrer le tableau sur la page.

Après avoir fait un clic droit sur l’espace vide à côté ou en dessous du tableau, choisir « propriétés cellules », ensuite cliquez sur l’onglet “tableau”, puis dans la rubrique “alignement tableau”, choisir “centre”. Cela permet de mettre votre tableau au centre de la page ce qui est plus esthétique.

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 20: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

○ Créer une barre de navigation.

Nous allons maintenant créer une barre de navigation à partir de laquelle les internautes pourront être redirigés vers nos différentes pages.

Il sagit de la même manipulation que pour insérer un tableau sauf qu'on l'effectue dans le tableau que nous avons créé.

Placez le curseur juste devant le titre « COACHING » puis appuyez sur « entrer » 2 fois. Votre titre « COACHING » descend. Si vous le désirez dans la barre d’outils vous avez des tailles préprogrammés pour les titres, sous titres, paragraphe, etc…

Il faut regarder dans le menu déroulant « corps de texte » puis choisir. (la cellule corps de texte est entourée sur la photo)

Ensuite placez le curseur juste en dessous de l’image d’entête et insérez un tableau de 3 colonnes et 1 ligne avec une largeur de 216 pixels. Il est possible de régler la taille des cellules manuellement.

Lorsque vous cliquez sur votre tableau il y a des cases qui s'affichent un peu plus haut avec la taille de vos cellules en pixel.

Il suffit de faire glisser votre souris sur la jointure et de cliquez en faisant glisser la souris à droite où à gauche.

Dans chaque cellule inscrivez le titre d'une de vos pages. Ici : Accueil, tarif, contact.

Ce qui nous donne :

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 21: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

Maintenant modifiez la taille des caractères du texte pour que votre tableau prenne tout votre écran. Vous pouvez alors cliquez sur « navigateur » dans votre barre d’outil, votre ordinateur vous demande si vous voulez enregistrer, dite “oui”. Cela permet d’avoir un aperçu de ce à quoi ressemblera cette page lorsqu’elle sera sur internet.

○ Créer une nouvelle page

Pour créer une nouvelle page, vous avez deux solutions qui sont expliquées sur l’image :

Pour créer la page, la procédure est la même que pour la page que nous avons faites ensemble. Il faut mettre un titre à votre page.

L'enregistrer. (lorsque vous enregistrer une page ne mettez pas d’accent ni d’espace dans le titre remplacez les par les tirets : - où _. Je ne sais pas pourquoi lorsqu’on est sur internet les espaces et les accents peuvent être lus incorrectement dans les titres)

Insérer du contenu: image, texte, tableau, etc...

Je vous laisse le soin de la créer. Pour moi le but est de pouvoir ensuite vous montrer comment relier les pages entres elles.

Enregistrez-la en l’appelant « Tarif ».

○ Créer un lien vers une page

Maintenant nous allons créer un lien qui va permettre de lier le mot tarif de la page « test » à la page « tarif ».

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 22: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

Ainsi, la personne qui navigue sur internet peut aller chercher juste l’information qui l’intéresse sur votre site.

Mettez-vous sur la page test. Surlignez le mot “tarif” en faisant glisser le curseur dessus en maintenant le clic gauche enfoncer. Ensuite allez sur l’icône « lien » et cliquez.

Vous voyez alors apparaître une nouvelle fenêtre « propriété du lien » dans laquelle s’affiche un espace « emplacement du lien ». Cliquez sur parcourir et regarder dans l’emplacement « mon site test » ou vous avez du enregistrer la page tarif.

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 23: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

Cliquez sur OK. Voilà vous avez créé un lien. Pour créer un lien vers un autre site il suffit de surligner les mots que vous désirez mettre en lien et d’entrer l’adresse de la page ( c'est-à-dire l’url de la page).

Il y a d’autres options sur la page « propriété du lien » mais je vous laisse le soin de les regarder par vous-même.

Maintenant, lorsque vous cliquerez sur « tarif » dans la page « test » vous serez redirigé vers celle-ci. Il ne vous reste plus qu’à mettre le contenu de la page tarif. Ici je vous laisse mettre en place le contenu à partir de ce que nous avons appris. Pour faire un essai du lien, il faut d’abord cliquer sur « navigateur » depuis la page test.

○ Création d’un formulaire de contact

Créer une nouvelle page que vous nommerez « contact » puis enregistrez-la dans le dossier « mon site test ».

Ensuite, on va reproduire le même tableau que dans la page « test » mais sans le texte.

Pour cela vous pouvez tout simplement faire un copier/coller.

Aller sur la page test, faites un clic droit. Choisir « sélectionner tout ».

Ensuite faites à nouveau un clic droit sur le tableau. Choisir “copier”.

Maintenant allez sur la page « contact ». Faites un clic droit et choisissez “coller”.

Effacez le texte. Vous devriez avoir cette page :

Maintenant, mettez votre curseur dans le tableau et revenez sur la barre d'outil pour cliquez sur la

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 24: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

petite flèche qui se situe sur le menu« formulaire », puis cliquez sur « définir un formulaire ».

Ici remplissez les champs : (photo exemple juste un peu plus bas)

Nom du formulaire : contact

url de l’action : ici tapez « mailto : votre adresse mail » (pour que les information arrive sur votre boîte mail)

Méthode : post

Encodage : text/plain

Cadre cible :_blank (pour afficher le contenu du formulaire dans une nouvelle fenêtre).

Puis cliquez sur OK.

Ensuite, revenez dans le tableau et tapez le texte suivant en l'alignant à gauche de la cellule :

Nom :

Prénom :

Adresse mail :

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 25: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

Laisser un commentaire :

Et mettez-le en page pour que se soit esthétique.

Maintenant, mettez le curseur au niveau de « nom : ». Cliquez sur la petite flèche du menu formulaire puis sur « champ de formulaire ».

Dans “types de champs” laissez “texte”. Dans « nom du champ » mettez « nom » puis cliquez sur OK.

Faite la même chose pour les autres champs en changeant juste le « nom du champ » sauf pour

« laisser un commentaire ».

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 26: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

Lorsque vous arrivez à “laisser un commentaire”, mettez le curseur au centre de la page.

Puis cliquez sur « formulaire », « zone de texte ».

Tapez dans « nom du champ » : message

Ligne : 10

Colonne : 50

Vous pouvez mettre un texte initial si vous le désirez comme : « Laisser un message »

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 27: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

Ensuite mettez vous sur la ligne du dessous en cliquant sur “entrée”, centrez votre curseur et cliquez sur « formulaire », puis sur « champ de formulaire ».

Dans “type de champs” choisir « bouton de validation » ensuite écrire dans les sections :

Nom du champ : valider

Valeur du champ : Envoyer

Puis cliquez sur OK

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 28: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

Votre formulaire est terminé. Vous pouvez maintenant le tester en allant sur « navigateur » et créer un lien sur la page « test » pour que vos visiteurs soient dirigés vers cette page en cliquant sur contact dans la barre de navigation.

Maintenant voyons comment mettre son site en ligne.

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 29: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

CHAPITRE 2 : Ce qu’il faut savoir pour mettre son site en ligne

Etape 1 : S’inscrire chez l’hébergeur gratuit voilà.

§ Qu’est ce qu’un hébergeur ?

Pour que votre site soit accessible à tout le monde il faut le mettre en ligne.

Cette opération consiste à envoyer les fichiers que vous avez créé sur un serveur c'est-à-dire un ordinateur qui va rester connecté 24 heures sur 24. Pour cela il vous faut de l’espace sur un serveur.

C’est ici qu’intervient l’hébergeur. L’hébergeur vous offre de l’espace pour mettre vos fichiers sur internet. Il existe des hébergeurs gratuits ou payants.

La principale différence c’est que les hébergeurs gratuits font passer de la publicité sur vos sites. Ce qui peut déranger surtout si vous voulez garder l’attention de vos visiteurs sur votre contenu.

Après chez les serveurs payants les prix varient en fonction des services apportés.

Pour notre site exemple nous allons passer par un hébergeur gratuit : Voila.

Par contre si vous désirez créer un site pour présenter votre activité professionnelle ou pour vendre, je vous conseil fortement un hébergeur payant. Les prix sont généralement trés abordable.(voir liens à la fin du livre)

§ Vous inscrire

Tout d’abord il faut vous créer un compte. Allez sur la page d’accueil de Voila France.

Puis cliquez sur créer un compte.

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 30: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

Une fois que vous avez cliqué, remplissez le formulaire avec vos données. Validez votre inscription.

Ensuite vous recevrez un mail vous demandant de confirmer votre inscription en cliquant sur un lien. Confirmez votre inscription. Voilà vous êtes inscrit.

Etape 2 : Mettre votre site en ligne

Maintenant, retournez sur voilà avec votre nom d’utilisateur et votre mot de passe.

Cliquez sur l’icône « page perso » et entrez vos identifiants.

Vous avez alors deux solutions qui vous sont proposées :

« L’assistant en ligne » ou « héberger ». Comme nous avons créé nos propres pages nous allons choisir “héberger”.

Cliquez ensuite sur “créer un site”. Entrez le nom que vous voulez donner à votre site.

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 31: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

Prenez le temps de choisir un nom qui corresponde avec le contenu de votre site.

Pour notre exemple nous pourrions choisir : coaching.

Si le nom n’est pas disponible trouver des synonymes où rajouter un mot.

Il faudra alors séparer les mots avec un tiret. Par exemple : votre-coaching.

Une fois que vous avez donné un nom à votre site, Voilà vous propose, pour gérer votre site, le service « FTP web » qui vous permet de gérer votre site en ligne.

Un serveur FTP est en fait un serveur vous permettant de transférer les données de votre ordinateur à internet en sécurisant vos données par un mot de passe (pour simplifier). Vous êtes ainsi le seul à avoir accès aux fichiers que vous déposez. Pour les rendre accessibles à tous il faut les publier.

Donc cliquez sur utiliser le « ftp web ». Puis entrer vos données si Voila vous le demande. Choisir

« je veux gérer mes fichier ».

Cliquez alors sur votre site. Vous avez maintenant accès à l’interface qui vous permet de gérer votre site en ligne.

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 32: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

Cliquez sur « importer ».

Faites “parcourir” et sélectionnez les fichiers un par un situés dans le répertoire « mon site test » sur votre bureau.

Puis validez. Vous devriez voir apparaître vos fichiers sur l’interface de gestion.

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 33: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

Avant de commencer, vérifiez toujours que votre site fonctionne. Que tous les liens ont bien été créés, que la photo s’affiche, etc…

Pour cela, il vous suffit de cliquer sur le fichier que que vous désirez vérifier et d'aller sur la colonne de droite où vous avez un texte « visualisez la page » . Cliquez dessus et votre page apparaît, cliquez sur les liens, vérifiez bien que tout est en ordre.

Juste en dessous vous avez le texte “modifier la page”. Cela sert à modifier le code html donc je ne vous en parle pas. Votre page apparaît en code.

Une fois que tout fonctionne, cochez la case à côté du fichier « index.html », et cliquez sur supprimer dans la colonne de gauche (vous supprimez ainsi le fichier qui indique que votre site est en construction).

Ensuite cliquez sur votre fichier « index.htm » et modifiez le nom pour l’appeler « index.html ». Valider votre site est maintenant en ligne.

Pour le voir il suffit de taper votre adresse dans votre barre de navigation située tout en haut de votre fenêtre de recherche.

Vous pouvez maintenant donner votre adresse aux personnes avec lesquelles vous désirez partager votre site.

Attention:

L'exemple si dessus et effectuer sur voilà qui posséde un serveur FTP pour mettre vos données en ligne. Si vous utilisez un hébergeur payant il vous faudra certainement avoir un serveur FTP à vous.

Il en existe un gratuit. (voir lien au bas de la page).

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 34: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

CONCLUSION :

Vous savez maintenant créer un site et le mettre en ligne sur voilà. Ce livre n’était destiné qu’à vous permettre de vous sensibiliser à la création de pages WEB.

Il y a bien sûr bien d’autres éléments à prendre en compte si vous voulez améliorer la qualité de votre site ainsi que son référencement, mais grâce à cet e-book j'espère vous avoir donné tous les éléments pour que vous puissiez faire vos premiers pas dans la création de votre site.

Pour ceux qui s'intéressent à la vente sur internet je vous conseil de visiter le blog vendre sur internet. Vous y trouverez des astuces pour démarrer votre site commerciale.

En vous abonnant à la newsletter vous serez tenu au courant des “opportunités” ainsi que des bons plans que je découvre sur internet et bien sûr des nouveaux articles du blog.

Voici quelques liens utiles

● Pour trouver des photos pour votre site:

Je vous conseille Fotolia qui posséde une grande banque d'image de bonne qualité et à des prix tout à fait abordable.( entre 0,33 cts et 1 euros en général)

fotolia

De plus en vous inscrivant vous pouvez également vendrent vos photos. Ce qui permet généralement de financer ses photos et de ne pas perdre son temps avec les droits d'auteurs.(en vérifiant les conditions des banques d'images gratuites généralement peu fourni )

● Logiciel gratuit pour travailler vos images

Il existe plusieurs logiciels de traitement d'image gratuits pour ma part je vous conseil photophiltre qui est facile d'utilisation et pour lequel vous trouverez facilement de l'aide en ligne.

photophiltre

● Serveur FTP gratuit.(également appelé client FTP)

Comme nous l'avons vu ce logiciel vous seras utile si vous décidez de prendre un autre hébérgeur que “voilà” pour mettre vos données en ligne.

Filezilla

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr

Page 35: Copyright © 2008 Laude Sébastien-Tous droits réservés- · 2010-07-07 · Etape 2 : Créer un site WEB Dans cette étape nous allons créer un site WEB ensemble. Pour cela nous

Cet ebook et ma première création de livre éléctronique. Comme dans tous début il y a des bonnes choses et des choses qu'on peut améliorer.

Si certains passages n'était pas assez clair, veuillez m'en excuser. Par contre je serais content de savoir quelle passage a été difficile de manière à lui apporter les modifications nécessaires.

Vous pouvez me faire parvenir ces informations a:

[email protected]

Bonne continuation et bonne réussite pour votre projet de site internet.

Sébastien laude

Editeur internethttp://vendre-par-internet.new.fr

Toulon/France

Copyright © 2008 Laude Sébastien-Tous droits réservés-http://vendre-par-internet.new.fr