[PDF] Le logiciel de création de site internet IZISPOT est un outil très

1 Izi spo t Page 1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d'utilisation. Voici un mode opératoire qui vous guidera dans l'utilisation de ce logiciel. Bonne utilisation.

2 Izi spo t Page 2 Sommaire Début Création ou ouverture d'un site ............................................................... page 3 Approfondissement Détails des différents menus ............................................................. page 4 à 5 Edition du menu principal : - Présentation du menu ......................... page 6 - Ajouter un lien ................................... page 7 - Apparence du menu ............................ page 8 Création de page : étude des menus Menu du haut .........................................................................................page 9 Editeur de texte .................................................................................... page 9 Insertion de tableau ............................................................................... page 9 Insertion de Liens hypertexte ................................................................ page 10 Insertion d'image : - propriétés de l'image ........................ page 10 - Insertion d'une l'image ............... page 10 à 11 Editeur de charte graphique Création ou importation d'une charte graphique ....................................... page 12 Création d'une charte graphique ............................................................ page 13 Modification d'une charte graphique ................................................ page 13 à 14 Mise en ligne Détails de la mise en ligne ............................................................. page 15 à 16 Divers Détails divers ...................................................................................... page 17

3 Izi spo t Page 3 Création et ouverture d'un site Démarrer le logiciel en cliquant sur l'icône suivante : Vous arrivez sur une page vierge, avec deux boutons dans le coin supérieur gauche qui vous propose deux choix d'actions : Nouveau : Créer un nouveau site, Ouvrir : Ouvrir un fichier déjà existant. Création d'un nouveau site En cliqua nt sur le bouton " Créer » une petite fenêt re, appe lé aussi " boite de dialogue » apparaît, et vous propose 3 choix d'actions : Site Vierge : Créer votre site à partir d'une base entièrement vierge, pour cela saisissez le nom de votre site et enregistrer. A partir d'un modèle : Sélectionner un des cinq modèles qui vous sont proposés. Annuler : Fermer la boite de dialogue. Ouverture d'un site existant Pour ouvrir un site existant, deux cas de figure se présentent : Vous utilisez ce logiciel pour la 1er fois, donc cliquez sur " parcourir » pour aller chercher votre fichier " .izi ». Vous avez déjà une fois ouvert un site, auquel cas vous avez juste à sélectionner le site que vous souhaitez modifier, et cliquez sur " ouvrir ».

4 Izi spo t Page 4 Détails des différents menus Le menu général d'Izispot se compose de différentes parties qui sont expliqués dans cette page. Le menu de haut Nouveau : Créer un nouveau site. Ouvrir : Ouvrir un site déjà existant. Enregistrer : Enregistrer votre site sous plusieurs formats (izispot, html, ...). Navigateur : Avoir un aperçu de votre site sur votre navigateur (Internet explorer ou firefox). Rendu : Avoir un rendu rapide de votre site depuis le logiciel. Paramètres : Effectuer divers réglages de votre site. Mise en ligne : Effectuer la mise en ligne de votre site : voir page 15. Le menu du bas : Outils Documentation : Obtenir diverses inform ations à propos du logiciel, de l'hébergement et autres. Forum : Accéder au forum de discutions Izisoftware. Formations : Se rensei gner à propos des possibles formations pour ce logiciel (lieu, prix, ...). Référencement : Configurer votre site afin de le référencer sur les principaux moteurs de recherche. Bibliothèque : Accédez aux divers télé chargements (chartes graphiques, options, modèles, ...).

5 Izi spo t Page 5 Le menu du bas : Général Configurations : Régler les différentes options générales du site (Titre, adresse, mots clés, copyright ...). Traduction : Ajouter une ou plusieur s traduction s, ou les supprimer : voir page 17. Logo : Ajouter un logo, à partir d'une image. Votre menu : Configurer le menu de votre site. Options de page : Régler les différentes options de pages (clique droit, curseur, ...) Le menu du bas : Graphisme Animations flash : Ajouter des animations qui s'animeront à l'ouverture de votre site. Chartes graphiques : Choisissez votre charte graphique parmi un très large choix de modèle. Editeur de chartes : Créer vous-même la charte, selon v os envies, dans le moindre détail : voir page X.

6 Izi spo t Page 6 Edition du menu principal Le menu principal se décompose en 2 parties : Créer une nouvelle page : voir page 9. Organiser le menu du site : ci-dessous. Présentation de l'éditeur du menu Le menu principal est ce qui permettra de naviguer sur votre site. En mode é dition, la fen être de création/modificat ion du me nu se présente sous la forme suivante : menu principal sous menu sous sous menu Ajouter un lien dans le menu : voir page 7. Editer l'apparence des liens du menu : voir page 8. Supprimer le lien du menu.

