Bonsoir,
Je vais vous expliquez comment crée un petit site internet,
facilement et rapidement avec des logiciels de bases puis comment
organiser le plus clairement un site web.
Premier logiciel : FrontPage Express :
Logiciel destinés au débutant ou bien au configuration PC peu
puissante, car ce logiciel de traitement de pages web s'utilise
simplement comme un traitement de texte avec la possibilité d'y
inséré des tableaux, des liens, des images etc. Puis ne pas
oublier biensur que ce Logiciel est GRATUIT ! et en français !
voici un petit lien de télécharger : http://orilla.net/soft/FrontPageExpress.exe
Pour continuer dans ce petit tutoriel, je vais vous expliquez
comment préparés vos dossiers pour une meilleur organisation.
>> Créer un dossier
(ou vous voulez (généralement dans mes documents)).
>> Nommer ce dossier Mes sites Web.
>> Ouvrir ce dossier et créer un autre dossier
portant le nom : "Mon premier site" (sans les
crochets).
(ceci est biensur un exemple de nom).
>> Ouvrir ce même dossier puis créer un autre dossier
que vous allez nommer cette fois ci : images.
Voila pour l'organisation c'est fini ! ^^
voici un petit dessin pour vous aidez :
+Mes documents
.....|_+Mes sites web
...........|_+Mon premier site
..................|_+Image
...........|_+Mon deuxième site
..................|_+Image
etc.
Bon maintenant Vous avez votre logiciel FrontPage Express, Vos
dossiers sont pret a être rempli de vos futurs créations !
Passons a lespace web !
Ou allez vous stocker vos petit site internet ?
Très bonne question :
Vous avez 3 possibilités de stockage pour un site internet :
>> le premier : stocker votre petit site internet sur votre
ordinateur, les aventages c'est que vous n'aurez jamais de
problèmes concernant les publicités, car beaucoup sont les
sites internet d'aujourd'hui qui proposent un herbergement dit
"gratuit" contre une bannière publicitaire.
>> le deuxieme est d'utilisé votre espace web gratuit
qui est fournis par votre fournisseur d'acces internet donc :
neuf telecom, free, aol, wanadoo et compagnie la liste est trop
longue pour tous vous les sités.
>> et le troisième stockage est de prendre un hebergeur
de site internet payant donc generalement un nom de domaine style
.com, .fr
avec un espace de stockage attenant 1Go, 2Go etc.
Pour votre premier petit site internet, je vous conseil
d'utilisé le deuxieme choix, car comme vous l'aurez peut etre
remarquer ;) beaucoup de personnes utlisent cette méthode pour
bénéficier de nombreux aventage tels que :
>> pourquoi continuer a payer trop cher... (non ca c'est
pas ca ^^ je me trompe de publicité lol).
>> pourquoi utilisé un hebergement payant lorsqu'on veu
faire un petit site, puis surtout pourquoi faire un petit site
sur un hebergement avec un stockage de 2Go que je n'utiliserais
pratiquement jamais !
Tel est la question !
Bon, (déja désolé si l'article est extremement long ^^ mais
j'aime bien discuter le soir alone devant mon pc, et a faire
plaisir des gens que je ne connais pas en leur donnant quelques
cours sur la vie de l'informatique blablabla ^^)... ok ok je
reprend les expliquations !
heu... ha oui !
Beaucoup de personnes utlisent l'espace de stockage offert
gratuitement avec leur Fournisseur d'Acces Internet (FAI), vus
que c'est gratuit autant en profiter rien de plus Normal !
Pour y acceder c'est plutot facile en faite, selon votre
"FAI", il suffit de se rendre dans l'espace client puis
direction page web et puis le reste est asser facile a faire
puisqu'il vous suffis juste de lire :D
Sayé ! Vous avez activer votre espace web ! youpis !
Nous allons donc pouvoir commencer !
Et ben non ! parsque avant cela il vous faut trouver un nom de
domaine plutot original d'un pour attirer la curiositée des
visiteurs puis pour se prendre encore petit peu la tête pendant
ce tutoriel ^^
Bon, biensur le nom de domaine n'est pas obligatoir, mais bon
dans les pirs des cas vous aurrez droit a : http://monsite.aol.com ^^
je vous le garanti ! ce genre d'adresse web n'est pas très
"Accrocheur" !
Donc si vous voulez créer un nom de domaine facile et gratuit
biensur, rendez vous a cette adresse :
http://www.dirweb.net/T rès simple d'utilisation :
>> rendez vous sur le site,
>> cliquez simplement sur Inscription,
>> choisissez un nom de domaine : exemple : woaou.fluo.net
>> l'url -cible sera donc : http://monsite.aol.com
(toujours en tenant compte que ceci est un exemple ^^).
>> de cliquer sur "vérifier"
>> et si tout est OK voila ! vous avez votre nom de
domaine.
>> et pour parler technique : vous avez votre adresse de
redirection !
>> et Voila !! il vous reste plus qu'a donner votre adresse
de redirection a vos amis ! ;)
Un petit crochet : [ un site internet sert avant tout a
montrer des informations, Texte, Images, Vidéo, Sons a d'autres
visiteurs, un site internet peut parfois et souvent (meme) etre
totalement inutile ^^ si si sa existe je n'ai rien contre cela
car chacuns est libre d'exposé tout art quelqu'onque (hein?
manque plus qu'on soit limité lol!). fin du crochet].
Maintenant parlons un peu du contenu :
Je vous rassure je ne me mêle pas de ce qui ne me regarde pas
(plus long la phrase lol désolé c'est l'heure j'ai un oeil qui
dit a l'autre vas te coucher !) ^^ 05h42am...
Du coté "graphique" si on peu parler de ca pour un
petit site internet !
Et bien oui pourquoi ne pas faire un petit graphique sympa pour
adoucir les reliefs et autres courbes des longues et ennuyeuses
pages de textes....
hihi^^ non bon !
Un logiciel que tous le monde connait biensur c'est MsPaint !
Alala qu'est ce qu'on en a pus en faire des dessins avec celui la
!
A noter que Ms Paint est un logiciel vraiment très très
simple d'utilisation, il permet toutefois de réalisé de très
beau chef-d'oeuvre faut il encore savoir s'en servire.
Idéal en tout cas pour réaliser de petit bouton de
naviguation, par exemple : accueil avec une petite maison, un
autre bouton retour precedant un autre une petite lettre pour
informer le visiteur qu'au suivis du click il pourra vous
contactez etc...
Vous pouvez partir a la recherche d'image
"pré-faite" tel que des "gifs" des images
animés, des barres de supperpositions clignotante par exemple
pour donner un peu de vie a votre futur site internet.
Oui les effets spéciaux existe aussi pour les sites internet
mais attention toutefois a ne pas trop exagéré avec c'est
charmant "Gifs", car trop de gifs peuvent rallentir
concidérablement votre futur petit site internet.
Et surtout ne pas oublier qu'il peut aussi rallentir les
ordinateurs de vos futurs visiteurs ! et la chose la plus
importante pour un site internet c'est qu'il soit beau,dynamique,
interactif avec du contenu atrayant et surtout rapide dans la
naviguation des pages.
Par exemple : Meme si vous créez uniquement un site internet
pour raconter votre vie, avec uniquement des textes et des images
comme un "blog" d'aujourd'hui cela est tout a fait
possible biensur, mais attention toutefois a vérifier la taille
des images la compression de l'image sans en perdre la qualitée
et surtout la rapidée de chaques pages afficher.
Ceci est encore un point mistérieux de l'informatique
pourquoi une image trop compresser pert telle de la qualitée,
j'y reviendrais un peu plus tard surement car je suis sur ! vous
en mourrez d'envie de le savoir !
(vous l'aurrez compris que je parle uniquement aux personnes qui
débute dans ce domaine et qui on besoins de savoir !) ;).
Bon, une fois votre espace web créer ou plutot activé via
votre fournisseur d'acces internet (fai), apres avoir créer
votre redirection et créer vos images avec paint.veuillez a Retournez dans votre dossier Mes sites Web qui a
l'origine devrait se trouver dans la source Mes documents.
Ouvrer le dossier Mon premier site et ouvrez aussi le dossier
image maintenant il ne vous reste plus qu'a y placer toutes les
images, gifs que vous avez créer et récupéré par le biais de
votre très cher amis google.
Maintenant Passant au logiciel FrontPage Express
Démarrer le
logiciel vous allez voir il est vraiment très très simple
d'utilisation ! c'est comme un gros nounours que l'on viens
d'accueillir devant sa porte en lui apportant un grand bole d'eau
bien fraiche... hum jméloigne.....lol
En faite ce que je cherche (oui) a vous expliquer c'est que
créer un site internet c'est vraiment une bonne partie de
plaisir, bon ok pour le premier vous galerez car vous chercher
avant tout a faire un truc beau, qui sorte de l'ordinaire mais
sachez une chose (si biensur vous ne l'avez pas encore ^^), c'est
qu'un site internet qu'il soit amateur ou professionnel,
il
n'est jamais terminer !
Oui, vous avez bien compris, car internet n'est pas comme un
tableau sur lequel un peintre se met a dessiner mais plutot comme
un petit livre dans lequel en reccueil toutes sortes
d'informations jours apres jours et qui au fur et a mesure de
l'avancement se rempli de passion et de bonheur.
Oui, je peux dire qu'apres une quaizaine d'année d'errière
un ordinateur ma passion est tel de devenir Web designer et qui
je le suis aujourd'hui dailleur ^^
Allez hop ! on retourne sur notre logiciel Front Page Express
:
On le démarre et on appréci la zolie tite interface
agréable qui nous rappel fortement Work ^^ dans les année
95/98.... (berk pour ma part).
Alors Pour créer votre première page sur Front Page Express
(FPE)...
il vous suffit simplement de faire > FICHIER > NOUVEAU
et voila vous avez votre nouvelle page.
Bon par défaut des l'ouverture de FPE (Front Page Express),
vous nouvelle page est activé pour facilité les choses.
Placez votre curseur de la souris au milleur de cette page
donc "grise" et comment a pianoter quelques texte pour
tester le bestio.
Ha! vous ne savez pas par quoi commencer ?
Oui, c'est vrai ce fut aussi mon premier lors de ma première
découverte de FPE en l'an 1995^^ alala le bon vieux temps....
donc pour commencer je vais vous aidez, c'est juste un premier
pas a faire avec le bestio apres vous verrez sa yra tout seul ;)
Pour commencer donc veuillez écrire :
"Bienvenue sur ma première page web"
Vous pouvez utliser les options de textes "avancés"
si on peu appelez ca comme ca^^; vous voyez le G
I S en haut dans la barre des taches ?
>> ben voila vous venez de découvrir le bouton G = Gras
>> le bouton I = Italique
>> et le bouton S = Souligner
Pour faire prendre l'effectif du texte c'est simple pour
débuter :
selectionner votre texte en maintenant le curseur de la souris
gauche enfoncé du debut de votre texte jusqu'a la fin (donc sa
peut etre un mot une phrase ou simplement que des lettres)
Une fois votre selection faite lacher le bouton de la souris
et vous verrez alors votre texte en surlignage bleu ou noir
suivant les configurations.
Maintenant il ne vous reste plus qu'a choisir entre le Gras,
l'Italique et le surlignage pour mettre forme a votre texte de
présentation.
"Bienvenue sur ma premiere page web"
pour continuer dans les boutons, vous avez aussi la
possibilités d'augmentater la taille du texte, en cliquant sur A
ou a pour le diminuer.
veuillez biensur avant toute opération de modification de texte
a le surligné, il existe toute fois une technique un peu plus
simple pour selectionner simplement tout une phrase et d'y mettre
la forme adéquate.
Cliquez a l'extreme gauche du texte désiré et vous verrez
alors toute votre phrase s'auto-surligné !
De meme si vous desirez selectionner plusieurs ligne en meme
temps meme technique clik a lextreme gauche et cette fois ci
veuillez rester appuiyé sur le bouton gauche puis descendre
jsuqu'a le nombre de lignes souhaiter :)
Vous voyez c'est pas si compliquer que ca !
Aller on coninu, pour inséré une image c'est facile dans
cette meme barre de menu en haut donc, vous devriez apercevoir
une petit icone (une petit image) carré jaune avec une espece de
montage dessiner, voila vous l'avez trouver ! cette icone vous
indique que si vous effectuer un clik dessus elle vous permettra
d'y inséré des images dans le contenu de votre page web.
Donc on clik et une nouvelle fenetre s'affiche en vous
demandant de selectionner la futur image, très facile veuillez
cliquer sur Parcourir pour comme vous l'aurez compris
"partir a la recherche de votre image".
Une fois votre image trouver, faite un double clik sur celle
ci puis sur OK pour la voir enfin inséré sur votre page web !
Maintenant vous avez votre image et votre texte de bienvenu
sur votre nouvelle page web et vous trouver ca vraiment super !
Néamoins, l'emplacememnt de votre image ne vous convient pas et
vous aimeriez la voir au dessus de votre texte de bienvenue :ce
qui peut se sembler logic dans un premier abord.
Donc retour dans la barre des menus tout en haut, vous devriez
y découvrir juste a coter de l'icone "inséré une
image" un petit robot blanc, et bien non ce n'est pas celui
ci mais le petit bouton juste au milieu qui resemble a un espace
de calendrier (blanc et bleu).
Et bien ce n'est pas un calendrier comme on pourrait bien le
croire, mais simplement la fonction d'ajout de tableau !
Il vous suffit simplement de rester appuyer sur ce petit
bouton pour et de selectionner le nombre de carreau adéquat
comme si que vous faisiez une selection de texte (c'est le meme
principe).
Donc pour cet exemple nous allons choisir 2 petit carreaux
dans la positions verticales (logic puisque nous voulions mettre
la photo au dessus du texte de présentation).
Bon, on retourne prendre votre texte de présentation, donc
maintenant vous savez comment faire ? selection du texte on
active le surlignage et on effectu un petit clik droit sur cet
meme selection pour activer le mode "copier".
On retourne dans notre petit tableau qui nous attends sagement
on positionne le curseur de la souris dans le deuxieme petit
cadre puis on effectu un clik droit a l'interreur suivis du mode
"coller".
et on obtiens ceci : (si tout c'est correctement passer) :
| [Image] |
| "Bienvenue sur ma premiere page
web" |
maintenant meme principe on selectionne notre image on effectu
un couper puis on se place dans le cadre juste au dessus du texte
de prénsetation et hop on colle.
Bravo !
Maintenant vous pouvez continuer a ecrire des textes
d'introduction, ou bien a parler un peu de vous etc et vous savez
maintenant comment ajouter un cadre et y selectionner du texte
pour faire une petit mise en forme toute gentil.
Nous allons passer maintenant a la sauvegarde de la page web,
nous allons donc acceder au menu FICHIER > ENREGISTRER SOUS.
Une petite fenetre ENREGISTRER SOUS s'affiche et vous demande
le nom du document en question, seulement un des bugs les plus
ennuyant de ce logiciel c'est qu'il vous indique lors d'une
première utilisation toujours un dossier de sous enregistrement
completement a l'oposé de ce que l'on voudrait ^^ fin bon ce
n'est pas reelement un problème lorsqu'on c'est exactement ou
l'on as stocker notre site internet.
Donc un petit clique sur PARCOURIR et nous partont donc a la
recherche de ce fameux dossier Mes sites Web !
Sayer ! on l'a trouver il était cacher dans MES DOCUMENTS !
On ouvre donc ce dossier puis on apercois le dossier mon premier
site web, donc on re double clik pour afficher le contenu et la
c'est bon !
dans la zone nom : on ecrit : INDEX.HTM et on clique sur
enregistrer.
Vous allez me dire non ! moi je veu que ma premiere page
s'appel : ma première page web ! alors pourquoi je mettrais
INDEX ! surtout que cela est totalement moche surtout qu'au
début de se tutoriel vous nous avez expliquer qu'il fallait
trouver un nom accrocheur donc là je ne vous suis plus Monsieur
! (lol tape la discu alone)...
Oui Vous avez tout a fait raison ! mais je ne retire pas ce
que je viens de dire !
Car Certe votre site internet porte le nom : Ma première page
web mais pour que votre site internet fonctionne correctement aux
yeux de tous le monde c'est qu'avant tout vous utilisiez le
systeme fournis par le WORLD WILD WEB.... (le www.).
Toujour pas compris : ??
En clair pour qu'un site puisse fonctionner correstement, il
faut que la première page web porte le nom INDEX ce qui permetra
de démarrer correctement votre site sur votre hebergeur, car
admétont vous avez 100 pages sur votre beau petit site internet
comment votre hébergeur (le bot) va til faire pour savoir quel
est votre première page ?(expliquation en version simplifier
biensur).
Ah ! je comprend mieux maintenant et je m'excuse de m'etre
enervé alors que vous alliez surement me donner la réponse
alala je vois que vous n'êtes pas le seul a etre fatigué a une
heure si tardive.
Arf ! je ne vous en veux pas ! ne vous inquietez pas ! je peux
comprendre.... ^^
Bon Votre site internet et dorénavent créer, éditer,
décorer pocedant une adresse de redirection il ne reste plus
qu'a remplir le contenu de votre :) au fur et a mesure du temps
:) surtout enregistrer toujours votre travail environ toute les 2
minutes car nombreux sont les bugs de plantage du systeme du a la
manque de mémoire etc etc.
Avant de finir et de partir de coucher a moinss que non arf
!!! il est 06h40am le reveille va sonner dans quelques minutes
bon tempis je reste avec vous a vous expliquez Comment mettre
votre site internet en ligne !
Hé oui sans cela peux de visiteurs risque de voir votre site
internet ! et pour etre précis PERSONNE ne le verra ^^
Aller hop pour envoyé votre site sur internet plus
précisément sur votre hébergeur gratuit c'est facile et
rapide, on peu voir depuis quelques années maintenant que
directement a la source de l'hébergeur il existe petit logiciel
pour envoyé notre contenu sur l'hebergeur. Plus précisement
cela s'appel une logiciel de TransFert FTP.
FTP : Files Transfert Protocol : Protocol de Tranfsert de
fichiers...
Si part hazard votre hebergeur ne vous propose pas ce systeme
de FTP a distance, c'est très simple il vous suffit simplement
d'en télécharger un gratuitement biensur sur un site de
confiance donc voici un lien fort intéréssant :
http://sashock.free.fr/ftp-it/Ftp-It_1.0.1.exe
Voila avec ce petit logiciel vos transfert de fichier iront a
la vitesse de l'éclair !
Biensur vous devriez connaitre votre identifiant et votre mot de
passe (logic) ainsi que l'adresse FTP de votre serveur
d'hébergement.
Cela ce reconnait facilement car l'adresse est composé de :
ftp://ftp.votrefournisseur.com
Voila ! Vous savez tout sur tout ! Mais sachez encore une
chose oui ! :D
Front Page Express c'est un excellent logiciel pour débuter ! et
je vous ai expliquer quelques informations importantes concernant
ce logiciel mais il reste encore de NOMBREUSES fonctionnalités
bien facile a découvrir qui j'espere vous réussrirez a les
découvrirs tout seul au fur et a mesure de votre évolutions
dans votre création de site web ;)
Et puis si un jour vous devenez Web Design comme moi :P Pensez
a quitter Front Page Express pour prendre l'ULTIME Macromedia
Dreamweaver !
Sayer je ne vous retiens plus ! Je part me coucher ! (un peu),
Et remercis tous le monde d'avoir lus tout ce petit tutoriel bien
sympatique et espere avoir aider pas mal de gens pour découvrir
comment faire son premier site internet ;)
Bonne lecteur et bon Dodo !
@++
|