Chapitre 5 Gestion de la navigation

Transcription

Chapitre 5 Gestion de la navigation
Réaliser un site internet à l’aide de Google Site
Chapitre 5
Gestion de la navigation
1. Modifier la mise en page du site
Le menu est la colonne vertébrale de votre site. Il vous permet de naviguer facilement dans les différentes
parties. Il est donc important qu'il soit bien pensé et esthétique. Le menu par défaut de Google Sites est
textuel.
1. Affichez la page d’accueil de votre site
2. Cliquez sur « Plus d'actions »
puis "Modifier la Mise en page du site"
3. Une fois sur la page de gestion (administration) de la mise en page du site, activez ou désactivez les
zones à afficher sur le site ("En-tête", "Navigation horizontale", "barre latérale", "pied de page") Chaque
élément est ensuite modifiable individuellement.
2. Ajouter une barre de navigation horizontale
1. Cliquez sur « Plus d'actions »
puis "Modifier la Mise en page du site"
2. Activez l’affichage de la navigation horizontale
3. Cliquez sur la zone correspondant à la barre de navigation horizontale pour la personnaliser
N Vanassche
www.nathalievanassche.be
22
Réaliser un site internet à l’aide de Google Site
B
A
C
D
A. Ajoutez les pages qui se retrouveront dans cette barre de navigation, Ajouter une URL
permettra d’ajouter un lien vers un site extérieur (par exemple une page Facebook)
A.
B. Réorganisez les pages constituant votre navigation, supprimez éventuellement une page de
cette barre de navigation (la page en elle-même ne sera pas supprimée)
C. Ajoutez des liens vers des pages générées par Google Site
D. Choisissez un style pour la barre de navigation
4. Cliquez sur "Ok" lorsque les modifications ont été terminées.
3. Ajouter une barre de navigation latérale
1. Affichez la page d’accueil de votre site
2. Cliquez sur « Plus d'actions »
site"
puis "Modifier la Mise en page du
3. Activez l’affichage de la navigation horizontale
4. Cliquez sur la zone correspondant à la barre latérale pour la personnaliser
N Vanassche
www.nathalievanassche.be
23
Réaliser un site internet à l’aide de Google Site
A
B
D
C
E
A. Titrez la barre de navigation, choisissez d’afficher le titre ou non
B. Décochez « Organiser automatiquement ma navigation » si vous souhaitez choisir quelles
pages et dans quel ordre celles-ci s’afficheront.
C. Ajoutez les pages qui se retrouveront dans cette barre de navigation, Ajouter une URL
permettra d’ajouter un lien vers un site extérieur (par exemple une page Facebook)
D. Réorganisez les pages constituant votre navigation, supprimez éventuellement une page de
cette barre de navigation (la page en elle-même ne sera pas supprimée)
E. Ajoutez des liens vers des pages générées par Google Site
5. Une fois le menu composé de toutes les pages souhaitées, il est possible d’en modifier son aspect.
Cliquez sur la zone correspondant la barre latérale (crayon) pour la personnaliser
N Vanassche
www.nathalievanassche.be
24
Réaliser un site internet à l’aide de Google Site
1. La barre latérale peut apparaître sur la droite ou la gauche et une largeur peut être définie
4. Ajouter un en-tête à votre site
2. Affichez la page d’accueil de votre site
3. Cliquez sur « Plus d'actions »
puis "Modifier la Mise en page du site"
4. Activez l’affichage de la navigation horizontale
5. Cliquez sur la zone correspondant à l’en-tête pour le personnaliser
N Vanassche
www.nathalievanassche.be
25
Réaliser un site internet à l’aide de Google Site
C
B
A
A. Si vous souhaitez ajouter une image personnelle dans la bannière de votre site, accédez à celle-ci
en activant « Logo personnalisé » et en cliquant sur « Choisissez un fichier »
B. Déterminez une hauteur différente pour votre site web en utilisant la taille initiale de l’image
ajoutée ou en définissant une dimension en pixels
C. Déterminez un alignement horizontal et vertical pour l’image au sein de la bannière
5. Ajouter un pied de page à votre site
1. Affichez la page d’accueil de votre site
2. Cliquez sur « Plus d'actions »
puis "Modifier la Mise en page du site"
3. Activez l’affichage de la navigation horizontale
4. Cliquez sur la zone correspondant au pied de page pour le personnaliser
5. Tapez et formatez le texte comme d’habitude, celui-ci apparaîtra en pied de page de toutes les pages du
site web.
N Vanassche
www.nathalievanassche.be
26