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.

Transcription

1 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. I z i s p o t Page 1

2 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 I z i s p o t Page 2

3 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 : Ouvrir : Créer un nouveau site, Ouvrir un fichier déjà existant. Création d un nouveau site En cliquant sur le bouton «Créer» une petite fenêtre, appelé aussi «boite de dialogue» apparaît, et vous propose 3 choix d actions : Site Vierge : A partir d un modèle : Annuler : Créer votre site à partir d une base entièrement vierge, pour cela saisissez le nom de votre site et enregistrer. Sélectionner un des cinq modèles qui vous sont proposés. 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 1 er 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». I z i s p o t Page 3

4 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 : Ouvrir : Enregistrer : Navigateur : Rendu : Paramètres : Créer un nouveau site. Ouvrir un site déjà existant. Enregistrer votre site sous plusieurs formats (izispot, html, ). Avoir un aperçu de votre site sur votre navigateur (Internet explorer ou firefox). Avoir un rendu rapide de votre site depuis le logiciel. 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 : Forum : Obtenir diverses informations à propos du logiciel, de l hébergement et autres. Accéder au forum de discutions Izisoftware. Formations : Se renseigner à propos des possibles formations pour ce logiciel (lieu, prix, ). Référencement : Bibliothèque : Configurer votre site afin de le référencer sur les principaux moteurs de recherche. Accédez aux divers téléchargements (chartes graphiques, options, modèles,...). I z i s p o t Page 4

5 5 Le menu du bas : Général Configurations : Traduction : Logo : Régler les différentes options générales du site (Titre, adresse, mots clés, copyright ). Ajouter une ou plusieurs traductions, ou les supprimer : voir page 17. 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 vos envies, dans le moindre détail : voir page X. I z i s p o t Page 5

6 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/modification du menu 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. I z i s p o t Page 6

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

8 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 : Police de l item : Paramétrer la largeur, la hauteur, la couleur de fond et personnaliser la bordure. 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é. I z i s p o t Page 8

9 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 seront les pages qui seront lues et regardées par tout vos visiteurs. De nombreux 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 : Source Html : Propriété : Mode par default, vous permet de modifier votre page en mode «aperçu». Modifier votre site en utilisant le langage HTML. 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. I z i s p o t Page 9

10 0 1 Liens Ce menu vous permet d insérer un lien hypertexte, sur un texte ou une image. Un site internet : Une page du site : Un fichier : Entrer l adresse URL du site à joindre en lien Sélectionner la page à joindre en lien. 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 I z i s p o t Page 10

11 1 1 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 important de bien sélectionner «taille proportionnelle» 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 permet d ajouter des effets à votre image, en modifiant 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. I z i s p o t Page 11

12 2 1 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 feront à l aide de l éditeur de charte pour ceux qui veulent personnaliser leur 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». I z i s p o t Page 12

13 3 1 Nom de la charte : Catégorie : Couleur : Taille : Indiquez le nom de votre charte. Indiquez une catégorie correspondant à votre charte (moderne, classique,...). Indiquez la couleur dominante de la charte. Sélectionnez une des tailles préfinies, ou personnalisez la. Nb : Tout cela effectué, faites «Ajouter». Modification d une charte Menu principal Fichier Nouveau : Ouvrir : Importer : Dupliquer : Supprimer : Exporter (bibliothèque) : Exporter (fichier) : Créer une nouvelle charte Ouvrir une autre charte Importer une charte Dupliquer la charte Supprimer la charte Exporter la charte vers la bibliothèque 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 : Accrochage à la grille : Afficher une grille qui vous servira de repère Placer les objets en fonction de la grille I z i s p o t Page 13

14 4 1 Objet Nouvelle zone dynamique : o Zone de navigation : o Copyright : o Titre de page : Zone correspondante au menu principal de votre site Le copyright apparaitra à condition d en avoir ajouté un, voir page 6 : «menu du bas/général» 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 : o Logo du site : Nouvelle image : Nouvelle zone AJAX : Nouvelle Zone HTML : Contiendra tout ce que vous avez écris dans vos pages (textes, tableaux,...) Y apparaitra le logo du site, à condition d en avoir ajouté un voir page 6 : «menu du bas/général» Ajouter une nouvelle image C est une zone hors contenu de page, qui permet une mise à jour très rapide, et peut être différente sur chaque page. 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. I z i s p o t Page 14

15 5 1 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 par votre hébergeur : «ftpperso.free.fr». - Nom d utilisateur : Ce nom est également fournie par votre hébergeur, c est en général votre nom d adresse monsieur@free.fr - Code d accès : C est le mot de passe qui vous permet d accéder à vos donner et à votre compte, il est également fourni par votre hébergeur. Nb : Sélectionner «Mémoriser» pour que le logiciel garde vos informations 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. I z i s p o t Page 15

16 6 1 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 I z i s p o t Page 16

17 7 1 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. I z i s p o t Page 17