Découvrons notre première page Web...
 
 
Comment créer ma première page ?
    
Le titre que tu vas taper est celui qui apparaîtra en haut de la page Web quand une personne viendra la visiter sur Internet.
Ici, tu peux mettre des accents, des virgules, ...
Lorsque tu cliques sur l’icône “enregistrer”, une fenêtre apparaît. Tape le titre de ta page et clique sur “OK”.
    
Titre de la page - Mac
   
Il faut absolument mettre “index.html” comme nom de fichier pour la première page, c'est une convention, une règle à respecter. La première page doit forcément s’appeler “index.html”. Clique ensuite sur l'icône entouré en rouge pour sélectionner le dossier où sera enregistré "index.html".
   
Enregistrer sa page - Mac
  
N’oublie pas que toutes les pages du site doivent être enregistrées dans le dossier principal. Une fenêtre s’ouvre. Il faut indiquer le dossier où sera enregistrée la page “index.html” : dans le dossier principal.
   
Enregistrer sa page suite - Mac
  
   
Comment insérer un tableau ?
    
Il n’est pas obligatoire d’utiliser un tableau. Néanmoins, ce sera le squelette de la page. Il empêchera les textes et les images de se déplacer n’importe où quand les pages seront lues sur un navigateur Internet. Avant de taper quoi que ce soit, il est préférable de créer un tableau en cliquant sur l'icône “tableau”.
Dans l’exemple, on a choisi de créer un tableau avec 6 colonnes et 3 lignes.
  
Créer un tableau - Mac
    
Avant d’insérer un tableau, il faut réfléchir au nombre de colonnes et de lignes dont tu auras besoin.
De plus, la bordure doit être réglée sur 0 pour que le squelette de la page (le tableau) soit invisible quand la page sera lue sur Internet.
En cliquant sur l’onglet “précisément”, on peut créer un tableau de façon très précise.
   
Format de tableau - Mac
   
Si on veut bloquer les dimensions des bordures du tableau avec précision, il faut les déplacer puis les ramener à leur place d’origine. Le tableau demandé apparaît sur la page en construction.

Pour visionner la vidéo expliquant cette étape, cliquer ICI
   
Déterminer les colonnes - Mac
   
   
Comment insérer une image ?
   
Seules les images que tu as placées dans le dossier “images” pourront être insérées dans les pages en construction. Si tu en as oublié une, sors du logiciel et va vite l’insérer dans le dossier “images” comme tu as fais précédemment.
    
Dossier images - Mac
    
La fenêtre suivante va te permettre de donner quelques informations sur ton image. Dans “texte alternatif”, donne un titre à ton image : pourquoi pas le nom du fichier de l’image. Si tu veux, tu peux choisir ne pas utiliser de texte alternatif, si c'est ton choix, clique sur "ne pas utiliser de texte alternatif".
Clique sur l'icône “image” pour en insérer une. Après avoir écrit le "Texte alternatif", clique sur "parcourir" pour aller chercher ton image.
                        Ouvrir   
    
Texte alternatif - Mac
   
Cette étape est très importante, le navigateur doit savoir quelle image il faut insérer dans la page et où elle se trouve : elle doit être dans le dossier “images” du dossier principal. Grâce à cette fenêtre, indique quelle image tu veux mettre sur la page et clique sur “Open”.
   
Sélectionner une image - Mac
   
Vérifie en bas à gauche si tu ne t’es pas trompé d’image. Il ne reste plus qu’à cliquer sur “OK”.
   
Valider son image - Mac
   
Tu peux la redimensionner en jouant avec les bordures de l’image. Place-la ensuite à l’endroit désiré. L’image doit normalement s’afficher sur la page Web en construction.
   
Image présente - Mac
   
Si tu t’es trompé d’image ou que tu veux la changer, tu peux la supprimer. Pour supprimer une image, clique dessus et appuie sur la touche “delete”.
   

 
Page précédente
Retour aux fiches

Retour menu principal