Support Izispot 1. Atelier création d'un site internet. Support de Sophie Epn Relais ménimontant

Transcription

1 Support Izispot 1 Atelier création d'un site internet Support de Sophie Epn Relais ménimontant

2 Composition d'un site Ce site se compose d'une entête, d'un menu et d'un corps de page L'entête Elle contient souvent le nom du site, un logo Le menu ( ou les liens ) Il contient les liens des pages ou des rubriques. Il permet d'accéder aux différentes pages Le corps de page il est l'endroit où le texte d'une page est écrit. Quand on clique sur le lien du menu, la page arrive a cette endroit. Selon les sites, la disposition des éléments changent!

3 Création d'un nouveau site vierge On lance le logiciel izispot On clique sur nouveau, une boite de dialogue s'ouvre et on clique sur site vierge

4 Une boite de dialogue s'ouvre Elle sert a enregistrer le fichier izispot qui sauvegardera notre site On le nomme au nom de notre site ou a son prénom et on clique sur enregistrer ceci s'ouvre :

5 Observation de l'interface chaque bulle indique l'action que l'on peut faire en cliquant dessus pour enregistrer ses pages vous avez une petite flèche qui permet soit d'enregistrer le site au format izispot soit d'exporter vos pages en html Dans la partie outils vous avez accès à la bibliothèque où certains logiciels ou éléments peuvent être téléchargés ainsi qu'un accès au forum izispot.

6 Choisir sa charte graphique on clique sur graphisme puis sur chartes graphique une boite de dialogue s'ouvre Pour choisir une charte graphique, on clique sur un des thèmes, des chartes graphique sont proposés..

7 On clique sur le thème qui nous intéresse ( sur l'image de la charte graphique.. une boite de dialogue s'ouvre. Si on décide de choisir cette charte graphique on clique sur «appliquer» Si on ne désire pas celle ci on clique sur «Retour à la liste» Notre charte apparaît...

8 Création du menu et des liens Dans un premier temps nous allons créer notre menu On clique sur général et Votre menu

9 Nous allons nous intéresser qu'a cette partie de la boite de dialogue Une fois les rubriques faites, cliquer sur la croix pour fermer

10 On va pouvoir créer nos premiers liens Créer un lien dans une rubrique Pour cela cliquer sur nouvelle page Une boite de dialogue s'ouvre 1) On note le nom de la page 2) On vérifie que notre langue est bien français 3) Dans ajouter un lien au menu du site on clique sur la petite flèche on choisi dans quel sous menu «rubrique» dépend ce lien Si il dépend d'aucune rubrique mettre «Le menu principal» 4) On choisit le type de page, pour une page de base Mettre «pages personnalisables»

11 Pour créer un formulaire choisir «pages formulaires» Pour créer une page de photos, galerie d'images, choisir «pages galerie d'images» Pour permettre aux internautes de télécharger des documents, logiciels, images de notre choix Choisir pages téléchargements Pour mettre une vidéo ( mpg, avi, mpeg etc..) ou un son ( mp3, wave, etc ) Choisir «pages multimédia» On ne s'occupera pas des pages «produits», «flash», «izishopping» et «iziformulaire».. Nous verrons ces pages différentes pages en détail juste après..

12 Création d'une page «personnalisable» Cette page est la page de base de izispot Pour créer une tel page : Remplir tous les champs comme indiqué, remplacer «lien 1» par le nom de votre lien et cliquer sur enregistrer. On va s'intéresser seulement à l'onglet «Édition» Onglet texte

13 Onglet tableau Un tableau est alors crée on clique dans une des cellules et l'onglet «cellule».

14 Onglet lien Pour créer un lien, on sélectionne le mot qui servira de lien puis on clique sur le type de lien souhaité On va s'intéresser essentiellement aux deux premiers types de liens Un lien vers un autre site internet : du style

15 Une page du site : Pour créer ce lien, deux options à remplir : la page qu'on désire en lien pour cela cliquer sur la flèche et choisir parmis les pages crée. Le type de fenêtre : cela correspond à l'endroit où le lien amènera Soit dans la même fenêtre (la fenêtre principale), soit dans une nouvelle soit une fenêtre pop up (du style fenêtre de pub) Onglet image

16 On clique donc sur ajouter une image La boite de dialogue Ouvrir une image apparaît. On sélectionne alors l'image souhaité et on clique sur ouvrir Il est possible de recevoir un message nous précisant que notre image est trop grande On clique sur oui

17 Une fenêtre «éditeur d'images» apparaît On laisse sur format classique, on clique sur appliquer et on clique sur enregistrer et quitter Onglet image On peut modifier les paramètres de l'image comme ceci :

18 Enregistrer sa page