7 Izi spo t Page 7 Ajouter un lien dans le menu Type de lien : o Texte sans lien : Créer un texte sans lien o Page interne : Créer un lien vers une page du site o Page externe : Créer un lien vers un autre site o Séparateur de lien : Créer une barre qui sépare les liens Nom du lien : Le nom qui apparaitra dans le menu Info bulle : Texte qui apparaitra au passage de la souris Page du site : Sélection de la page à afficher ou lien externe : Saisie de à l'adresse URL du site afficher Mode d'ouverture : o Normal : Ouvrir dans la page principale o Nouvelle fenêtre : Ouvrir dans une nouvelle fenêtre o Popup : Ouvrir dans une popup (régler les dimensions) Icône normal : Ajouter une icone à votre lien. Icône dessus : Ajouter une icône qui apparaitra au passage de la souris

8 Izi spo t Page 8 Apparence du menu Le bouton " nouveau style » permet de créer un style, que vous pourrez réutiliser pour d'autres liens. La sélection d'un style se fait à l'aide de la liste à déroulement. Le mot " item » correspond ici au lien que l'ont souhaite modifier. Apparence de l'item : Paramétrer la largeu r, la hauteur, la coul eur de fond et personnaliser la bordure. Police de l'item : Personnaliser les caractéristiques de la police. Images item : Ajouter des images qui serviront de fond et d'encadrement à votre lien. Ce sont des images que vous aurez précédemment préparé.

9 Izi spo t Page 9 Création de page, étude des menus La création et l'édition de page est l'étape la plus importante de la création d'un site, car ce seron t les pa ges qui seront lues e t regardées par tout vos visi teurs. De nombre ux outils sont à votre disposition pour réussir à créer des pages complètes et très lisibles. Ces différents outils seront expliqués dans la suite de ce mode opératoire. Menu du haut Ce menu vous propose les fonctions de base, comme Enregistrer, supprimer, couper, copier, coller, annuler et rétablir, mais également : Edition : Mode par default, vous permet de modifier votre page en mode " aperçu ». Source Html : Modifier votre site en utilisant le langage HTML. Propriété : Régler différentes options. Editeur de texte Ce menu est un éditeur de texte standard, avec les réglages de base, tels que la police, la taille, la couleur, l'alignement et la mise en forme. Tableau Ce menu permet de paramétrer le tableau après l'avoir ajouté, avec des paramétrages de base.

10 Izi spo t Page 10 Liens Ce menu vous permet d'insérer un lien hypertexte, sur un texte ou une image. Un site internet : Entrer l'adresse URL du site à joindre en lien Une page du site : Sélectionner la page à joindre en lien. Un fichier : Créer un lien vers un fichier de n'importe quel format (texteur, tableur, audio, vidéo, ...) Propriété d'une image Ce menu vous permet d'éditer une image. La section " Nom » est pour indiquer le nom de la photo et la section " Légende » pour indiquer un détail de la photo qui s'affichera au passage de la souris. Insertion d'une image

11 Izi spo t Page 11 La section " taille » Cette section permet de régler la taille de votre image, avec des tailles prédéfinies, ou une taille personnalisée : Petite image produit : 80 x 53 Grande image produit : 300 x 200 Logo du site : 113 x 75 Format classique : 300 x 200 Drapeau : 20 x 13 ... Nb : Il est im portant de bien sélectionner " taille proportionnel le » pour que votre image garde bien son format d'origine. Nb : Après avoir sélectionnés le format souhaité, appliquez les paramètres. La section " effets » Cette section perm et d'ajouter des effets à votre image, en modifia nt certains paramètres. La section " optimiser » Couleurs 24 bits : réglage par défaut .............................................. Niveau de gris : passer votre photo en noir et blanc ......................... Noir et blanc : passer votre photo en noir et blanc absolu .................. Nb : La qualité est une échelle allant de 1 (mauvaise) à 10 (très bonne), plus la qualité est bonne, plus la photo sera lourde.

12 Izi spo t Page 12 Editeur de Charte graphique La charte graphique est l'aspect général de votre site. L'arrière plan de votre site, la disposition des différents éléments de votre site comme l'en-tête, le menu et le bas de page, se feron t à l'aide de l'édite ur de charte pour ceux qui veulent pe rsonnaliser le ur site, autrement, il est possible d'appliquer des chartes fournies avec le logiciel, ou d'en télécharger à l'aide de la bibliothèque. Ouverture et importation d'une charte Pour ouvrir une charte déjà existante et que vous avez déjà appliqué à votre site, faites " fichier/ouvrir ... », sélectionnez la charte que vous souhaitez modifier et ouvrez la. Pour importer une charte déjà existante, faites " fichier/importer » et recherchez votre charte là ou vous l'aviez enregistré. Création d'une charte Pour créer une charte graphique, faites " fichier/nouveau ».

