Vous voulez créer un site Internet mais
vous ne voulez pas vous aventurer dans la programmation ? Ce tutorial est fait
pour ça.
Cependant, vous aurez besoin :
- d'un espace FTP. Pour ceux disposant
d'une connexion Internet chez Free, je vous conseille de
vous inscrire sur
www.free.fr
car ils proposent un espace FTP gratuit avec 100mo de capacité, et supportant un
serveur MySQL gratuitement. Si vous ne voulez pas vous inscrire chez un
hébergeur, je vous conseille Bullet Proof.
- d'un logiciel d'accès FTP (uniquement
si vous vous êtes inscrit chez un hébergeur). Je vous conseille FTP Expert 3.
- de FrontPage (ou DreamWeaver). A vous
de choisir. DreamWeaver est beaucoup plus perfectionné. Mais pour la prise en
main, FrontPage est plus facile à utiliser.
- d'un éditeur graphique. Je vous
conseille Adobe Photoshop pour créer les graphismes, mais Adobe Illustrator est
mieux pour la création de design Web.
- d'un nom de domaine.
Une fois que vous avez tout cela, nous
pouvons commencer.
I] Création d'un espace
FTP
a) Par l'intermédiaire d'un hébergeur
Commencez par vous inscrire chez un
hébergeur. Pour ma part, j'utilise Free. Une fois l'inscription terminée (chez
Free), vous devez attendre qu'ils vous envoient les coordonnées. Cela prend 2
jours en moyenne.
Une fois que vous avez les coordonnées
nécessaires, vous devez activer votre espace Web. Cela peut prendre une journée.
Une fois votre Espace Web activé, paramétrez FTP Expert. Comme serveur, mettez
celui que votre hébergeur vous à communiqué (Pour Free, avant c'était ftpperso.free.fr,
mais maintenant c'est login.free.fr,
en remplacant login
par le login). Comme
port, c'est pareil (Port 21 pour Free). Puis saisissez votre login et mot de
passe. Ensuite connectez-vous. Si ça marche, vous pouvez passer à l'étape
suivante (II).
b) Par
l'intermédiaire d'un serveur local
Vous pouvez créer vous-même un serveur
chez vous. L'avantage c'est qu'il vous appartient. L'inconvénient c'est que si
votre serveur est inactif, votre FTP sera indisponible donc vous devrez avoir
votre PC allumé en permanence puis bien sûr votre serveur activé, si vous voulez
que votre site soit accessible 24h/24. Procurez-vous d'un logiciel de serveur
FTP. Je vous conseille Bullet Proof. Installez le logiciel, paramétrez le
logiciel en fonction de votre configuration. Choisissez un dossier qui va servir
de racine pour votre FTP. Créez des comptes pour votre FTP puis attribuez leur
les droites nécessaires. Une fois tout cela terminé, votre FTP est prêt.
II] Création du site Web
a) Création des pages Web
C'est le moment maintenant d'utiliser
votre éditeur HTML. Donc saisissez votre page comme vous voulez. Vous pouvez
créer des cadres (une partie Menu, une partie Entête, une partie Corps). Libre à
vous de décider. Une fois toutes vos pages créées, il vous faut maintenant les
"lier" grâce à des liens hypertexte. Cela permet, par exemple, de faire en sorte
que si on clique sur le texte "Downloads", ça aille sur la page "Downloads".
Pour cela, sélectionnez le texte qui va servir de lien, puis faites clic droit.
Sous Frontpage, il y a la fonction "Lien hypertexte". Il doit y avoir le même
genre de fonction sous DreamWeaver. Ensuite, saisissez l'adresse de la page
cible, là où c'est demandé. Puis cliquez sur OK. Votre lien est désormais crée.
Vous pouvez créer des liens pointant vers une adresse email, permettant au
visiteur d'écrire un email à l'adresse prévue.
Une fois tous vos liens crées, il faut
décider quelle page servira de page d'accueil. Pour cela, repérez cette page
puis nommez-là : index.html
ou index.htm.
ATTENTION : Ne mettez jamais de
majuscules, sinon la page ne sera pas reconnue comme page d'accueil.
b) Création
graphique
L'utilisation dépend du logiciel utilisé.
Je ne peux pas décider de la façon dont les images vont être créées, c'est à
vous de décider. Une fois vos images créées, importez-les dans vos pages grâce à
votre éditeur HTML grâce à la fonction "Insérer".
Vous pouvez redimensionner vos images
comme vous le voulez directement dans votre éditeur HTML, ou définir une image
comme image de fons pour vos pages.
III] Transfert vers votre
espace FTP
a)
Distant (hébergeur)
Ouvrez votre logiciel d'accès (ex : FTP
Expert 3). Puis connectez-vous sur votre espace FTP. Vous l'avez déjà configuré.
Une fois connecté dessus, transférez vos données grâce au Drag&Drop (Glisser-Déplacer)
de la souris. Le transfert peut être long en fonction de la vitesse de
transmission de votre connexion Internet. Puis après c'est fait, votre site est
en ligne.
b) Local
Vous avez juste à faire un copier/coller
de vos fichiers vers votre dossier FTP.
IV] Nom de domaine
a) Pour un
espace FTP chez un hébergeur
Quand vous créez un espace FTP chez un
hébergeur, l'hébergeur lui attribue un nom de domaine du style : http://monsite.free.fr
(pour Free) ou http://monsite.ifrance.com
(pour iFrance), etc...
b) Pour un
espace FTP sur un serveur local
Si vous avez un serveur local, l'adresse
d'accès à votre site est du style :
http://AdresseIP/index.htm (votre
adresse IP + votre page d'accueil). Exemple : http://172.154.49.2/index.html.
Je rappelle que l'adresse IP change à
chaque connexion, donc je vous invite à consulter le tutorial sur "Avoir une IP
Fixe", cela vous permettra d'avoir toujours la même adresse IP.
En gros, votre adresse est
trop longue. Vous aimeriez sûrement avoir une adresse plus courte. Les noms de
domaines sont là pour ça. Je vous conseille de vous inscrire sur
www.ulimit.com,
c'est un site qui vous propose une redirection gratuite vers votre site grâce à
une adresse du style
www.monsite.fr.st. Ils mettent très
peu de pub ! En détail, ils marquent "Redirigé par Ulimit" en haut de la page,
sur votre barre de titre.
V] Fin
Voilà, je rajoute que si
vous voulez gérer votre site sans logiciel d'accès FTP, c'est tout à fait
possible. Pour cela, demandez à votre hébergeur (sur Free, il suffit d'aller sur
ftp://login.free.fr
en remplaçant login
par votre login).
Votre site est maintenant au
point. Il est temps maintenant de passer à la programmation. Je vous conseille
le site suivant :
www.javascriptfr.com.
Vous trouverez absolument tout sur la programmation HTML/PHP/Javascript. Si vous
avez besoin d'aide, des milliers de gens de la communautés sont prêts à vous
aider ! Cependant vous trouverez un petit tutorial sur l'HTML dans la section
Tutoriaux. Je vous souhaite Bonne chance pour la suite !