Création d`un site web : ma première page

Création d'un site web : ma première page
Au préalable, vous avez créé un dossier pour votre site avec à l'intérieur, un sous-dossier images.
Dans ce sous-dossiers images, vous avez placé toutes vos images, vos boutons, vos arrière-plans…
L
La
a p
pa
ag
ge
e
Une page Web ressemble à une page de traitement de texte où sont incorporés des objets (images, sons… )
Ø Le texte
La partie texte peut subir les modifications habituelles, sauf pour les tabulations.
Les 2 derniers icônes gèrent les couleurs de caractères ou de fond de caractère : laisser appuyer le clic gauche de
la souris pour voir apparaître la palette de couleur.
Ø Le paragraphe
Dans format – paragraphe, les onglets vous permettent de gérer les retraits, les interlignes, les bordures et
fonds.
Ø La page
Dans format – page, les onglets n'apportent pas grand-chose, sauf arrière-plan. Vous pouvez choisir de mettre
une couleur ou une image (celle-ci devra être placée dans votre sous-dossier images)
Position : permet de situer votre image à un endroit précis
Carrelage : répète votre image en mosaïque sur toute la page
Ø L'enregistrement
Votre page s'enregistre dans votre dossier site. La première page de votre site doit s'appeler index ou accueil
(selon les hébergeurs)
Les autres pages n'ont pas de restrictions quant à leur nom. Cependant, éviter les accents, les espaces, les
apostrophes et les noms trop longs. L'indexation d'un numéro peut-être une solution pour une série de pages
portant sur le même thème : page1, page2, page3…
L
La
a m
miisse
e e
en
n p
pa
ag
ge
e
L'absence de tabulation se pose vite comme une difficulté majeure pour la mise en page.
2 solutions : les cadres (ou frames) ou les tableaux.
Les tableaux sont plus simples à gérer pour une présentation propre.
Les cadres permettent de laisser les mêmes informations sur les pages.
Ø Le tableau
Insertion – Tableau : renseigner le nombre de lignes et de colonnes
Format - Tableau permet de gérer un certain nombre de paramètres (attention tous ne sont pas pris en compte
pour les pages web)
Tableau : permet de situer le tableau sur la page. Cocher centré et relatif, cela permet d'afficher votre tableau de
façon proportionnelle quel que soit le mode d'affichage de votre visiteur (sauf si vous scindez ou partagez des
cellules en colonnes)
Bordure : permet de faire apparaître ou non des bordures à votre tableau. Attention ! Il peut y avoir des différences
entre ce qui apparaît et sur ce que peut afficher le navigateur de votre visiteur.
Circonscription Montbrison - Feurs
2003
permet de basculer la barre d'outil entre tableau et texte pour gérer votre texte dans les cellules.
Les outils tableau permettent de fusionner ou de scinder, insérer ou supprimer les cellules.
Ø Les images
Les images sont disposées dans le sous-dossier Images. Elles sont au format JPEG ou GIF. Ces formats
permettent un affichage correct pour une vitesse réduite. Leur nom ne comporte ni accent, ni apostrophe et sont
court.
Sur une page web, les images s'affichent, mais ne font pas partie intégrante du document.
Ces objets se placent soit à l'arrière plan, soit dans le corps du document. L'utilisation du tableau est souhaitée
pour organiser l'agencement de vos images sur la page.
Insertion – Images : explorer votre disque à la recherche de votre sous-dossier Images.
Un certain nombre d'outils est proposé dans Format
L'ancrage : sélectionner "comme caractère" pour une gestion plus simple
L'image : permet de redimensionner votre image, d'ajouter des bordures, de lui associer un court texte qui
apparaîtra à l'écran
L
Le
ess lliie
en
nss
Une fois les pages réalisées, il faut créer les hyper liens pour relier les pages. Cette phase s'anticipe dès le début
de la création, avec l'arborescence de votre site, les termes textuels ou les images (photos, boutons).
Pour passer d'une page à l'autre, le visiteur doit cliquer sur un objet textuel ou un objet iconographique.
Ø Les hyper liens textuels
Sélectionner le texte qui fera le lien : un mot explicite ou non
Format – caractère – hyperlien dans le cadre URL sélectionner la page vers laquelle renvoie le lien
Ø Les hyper liens iconographiques
Sélectionner l'image qui fera le lien.
Format – image – hyperlien dans le cadre URL sélectionner la page vers laquelle renvoie le lien
Quelques règles sur les liens :
Sur chaque page, faire un retour à la page d'accueil
Faire des liens pour un retour à la page précédente ou au niveau précédent.
Faire un lien vers la page thématique de votre page actuelle.
L
La
a m
miisse
e e
en
n lliig
gn
ne
e
Une fois vos pages réalisées ainsi que vos liens, faîtes un essai en cliquant sur le fichier index de votre dossier et
ainsi vérifier la présentation et les liens.
Ø Le transfert
Un logiciel ftp est nécessaire pour transférer votre dossier chez votre hébergeur. Ce dernier vous en propose
généralement un.
Muni de voter login, mot de passe et adresse ftp de votre hébergeur, vous pouvez paramétrer facilement votre
logiciel.
La plupart agissent de la même façon : Une fois connecté, une double fenêtre avec à gauche votre disque dur et
votre droite les dossiers que vous avez placés chez l'hébergeur. Il suffit alors de faire glisser les dossiers ou
fichiers d'une fenêtre à l'autre.
Ø Le référencement
N'oubliez pas de vous inscrire dans l'annuaire de votre hébergeur pour que votre site puisse être connu, ainsi que
sur les moteurs de recherche.
Bon courage !!
Circonscription Montbrison - Feurs
2003