13 Izi spo t Page 13 Nom de la charte : Indiquez le nom de votre charte. Catégorie : Indiquez une catégorie correspondant à votre charte (moderne, classique, ...). Couleur : Indiquez la couleur dominante de la charte. Taille : Sélectionnez une des tailles préfinies, ou personnalisez la. Nb : Tout cela effectué, faites " Ajouter ». Modification d'une charte Menu principal Fichier Nouveau : Créer une nouvelle charte Ouvrir : Ouvrir une autre charte Importer : Importer une charte Dupliquer : Dupliquer la charte Supprimer : Supprimer la charte Exporter (bibliothèque) : Exporter la charte vers la bibliothèque Exporter (fichier) : Exporter en fichier " .c50 » sur le Disque dur Propriété Propriété de la charte : Gérer les configurations générales (couleurs, police) Configuration générales : Modifier quelques propriété de la charte (taille, nom, ...) Affichage Afficher la grille : Afficher une grille qui vous servira de repère Accrochage à la grille : Placer les objets en fonction de la grille

14 Izi spo t Page 14 Objet Nouvelle zone dynamique : o Zone de navigation : Zone correspondante au menu principal de votre site o Copyright : Le copyright apparaitra à condition d'en avoir ajouté un, voir page 6 : " menu du bas/Général » o Titre de page : Le nom de votre page y apparaitra o Drapeau multi langue : Y apparaitra les différents drapeaux correspondants aux différentes langues que vous avez ajoutées o Contenu de la page : Contiendra tout ce que vous avez écris dans vos pages (textes, tableaux, ...) o Logo du site : Y apparaitra le logo du site, à condition d'en avoir ajouté un voir page 6 : " menu du bas/Général » Nouvelle image : Ajouter une nouvelle image Nouvelle zone AJAX : C'est une zone hors contenu de page, qui permet une mise à jour très rapide, et peut être différente sur chaque page. Nouvelle Zone HTML : C'est une zone ou il est possible d'insérer des code html. Prévisualisation Afficher une prévisualisation dans le navigateur de votre choix. Aide Afficher l'aide en ligne.

15 Izi spo t Page 15 Mise en ligne Quand votre site est enfin entièrement terminé, c'est le moment de le mettre en ligne. Pour cela, un outil très simple et très efficace est à votre disposition. En quelques cliques et un peu de patience, votre site est en ligne. Pour accéder à cet outil, cliquez sur le bouton " mise en ligne » dans le menu du haut. Vous arrivez à cette fenêtre : - Adresse du serveur : C'est une adresse , fournie pa r votre hébergeur : " ftpperso.free.fr ». - Nom d'utilisateur : Ce nom est également fournie par votre hébergeur, c'est en généra l votre nom d'adresse e -mail : monsieur@free.fr - Code d'accès : C'est le mot de pa sse qui vous permet d'accéder à vos donner et à votre com pte, il est éga lement f ourni par votre hébergeur. Nb : Sélectionner " Mémoriser » pour que le logici el garde vos informat ions en mémoire, et démarrer la mise en ligne. NB : Si vous sélectionner le transfère vers le serveur, la durée de mise en ligne sera doublée, mais votre site aura une copie en sécurité en cas de problème.

16 Izi spo t Page 16 Pour une mise en ligne plus personnalisé, il est possible de régler plus précisément les paramètres de la mise en ligne. - Répertoire distant par défaut : Répertoire dans lequel doit être placé votre site - Port : Port du serveur FTP - Fichier par défaut : Fichier de démarrage de votre site (page d'accueil) Routeur/firewall A sélectionner ou désélectionner en cas de problème lors du transfert. Serveur proxy Ces informations sont transmises par votre administrateur système

17 Izi spo t Page 17 Divers Quelques autres détails. Plusieurs langues Il est possible de faire un site en plusieurs langues. Pour cela, aller dans le menu du bas " général/traduction ». Sélectionner ou ajouter les drapeaux souhaités. Nb : N'oubliez pas d'ajouter la zone " drapeau multi langue », voir page 13. Nb : Il vous faudra récréer toute vos pages et traduire vous-même vos textes. Pages en colonnes Si votre mise en page impose un travail en colonnes, insérez un tableau au nombre de colonnes souhaitées, puis colorez la bordure de la même couleur que le fond de votre site. Passage à la ligne Le passage à la ligne est par défaut en saut de ligne double, pour un saut de ligne simple, effectuer " maj. » + " entrée » Résolution du site La résolution la plus approprié est en 1024 x 768, car encore beaucoup d'internautes possèdent cette résolution d'écran.