Manuel. l'aide en ligne. Web Acappella

Transcription

1 Manuel de l'aide en ligne de Web Acappella

2 Avertissement La consultation du forum de Web Acappella, démontre que les questions posées trouvent souvent leur réponse dans l'aide en ligne, mais que sa consultation ne semble pas être faite systématiquement par ceux qui posent des questions (alors qu'elle possède une recherche par mots clé). Il se pourrait qu'un document que l'on puisse lire en continu, indépendamment du l'utilisation du logiciel et dans un format pratique, rende service à certains utilisateurs dont je suis. C'est la raison qui m'a incité à récupérer ce document. Et comme "la connaissance augmente quand on la partage", je le mets en partage avec la communauté des utilisateurs de Web Acappella. Ce document reprend l'aide en ligne fournie dans le logiciel Web Acappella au 1er Mai Les numérotations des chapitres et paragraphes ont été faites selon leur ordre d'apparition dans cette aide en ligne. Le module E commerce, qui apparaissait 2 fois, n'a été repris que dans sa dernière position. Les contraintes ou limites d'utilisation spécifiques à un sujet on été réintégrées en remarque dans ce sujet, bien qu'elles soient reprises en fin de document comme dans l'aide en ligne L'extraction des textes a été faite par copier-coller. Pour toute question ou aide supplémentaire, vous pouvez consulter: le site de Web Acappella, rubrique "Aide" ou visiter le Forum Officiel de Web Acappella. ESPACE CLIENT aller sur Assistance pour demander une aide ou un renseignement. Ce document reste la propriété de Intuisphère INTUISPHERE SARL unipersonnelle au capital social de SIRET Avenue Salvador Allende BEGLES Aide en ligne de Web Acappella 1 maj 05/10

3 SOMMAIRE de l'aide en ligne de Web Acappella: pages A- CREER VOTRE ESPACE WEB... 5 B- PARAMETRER VOTRE ESPACE WEB 1. Configurer la publication d'un site 1.1 Configuration automatique Propriétés Générales de la publication Gestion des sous-dossiers et du multi site Gestion de la base de données Mail Configuration manuelle Publier votre site sur votre ordinateur Informations sur l'hébergement Hébergements de sites internet Publier chez Free Publier chez SFR Publier chez Orange & Publier cher Orange Premium & 13 3.x Publier chez d'autres hébergeurs C- INTERFACE DE WEB ACAPPELLA 1. Barre des icônes Barre du Multi langages Choix du site Explorateur de pages et de maquettes Explorateur de miniatures Plan de travail Inspecteur d éléments D- PREFERENCES GENERALES DE WEB ACAPPELLA 1. Préférences générales Préférences des images de votre site 2.1. Compression des images (JPEG) Taille maximale des images Format des images importées en glissé/déposé Navigateur Internet de votre site Choix de la langue de l'application Correcteur orthographique chez MAC Grille magnétique Vectorisation des polices E- PROPRIETES DE VOTRE SITE WEB 1. Référencement de votre site Web Activer et utiliser le multi langage Activer la gestion du multi langage sur l intégralité de votre site 2.2. Activer le multi langage sur les pages. 3. Gérer la protection de vos pages Fonctions avancées des propriétés du site Web & 23 Aide en ligne de Web Acappella 2 maj 05/10

4 F- PROPRIETES DE VOS PAGES WEB 1. - Arrière plan et taille de la page Référencement de votre site web Protection de la page Multi langage... voir page Paramétrages avancés de la page G- MANIPULATIONS DE BASE 1. - Sélectionner et déplacer un élément Copier Couper Coller Dupliquer Redimensionnement et rotation Superposition Affichage de la page Ajouter une page Annuler une modification Enregistrer vos modifications Propriétés générales des éléments Propriétés géométriques Apparence du fond transparence ou opacité des éléments Effets de bordure des éléments & 32 H- ELEMENTS D'UNE PAGE 1. - Zone de texte riche 33 & Image Moteur de recherche Module E-Commerce... déplacé en K 5. - Album photo Ajout d'images Assistant de création Paramétrages du visuel et des fonctionnalités & Plugins Bouton & Menu dynamique Formulaire de contact & Zone de couleur Vidéo Son Lien hypertexte & Compteur de visites Ancre HTML & Flash Frame & Zone de code HTML I- MANIPULATIONS AVANCEES 1. - Editeur de thème visuel & Organisation des pages Maquettes & Pieds de page & Rafraîchir votre site Gestionnaire d'espace Web Insérer des balises Meta dans votre site Bibliothèque des images Bibliothèque des fichiers Aide en ligne de Web Acappella 3 maj 05/10

5 J- PUBLICATION 1. - Tester votre site Publier votre site Visiter votre site Définir comme site principal de l'espace Web Tester vos paramètres FTP Publier votre site sur un CD ou sur une clé USB Sauvegarder votre site Récupérer votre site depuis une sauvegarde K- MODULE E-COMMERCE 1 Ajout d'articles Options du E-commerce Général Choix des pays Frais de port & Taxes Formulaire de paiement Extra Affichage du panier et validation de la commande Paiement des commandes & 67 5 Design de votre catalogue L- FAQ à 74 M- AUTRES DOCUMENTS - CONTRAINTES ET LIMITES D'UTILISATION & 76 - IMPORTER VOS SITES CARIBOOST 2.0 DANS WEB ACAPPELLA LES TUTOS DE WEB ACAPPELLA 78 Aide en ligne de Web Acappella 4 maj 05/10

6 A - CREER UN ESPACE WEB Avant toute chose vous devez créer un espace web et lui attribuer un nom pour le retrouver facilement à l ouverture de Web Acapella. Un espace Web est un système qui comprend les paramètres de publication pour un hébergeur donné et où l'on peut créer et publier plusieurs sites. Cliquez simplement sur "Créer un nouvel espace Web". Donnez ensuite un nom à votre espace Web (sans espace) et cliquez sur OK. Vous pouvez supprimer un espace Web en cliquant sur la croix rouge située à côté de la liste de vos espaces Web. Attention, si vous supprimez un espace Web, l'ensemble des sites contenus dans cet espace Web sera effacé! Aide en ligne de Web Acappella 5 maj 05/10

7 B PARAMETRER UN SITE 1. Configurer la publication d'un site 2 Héberger son site 3 Les hébergements 1. CONFIGURER LA PUBLICATION DU SITE Afin de publier votre site sur Internet, vous devez saisir les informations nécessaires à l envoi des données vers votre espace web. Pour accéder aux paramétrages de publication, cliquez sur le bouton "Paramètres de publication". Vous pouvez à tout moment accéder aux paramétrages de publication depuis le menu "Fichier" "Paramètres de publication". Web Acappella vous propose alors deux méthodes de configuration: 1.1 Configuration automatique 1.2 Configuration manuelle CONFIGURATION AUTOMATIQUE La configuration automatique va vous permettre de mettre en ligne votre site Web Acappella sans avoir aucune connaissance des protocoles de transferts des fichiers. Web Acappella va gérer automatiquement la connexion et le transfert des fichiers auprès de votre hébergeur. Pour choisir cette méthode, cochez la case "Configuration automatique". Choisissez ensuite votre pays de résidence et le fournisseur d'espace Web sur lequel vous avez ouvert un compte. Cliquez enfin sur OK. Vous avez ensuite accès à plusieurs onglets de paramétrage: Propriétés Générales de la publication Gestion des sous-dossiers et du multisite Gestion de la base de données Mail PROPRIETES GENERALES DE LA PUBLICATION Aide en ligne de Web Acappella 6 maj 05/10

8 Une fois votre hébergeur sélectionné dans la liste, remplissez les champs avec les informations personnelles relatives à votre espace Web. Vous devez fournir : un nom d utilisateur, un mot de passe, et pour certains hébergeurs, l adresse où votre site Web sera visible. Vous pouvez tester l'accès à votre espace Web via Web Acappella grâce au bouton "Tester la connexion" GESTION DES SOUS DOSSIERS ET DU MULTISITE Web Acappella vous permet de créer plusieurs sites dans un même espace Web. Cette fonction peut être utile si vous voulez créer plusieurs sites mais que votre hébergeur ne vous propose qu un seul espace Web. Choisissez le nombre de sites que vous voulez créer dans votre espace Web. Si vous décochez la ase "Activer la gestion multisite", vous ne pourrez créer qu'un seul site sur votre espace Web". IMPORTANT: si vous souhaitez publier un site Web dans un sous-dossier de votre espace web, mais que ce sous dossier n'existe pas encore, il est possible de le créer en inscrivant son nom dans le champ "Nom du dossier". Ce sous-dossier sera alors créé dans votre espace Web et votre site sera automatiquement publié dedans. Note: Si vous activez cette option, votre site sera publié par défaut dans un dossier intitulé «acappella1, 2 ou 3» qui apparaît dans l adresse de votre site Internet. Web Acappella vous permet de modifier le nom de ce dossier. Par exemple l adresse peut se changer en Si vous désactivez la gestion multisite, votre site sera publié à la racine de votre espace Web GESTION DE LA BASE DE DONNEES Afin de pouvoir bénéficier des services avancés fournis par Web Acappella (tels que les blogs) il est impératif que votre espace Web gère les bases de données. Certains hébergeurs vous proposent directement d activer les bases de données lors de l activation du compte, mais si ce n est pas le cas, allez sur l onglet «Base de données» et remplissez les champs avec les informations disponibles sur le site Web de votre hébergeur. Aide en ligne de Web Acappella 7 maj 05/10

9 MAIL PARAMETRAGES RESERVES AUX UTILISATEURS EXPERIMENTES Cet onglet vous permet de personnaliser les paramétrages de la fonction mail de PHP. Un paramétrage par défaut a été appliqué, modifiez ce code uniquement si vous êtes un expert en code PHP. Encodage des s: vous pouvez choisir ici l'endocage des envoyés via votre site (Formulaire, E-commerce). Par défaut l'encodage "Indo-Européen" est sélectionné (langues latines et asiatiques) mais vous pouvez aussi choisir l'encodage "UTF8" qui est un encodage universel. AUCUN SUPPORT NE SERA EFFECTUE SUR CES PARAMETRAGES CONFIGURATION MANUELLE La configuration manuelle va vous permettre de mettre en ligne votre site Web acappella en saisissant manuellement les informations de publication fournies par votre fournisseur d hébergement. Cette méthode de configuration est impérative si votre hébergeur ne figure pas dans la liste de la configuration automatique. Pour choisir cette méthode, cochez la case "Configuration» Vous avez ensuite accès à plusieurs onglets de paramétrage: Propriétés générales de la publication ] ] IDENTIQUES à ] PROPRIETES GENERALES DE LA PUBLICATION Remplissez les différents champs (hôte, identifiant, mot de passé) avec les informations communiquées par votre fournisseur d hébergement. Aide en ligne de Web Acappella 8 maj 05/10

10 Adresse internet. Votre site sera visible à cette adresse internet. Elle correspond à votre nom de domaine si vous en avez un (ex. Dossier FTP distant: : le dossier FTP distant est très important et imposé par votre hébergeur. Il est nécessaire d'indiquer ce dossier distant pour que votre site soit visible sur Internet. Les dossiers distants les plus courants sont: www, html, public_html... Exemple de dossier FTP distant: Hébergeur OVH: www Tester la connexion. Vous pouvez enfin tester l'accès à votre espace Web via Web Acappella grâce au bouton "Tester la connexion". 1.3 PUBLIER VOTRE SITE SUR VOTRE ORDINATEUR Cette méthode de publication est utilisée si vous désirez publier votre site sur votre ordinateur pour le transférer par la suite sur votre espace Web et via un logiciel de transfert FTP (comme Filezilla par exemple) en cas de déconnexions fréquentes ou de problèmatiques de sécurité renforcée lors de la publication de Web Acappella. Voici les différentes étapes pour publier votre site Web Acappella sur votre ordinateur puis pour le transférer sur votre espace Web: Renseignez les champs avec vos identifiants de publication. Que vous soyez en mode automatique ou en mode manuel, cliquez sur le bouton "Avancé" de la fenêtre de configuration. Choisissez ensuite le dossier de destination (créez le si besoin) ou un emplacement dans votre ordinateur où votre site sera publié. Cliquez enfin sur OK. Votre site sera automatiquement publié dans le dossier ou à l'emplacement sélectionné. Publier via un logiciel de transfert FTP (ex: FileZila): Il ne vous reste plus qu à publier tous les fichiers et dossiers contenus dans ce dossier avec votre logiciel de transfert FTP (par exemple FileZila). Si la gestion multisite est activée, vous pouvez transférer directement le dossier intitulés «acappella1» ou acappella2». Si la gestion multisite est désactivée, transférez directement les fichiers et sous dossiers de votre site. Aide en ligne de Web Acappella 9 maj 05/10

11 2. INFORMATIONS SUR L HEBERGEMENT Généralités: Afin de mettre votre site en ligne et à la disposition de tous, vous devez choisir un hébergeur qui mettra à votre disposition ses serveurs. Ces serveurs, appelés serveurs FTP, vous permettront d héberger votre site. Web Acappella est compatible avec TOUS les hébergeurs! Bien choisir son hébergeur! En fonction de la finalité de votre site Internet (personnel ou professionnel), vos besoins seront différents. En effet, il existe de nombreuses solutions d hébergement (gratuites ou payantes) et chacune d elles possède ses propres particularités pour s adapter au mieux à vos attentes et à votre budget. Nous vous conseillons par conséquent de bien réfléchir à la solution la mieux adaptée à vos besoins. Des recherches sur Internet sont fortement conseillées. LES DIFFERENTS TYPES D HEBERGEMENT: Intégré à votre abonnement Internet: En vous abonnant à un fournisseur d accès à Internet, ce dernier met en général à votre disposition un espace Web personnel. Renseignez vous auprès de votre fournisseur d accès pour connaître les conditions d accès et d utilisation de ces espaces Web. La plupart du temps, ce service est gratuit et complètement intégré à votre abonnement. Cette solution d hébergement est très utile pour publier votre premier site Web Acappella et pour vous familiariser avec la gestion de sites Internet mais présente des limites d utilisation (lenteur de la connexion, publicité, faible espace de stockage...). Payant: Choisir un hébergeur payant est souvent la solution la plus efficace et la plus stable. Avec des tarifs commençant à 1 ou 2 par mois, choisir un hébergement payant vous évitera bien des soucis de publication et d accessibilité. Un hébergement payant vous donnera aussi accès à plus de fonctionnalités et d avantages. Un hébergement payant vous permettra de choisir votre propre nom de domaine (ex: de créer des comptes s associés à votre site (ex: contact@monsite.fr), de bénéficier de plus d espace de stockage... Nous vous recommandons fortement ce type d hébergement qui vous donnera certainement entière satisfaction dans la majorité des cas. Gratuit: En effectuant des recherches sur Internet, vous pourrez trouver de nombreux hébergeurs qui vous proposent des solutions d hébergement gratuit. La gratuité de ces solutions n est pas sans contrepartie. En effet, ces solutions sont la plupart du temps limitées en fonctionnalités, intègrent des publicités, sont limitées en espace de stockage et la connexion n est pas toujours d une grande qualité. Le seul avantage des hébergeurs gratuits est donc tout simplement la gratuité du service ;) Si c'est la première fois que vous utilisez cet espace Web chez FREE, il est OBLIGATOIRE de procéder à l'activation de cet espace Rendez vous sur le site officiel de Free et renseignez votre identifiant FREE ainsi que le mot de passe de messagerie associé (reçu par la poste) 3 LES HEBERGEMENTS DE SITE INTERNET 3.1 Publier chez Free 3.2 Publier chez SFR 3.3 Publier chez Orange 3.4 Publier cher Orange Premium 3.x Publier chez d'autres hébergeurs Aide en ligne de Web Acappella 10 maj 05/10

12 3.1 - PUBLIER CHEZ FREE 1 - Activer votre espace web sur le portail FREE. Allez à la rubrique : Activer votre compte pour les pages personnelles Attention, cette activation prend effet sous 24H à 48H donc patience Pour voir si votre espace est actif vous pouvez saisir l'adresse de votre site Free du type Si une erreur apparait, votre espace n'est pas encore actif Si votre espace perso est déjà actif et que vous souhaitez simplement activer votre base de données, suivez la même opération. 2 - Renseigner vos identifiants FREE dans Web Acappella Une fois que cette espace Web est activé, vous devez renseigner votre identifiant et mot de passe de messagerie FREE dans Web Acappella. Attention, Il faut utiliser l'identifiant contenu dans votre adresse de messagerie FREE. Exemple: Votre adresse principale FREE est toto@free.fr L'identifiant à recopier dans Web Acappella est donc: toto (c'est un exemple) Vous pouvez ensuite cliquer sur "Tester les paramètres de transfert" pour vérifier que vos identifiants fonctionnent correctement. Si cela ne fonctionne pas, veuillez consulter la page d'aide du site ou écrivez nous sur le forum. 3 - Vous êtes maintenant prêt à construire votre site PUBLIER CHEZ SFR Rendez vous sur le site officiel de SFR et renseignez votre identifiant et votre mot de passe de messagerie. Vous devez renseigner votre adresse SFR : exemple : monadresse@sfr.fr ou et le mot de passe associé PUBLIER CHEZ ORANGE 1. - Activer votre espace web sur le portail Orange Si c'est la première fois que vous utilisez cet espace Web chez Orange, il est OBLIGATOIRE de procéder à l'activation de cet espace. Rendez vous sur le portail officiel de Orange (Si vous possédez plusieurs identités, il faut choisir l'identité principale). Aide en ligne de Web Acappella 11 maj 05/10

13 Vous avez 3 choix: Offre Premium, débutant et confirmé. Choisissez confirmé et suivez les indications pour activer vos pages personnelles et choisir l'adresse de votre site (n'importe quel nom qui n'est pas déjà utilisé par un autre abonné Orange). L'adresse de votre site Orange sera de la forme Renseigner vos identifiants Orange dans Web Acappella Une fois que cette espace Web est activé, vous devez renseigner votre identifiant et mot de passe de messagerie Orange dans Web Acappella. Attention, votre identifiant n'est PAS de la forme fti/xxxxxx, il faut utiliser votre adresse de messagerie Orange. Exemple: Votre adresse principale Orange est toto@orange.fr L'identifiant (Login) à recopier dans Web Acappella est donc: toto@orange.fr (c'est un exemple) Vous pouvez ensuite cliquer sur "Tester les paramètres de transfert" pour vérifier que vos identifiants fonctionnent correctement. 3 - Renseigner l'adresse de votre site Orange dans Web Acappella Vous devez également copier l'adresse de votre site dans Web Acappella dans le champs "adresse de votre site". Exemple: Sur le portail de Orange, l'adresse de mon site est: L'adresse à recopier dans Web Acappella est donc: monsite (c'est un exemple). Vous pouvez changez cette adresse à tout moment mais il est IMPERATIF que celle ci soit identique dans Web Acappella et sur le portail de Orange. 4 - Vous êtes maintenant prêt à construire votre site Si cela ne fonctionne pas, veuillez consulter la page d'aide du site ou écrivez nous sur le forum PUBLIER CHEZ ORANGE PREMIUM 1.- Activer votre espace web sur le portail Orange Si c'est la première fois que vous utilisez cet espace Web chez Orange, il est OBLIGATOIRE de procéder à l'activation de cet espace. Rendez vous sur le portail officiel de Orange. (Si vous possédez plusieurs identités, il faut choisir l'identité principale). Vous avez 3 choix: Offre Premium, débutant et confirmé. Choisissez Offre premium et suivez les indications pour activer vos pages persos et choisir l'adresse de votre site (n'importe quel nom qui n'est pas déja utilisé par un autre abonné Orange). L'adresse de votre site Orange sera de la forme Aide en ligne de Web Acappella 12 maj 05/10

14 2 - Renseigner vos identifiants Orange dans Web Acappella Une fois que cette espace Web est activé, vous devez renseigner votre identifiant et mot de passe de messagerie Orange dans Web Acappella. Attention, votre identifiant n'est PAS de la forme fti/xxxxxx, il faut utiliser l'identifiant contenu dans votre adresse de messagerie Orange. Exemple: Votre adresse principale Orange est toto@orange.fr L'identifiant à recopier dans Web Acappella est donc: toto@orange.fr (c'est un exemple). Vous pouvez ensuite cliquer sur "Tester les paramètres de transfert" pour vérifier que vos identifiants fonctionnent correctement. 3 - Renseigner l'adresse de votre site Orange dans Web Acappella Vous devez également copier l'adresse de votre site dans Web Acappella dans le champs "adresse de votre site". Exemple: Sur le portail de Orange, l'adresse de mon site est: L'adresse à recopier dans Web Acappella est donc: monsite (c'est un exemple) Vous pouvez changez cette adresse à tout moment mais il est IMPERATIF que celle ci soit identique dans Web Acappella et sur le portail de Orange. 4 - Vous êtes maintenant prêt à construire votre site... Si cela ne fonctionne pas, veuillez consulter la page d'aide du site ou écrivez nous sur le forum. 3 XX VOIR D AUTRES HEBERGEMENTS SUR L AIDE EN LIGNE leur mise à jour n'était pas faite au 01/05/2010 Aide en ligne de Web Acappella 13 maj 05/10

15 C - INTERFACE 1. Barre des icônes 2. Barre du Multi langages 3. Choix du site 4. Explorateur de pages et de maquettes 5. Explorateur de miniatures 6. Plan de travail 7. Inspecteur d éléments 1. BARRE DES ICONES La barre des icônes vous permet d accéder en un clic aux principales fonctionnalités nécessaires à la création et à la publication de votre site. Gagnez du temps et ne vous perdez plus dans les menus! Ces icônes sont très explicites et facilitent la navigation dans l interface de Web Acappella. 2. BARRE DU MULTI LANGAGE Web Acappella permet de gérer des sites Internet multi langage. La barre des langues vous permet d'activer le multi langage sur une page et de passer aisément d une langue à l autre lors de l édition du site. Cette barre est uniquement visible lorsque le multi langage est activé sur votre site. Voir: Multi langage 3. CHOIX DU SITE Web Acappella vous permet de créer plusieurs sites sur un même espace Web. Par défaut, 3 sites sont activés sur votre espace Web. Pour passer d'un site à l'autre, choisissez simplement votre site via le menu déroulant: 4. EXPLORATEUR DE PAGES ET DE MAQUETTES Grâce à l explorateur de pages vous avez accès à toutes les pages de votre site Web Acappella en un clin d œil. Vous pouvez renommer les pages à votre guise, les classer dans des dossiers, les supprimer ou bien encore ajouter une nouvelle maquette pour faciliter la création de votre site. Aide en ligne de Web Acappella 14 maj 05/10

16 5. EXPLORATEUR DE MINIATURES Les miniatures des pages sont un complément à l explorateur de pages. Elles vous permettent de reconnaître vos pages rapidement et d y accéder en un clic. Cet outil est particulièrement pratique si vous n attribuez pas de nom spécifique à vos pages. De plus, vous pourrez ainsi juger de l homogénéité graphique de votre site. 6. PLAN DE TRAVAIL Le plan de travail est le principal lieu de votre composition. Il se présente sous la forme d un espace vide ou prédéfini (voir la partie sur les «maquettes»). Cet espace (dont vous aurez déterminé les caractéristiques : taille, fond ) vous permet d ajouter où bon vous semble les éléments mis à votre disposition par Web Acappella. Les éléments intégrés dans le plan de travail s attirent grâce au magnétisme lorsqu ils sont mis à proximité. Vous pouvez désactiver cette option via le menu "Affichage". La grille magnétique vous permet de placer les éléments par rapport à des points de repère. Ces points de repère attirent les éléments et les alignent avec précision. Cette option est très utile pour placer rapidement vos éléments de manière homogène. Cette grille peut être désactivée à tout moment (menu «Affichage»). Aide en ligne de Web Acappella 15 maj 05/10

17 7. INSPECTEUR D ELEMENTS L inspecteur vous permet d accéder aux paramétrages et aux options de tous les éléments. Par défaut l'inspecteur est visible mais vous pouvez le faire apparaître ou disparaître via l'icône situé à droite de l'élément: Chaque action effectuée sur un élément via l'inspecteur est instantanément appliquée et visible. De plus, l'inspecteur vous permet de modifier plusieurs éléments du même type en même temps. Par exemple, sélectionnez plusieurs zones de couleur en même temps. Grâce à l'inspecteur vous pouvez appliquer les mêmes attributs à l'ensemble des éléments sélectionnés (même couleur, même bordure...) Aide en ligne de Web Acappella 16 maj 05/10

18 D - PREFERENCES DE WEB ACCAPELIA 1. Préférences générales 2. Préférences des images de votre site 2.1. Compression des images (JPEG) 2.2 Taille maximale des images 2.3. Format des images importées en glissé/déposé 3. Navigateur Internet de votre site 4. Choix de la langue de l'application 5. Correcteur orthographique 6. Grille magnétique 7. Vectorisation des polices 1. PREFERENCES GENERALES Cet onglet des préférences de Web Acappella vous permet de modifier l apparence de l application (seulement pour Windows) et le dossier dans lequel vos travaux seront enregistrés. Modifier le dossier de destination de vos espaces Web est réservé aux experts. Ceci est utile pour sauvegarder vos espaces Web ailleurs que dans la partition Système. 2. PREFERENCE DES IMAGES DE VOTRE SITE Vous pouvez ici choisir le taux de compression des images du site Web. Par défaut il est à 80%, ce qui donne un bon compromis entre la qualité visuelle et le poids d image (pour aucune détérioration de la qualité des images, mettez à 100%). Déterminez aussi la taille maximum qu une image peut avoir sur votre site COMPRESSION DES IMAGES (JPEG) Lorsque vous publiez vos images JPEG elles sont compressées suivant les paramètres que vous avez définis dans les options (exemple: une image d origine est importée sans compression, si vous l envoyez avec la qualité à 70% son poids sera diminué et sa qualité baissée). Vous pourrez déterminer le réglage optimal en effectuant différents essais. Aide en ligne de Web Acappella 17 maj 05/10

19 2.2 TAILLE MAXIMALE DES IMAGES Vous pouvez aussi régler la taille maximale qui seront intégrées dans votre site (par défaut en 1024x1024). Lorsque vous importez des images dans votre projet Web Acappella si leur taille est supérieure à la taille définie, elles seront automatiquement redimensionnées en gardant leurs proportions. Cette option n a pas d influence sur l espace des images sur votre site. Ce paramétrage est utile pour optimiser la taille de votre projet Web Acappella et de votre sauvegarde. Nous vous conseillons de laisser 1024 x 1024 par défaut FORMAT DES IMAGES IMPORTÉES EN GLISSÉ/DEPOSÉ Par défaut, Web Acappella importe vos images glissées/déposées (par exemple depuis votre navigateur Internet) au format JPEG. Cependant, vous pouvez choisir dans cette fenêtre le format PNG comme format par défaut. Si vous cochez la case "Toujours montrer la fenêtre de choix", à chaque import d'image Web Acappella vous demandera quelle format vous souhaitez utiliser. 3. NAVIGATEUR INTERNET DE VOTRE SITE Vous pouvez choisir le navigateur internet qu utilisera Web Acappella pour effectuer la prévisualisation de votre site en test et la navigation sur Internet. Web Acappella est automatiquement configuré pour utiliser le navigateur par défaut de votre système. 4. CHOIX DE LA LANGUE DE L APPLICATION Choisissez ici la lange de l application (nécessaire pour les boutons avec texte intégré). Après avoir cliqué sur OK, l'interface de Web Acappella passera automatiquement dans la langue sélectionnée 5. CORRECTEUR ORTHOGRAPHIQUE SUR MAC Aide en ligne de Web Acappella 18 maj 05/10

20 Cliquer sur la case «Activer le correcteur orthographique» pour que Web Acappella vérifie en temps réel l orthographe et la grammaire lors de la saisie. Note: Le correcteur orthographique est uniquement disponible sur Mac. Important: si le multi langage n'est pas activé sur votre site, pensez à vérifier que la langue par défaut de votre site soit bien la langue avec laquelle vous écrivez (sélectionner "Français" si vous écrivez en français et inversement avec l'anglais). Voir cette rubrique. 6. GRILLE MAGNETIQUE Gérer la grille magnétique de l espace de travail et l attraction entre les éléments. Choisissez le nombre de points à afficher dans la grille magnétique de l'espace de travail. Plus le pas est important, plus les points de votre grille magnétique seront espacés. 7. VECTORISATION DES POLICES L activation de la vectorisation des polices vous permet d utiliser n importe quelle police présente sur votre ordinateur dans votre site Web Acappella. Les polices exotiques seront donc visibles par tous les visiteurs, y compris ceux qui n ont pas cette police d installée sur leur poste. Par défaut seules les polices garanties pour le Web seront visibles par tous les visiteurs de votre site. Vous avez cependant la possibilité de vectoriser les textes de votre site de manière individuelle via l'inspecteur de propriété des éléments utilisant du texte (zone de texte, bouton, formulaire de contact,...). Les réglages prédéfinis de la vectorisation sont considérés comme optimum, mais la modification des paramètres reste possible via les curseurs présents dans cet onglet (déconseillé). Aide en ligne de Web Acappella 19 maj 05/10

21 E - PROPRIETES DU SITE WEB 1. Référencement de votre site Web 2. Activer et utiliser le multi langage 3. Gérer la protection de vos pages 4. Fonctions avancées des propriétés du site Web 1 - REFERENCEMENT DE VOTRE SITE Web Acappella vous propose de gérer automatiquement le référencement de votre site. Un bon référencement permet une bonne visibilité de votre site Web sur Internet. De plus, avec de la patience, votre site pourra apparaître dans les résultats des moteurs de recherche. Remplissez pour cela les champs destinés au référencement et cochez la case "Gestion automatique du Site Map" si vous le ne gérez pas vous même. Le référencement de vos pages va aussi servir à l'affichage des résultats du moteur de recherche. Le référencement de votre site peut se faire soit via les propriétés de votre site Web soit via les propriétés de la page: Site Web: Accessible depuis le menu «Site Web» «Propriétés du site Web». Page: Pour un référencement individuel des pages, accessible depuis le menu "Page/Maquette" - "Propriétés de la page" (ou bien encore via un clic droit ou un double clic dans la page). Si votre site est en multi langage, vous pouvez référencer votre site dans les différentes langues grâce au menu déroulant. Bien référencer son site c est: Remplir les champs dédiés au référencement avec des mots clés pertinents. Faire en sorte que votre site soit en lien depuis de nombreux sites et annuaires. Aide en ligne de Web Acappella 20 maj 05/10

22 Note: La publication en Flash n empêche en rien le référencement de votre site Web Acappella. Les mots clés, les titres, les descriptions et les textes sont intégralement repris dans le code HTML de votre site. Les moteurs de recherche ont ainsi accès à l ensemble des données textuelles ACTIVER ET UTILISER LE MULTI LANGAGE 2.1 Activer la gestion du multi langage sur l intégralité de votre site 2.2. Activer le multi langage sur les pages. Si vous le souhaitez, vous pouvez rendre votre site multilingue en activant la gestion du multi langage. L activation du multi langage sur un site Web Acappella se fait en deux étapes: 2.1. ACTIVER LA GESTION DU MULTI LANGAGE SUR L INTEGRALITE DE VOTRE SITE. Cliquez dans le menu «Site Web» «Propriétés du site Web» Onglet «Gestion du multi langage». Ensuite cliquez sur la case «Activer la gestion du multi langage». Choisissez les langues que vous voulez utilisez (vous pouvez en ajouter, en enlever et déterminer leur priorité) ACTIVER LE MULTI LANGAGE SUR LES PAGES. A vous de décider si vous voulez qu une page soit multilingue ou non. Dans la page en création, cliquez sur le premier icône de la barre du multi langage pour ouvrir la fenêtre du multi langage de la page. En cochant la case «Activer le multi langage sur la page courante», le multi langage sera actif. Par défaut la case n est pas cochée et la page sera éditée dans la langue principale. Ensuite, naviguez d une langue à l autre grâce à la barre des langues. Note: si vous avez déjà saisi du texte dans votre page avant l'activation du multi langage (zone de texte, bouton, menu...), vous pouvez récupérer ce texte par l'action suivant: effectuez un clic droit dans la page et cliquez sur "Remplir le texte de la page à partir d'une autre langue". Dans la fenêtre qui suit, sélectionnez "Langue par défaut" et cliquez sur OK pour valider. ^ La deuxième partie de cette fenêtre vous permet de choisir la langue par défaut de votre site. Cette langue sera appliquée sur des éléments dont certains boutons sont préformatés (exemple: bouton Aide en ligne de Web Acappella 21 maj 05/10

23 "Envoyer" du formulaire de contact) GERER LA PROTECTION DE VOS PAGES Web Acappella vous permet de protéger l'accès aux pages de votre site Web grâce à un mot de passe. Vous pouvez aussi bloquer le clic droit sur votre site Web. La protection d une page par un mot de passe se fait en deux étapes: 1 Affichez les propriétés du site Web («Site Web» «Propriétés du site Web». 2 Dans l onglet «Protection des pages», remplissez le champ avec un mot de passe de votre choix. Vous pouvez à tout moment changer ce mot de passe mais n oubliez pas d en informer vos visiteurs. 3 Affichez les propriétés de la page que vous désirez protéger par un mot de passe. 4 Dans l onglet «Protection de la page» cochez la case «Cette page est protégée par un mot de passe». 5 Lorsque votre site sera mis en ligne ou en mode aperçu, une fenêtre de dialogue apparaîtra vous demandant de saisir votre mot de passe. Remplissez le champ avec le mot de passe que vous avez choisi et cliquez sur «OK». La protection du contenu de vos page par le blocage du clic droit: Si votre site comporte du texte ou des images protégées par des droits d utilisation, avec Web Acappella vous pouvez empêcher le clic droit de la souris et la sélection de texte sur vos pages. Affichez les propriétés de votre site Web et dans l onglet «Protection des pages» cochez la case «Bloquer le clic droit de la souris sur vos pages». Aide en ligne de Web Acappella 22 maj 05/10

24 4. - FONCTIONS AVANCEES DES PROPRIETES DU SITE WEB Section "Code HTML": Cet onglet vous permet l ajout de code dans la partie «Head» de la page HTML générée par Web Acappella (réservé aux utilisateurs expérimentés). Cette zone éditable va vous permettre d insérer des outils du type «Google webmaster Tools»: Favicon: Le "Favicon" est une image de petite taille qui sera placée dans votre navigateur Internet, à côté de l'adresse Internet de votre site. Cette image peut aussi apparaître sur le côté gauche d'un onglet de navigation (sur les navigateurs supportant la gestion d'onglet). Le favicon peut par exemple correspondre au logo de votre société. Nous vous conseillons de choisir une image au format carré afin d'éviter toute déformation. Gestion du screenshot de votre site Web: Cet onglet vous permet de gérer la capture d écran qui pourra être utilisée lors de l inscription de votre site sur les annuaires et sites utilisant le système «Ascreen». Web Acappella utilise par défaut une capture d écran automatique de la page d accueil de votre site. En décochant la case «Gestion automatique» et en cliquant sur le bouton «Choisir un screenshot» vous pourrez choisir votre propre image. Cette image est enregistrée au format «ascreen.jpg». Aide en ligne de Web Acappella 23 maj 05/10

25 F - PROPRIETES DE LA PAGE Vous l organisez comme vous l entendez et l adaptez à vos besoins. A vous de déterminer les différentes caractéristiques de votre/vos page(s). Dans chaque page vous avez accès à différents paramétrages: 1. - Arrière plan et taille de la page 2. - Référencement de votre site web 3. - Protection de la page 4. Multi langage 5. - Options avancées 1. - ARRIERE PLAN ET TAILLE DE LA PAGE Vous pouvez ici choisir la couleur de l image ou d arrière plan du site de votre page en cours. Vous pouvez modifier la taille de votre page Changez simplement la hauteur et la largeur grâce aux menus déroulants (les dimensions sont exprimées en pixels). Si vous cochez la case "Plan de travail centré lors de la publication", votre site sera automatiquement centré dans votre navigateur Internet et dans votre espace de travail. Si vous décochez cette case, la page sera alignée à gauche. Note: l élément placé le plus bas dans la page déterminera la fin de votre page et par conséquent la fin du défilement vertical. Pour aller plus loin dans la gestion de l arrière-plan, vous pouvez consulter la partie «Maquettes» 2. - REFERENCEMENT DE VOTRE SITE WEB Web Acappella vous propose de gérer automatiquement le référencement de votre site. Un bon référencement permet une bonne visibilité de votre site Web sur Internet. De plus, avec de la patience, votre site pourra apparaître dans les résultats des moteurs de recherche. Remplissez pour cela les champs destinés au référencement et cochez la case "Gestion automatique du Site Map" si vous le ne gérez pas vous même. Le référencement de vos pages va aussi servir à l'affichage des résultats du moteur de recherche. Le référencement de votre site peut se faire soit via les propriétés de votre site Web soit via les propriétés de la page: Site Web: Accessible depuis le menu «Site Web» «Propriétés du site Web». Aide en ligne de Web Acappella 24 maj 05/10

26 Page: Pour un référencement individuel des pages, accessible depuis le menu "Page/Maquette" - "Propriétés de la page" (ou bien encore via un clic droit ou un double clic dans la page). Si votre site est en multilangage, vous pouvez référencer votre site dans les différentes langues grâce au menu déroulant. Bien référencer son site c est: Remplir les champs dédiés au référencement avec des mots clés pertinents. Faire en sorte que votre site soit en lien depuis de nombreux sites et annuaires. Note: La publication en Flash n empêche en rien le référencement de votre site Web Acappella. Les mots clés, les titres, les descriptions et les textes sont intégralement repris dans le code HTML de votre site. Les moteurs de recherche ont ainsi accès à l ensemble des données textuelles. Limitations de la version Gratuite PROTECTION DE LA PAGE Cette partie vous permet de protéger l accès de votre page par un mot de passe. Cochez la case pour protéger votre page par le mot de passe. Le mot de passe est à déterminer dans les propriétés du site Web ACTIVER ET UTILISER LE MULTI LANGAGE Voir page 21 Aide en ligne de Web Acappella 25 maj 05/10

27 5. - PARAMETRAGES AVANCES DE LA PAGE Cet onglet vous permet l ajout de code dans la partie «Head» de la page HTML générée par Web Acappella (réservé aux utilisateurs expérimentés). Cet onglet vous permet aussi de modifier le nom du fichier HTML (nom de la page) et ainsi remplacer l intitulé «crbst_xx» par un nom de votre choix (exemple: pagecontact ou albumphoto). Il est impératif de ne pas mettre d espaces ou de caractères spéciaux. Page en construction: Si une page de votre site n'est pas encore prête à être publiée, mais que vous souhaitez publier les autres pages, cochez simplement cette case pour que le contenu de la page en cours n'apparaisse pas une fois publiée sur votre espace Web. Aide en ligne de Web Acappella 26 maj 05/10

28 G. - MANIPULATIONS DE BASE 1. - Sélectionner et déplacer un élément 2. - Copier Couper Coller Dupliquer 3. - Redimensionnement et rotation 4. - Superposition 5. - Affichage de la page 6. - Ajouter une page 7. - Annuler une modification 8. - Enregistrer vos modifications Propriétés générales des éléments 1. - SELECTIONNER ET DEPLACER UN ELEMENT Web Acappella met à votre disposition de nombreux éléments que vous pouvez placer ou bon vous semble dans votre page. Pour sélectionner un élément, posez votre souris dessus et effectuez un simple clic gauche. L élément sélectionné sera alors entouré d une bordure en pointillés et de points de redimensionnement. Une barre d icônes apparaît alors sur son côté droit. Cette barre permet d accéder aux options ou de supprimer l élément (croix rouge). Une fois sélectionné, maintenez le clic gauche enfoncé et déplacez l élément sur le plan de travail. Relâchez le clic gauche pour déposer l élément. Web Acappella permet de sélectionner plusieurs éléments en même temps ou bien encore tous les éléments de la page. Sélection multiple: Maintenez la touche CTRL (ou Pomme sur Mac) enfoncée et sélectionnez les éléments un à un. Les éléments seront alors entourés d'orange. Vous déplacerez ainsi le groupe d éléments sélectionnés. Vous avez aussi la possibilité de faire une sélection des éléments: dans une partie vide, effectuez un clic gauche, maintenezle enfoncé et déplacez votre curseur pour sélectionner une zone et les éléments qui s y trouvent. Enfin, en faisant un clic droit (ctrl clic sur Mac) dans la page, vous pouvez sélectionner tous les éléments de la page en cliquant sur «Sélectionner tous les éléments de la page». Aide en ligne de Web Acappella 27 maj 05/10

29 2. - COPIER COUPER COLLER DUPLIQUER Les éléments (textes, images, albums photos, etc ) peuvent être copiés ou collés puis collés sur la page en cours de création, sur une autre page du site courant ou bien encore sur un autre site, Web Acappella situé sur la même machine. Pour copier un élément, sélectionnez le et appliquez les raccourcis clavier usuels (touche «CTRL + C» puis «CTRL + V») ou faites un clic droit «copier» et de nouveau un clic droit «coller». Pour couper un élément, effectuez la même manipulation en changeant les raccourcis : «CTRL + X» puis «CTRL + V». Ou clic droit «couper» et de nouveau clic droit «coller». Vous pouvez copier ou couper un ensemble d éléments sélectionnés (cf. «Sélectionner et déplacer un élément»). Enfin, si vous désirez dupliquer un élément, via le clic droit (Commande + clic sur mac) cliquez sur "Dupliquer" pour qu'un élément identique au premier soit créé. Note: Lorsque vous copiez ou coupez / collez un élément dans une même page, l'élément sera légèrement décalé par rapport à l'élément d'origine. Cependant, si vous copiez ou coupez un élément dans une page et que vous le collez dans une autre page, l'élément sera placé exactement au même endroit que son emplacement d'origine. L'utilisation des maquettes peut aussi vous éviter de nombreux copier/coller d'une page à l'autre REDIMENSIONNEMENT ET ROTATION Redimensionnement: Tous les éléments intégrés dans Web Acappella sont redimensionnables. Que ce soit une zone de texte, une image, un album photo, une zone de couleur... vous avez la possibilité de modifier la taille de l élément. Placez votre souris dans un des angles ou sur un côté de l élément, maintenez le clic gauche enfoncé et déplacez votre souris dans la direction voulue pour changer sa taille. Un mouvement vers la gauche ou la droite modifiera la largeur de l élément. Un mouvement vers le haut ou le bas modifiera sa hauteur. Un mouvement diagonal modifiera à la fois la hauteur et la largeur de votre élément. L'inspecteur de l'élément, rubrique "Propriétés géométriques" de l'élément, vous permet d'ajuster manuellement la taille de votre élément. Si vous voulez rétablir les dimensions initiales d une image (par exemple dans le cas d une image déformée suite à un redimensionnement), faites un clic droit sur l élément et cliquez sur «Remettre l image à ses dimensions initiales». De même si vous ne voulez pas que l image soit déformée, cochez la case de l'inspecteur «Conserver les proportions de l image» dans la rubrique "Propriétés géométriques" de l'élément". Rotation: Il est possible de faire tourner votre élément manuellement. Sélectionnez votre élément, appuyez sur la touche Commande (Alt sur Windows) et cliquez dans un Aide en ligne de Web Acappella 28 maj 05/10

30 angle de votre élément. Un icône incurvé apparaît. Tout en maintenant enfoncé la touche Commande ou Alt, montez ou descendez votre souris pour faire tourner votre élément. Note: voir aussi "Propriétés géométriques des éléments" 4. - SUPERPOSITION Lors de la création de votre page vous pouvez superposer des éléments et choisir l ordre d appréciation. Ainsi, un élément peut être mis au premier plan ou en arrièreplan, mais vous avez aussi la possibilité de déplacer en profondeur chaque élément. Ces options de placement sont accessible via un simple clic droit sur l élément. Pour sélectionner un élément se trouvant sous un autre élément, maintenez la touche "Maj" enfoncée et cliquez sur le premier élément. Continuez à cliquer au même endroit pour accéder aux éléments situés en dessous du 1er élément AFFICHAGE DE LA PAGE Web Acappella vous donne la possibilité de travailler en plein écran (menu «Affichage» «Mettre la fenêtre en plein écran») afin de profiter au maximum de la taille de votre écran d ordinateur. De plus, si vous voulez travailler dans le détail les éléments de votre site (taille des objets, alignement) vous pouvez effectuer un zoom de 200% ou 300 % et revenir plus tard à la taille normale (100%) AJOUTER UNE PAGE Suivant vos besoins vous aurez à créer plusieurs pages pour votre site. Par défaut, Web Acappella ouvre votre première création sur la page «Accueil». Cette page est obligatoire et ne peut pas être supprimée. Elle est la base de votre site et lors de la mise en ligne elle sera la première page (page d accueil) de votre site Web. Ajoutez simplement vos pages grâce au bouton «Ajouter une nouvelle page» (icône + dans l explorateur de page) ou par l intermédiaire du menu «Pages / Maquettes» «Ajouter une nouvelle page». N importe quelle page créée peut être mise en page d accueil grâce au menu «Pages/Maquettes» - Aide en ligne de Web Acappella 29 maj 05/10

31 «Mettre la page courante en Page d accueil» ANNULER UNE MODIFICATION Chaque action (modification, déplacements, suppression) effectuée sur une page ou un élément peut être annulée. Trois méthodes sont proposées : Via le menu "Edition": Cliquez sur le menu "Edition" "Annuler (...)" pour revenir à la dernière action effectuée. Le nom de l'action est automatiquement reporté dans ce menu. Via l'historique des actions: Vous pouvez sans problème revenir à la dernière modification effectuée. L'historique des actions est accessible via le menu "Affichage" "Montrer l'historique des actions". Pour revenir à une étape antérieur de création, sélectionnez simplement une action dans la liste pour revenir à cette étape. Toutes les modifications apportées entre la dernière action et l'action sélectionnée seront annulées. Vous pouvez sans problème revenir à la dernière modification effectuée. Via les raccourcis clavier: Les modifications effectuées peuvent aussi être annulées via le raccourci clavier "Commande + Z" (ou "Ctrl + Z" sous Windows). Pour rétablir les modifications, tapez le raccourci clavier "Commande + Maj + Z" (ou "Ctrl + Maj + Z" sous Windows) ENREGISTRER VOS MODIFICATIONS Pour enregistrer les dernières modifications effectuées dans votre page courante, cliquer simplement sur le bouton «sauver». Vous pouvez cliquer dessus à n importe quel moment pour enregistrer les étapes de votre création. Lorsque vous changez de page, Web Acappella vous demandera automatiquement si vous désirez enregistrer le travail réalisé. Les chances de perdre le travail accompli sont ainsi minimisées. Enfin, lors de la publication et de la prévisualisation de votre site, un enregistrement automatique est réalisé. Cet enregistrement permet de reprendre votre réalisation à l endroit où vous vous êtes arrêté et s effectue automatiquement dans un dossier destiné au stockage des sites Web Acappella. Ce dossier est enregistré, par défaut, sur votre ordinateur à l adresse suivante: C://Mes documents/webacappella mais vous pouvez en choisir un autre. Voir Aide en ligne de Web Acappella 30 maj 05/10

32 9. - PROPRIETES GENERALES DES ELEMENTS Propriétés géométriques Apparence du fond Transparence ou opacité des éléments Effets de bordure des éléments PROPRIETES GEOMETRIQUES DES ELEMENTS Ces paramétrages, accessibles depuis l inspecteur de chaque élément, vous permettent de régler avec précision la taille de votre objet et son emplacement dans la page. Vous pouvez aussi régler finement l angle de rotation de cet élément. x : distance à partir du bord gauche de la zone de travail. y : distance à partir du haut de la zone de travail. Largeur : Largeur de l élément Hauteur : hauteur de l élément En cochant la case "Conserver les proportions", le ratio Hauteur/Largeur restera le même si vous augmentez ou diminuez la taille de l'élément. Enfin, sur certains éléments vous pouvez régler avec précision l'angle de rotation PROPRIETES DU FOND DES ELEMENTS Ces paramétrages vous permettent d appliquer une couleur ou une image de fon à vos éléments pour personnaliser leur apparence. Dégradé de couleur: Pour appliquer un dégradé de couleur en arrièreplan d un élément activezle en cochant la case «Dégradé». Choisissez les couleurs du dégradé (vous pouvez choisir le degré d opacité des couleurs ou faire simplement un dégradé vers une transparence). Une fois les couleurs déterminées, vous pouvez déplacer les curseurs afin de régler l orientation et la force du dégradé. 9.3 TRANSPARENCE OU OPACITE DES ELEMENTS Aide en ligne de Web Acappella 31 maj 05/10

33 Chaque élément peut être rendu plus ou moins opaque. Par défaut, l élément est opaque à 100% mais vous pouvez régler sa transparence en bougeant le curseur vers la gauche ou la droite EFFETS DE BORDURES DES ELEMENTS Vous pouvez attribuer à chaque élément une bordure. Vous avez le choix entre différentes options: coin, bordure, flou et ombre portée. Ces options vous permettent de varier l apparence des éléments pour leur donner un aspect graphique agréable. Choisissez simplement la taille des options de bordure grâce aux menus déroulants (exprimé en pixels). Aide en ligne de Web Acappella 32 maj 05/10

34 H - ELEMENTS D UNE PAGE Dans une page, on peut mettre de nombreux éléments. Voici ceux que Web Acappella procure 1. - Zone de texte riche 2. - Image 3. - Moteur de recherche 4. - Module E-Commerce déplacé en K 5. - Album photo 6. - Bouton 7. - Menu dynamique 8. - Formulaire de contact 9. - Zone de couleur 10 - Vidéo 11.- Son 12.- Lien hypertexte 13.- Compteur de visites 14.- Ancre HTML 15.- Flash 16.- Frame 17.- Zone de code HTML 1 - ZONE DE TEXTE RICHE Ajouter une zone de texte grâce à l icône «texte» ou pour le menu «Insertion» / «Ajouter du texte». Saisissez votre texte en double cliquant dans la zone. Appliquez ensuite divers procédés de traitement de texte tels que: l écriture en gras, italique et souligné, l alignement de votre texte à gauche, à droite ou centré, le changement de couleur et de taille. De plus vous avez la possibilité de créer, de modifier ou de supprimer des liens hypertexte (liens internes ou externes) sur une partie ou sur l ensemble de votre texte (attention: en construction, vos liens hypertexte apparaîtront toujours en bleu). Si vous voulez qu une zone de texte garde une certaine taille mais que votre texte est plus long, la zone crée automatiquement une barre de défilement verticale. Cette barre peut être en permanence visible ou uniquement présente lors du survol du texte (cochez la case "Cacher automatiquement" pour cette visualisation). Le défilement du texte (vertical ou horizontal) est aussi possible. Paramétrez les options de défilement directement dans l'inspecteur. L'inspecteur vous permet aussi d'éditer d'autres caractéristiques de la zone de texte: Marge intérieure, Couleurs des liens, Bordure, dégradé, arrière plan et transparence Aide en ligne de Web Acappella 33 maj 05/10

35 En ce qui concerne les polices, elles peuvent être vectorisées. Voir vectorisation des polices. Fonction Blog Sur chaque zone de texte, vous pouvez ajouter la fonction "Blog" qui permettra à vos visiteurs de laisser un message ou de réagir à vos articles. CONTRAINTE TECHNIQUE Les blogs ne sont actifs qu'une fois publiés. Pour que l'outil Blog fonctionne correctement, il faut que vous activiez les fonctions "MySQL" (base de données) et "PHP" sur votre hébergement. Pour activer la fonction Blog, cliquez sur l'onglet "Blog" de l'inspecteur de zone de texte. Cochez ensuite la case "Activer la fonction Blog". Un bouton apparaît en bas à droite de votre zone de texte. Une fois en ligne, il suffit de cliquer sur ce bouton pour laisser un message. Le nombre de message laissé apparaît sur le bouton, avant l'intitulé "commentaire(s)". Vous pouvez paramétrer l'apparence du bouton Blog: fond, couleur du texte et effet 3D. Le champ "Identifiant de votre Blog" est géré par Web Acappella. Un code est automatiquement généré, code qui pourra être copié puis collé dans un autre champ "Identifiants de votre blog" d'une autre zone de texte. Ce système permet de supprimer un blog d'une zone de texte et de transférer les messages déjà postés vers un autre blog. LIMITES D'UTILISATION Zone de texte riche et liens externes Les liens dans les zones de texte (ouverture dans une nouvelle fenêtre) sont bloqués par le système anti-popup de Firefox. Une info-bulle générée par Web Acappella permet d éviter ce problème. VECTORISATION DES POLICES Les polices que vous utilisez doivent faire partie des polices "admises" sur le Web comme Arial ou Times Roman par exemple. Si vous utilisez une police exotique qui n'est pas dans le jeu de polices installées sur la machine de l'internaute elle est remplacée par une police standard ce qui dénature la présentation de texte et parfois la structure de la page. Pour résoudre ce problème il faut donc que le texte "emmène" sa police avec lui ; c'est ce qu'on appelle la vectorisation du texte. Pour chaque bloc de texte vous avez la possibilité d'activer cette vectorisation dans l'inspecteur. Comme cela rallonge le temps d'affichage de la page, il ne faut pas l'utiliser avec les polices admises sur le Web POLICES VECTORISEES La vectorisation des polices vous permet d'utiliser n'importe quelle police présente sur votre ordinateur dans votre site Web Acappella. Les polices exotiques seront donc visibles par tous les visiteurs, y compris ceux qui n'ont pas cette police d'installée sur leur poste. Sur chaque élément utilisant du texte, vous pouvez choisir de vectoriser ou non le texte (nous vous conseillons de vectoriser le texte des éléments seulement si une police "exotique" est utilisée). Pour activer la vectorisation du texte sur un élément, cochez simplement la case "Activer la vectorisation du texte". Limitation: dans le cas de certaines langues asiatiques utilisant des alphabets étendus avec de très nombreux caractères, comme le japonais, nous vous conseillons de ne pas utiliser la vectorisation du Aide en ligne de Web Acappella 34 maj 05/10

36 texte. En effet, la vectorisation de certains alphabets comportant plusieurs milliers de caractères (comme les Kanji japonais) peut provoquer un crash de l'application. RAPPEL: Pour installer une nouvelle police de caractères * dans Windows Téléchargez votre police puis copiez le fichier.ttf. Collez le simplement dans le dossier intitulé "Font" qui se situe dans C:/windows/ Une fois collée, votre police est installée automatiquement dans votre librairie de polices. * dans Mac Télécharger votre police sur votre ordinateur. Double cliquer sur votre police pour lancer son installation et cliquez sur le bouton «installer la police». Votre police s installe automatiquement IMAGE Insérez des images dans votre site que ce soit pour créer une interface de navigation ou agrémenter le visuel de votre site. Web Acappella vous permet d intégrer autant d images que vous le désirez et de les placer où vous le souhaitez. Cliquez sur l icône «Image» ou depuis le menu «Insertion» puis cliquez sur «Insérer une image». Cliquez sur le bouton «Choisir une image» dans l'inspecteur de l'image et choisissez une image depuis votre bibliothèque d image (ou ajoutez la à votre bibliothèque si nécessaire). Le champ "Info bulle" va vous permettre d ajouter un nom ou un commentaire à l image. Une fois votre site en aperçu ou en ligne, positionnez votre souris sur l image pour voir apparaître un cadre contenant votre texte. Vous pouvez à tout moment supprimer cette image en cliquant sur la croix rouge (quand l image est sélectionnée). Une fois insérée dans la zone de travail, vous pouvez la redimensionner à votre guise, régler sa transparence, lui ajouter un lien hypertexte, une bordure ou un effet de reflet (uniquement visible sur votre navigateur Internet). Dans les propriétés géométriques, vous pouvez choisir de remettre l'image à ses dimensions originales en cliquant sur le bouton "Dimensions d'origine". Survol de l image Web Acappella vous donne aussi la possibilité de créer un changement d image au survol de l image principale, donnant ainsi du dynamisme à vos pages. Cliquez simplement dans le deuxième cadre et choisissez une image. Cette image de survol peut être enlevée à tout moment en cliquant sur la croix rouge. LIMITES D'UTILISATION Aide en ligne de Web Acappella 35 maj 05/10

37 Les images animées en.gif sont par défaut inactives. Vous devez cocher la case «Activer l animation de l image» pour que l image Gif soit animée. Attention! : activer l animation d une image Gif entraîne certaines limitations: blocage des liens ouverts dans une nouvelle fenêtre, l image Gif sera toujours au premier plan, les options d édition et le survol de l image seront désactivés MOTEUR DE RECHERCHE Le moteur de recherche fonctionne en parfaite autonomie, aucun paramétrage de fonctionnement n'est requis Seul impératif pour que votre moteur de recherche affiche des résultats personnalisés (afin d'obtenir des informations sur les pages données en résultat): les pages de votre site doivent être référencées: (Voir référencement) Les textes saisis dans les champs "Titre de votre page Web" et "Description de votre page Web" seront les informations affichées dans les résultats des recherches Champ de recherche Résultats de la recherche Pour ajouter un moteur de recherche à votre site, cliquez sur "Insertion" "Moteur de recherche". Modifiez ensuite le visuel du champs de saisie, l'aspect et le texte de votre bouton. 4 - Module E commerce déplacé en K 5. - ALBUM PHOTO Aide en ligne de Web Acappella 36 maj 05/10

38 Vous pouvez intégrer à votre site Web un album photos ou un diaporama flash entièrement paramétrable. Cliquez sur le menu «insertion». Ajouter un album photo. Mode normal Mode pleine page Pour paramétrer votre album photo, l'inspecteur de propriétés est divisé en quatre catégories principales: Ajout d'images, Assistant de création Paramétrages du visuel et des fonctionnalités Plugins AJOUT D IMAGES Pour ajouter des images à votre album photo, cliquez simplement sur l'icône "+" et importez vos photos depuis votre bibliothèque d'images. Pour supprimer ou déplacer vos photos, utilisez la barre d'outils située à droite de la liste. Vous pouvez aussi choisir la taille maximum des images de votre album photo. Double cliquez sur une de vos images ou sélectionnez-en une, puis cliquez sur pour éditer ses propriétés. Aide en ligne de Web Acappella 37 maj 05/10

39 Cadrage de la miniature: Le cadrage de la miniature vous permet (si vous le désirez) de sélectionner une zone de l image qui apparaîtra dans le sélecteur d images. Sélectionnez un format pour le cadrage et déplacez la zone à l endroit voulu sur votre image. Par défaut, l image est à 100% et rognée sur les bordures pour former un carré et s adapter aux miniatures du sélecteur d images. Ce cadrage n affecte pas l image dans la zone de visualisation et dans le diaporama. Les flèches servent à faire pivoter vos images (dans le sens horaire et anti horaire). Description: Le champ description correspond au texte qui apparaîtra dans la zone de commentaires. Si le multi langage est activé, vous pouvez remplir ce champ avec plusieurs langues ASSISTANT "Assistant de mise en forme" L assistant de création vous facilite la tâche en vous proposant des mises en forme prédéfinies. Dans le premier menu de l'inspecteur, cliquez sur le bouton "Assistant de création". Vous pouvez utiliser cet assistant à tout moment! Lorsque vous créez un nouvel album photo ou sur un album photo déjà édité. Pour que votre album photo apparaisse automatiquement sous la forme d'un slideshow (images défilante) cliquez directement sur le bouton "Mode images défilantes". De même, vous pouvez choisir une mise en forme prédéfinie pour votre album photo en mode «Normal» et en mode «Pleine page». Choisissez une mise en forme dans la liste qui sera ensuite directement appliquée à votre album photo. La mise en forme prédéfinie peut être différente en mode «Normal» et en mode «Pleine page». Aide en ligne de Web Acappella 38 maj 05/10

40 "Assistant de couleurs" L'assistant vous propose des palettes de couleurs prédéfinies pour votre album photo. Si vous désirez appliquer une palette de couleurs sélectionnezen une dans la liste. Cette palette sera alors automatiquement appliquée. Par la suite, vous pouvez sans problème modifier ces couleurs dans l onglet des paramétrages PARAMETRAGES DU VISUEL ET DES FONCTIONNALITES Le deuxième onglet de l'inspecteur de propriétés vous donne accès à 6 menus de paramétrage: Couleurs et design: Choisissez ici les couleurs à appliquer au sélecteur d'image, à la barre de navigation, à l'image principale et à la zone de commentaire. Si vous ne savez pas quelles couleurs employer, nous vous recommandons un style prédéfini de l'album Wizard. Paramètres du diaporama: Choisissez ici d'autoriser ou non l'affichage des photos en diaporama (lecture en continu des images). Si vous autoriser la lecture en diaporama vous pouvez choisir de le lancer automatiquement lors de l'ouverture de la page et de lire les images de façon aléatoire. Choisissez aussi le temps d'affichage de chaque image (en secondes). Paramètres du sélecteur d'images: Le sélecteur d'image peut être paramétré dans deux modes: en mode normal (album intégré dans votre page Web) en mode pleine page (album en superposition sur votre page web) Choisissez ici le mode de défilement des miniatures (horizontal ou vertical), la taille et l'espacement des miniatures et enfin la position de la barre de navigation par rapport à vos miniatures. Les mêmes paramétrages sont applicables au mode pleine page. Note: ces paramétrages seront uniquement visibles si vous choisissez de faire apparaître le sélecteur d'image (voir l'assistant de création). Paramètres des commentaires: En cochant ou décochant la case "Afficher les commentaires" vous rendrez visible ou invisible la zone de commentaires. Vous pouvez aussi déterminer les paramètres d'attribution de nom à vos photos. Enfin, vous pouvez choisir de faire apparaître ou non les info-bulles personnalisées de vos miniatures. Paramètres avancés: Les paramètres avancés vous permettent: d'autoriser le mode pleine page et de déterminer l'apparence du fond dans ce mode. de paramétrer le taux de compression des images. d'agencer manuellement les composants de votre album photo (section mise en forme manuelle) Aide en ligne de Web Acappella 39 maj 05/10

41 5.4 - PLUGINS Cet onglet vous permet d'utiliser des animations Flash et de les intégrer directement dans l'album photo de Web Acappella. Ces animations Flash ne sont pas la propriété d'intuisphere et sont mises à la disposition des utilisateurs pour leur usage personnel seulement. Pour insérer et activer ces plugins, sélectionnez le plugin voulu dans l'inspecteur de l'album photo, onglet "Design", menu "Plugin". Vous avez accès à deux plugins créés par la société Airtight Inc. Ces plugins sont intégrés à Web Acappella dans leur version gratuite. Vous pouvez passer à la version Professionnelle de ces plugins via ces adresses: Simple Viewer: Tilt Viewer: Une fois que votre version Professionnelle du plugin est achetée et téléchargée, pour l'installer cliquez simplement sur le bouton "Fichier du plugin". Ajoutez le fichier du plugin (dans sa version Professionnelle) à votre bibliothèque de fichiers et sélectionnez-le pour l'utiliser dans votre album photo BOUTON Afin de créer vos liens ou vos menus, Web Acappella met à votre disposition des boutons de navigation entièrement paramétrables. Pour insérer un bouton, cliquez sur le menu «Insertion» «Ajouter un bouton», ou cliquez sur l'icône: Aspect général du bouton: Dans cette partie choisissez la forme générale de votre bouton: Pastille, Rectangle, Cercle ou rectangle arrondi (vous pouvez paramétrer le % du coin). Vous pouvez décider d appliquer ou non un effet 3D et une ombre sur le bouton (cases à cocher). Aspects graphiques du bouton: Il est possible de déterminer l aspect du bouton sur 3 «États»: État «normal»: bouton inactif. État «survolé»: lorsque la souris passe dessus. État «actif»: lorsque le bouton correspond à la page en cours de visualisation. Apparence du fond. Choisissez une couleur ou une image de fond pour votre bouton. Cliquez simplement sur une des deux cases pour sélectionner une couleur sur la palette ou sélectionner une image depuis votre «Bibliothèque de ressources». De même vous pouvez appliquer un effet de lumière sur votre bouton. Choisissez une Aide en ligne de Web Acappella 40 maj 05/10

42 couleur dans l option «Luminosité bouton». Vous pouvez régler le degré de transparence de la luminosité. Pictogramme L option «Pictogramme» vous permet d insérer une image dans votre bouton afin de le personnaliser. Vous pouvez par exemple insérer votre logo ou tout autre élément décoratif. Si vous décochez l utilisation du pictogramme dans l «États survolé» ou dans l «État actif», le pictogramme de l «État normal» sera alors utilisé par défaut. Vous choisissez la taille de votre pictogramme (en %) grâce au menu déroulant. Propriétés du texte: Choisissez ici la couleur du texte de votre bouton. Vous pouvez lui ajouter un effet d ombre ou bien encore le souligner. Propriétés générales du texte: Entrez le texte qui apparaîtra sur votre bouton. Pensez à adapter la taille du bouton à la taille de votre texte. Vous pouvez aussi faire apparaître une Info bulle. Lors du survol de votre bouton, le texte que vous aurez saisi apparaîtra dans une bulle. Cette option est pratique lorsque vous désirez décrire à quoi correspond le bouton. Choisissez une police de caractère, sa taille et ses attributs (gras ou italique) et déterminez l alignement de votre texte (à gauche, centré ou à droite). La marge intérieure détermine l emplacement du texte dans le bouton. Plus le pourcentage est élevé, plus le texte sera éloigné des bords du bouton. La marge intérieure est inefficace si le texte est centré. Liens hypertexte: Dans l onglet «Lien» des propriétés du bouton, choisissez la destination du lien hypertexte de votre bouton (voir section «Liens hypertexte»). Un bouton vous permet aussi de mettre en place un lien vers le panier d'achat. Si vous avez plusieurs modules E-Commerce sur votre site et que vous souhaitez un seul lien vers le panier, choisissez "lien vers le panier E-Commerce". Nous vous conseillons de placer ce bouton pointant vers le panier sur une maquette afin que le lien soit accessible depuis n'importe quelle page MENU DYNAMIQUE Le menu dynamique facilite la navigation dans votre site en vous proposant un système de menus et de sous-menus. Organisation de votre menu : Créez autant de menus et de sous-menus que vous le souhaitez. Pour créer un nouveau menu principal, sélectionnez «Menu dynamique» puis cliquez sur... Pour un nouveau sous-menu, placez vous sur un menu principal et cliquez sur... Dans la fenêtre «Nom du menu», vous pouvez renommer vos menus et sous-menus puis leur attribuer un lien hypertexte. Aide en ligne de Web Acappella 41 maj 05/10

43 Réorganisez votre menu grâce aux boutons «Monter» et «Descendre». Apparence de votre menu : L onglet «Affichage du menu» permet de régler l apparence de votre menu et de vos sous-menus. Choisissez l orientation, le fond, la police de caractère, la couleur des séparateurs, le style qui apparaîtra lors du survol du texte, l apparence des coins, la bordure FORMULAIRE DE CONTACT Simplifiez l envoi d'un , vers votre adresse , par un visiteur du site, grâce au formulaire de contact Choisissez-vous même les champs que vous désirez voir apparaître, l apparence de votre formulaire ainsi que les paramètres d envoi du mail. CONTRAINTES TECHNIQUES L utilisation du formulaire de contact nécessite l activation et la prise en charge de certaines fonctionnalités auprès de votre hébergeur: Prise en charge du PHP (langage informatique de programmation Web côté serveur). Prise en compte de la «Fonction Mail» dans PHP (qui permettra le transfert des mails depuis votre site Web vers votre boîte mail). Note: Renseignez-vous auprès de votre hébergeur pour savoir si ces fonctionnalités sont prises en compte dans votre hébergement. Aide en ligne de Web Acappella 42 maj 05/10

44 L'inspecteur du formulaire de contact est divisé en trois principales catégories: - Les champs du formulaire - Le style visuel des champs - Les boutons de votre formulaire Les champs du formulaire: - Choisissez le nombre de zones que comportera votre formulaire (de 1 à 20) grâce à la liste déroulante «Nombre de zones du formulaire». - La liste déroulante «Zone n x» vous permet de naviguer entre les différents champs de votre formulaire. - Attribuez ensuite une hauteur (exprimée en pixels, à 25 pixels par défaut) et le nombre maximum de caractères insérables à la zone en cours d édition. - Déterminez le type de zone que vous désirez insérer et saisissez (sauf pour la zone éditable large) son intitulé dans le champ «Nom de la zone» : «Texte en lecture seule» : texte qui sera le titre de la zone (exemple: «Votre message»). «Texte éditable» : texte qui sera le titre d une zone à remplir par l utilisateur (exemples: nom, prénom, adresse ,...). Vous avez la possibilité de saisir un texte d'exemple dans le champs "Message par défaut", champs uniquement disponible lorsque ce type de zone est sélectionné. Exemple: "Saisir ici votre adresse ...". «Texte éditable large» : texte pouvant être le corps du message envoyé depuis le formulaire (exemple: zone ou l utilisateur du formulaire saisi son message). «Choix multiples» : ce type de champs vous permet d'ajouter un menu déroulant à choix multiples dans votre formulaire. Dans le champs "Liste des valeurs" saisissez votre liste de choix en séparant les valeurs par une virgule (ex: M.,Mlle,Mme). Vous avez aussi la possibilité de choisir une des valeurs saisies comme valeur par défaut de votre menu déroulant grâce à "Elément sélectionné par défaut". - Si vous désirez qu un champ soit obligatoirement rempli par l utilisateur du formulaire, cochez la case «Champ obligatoire». Pour que les mails envoyés depuis le formulaire vous parviennent, remplissez les champs «Intitulé du mail» et «Destinataire» avec vos informations personnelles. Le style visuel des champs: Vous pouvez appliquer une couleur d arrière-plan et une bordure à vos champs et modifier l apparence de votre texte (dans le nom des champs et dans la zone d'édition). Les boutons de votre formulaire: La couleur des boutons et du texte peut être modifiée en mode normal et survolé. Choisissez aussi le style de texte de vos boutons. L'effet 3D et l'ombre portée sont des options applicables aux boutons de votre formulaire. Vous avez enfin le choix de faire apparaître ou non le bouton «Effacer» qui sert à supprimer tout le contenu saisi dans les champs éditables du formulaire. Fond Paramétrez enfin le fond de votre formulaire: couleur/image de fond, bordure, ombre portée et transparence. Aide en ligne de Web Acappella 43 maj 05/10

45 9. - ZONE DE COULEURS Les zones de couleurs sont des éléments qui pourront vous servir à créer un style visuel pour votre site mais libre à vous de choisir leur finalité. Cliquez dans le menu «Insertion» puis sur «Ajouter une zone de couleur Une zone de couleur apparait avec une couleur aléatoire. Vous pouvez alors la redimensionner et choisir sa couleur ou son image d arrière plan. Via son inspecteur, déterminez une image d arrière plan et/ou une couleur d arrière plan. Vous pouvez par la suite régler son degré de transparence et lui attribuer une bordure. De même, vous pouvez appliquer un dégradé, des coins arrondis ainsi qu un effet d ombre portée. Note: En réglant son ordre d apparition dans la page (premier plan, arrière plan, avancer, reculer), vous pouvez vous servir de cet élément comme base d une interface graphique pour votre site VIDEO Pour intéger une vidéo à votre page, cliquer sur le menu «Insertion» puis sur «Ajouter une vidéo» Vidéo au format.flv L'inspecteur de l'élément vidéo vous permet de: Choisir le lien vers votre vidéo (format.flv impératif) depuis la bibliothèque de ressources (grâce au bouton "+") ou depuis une adresse Internet. Paramétrer les options de lecture ("Lancer au démarrage", "Répéter" et "Volume par défaut"). Paramétrer le visuel (boutons de navigation et barre de progression). Note: Votre vidéo est lue en streaming. Cela signifie qu elle n a pas besoin d être complètement chargée pour que la lecture commence. Pour en savoir plus sur les logiciels qui vous permettront de convertir vos vidéos au format.flv, rendez vous sur cette page: Vidéo en ligne (Youtube...) Aide en ligne de Web Acappella 44 maj 05/10

46 Vous pouvez aussi insérer des vidéos hébergées en ligne sur les sites Youtube, Dailymotion ou Myspace. Sélectionnez simplement "Vidéo en ligne" dans le menu déroulant. Collez ensuite l'adresse Internet de la vidéo ou le code HTML généré par un des trois sites cités cidessus. A propos de la taille de la vidéo dans le mode "Vidéo en ligne": Les sites de partage de vidéo peuvent vous proposer différentes tailles de vidéo. Web Acappella vous permet d'adapter automatiquement la taille de votre vidéo. En effet, les valeurs "hauteur" et "largeur" déterminées par les sites de partage sont transformée en "1OO%" afin de s'adapter à la taille choisie pour votre élément. 11. SON Pour intégrer un son à votre site, cliquez sur le menu «Insertion» puis sur «Ajouter un élément sonore». L'inspecteur de l'élément sonore vous permet de: Choisir le lien vers votre son (format.mp3 impératif) depuis la bibliothèque de ressources (grâce au bouton "+") ou depuis une adresse Internet. Paramétrer les options de lecture ("Lancer au démarrage", "Répéter" et "Volume par défaut"). Paramétrer le visuel (boutons de navigation et barre de progression). Note: Votre élément sonore est lu en streaming. Ceci signifie qu'il n a pas besoin d être complètement chargé pour que la lecture commence. Pour en savoir plus sur les logiciels qui vous permettront de convertir vos sons au format.mp3, rendez vous sur cette page: Aide en ligne de Web Acappella 45 maj 05/10

47 12 - LIEN HYPERTEXTE Les liens hypertexte vous permettent de naviguer dans votre site, d envoyer vos visiteurs vers d autres sites, d envoyer des s, de sélectionner des fichiers ou bien encore de changer la langue de votre site. Les liens hypertexte peuvent être appliqués sur: Le texte, Les images, Les bouton et menus dynamiques, Les zones de couleur, Les frames Les éléments multimédia Lorsque vous êtes sur un élément ou sur du texte, le menu de l'inspecteur vous permet d'accéder aux différents types de liens hypertexte. Note: pour chaque type de lien (sauf pour les s), vous pouvez choisir de le rendre effectif dans la page courante (changement de page dans une même fenêtre) ou de l ouvrir dans une nouvelle page Internet. «Lien vers une page de ce site Web»: Votre site comporte plusieurs pages et vous désirez créer un lien vers une de ces pages. Cliquez sur ce type de lien et l explorateur de page ainsi que la liste des miniatures apparaissent. Choisissez ensuite la page vers laquelle le lien sera effectif. Le lien est en place. «Lien vers un fichier»: Lien vers un document de votre choix. Choisissez un document dans l explorateur ou importez en un de votre ordinateur grâce au bouton «Ajouter un nouveau fichier». Si vous avez effectué des modifications récentes sur un fichier, sélectionnez le dans votre liste de fichiers et cliquez sur le bouton «Rafraîchir», enfin choisissez le fichier et cliquez sur «ouvrir». Lors du clic sur ce lien, le fichier sera: soit ouvert dans le navigateur Internet (ex: Pdf) soit ouvert par le logiciel approprié (ex: document Word, vidéo QuickTime...). «Lien vers une adresse Internet»: Le lien dirige les visiteurs vers un autre site Internet. Un champ apparaît vous demandant de «Taper une adresse Internet [...]». Remplissez le champ avec l adresse Internet vers laquelle le lien hypertexte pointera. N oubliez pas de mettre « au début de votre adresse pour qu elle soit correctement prise en compte. Si vous choisissez d ouvrir le lien dans une nouvelle fenêtre, une info bulle générée par Web Acappella vous permettra d ouvrir cette fenêtre sans être gêné par le système anti popup de votre navigateur Internet. LIMITES D'UTILISATION Liens externes et Flash en mode prévisualisation En mode prévisualisation, les liens vers des sites externes sont bloqués par Flash. Vous pouvez contourner cette limitation sans aucun danger pour votre ordinateur. Rendez vous sur cette page: Sur le «Gestionnaire des paramètres Adobe Flash Player»: - Menu déroulant «Modifier» -> «Ajouter» - Cliquer sur «Rechercher un dossier» - Sélectionner le dossier «WebAcappella» dans «Mes documents» - C est fini! «Lien vers une adresse »: Le lien envoie un vers l adresse indiquée. Remplissez le champ avec l adresse désirée. En cliquant sur ce lien, les visiteurs de votre site pourront envoyer un à l adresse définie. Ce lien ouvre automatiquement l'utilitaire d'envoie d' par défaut (Gmail, Outlook...). Aide en ligne de Web Acappella 46 maj 05/10

48 Spécial e-commerce «Lien vers le panier d'achat" Uniquement disponible si un module E-commerce a été inséré sur le site.et ne fonctionne que sur les boutons Ce lien revoit automatiquement vers le panier d'achat. Dans le texte de votre bouton, ajoutez le symbole "%" qui sera automatiquement remplacé par le nombre d'articles présents dans votre panier COMPTEUR DE VISITES Le compteur de visites permet de suivre la fréquentation de votre site. Il comptabilise le nombre de visiteurs qui se sont connectés sur votre site. Cliquez sur le menu «Insertion» puis sur «Ajouter un compteur». Dans l onglet «Général», choisissez un style de compteur. Vous pouvez lui ajouter un cadre et déterminer son épaisseur. De même, il est possible d ajouter un arrière plan au compteur et de lui attribuer une bordure. La transparence est aussi paramétrable pour cet élément. Placez le compteur sur votre page. Note: Le compteur sera actif une fois votre site en ligne. De même, il est nécessaire d avoir un hébergeur compatible avec cette fonctionnalité (exemple: Free, 9 Télécom,...) Pour lancer une recherche, testez ou publiez votre site. Saisissez un terme dans le champ et cliquez sur le bouton (ou appuyez sur la touche "Entrer") Les résultats de votre recherche s'affichent alors dans une fenêtre en superposition. Vous pouvez ensuite effectuer une nouvelle recherche, cliquer sur un lien ou fermer la fenêtre. CONSEIL: nous vous conseillons d'insérer le moteur de recherche dans une maquette ou dans chacune de vos pages pour autoriser la recherche à n'importe quel moment ANCRE HTLM L élément «Ancre HTML va vous permette de créer des liens à des endroits précis de vos pages. Cet élément est particulièrement utile lorsque vous créez des pages très longues. Par exemple, si vous créez une page contenant un long texte chapitré, vous pouvez attribuer une ancre HTML à chaque titre. Ainsi, en créant un menu utilisant ce type de lien, vous pourrez naviguer dans votre texte très facilement. Cliquez sur «ajouter une ancre HTML» et placez votre ancre à l endroit désiré dans la page. Aide en ligne de Web Acappella 47 maj 05/10

49 Affichez les propriétés de l élément (via l'inspecteur) puis donnez un nom à votre ancre HTML. La plupart du temps elle est utilisée pour se déplacer à l intérieur d un même page mais elle peut aussi se mettre sur une autre page. Evidemment, l ancre doit être créée AVANT le lien qui y fera référence Lorsque vous allez créer un lien hypertexte dans la page contenant cette ancre, dans la section "cible", choisissez votre ancre pour créer un lien direct dessus. Dans le texte mettez en surbrillance le mot ou l expression qui doit contenir le lien ; dans le menu de l inspecteuret dans «liens hypertexte» le premier icône est alors activé ; cliquez dessus pour ouvrir la fenêtre qui permet de choisir la cible. Choisir en haut «Lien vers une page du site», puis dans le tableau des pages cliquez sur la page ou se trouve l ancre (éventuellement celle ou vous êtes) ; puis choisissez «Fenêtre courante» ou «Autre fenêtre» (si on reste dans la même page, choisir Fenêtre courante). Enfin, sous «Fenêtre courante» dans la zone avec développez et vous voyez apparaitre les ancres de la page ; il vous suffit alors de cliquer sur celle que vous désirez. Le dernier icône dans «liens hypertexte» est alors également activé : il sert à supprimer le lien ; ne cliquez pas dessus Choisir lien vers une page du site puis fenêtre courante puis dans la fenêtre choisir la page (en général celle sur laquelle on est) puis sous fenêtre courante il y a une zone avec.. la développer et on voit apparaître les noms des ancres mises sur la page. Les ancres doivent être crées avant de mettre en place les liens hypertexte. Il faut télécharger un ficher d Adobe Flah player sur le site d Adobe flash player dans : user/mes documents/webacappela/ où sont enregistré les éluèments des sites. Qui fait une mise à jour de settings xml NOTA un problème se pose avec Webacappella et Flash à ce niveau pour tester ; il faut faire une mise à jour en allant sur le site d Adobe Flash player ; ceci est indiqué par un message au moment ou l on utilise pour la première fois une ancre et il suffit de suivre les instructions pour faire la mise à jour une fois pour toutes de «settings.xml» dans le répertoire ou se trouvent les éléments des sites crées ( par défaut : Utilisateurs/ nom_utilisateur/ Mes documents/ Webacappella) FLASH Si vous désirez insérer vos propres animations (au format swf) Web Acappella vous en donna la possibilité. Cliquez sur «Ajouter une animation Flash». Vous pouvez donner un nom à votre animation dans le champs "Titre". Lien vers une adresse Internet: entrez l adresse de l animation Flash (en entier). Lien vers un fichier: sélectionnez votre animation ou ajoutez la dans l explorateur de fichiers en cliquant sur «Ajouter un fichier», puis sélectionnez le fichier ainsi importé depuis votre ordinateur. Les utilisateurs expérimentés ayant créé eux même leur animation Flash peuvent modifier les paramètres de leur animation via la fenêtre de paramétrage des noms et valeurs. Aide en ligne de Web Acappella 48 maj 05/10

50 16. - FRAME Web Acappella permet l intégration de frames. Une frame est une fenêtre à l intérieur même d une page dont le contenu est indépendant du reste de la page. Elle peut avoir les dimensions que vous souhaitez, à vous de l adapter à son contenu. Le contenu d'une frame est directement visible dans l'espace de travail. Différents types de liens peuvent être appliqués à une frame: «Lien vers une page de ce site Web» : Sélectionnez dans le menu déroulant «Lien vers une page de ce site Web». Choisissez une page de votre site qui apparaîtra alors dans la frame. «Lien vers un fichier» : Ce lien ouvrira le fichier sélectionné à l intérieur de la frame à condition que votre navigateur Internet soit équipé des fonctionnalités nécessaires à sa lecture (Adobe PDF Reader, images, fichiers en.txt (texte simple)...). Dans le cas contraire, le fichier sera ouvert de manière externe (en dehors de votre navigateur Internet) par le logiciel correspondant au fichier (Word, Excel, vidéo, musique...). Sélectionnez «Lien vers un fichier» dans le menu déroulant. Cliquez ensuite sur «Ajouter un fichier» et sélectionnez le fichier voulu. «Lien vers une adresse Internet» : Votre frame aura pour contenu un site Internet dont vous aurez déterminé l adresse. Ce type de frame est pratique lorsque vous désirez afficher un autre site Internet tout en permettant à vos visiteurs de rester sur votre site Web Acappella. Note: pensez à adapter la taille de votre frame au site Internet mis en lien. Sélectionnez «Lien vers une adresse Internet» puis tapez l adresse Internet dans le champ correspondant. Voir limitation. LIMITES D'UTILISATION Aide en ligne de Web Acappella 49 maj 05/10

51 Frames et zone de code HTML Les frames et zone de code HTML seront toujours placées au premier plan. Attention donc au positionnement de certains éléments comme le menu dynamique dont les sous-menus pourraient être partiellement cachés ZONE DE CODE HTLM La zone de code HTLM permet d accroître les fonctionnalités de Web Acappellia. Certaines fonctionnalités ne sont pas développées dans Web Acappella (compteur live, date, horloge...). Moyennant quelques notions d encodage, vous avez la possibilité de saisir vousmême du code HTML et de l incorporer dans la page en cours de création. Dans le menu «Insertion», cliquez sur «Ajouter une zone de code HTML». Saisissez votre code dans la fenêtre prévue à cet effet dans l'inspecteur et gardez la case «Activer le code HTML cidessous» cochée. Placez votre zone dans votre page (dans certains cas pensez à adapter la taille de la zone au contenu de votre code). Note: Certains codes HTML peuvent perturber l'affichage de votre site Web Acappella sur le navigateur. LIMITES D'UTILISATION Frames et zone de code HTML Les frames et zone de code HTML seront toujours placées au premier plan. Attention donc au positionnement de certains éléments comme le menu dynamique dont les sous-menus pourraient être partiellement cachés. Astuce: "$wa_var.lang" Cette variable peut être utilisée n'importe où dans un code et sera remplacée par le code langue de la page courante (utilisateurs expérimentés). Aide en ligne de Web Acappella 50 maj 05/10

52 I. - MANIPULATIONS AVANCEES 1. - Editeur de thème visuel 2. - Organisation des pages 3. - Maquettes 4. - Pieds de page 5. - Rafraîchir votre site 6. - Gestionnaire d'espace Web 7. - Insérer des balises Meta dans votre site 8. Bibliothèque des images 9. Bibliothèque des fichiers 1. - EDITEUR DE THEME VISUEL L'éditeur de thème visuel vous permet de choisir une palette de couleurs et leurs nuances. Ces couleurs et leurs nuances pourront être par la suite très simplement appliquées sur les éléments utilisant des couleurs (fond, bordures, dégradé...). Cet outil vous permettra de choisir des couleurs qui se marient bien ensemble et de créer un site aux couleurs homogènes. 1. Choix de couleurs. Cliquez sur le menu "Site Web" "Editeur de thème visuel". Choisissez premièrement votre mode composition des couleurs: analogue, monochromatique, triade, complémentaires, composé ou dégradé. Déplacez ensuite les curseurs dans la palette pour choisir vos nuances. Paramétrez ensuite la luminosité de vos couleurs et le paramètre des harmonies dans le mode analogue. Une fois votre choix effectué, cliquez sur OK pour sauvegarder vos nuances de couleur. Vous pouvez aussi sauvegarder plusieur harmonies. Une fois votre harmonie de couleurs créée, cliquez sur le bouton "+" en bas de la fenêtre pour l'ajouter à vos harmonies. Vous pouvez aussi supprimer une harmonie en cliquant sur le bouton ". 2. Utilisation de la palette de couleurs. Sur tous les éléments qui vous donnent le choix dans les couleurs (zones de couleur, formulaire, boutons, menu dynamique, bordures...), cliquez sur le bouton de choix de couleur. Cliquez ensuite sur le bouton "Couleurs du thème" pour accéder à vos nuances précédemment choisies. Aide en ligne de Web Acappella 51 maj 05/10

53 Choisissez enfin une couleur pour l'appliquer sur votre élément. Note: le modèle "Divers 3" utilise une palette personnalisée pour la couleur de ses éléments ORGANISATION DES PAGES Lorsque vous créez un site contenant de nombreuses pages, il n est pas forcément évident de s y retrouver. L'explorateur de page facilite l'organisation et la gestion de vos pages. Dossiers: Web Acappella vous permet d organiser vos pages dans des dossiers. Vous pouvez ainsi regrouper plusieurs pages dans un même dossier afin de les classer par thème et d y accéder rapidement. Par exemple: Dossier «Pages photos», Dossier «Pages produits», Dossier «Pages achat»... Cliquez simplement sur l'icône pour accéder au menu. Cliquez ensuite sur "Créer un nouveau dossier". Ensuite, faites glisser simplement les pages dans le dossier. Renommer: Vous pouvez renommer vos pages et vos dossiers. Les noms donnés dans l'explorateur n'ont aucune influence sur le nom de vos pages en ligne. Pour renommer une page ou un dossier: -Sélectionnez une page ou un dossier. Effectuez un simple clic dessus ou ouvrez le menu * et cliquez sur "Renommer". Attribuez un nom de votre choix. Changer la page d'accueil: La page affichée par défaut lors de l'ouverture du site est la page d'accueil de votre site. Cependant, vous pouvez choisir une autre page qui sera mise en page d'accueil. Pour cela, sélectionnez la page désirée et cliquez sur le menu *. Cliquez ensuite sur "Définir comme page d'accueil du site Web". La page sélectionnée sera alors automatiquement placée en page d'accueil LES MAQUETTES Vous désirez appliquer un style visuel uniforme sur l ensemble des pages de votre site? Grâce aux maquettes, la mise en page sera simplifiée et votre site aura un visuel global homogène (pas de décalage dans les menus ou les éléments récurrents de vos pages). De plus, si vous désirez effectuer des changements graphiques ou contextuels, modifiez seulement la maquette. Les changements seront alors effectifs sur toutes les pages utilisant cette maquette. Aide en ligne de Web Acappella 52 maj 05/10

54 Créer une maquette: Pour créer une nouvelle maquette, cliquez sur l icône + de l'explorateur de maquette puis sur "Ajouter une nouvelle maquette" ou cliquez sur le menu «Pages / maquettes» puis «Ajoutez une nouvelle maquette». Une nouvelle page vide s ouvre dans l'explorateur de maquettes. Créez votre maquette comme n'importe quelle page. Elle peut par exemple se composer d images, de zones de couleur, de menus dynamiques et de boutons. Cette composition sera enregistrée comme maquette et pourra servir de base homogène à la création des pages de votre site. Intégrer une maquette à votre page: Une fois votre maquette créée, vous pouvez l appliquer à vos pages. Dans la page en création, affichez les propriétés de la page. Dans l onglet «Arrière plan» cochez la case «Utiliser une maquette comme arrière plan». Sélectionnez ensuite votre maquette et cliquez sur «OK». La maquette sera alors intégrée à l arrière plan de votre page. Vous ne pouvez pas directement modifier la maquette lors de la création des pages. Vous devez impérativement retournez dessus pour la retravailler. Toutes les modifications effectuées sur votre maquette seront alors automatiquement prises en compte sur les pages utilisant la maquette PIEDS DE PAGE Les pieds de page fonctionnent de la même manière que les maquettes. Les pieds de pages sont utiles pour terminer une page Web (bas de page). Des liens vers les mentions légales, les contacts, le copyright... peuvent y être intégrés. Libre à vous de choisir! Pour créer un pied de page: Créez une nouvelle maquette (que vous pouvez renommer «pied de page» pour la reconnaître plus facilement) et créez votre pied de page. Dans l onglet «Arrière plan», section «Pied de page», cliquez sur «Choisir un pied de page». Aide en ligne de Web Acappella 53 maj 05/10

55 Sélectionnez votre pied de page dans la liste des maquettes puis cliquez sur «OK». Note: Le pied de page n apparaît pas lors de la création. Vous pourrez le voir seulement en pré visualisation ou en ligne. Le pied de page s adapte automatiquement à la hauteur de votre page et vient se placer juste après le dernier élément, en bas de la page. Attention: Si vous utilisez une maquette, appliquez directement le pied de page à la maquette. Il est impossible d appliquer une maquette et un pied de page en même temps RAFRAICHIR VOTRE SITE Menu «Site Web», «Rafraîchir le site Web». Rafraîchir votre site Web Acappella vous permettra de le régénérer entièrement. Cette fonction est particulièrement utile lorsque le site a été effacé ou modifié en dehors de Web Acappella (via un FTP par exemple). Rafraîchissez aussi votre site après une publication si des problèmes ont été constatés (par exemple si il manque des fichiers ou que l affichage est incomplet). De même, le changement des options d image ne sera pris en compte qu après avoir rafraîchi votre site. Aide en ligne de Web Acappella 54 maj 05/10

56 6. GESTIONNAIRE D ESPACE WEB Lors de la publication, Web Acappella envoie les fichiers de votre site (fichiers système, code HTML, images, vidéo...) sur votre espace Web. Le gestionnaire d espace Web vous donne un accès direct aux fichiers présents sur cet espace. Menu «Outils», «Organiser votre espace Web (effacement, etc...)». Grâce au gestionnaire d espace Web, vous pouvez naviguer à travers votre espace Web pour visualiser l emplacement de vos sites et supprimer d éventuels fichiers inutiles. Vous pouvez aussi effacer votre site directement depuis le gestionnaire. Pour ce faire, il vous suffit de supprimer le dossier contenant votre site, par exemple «acappella1» ou «acappella4» si vous avez activé la gestion multisite. Si la gestion multisite est désactivée, supprimez simplement l ensemble des éléments présents sur votre espace Web. 7.- INSERER DES BALISES META DANS VOTRE SITE Dans les «Propriétés du site Web» ou les «Propriétés de la page», une zone est dédiée à l insertion de code dans la section HEAD du code HTML de votre site. Cette zone éditable va vous permettre d insérer des outils du type «Google webmaster Tools»: Ce service dédié aux Webmasters vous permettra de faire un diagnostic de votre site, de déterminer les liens entrants et sortants, de consulter les statistiques de fréquentation et d accéder à différents outils très utiles. Il vous suffit simplement de vous connecter à ce service grâce à votre compte Gmail. Ensuite, entrez l adresse de votre site. La manipulation suivante, qui permettra de vérifier que vous êtes bien le propriétaire du site, consiste en l intégration d une balise META. Une ligne de code est générée. Aide en ligne de Web Acappella 55 maj 05/10

57 Ce code est donc à coller dans la fenêtre de l onglet «Avancé», et sera intégré dans le code HTML de votre page. Nous vous conseillons de copier ce code d authentification dans les propriétés de la page d accueil de votre site. GESTION DES RESSOURCES 8. - BIBLIOTHEQUE DES IMAGES DE VOTRE SITE L'icône vous permet d'accéder à la bibliothèque d'images. Cet onglet contient les images intégrées dans votre site Web Acappella. Vous pouvez les renommer, les supprimer ou bien encore les classer dans des dossiers. Pour ajouter des images à la bibliothèque de ressources et y avoir accès facilement, cliquez sur le bouton «Ajouter des images depuis votre ordinateur». Le boutons "Nettoyer les images inutilisées" supprime les images non intégrées aux pages de votre site. Web Acappella reconnaît automatiquement les images inutilisées. Aide en ligne de Web Acappella 56 maj 05/10

58 9. - BIBLIOTHEQUE DES FICHIERS L'icône vous permet d'accéder à la bibliothèque de fichiers. Cet onglet contient les fichiers ajoutés à votre site Web Acappella. Vous pouvez les renommer, les supprimer ou bien les classer dans des dossiers. Pour ajouter des fichiers à la bibliothèque de ressources et y avoir accès facilement, cliquez sur le bouton «Ajouter des fichiers depuis votre ordinateur». Le boutons "Nettoyer les fichiers inutilisés" supprime les fichiers non intégrés ou liés aux pages de votre site. Web Acappella reconnaît automatiquement les fichiers inutilisées. Si vous effectuez des modifications sur un fichier, sélectionnezle puis cliquez sur «Rafraîchir le fichier» pour le mettre à jour (importez la dernière version de votre fichier depuis votre ordinateur). Aide en ligne de Web Acappella 57 maj 05/10

59 J. - PUBLICATION 1. - Tester votre site 2. - Publier votre site 3. - Visiter votre site 4. - Définir comme site principal de l'espace Web 5. - Tester vos paramètres FTP 6. - Publier votre site sur un CD ou sur une clé USB 7. - Sauvegarder votre site 8. - Récupérera votre site depuis une sauvegarde 1. - TESTER VOTRE SITE Tout au long de la création vous pouvez pré-visualiser votre travail dans le navigateur Internet par défaut en cliquant sur cet icône: Cette fonctionnalité vous permet de vous rendre compte du résultat final: vérifier le bon fonctionnement des liens, l affichage des images, l aspect graphique de votre site ou bien encore la navigation. Chaque fois que vous testez votre site, il est automatiquement enregistré. Note: Certains éléments ne fonctionnent pas lors d une pré-visualisation (Blogs, formulaire de contact, compteur de visites) PUBLIER VOTRE SITE Publiez votre site très simplement. Assurez-vous d avoir correctement renseigné les paramètres de publication de votre site Web Acappella (voir le chapitre «Paramétrer votre site Web Acappella»). Cliquez sur cet icône pour publier votre site ou les dernières modifications effectuées: Lorsque vous le désirez, cliquez sur l icône «Publier» pour mettre votre site en ligne. La publication se lancera automatiquement. Une fenêtre s ouvre vous présentant l avancement du transfert de vos fichiers. A chaque modification sur votre site, pensez à le publier pour qu il soit à jour en ligne. Note: La mise en ligne ou les modifications de votre site peuvent être plus ou moins rapidement pris en compte, soyez patients. A la fin de la publication de votre site, la fenêtre vous donne un récapitulatif des informations relatives à votre site Web Acappella: Adresse où le site pourra être consulté, Nombre de fichiers modifiés, Taille du site Web. Aide en ligne de Web Acappella 58 maj 05/10

60 3. - VISITER VOTRE SITE Vous pouvez à tout moment visiter votre site en cliquant sur l icône «Visiter votre site»: Vous serez alors directement envoyé sur la page d accueil de votre site Web Acappella DEFINIR COMME SITE PRINCIPAL DE L ESPACE WEB Menu «Site Web» «Mettre le site courant comme site principal de votre espace Web». 1er cas: Un seul site sur un espace Web. Vous avez créé un seul site sur un espace Web (rappel: Web Acappella gère le multisite, c estàdire plusieurs sites sur un même espace Web). En cliquant sur cette fonctionnalité, l adresse de votre site sera simplifiée. Par exemple, pourra directement être accessible en tapant 2ème cas: Plusieurs sites sur un même espace Web: Vous avez créé plusieurs sites sur un même espace Web et vous désirez accorder une priorité à l un de ces sites (par exemple vous voulez que le site 3 soit le site principal de votre espace Web). Affichez le site désiré dans Web Acappella, cliquez sur «Mettre le site courant comme site principal de votre espace Web». Le site disponible à l adresse sera directement accessible en tapant TESTER VOS PARAMETRES FTP Vous pouvez très simplement tester vos paramètres FTP sans logiciel particulier et avec votre navigateur courant (Internet Explorer, Firefox, Opera,...). Pour cela, vous allez entrer l'adresse sous la forme suivante : Code : ftp://nomutilisateur@votrenomdedomaine Exemple votre nom d'utilisateur est toto et votre site est monsite.fr, cela donnera : ftp://toto@monsite.fr Normalement, si le serveur FTP est disponible, si vous avez bien respecté la syntaxe et entré le nom d'utilisateur correct, une fenêtre va apparaître vous demandant votre mot de passe (qui vous a été fourni par votre hébergeur). Une fois le mot de passe entré, vous allez voir apparaître l'arborescence de vos répertoires et la liste des fichiers hébergés sur votre site (vous pouvez naviguez dans les répertoires de la même manière qu'avec l'explorateur de Windows). Quel est l'intérêt de cette manipulation? 1 Vérifier que vous avez le bon nom d'utilisateur et le bon mot de passe 2 Vous allez pouvoir retrouver le nom du dossier FTP distant 3 Vérifier que le serveur FTP de votre hébergeur est disponible 4 Vérifier que les problèmes de connexion de Web Acappella viennent bien du logiciel et non de problèmes de paramètres ou du serveur de votre hébergeur. Cas particulier, pour tester avec Orange, entrer l'adresse sous la forme suivante : Code : ftp://nomutilisateur@orange.fr:motdepasse@persoftp.orange.fr Aide en ligne de Web Acappella 59 maj 05/10

61 6. - PUBLIER VOTRE SITE SUR UN CD OU UNE CLE USB Pour présenter votre site à vos amis, faire un cadeau, un album photos original, vous pouvez mettre votre site sur un support amovible pour qu'il puisse être vu sur n'importe quel ordinateur équipé d'un navigateur Internet, indépendamment de l'os installé. Pour cela, dans Web Acappella, procédez de la manière suivante : Fichiers / Paramétrer votre espace web courant Choisir un mode de configuration En place de publier sur Internet, cliquez sur le bouton "Avancé". Choisissez (ou créez) un dossier ou seront placés les fichiers de votre site. Pour les utilisateurs de Web Acappella Premium, supprimez la gestion multisite dans votre espace web Pour les utilisateurs de Web Acappella Free, mettez votre site courant comme site principal de votre espace web Publiez votre site, tous les fichiers seront placés dans le dossier choisi. Il ne vous reste plus qu'à transférer tous les fichiers et dossiers contenus dans ce dossier vers votre support amovible. Pour visionner votre site, il vous suffira de lancer le fichier index.html qui se trouvera à la racine de votre support. Remarques : Avec ce système les Blogs, formulaires et compteurs ne fonctionnent pas. Recommandations : pour des raisons de compatibilité avec les différents OS, les noms des fichiers à graver sur votre CD ne doivent pas avoir une longueur supérieure à 32 caractères et ne pas contenir d'espaces ni de caractères accentués ; Web Acappella ajoutant systématiquement "crbst_" devant les noms des fichiers d'images que vous incorporez sur vos pages, faites bien attention au nom des fichiers d'origine que vous allez prendre sur votre ordinateur. 7.-.SAUVEGARDER VOTRE SITE Sauvegarde depuis Web Acappella. Web Acappella enregistre automatiquement votre travail dans le dossier /Mes documents/webacappella (Documents/WebAcappella sur Mac). Mais afin de conserver une sauvegarde supplémentaire de votre travail dans un dossier ou un support de votre choix, vous pouvez effectuer une sauvegarde manuelle de votre site Web Acappella. Une sauvegarde est très importante! En effet, nous avons pu constater qu un certain nombre d utilisateurs avait perdu leur site situé sur leur PC suite à diverses maladresses. De plus, il n est pas possible de récupérer votre site installé sur votre espace Web même via un client FTP. Les fichiers en ligne ne sont pas ceux qui ont servi à la création du site. Pour sauvegarder votre site Web Acappella: Ouvrir Web Acappella et choisir site 1 (ou 2, ou... selon votre cas) dans le menu déroulant situé en haut. Cliquez sur le menu «Fichiers» «Sauvegarder le site Web dans une archive». Choisissez ou créez (créer un dossier vous permet de personnaliser votre sauvegarde et d éviter tout problème de compression des données) un dossier de destination et cliquez sur «OK» (nous vous conseillons de choisir un support amovible tel qu une clé USB ou un CDRom). Vous pouvez ensuite choisir d'incorporer ou non à votre sauvegarde vos paramètres de publication. Cochez ou décochez la case "Intégrer les paramètres de publication dans cette sauvegarde". Cliquez ensuite sur "Oui" ou "Non". Aide en ligne de Web Acappella 60 maj 05/10

62 Un fichier.zip contenant votre site sera alors créé à l'endroit sélectionné. Sauvegarde depuis votre système d exploitation Vous pouvez aussi sauvegarder l ensemble de vos sites directement depuis l explorateur de votre système d exploitation. Il vous suffit de copier le dossier «WebAcappella» (situé dans le dossier «Mes documents» sur Windows et «Documents» sur Mac) et de le coller sur un support amovible (clé USB, DVD...) ou sur une partition de votre disque dur. Cette méthode est particulièrement utile dans différentes situations: pour importer vos sites sur un nouvel ordinateur, pour transférer vos sites vers votre ordinateur portable ou tout simplement pour conserver une sauvegarde de l ensemble de vos sites. Pour réintégrer vos sites dans Web Acappella, il suffit d écraser le dossier Web Acappella avec votre sauvegarde RECUPERER VOTRE SITE DEPUIS UNE SAUVEGARDE Cliquez sur «Recommencer votre site depuis une sauvegarde» et sélectionnez le fichier.zip de votre site (à l endroit où vous avez créé la sauvegarde). Cette manipulation peut s effectuer depuis votre site en construction ou depuis un site vierge (dans le cas d un formatage / réinstallation de votre système). Dans le cas où votre travail ne vous conviendrait pas ou que vous décidiez de tout refaire, vous avez la possibilité de reprendre votre site à zéro en cliquant sur «Recommencer votre site à zéro». Attention! Cette opération effacera de manière définitive le site courant. Aide en ligne de Web Acappella 61 maj 05/10

63 K - MODULE E-COMMERCE Le module E-commerce de Web Acappella vous permet de créer et d'ajouter des catalogues de produits sur vos pages, et de vendre des articles en ligne en toute simplicité. CONTRAINTES TECHNIQUES Nous vous rappelons que l'utilisation du module E-commerce nécessite l'activation sur votre hébergement.et la prise en charge du PHP et de la "Fonction Mail" dans PHP (qui permettra le transfert des mails depuis votre site Web vers votre boîte mail). Le module E-commerce utilise les cookies (technologie utilisé par l'ensemble des sites de e commerce) permettant de sauvegarder les éléments de votre panier. Les cookies sont acceptés par l'ensemble des navigateurs mais la redirection de votre nom de domaine ( via une FRAME empêche la gestion des cookies et par conséquent le bon fonctionnement de votre boutique. De plus, afin d'assurer la présence de la fonction PHP ainsi qu'un fonctionnement continu et performant de votre boutique en ligne, nous vous conseillons fortement de choisir un hébergement payant. Ajoutez vos articles, éditez leurs propriétés (images, prix, poids, description...), entrez vos coordonnées de vendeur (adresse Paypal, coordonnées bancaires et adresse postale) et paramétrez enfin les taxes et frais de port. Le paramétrage de votre module E-commerce est divisé en 5 principales parties: 1 Ajout d'articles 2 Options du E-commerce 3 Affichage du panier et validation de la commande 4 Paiement des commandes 5 Design de votre catalogue Dans un premier temps, cliquez simplement sur le menu "Insertion" puis "Module E-commerce" pour ajouter un catalogue de produit à votre page. 1. AJOUT D ARTICLES Onglet "Général": Cet onglet vous permet de saisir toutes les informations relatives à votre article (Titre, sous-titre, description, prix, poids, disponibilité et lien vers une page de description plus détaillée) et de choisir une image. Aide en ligne de Web Acappella 62 maj 05/10

64 Si vous avez ajouté plusieurs articles à votre catalogue, vous pouvez naviguer d'un article à l'autre grâce aux boutons "Article précédent" et "Article suivant". Onglet "Options": Cet onglet vous permet d'ajouter jusqu'à 3 options différentes sur chaque article intégré au catalogue. Par exemple, si vous vendez des T-shirts, vous pouvez ajouter une option "Taille" et saisir les différentes tailles dans la liste correspondante (S, M, L, XL). Toujours avec l'exemple des T-shirt, vous pouvez ajouter une deuxième option qui correspondra aux couleurs disponibles (jaune, blanc, noir, rouge,...). Pour ajouter une option, saisissez le nom de l'option dans le premier champ. Cliquez ensuite sur le bouton pour ajouter la liste des différentes possibilités offertes sur cet article. Renommez ensuite ces différentes possibilités à votre guise. Vous avez aussi la possibilité de déterminer un prix personnalisé en fonction des options choisies. Par exemple, un même article existant en plusieurs types de finitions n'aura pas toujours le même prix. Pour appliquer un prix personnalisé en fonction des options, sélectionnez une possibilité dans la liste de l'option puis cochez la case "Prix personnalisé" (si vous avez plusieurs options, il vous faudra les combiner pour fixer un prix personnalisé). Enfin, saisissez manuellement le prix pour cette option ou combinaison d'options. Cliquez sur OK pour sauvegarder la saisie de vos fiches article. Aide en ligne de Web Acappella 63 maj 05/10

65 2. OPTIONS DU E COMMERCE : Le bouton "Options du E-commerce" vous donne accès à tous les paramétrages nécessaires à la mise en place et la réception des paiements, à la définition des taxes et frais de port et à la mise en forme du formulaire de commande. 2.1 Général 2.2 Choix des pays 2.3 Frais de port 2.4 Taxes 2.5 Formulaire de paiement 2.6 Extra 2.1 GENERAL onglet "Général" Choisissez ici les modes de paiement que vous acceptez. Si vous n'avez pas encore de compte Paypal, rendez vous sur le site de Paypal pour en savoir plus sur cette méthode de paiement en ligne. POUR EDITER LES PROPRIETES DE CHAQUE MODE DE PAIEMENT, DOUBLE CLIQUEZ DESSUS OU CLIQUEZ SUR L'ICÔNE * Si vous possédez un compte Paypal, saisissez l'adresse correspondant à votre compte Paypal. Vous avez la possibilité de renseigner une seconde adresse dans l'éventualité où vous possédez un compte Paypal mais que vous souhaitez différencier les notifications de paiement en fonction du paiement choisi par votre client. Si vous n'avez pas de compte Paypal, remplissez simplement le champ " des notifications de paiement" vec votre adresse personnelle. Remplissez les champs correspondant aux différents types de paiements avec vos informations bancaires (IBAN, BIC,... qui serviront aux paiements par virement bancaire) et votre adresse postale (qui servira aux paiements par chèque). N'oubliez pas de préciser à quel ordre votre client doit établir son chèque. SCRIPTS Bancaires: Vous avez aussi la possibilité d'ajouter les scripts de boutons de paiement fournis par votre banque ainsi que du code PHP personnalisé. Ces scripts vous permettront d'accepter directement les paiements par carte bancaire en utilisant l'interface sécurisée de votre établissement bancaire. AUCUN SUPPORT NE SERA EFFECTUE PAR INTUISPHERE SUR LES SCRIPTS BANCAIRES. Enfin, vous avez la possibilité de choisir un lien qui redirigera votre client vers vos conditions de vente (nous vous conseillons de dédier une page sur les conditions de vente au sein même de votre site) et de choisir la devise utilisée sur votre site. 2.2 CHOIX DES PAYS Onglet "Choix des pays": Cet onglet vous permet de déterminer la liste des pays dont vous acceptez les paiements et/ou que vous acceptez de livrer. Vous avez aussi la possibilité de déterminer une liste de pays "préférés" qui seront, selon vous, les pays les plus souvent utilisés. Grâce aux flèches "gauche/droite", déplacez le ou les groupes de pays sélectionnés d'une liste vers l'autre. Enfin, vous pouvez déterminer un pays sélectionné par défaut dans la fenêtre de commande. Sélectionnez un pays dans la liste de gauche et cliquez sur le bouton "Définir comme pays sélectionné par défaut". Pour enlever cette option, cliquez sur la croix située à côté du bouton. 2.3 FRAIS DE PORT Aide en ligne de Web Acappella 64 maj 05/10

66 Onglet "Frais de port": Cet onglet vous permet de gérer vous même les frais de port appliqués en fonction des commandes passées. Les frais de port peuvent être établis et calculés en fonction du montant ou du poids total de la commande. Vous pouvez cependant désactiver cette option et décider de ne pas appliquer de frais de port (par exemple de dans le cas de la vente de services ou de produits dématérialisés). Vous pouvez échelonner les frais de port par tranches et ainsi appliquer des montants progressifs en fonction de la valeur ou du poids de la commande. Sélectionnez "Calcul au prix" ou "Calcul au poids". Ajoutez par la suite un ou plusieurs calculs en cliquant sur le bouton + Editez enfin votre calcul avec le bouton * Nous vous conseillons de consultez les exemples déjà présents dans cette option afin de mieux appréhender cette fonctionnalité. Dans l'éventualité ou vous désirez appliquer un frais de port supplémentaire sur un ou plusieurs pays, cochez la case "Frais de port supplémentaires par pays". Sélectionnez un ou plusieurs pays, cliquez ensuite sur le bouton *.et cliquez sur le bouton + pour ajouter un calcul. Saisissez enfin un calcul de valeur (en fonction du poids ou du prix suivant le mode de calcul choisi) qui sera ajoutée en plus des frais de port que vous avez précédemment déterminés. 2.4 TAXES Onglet "Taxes": Cet onglet vous permet de gérer la façon dont les taxes sont calculées et affichées dans le panier d'achat. Le montant de la taxe apparaît seulement quand un pays est sélectionné dans le panier d'achat. NOTE: La taxe est calculée en fonction du prix total de la commande. Pas de calcul par article Dans ces exemples, la taxe a été fixée à 19,6%. Pas de taxe: Si vous cochez "Pas de taxe", aucun calcul de taxe ne sera effectué sur les prix. Sous total : 10 Frais de port : 2 Total : 12 Taxes incluses dans le montant du panier: Si vous cochez "Taxe incluse dans le montant du panier", la taxe est automatiquement calculée (en fonction du taux en vigueur dans chaque pays) et incluse dans le montant total du panier. La TVA est déjà paramétrée pour la France mais si vous créez votre boutique depuis un autre pays, vous devez sélectionner votre pays dans la liste et établir manuellement votre taux de TVA. Sous total : 10 Frais de port : 2 Taxe incluse : 1.97 Total: 12 Taxes calculées en plus du montant du panier: Si vous cochez "Taxe calculée en plus du montant du panier", la taxe sera ajoutée au montant total du panier. Même remarque que le précédent paramétrage en ce qui concerne le taux de la TVA qui diffère en fonction du pays. Aide en ligne de Web Acappella 65 maj 05/10

67 Sous total : 10 Frais de port : 2 Taxe en plus : 2.35 Total: FORMULAIRE DE PAIEMENT Onglet "Formulaire de paiement" qui concerne les coordonnées du client Cet onglet vous permet de choisir les champs visibles dans le formulaire qui sera rempli par vos clients lors de leur commande. Ce formulaire est destiné à la saisie des informations concernant la livraison et la facturation de la commande. Les champs "Nom", "Prénom", "Adresse" et " " ne peuvent être supprimés de la liste et "Adresse" et " " sont obligatoires. Vous pouvez ajouter les champs "Société", "Téléphone", "Fax" et "Commentaire" et choisir de rendre leur saisie obligatoire ou non grâce à la case à cocher "Champ obligatoire". 2.6 EXTRA Onglet "Extra" CODES PROMOTIONNELS Cet onglet vous permet d'ajouter à votre panier un champ dédié à la saisie de codes promotionnels. Cochez simplement la case "Utiliser les codes "promotion". Ces codes promotionnels, que vous aurez fournis au préalable à certains de vos clients privilégiés, sont à déterminer en cliquant sur le bouton "Editer les codes "promotion". Ajoutez autant de codes que vous le souhaitez, donnez leurs un nom personnalisé et déterminez la promotion attribuée à chaque code (en prix ou en pourcentage sur le total de la commande). Lorsqu'un client fera ses achats sur votre site (et si vous lui avez fourni un code promotionnel) il Aide en ligne de Web Acappella 66 maj 05/10

68 pourra alors saisir ce code promotionnel dans le champs approprié pour bénéficier de la réduction. PERSONNALISATION DU FORMULAIRE DE PAIEMENT Cet onglet vous permet d'ajouter vos propres codes afin de personnaliser le formulaire de paiement. Cliquez sur les boutons "Editer le code du formulaire de paiement". Cliquez ensuite sur le bouton "Mettre le code par défaut" pour afficher le code du forulaire de paiement de Web Acappella. Vous pouvez le modifier suivant vos besoins (pour insérer par exemple votre logo). AUCUN SUPPORT NE SERA EFFECTUE PAR INTUISPHERE SUR CES CODES PERSONNALISES UNIQUEMENT POUR LES UTILISATEURS EXPERIMENTES. 3. PANIER ET VALIDATION DE LA COMMANDE Le panier d'achat, accessible via le lien présent sur le module ou via un bouton, permet de voir le récapitulatif de la commande et de procéder à la validation de la commande. L'interface du panier permet au client: De choisir la quantité d'articles De supprimer un article du panier via le lien "Supprimer" De choisir le pays de livraison De lire et d'accepter ou non les conditions de vente (lien vers une page déterminée dans les options Ecommerce) De choisir un type de paiement Le bouton "Valider la commande" donne accès aux formulaires de livraison et de facturation. Le menu déroulant situé en bas de page du formulaire de livraison permet de déterminer si l'adresse de facturation est identique à l'adresse de livraison, évitant ainsi la saisie d'un autre formulaire aux propriétés identiques. Aide en ligne de Web Acappella 67 maj 05/10

69 4. PAIEMENT DES COMMANDES En fonction du type de paiement choisi, le client sera dirigé vers des fenêtres explicatives de la procédure à suivre pour effectuer son paiement. Paiement via Paypal: Un numéro de commande est attribué au client qui est invité à se rendre sur l'interface sécurisée du site de Paypal afin de saisir ses informations de livraison et de facturation puis de régler sa commande. Paypal vous fera parvenir un de confirmation qui vous signalera la référence de la commande et son paiement. Le client n'a pas à avoir un compte Paypal > Paiement par chèque: Un numéro de commande est attribué au client qui doit par la suite imprimer son bon de commande en cliquant sur le bouton correspondant. Il vous fera alors parvenir son bon de commande accompagné de son chèque pour que vous puissiez valider sa commande. En cliquant sur le bouton d'impression, un automatique de notification contenant les informations relatives à la commande vous sera envoyé. > Paiement par virement bancaire: Un numéro de commande est attribué au client qui peut par la suite accéder au bon de commande et à vos informations bancaires en cliquant sur le bouton de notification. Il vous enverra alors son virement bancaire pour que vous puissiez valider sa commande. En cliquant sur le bouton de notification, un automatique de notification contenant les informations relatives à la commande vous sera envoyé. Aide en ligne de Web Acappella 68 maj 05/10

70 5. DESIGN DU MODULE E-COMMERCE Le deuxième onglet de l'inspecteur du catalogue vous permet de modifier le visuel du catalogue. Vous pourrez: Changer la police, la taille et la mise en forme des cadres. Mettre en forme les couleurs de fond, marges et polices des différentes informations affichées (général, image, prix, description). Modifier l'apparence du lien vers le panier d'achat. Aide en ligne de Web Acappella 69 maj 05/10

71 L - QUESTIONS FREQUENTES - INSTALLATION - Compatibilité Vérifiez que vous avez installé la version correspondant à votre système d exploitation (Windows ou Mac). Mettez à jour votre système. Mises à jour Web Acappella détecte automatiquement les nouvelles mises à jour. Certaines mises à jours sont mineures, d autres sont plus importantes et nous vous conseillons d installer ces mises à jour de Web Acappella. Pour vérifier si une mise à jour est disponible cliquez sur le menu "Aide" - "Vérifier les mises à jour". - CREATION - Images de mauvaise qualité Web Acappella compresse les images afin qu elles occupent moins de place sur l espace Web. Vous pouvez régler la qualité et le poids maximum des images de votre site grâce au menu «Option». Mes éléments ne rentrent pas dans la page! Vérifiez la taille de votre page. Vous pouvez régler la largeur et la hauteur de vos pages pour qu elles s adaptent au mieux à leur contenu. Gestion des maquettes Une maquette ne peut pas être modifiée sur une page l utilisant. Vous devez effectuez les modifications directement sur la maquette contenue dans le l'explorateur «Maquettes» de votre explorateur de pages. J ai perdu mon travail! Web Acappella enregistre automatiquement votre site dans le répertoire C://Mes documents/ WebAcappella (Documents/WebAcappella sous Mac). Pour plus de sécurité, nous vous conseillons de faire des sauvegardes régulières de votre travail sur un support externe à votre ordinateur (clé USB, Cd-Rom,..). PUBLICATION Publication stoppée Vérifiez votre connexion Internet. Assurez-vous d avoir suffisamment de place sur votre espace Web. Vérifiez la taille de vos fichiers (limitation de la taille des fichiers chez certains hébergeurs). Changements non pris en compte Attendez quelques temps. En fonction du taux d occupation du réseau, les mises à jour sont prises en compte plus ou moins rapidement. Vous pouvez aussi vider le cache de votre navigateur. Cliquez sur «Rafraîchir» pour actualiser les changements effectués. Assurez-vous d avoir suffisamment de place sur votre espace Web. Il manque des éléments Vérifiez la taille de vos pages. Vérifiez la compatibilité de votre navigateur Internet avec les éléments en question. La publication échoue à chaque fois Ne modifiez surtout pas vos paramètres de connexion mais réessayez de publier votre site un peu plus tard. Il est probable que votre hébergeur subit un problème technique temporaire. Aide en ligne de Web Acappella 70 maj 05/10

72 Différentes erreurs peuvent s afficher dans ce cas: Mauvais password / Mot de passe Folder/ dossier inexistant Connexion interrompue Ne pas tenir compte de ces erreurs et réessayer plus tard. Si le problème persiste, n hésitez pas à contacter votre hébergeur. La publication est bloquée sur le 1er fichier Vérifiez votre firewall! Une protection de type pare-feu (Firewall) peut empêcher le logiciel de fonctionner correctement. Certains outils de sécurité peuvent également bloquer la publication. Pour certains abonnés Wanadoo, le Firewall est intégré dans le logiciel Securitoo. Remarque pour Windows XP Si vous possédez Windows XP (SP2) avec son firewall intégré, vérifiez que celui est actif (panneau de configuration - Pare-feu Windows). Si c est le cas vous pouvez arrêter tout autre firewall qui ferait double emploi et retenter la publication. Si vous n êtes pas sûr de vous, demandez conseil à une personne expérimentée mais il est important de toujours avoir un pare-feux activé lorsque vous êtes connecté à Internet. La publication s arrête en cours de route Vérifier l espace maximal disponible pour votre site Internet chez votre hébergeur. Vérifiez qu un de vos fichiers n est pas trop volumineux (vidéo / son) car certains hébergeurs limitent la taille maximal des fichiers (2 Mo ou 4 Mo par ex). Pour tout autre problème, consulter le Support Client ou le site Web de Web Acappella. Support client: accessible depuis votre Espace Client Site de Web Acappella: CREER DES ARTICLES INTERACTIFS (BLOGS/LIVRE D'OR)! Les blogs ne sont disponibles pour l'instant que chez FREE, LYCOS pour des raisons technique (base de données SQL). Si votre hébergeur vous laisse la possibilité d'utiliser une base SQL, vous pouvez utiliser la "Configuration manuelle", onglet "Base de données" dans WebAcappella pour exploiter les Blogs. Si vous avez créé un article interactif dans votre site Web, mais lorsque qu'un visiteur essaye de poster un commentaire, une erreur survient. Dans ce cas, vous n'avez sans doute pas activé la base de données associée à votre espace Web. Il vous suffit d'aller sur la page d'activation de votre espace Web et de suivre les étapes au complet. Chez FREE Les Pages Persos offrent la possibilité d'utiliser une base de données relationnelle MySQL en plus de l'hebergement. Pour activer une base MySQL : Se rendre sur la console d'administration du compte Pages Persos concerné (il s'agit donc des identifiants d'une adresse Free). Cliquer sur le lien Activer votre base de données MySQL. L'activation des bases de données prend de 24 à 48h Les paramètres de connexion a la base de données MySQL sont les suivants : Host : sql.free.fr User : Votre_login Pass : Votre_mot_de_passe Base : Votre_login Les scripts php ne peuvent utiliser que la base de données mysql fournie par nos soins. Il est possible de gérer la base de données mysql via sql.free.fr (Gérer les données, faire des imports, exports, etc) Aide en ligne de Web Acappella 71 maj 05/10

73 Seuls les scripts php hébergés sur les pages persos ainsi que peuvent permettre de se connecter sur la base de données. Aucune connexion ne peut être établie depuis l'extérieur sur les bases de données de Free. SUPPRIMER «Crbt (x)» DANS L'ADRESSE DE SON SITE Il existe plusieurs solutions pour supprimer Crbt (x) dans l'adresse du site (dont certaines uniquement valables sur Webacapella Premium) : 1 - Mettre le site courant comme site principal (accessible par "Site web" -> "Mettre le site courant comme site principal" ), cette solution va vous permettre de "raccourcir" l'adresse de votre site (et, de plus, d'être en accord avec les conditions d'utilisation d'hébergement de Orange/Wanadoo), votre site sera alors accessible directement sur l'adresse de votre hébergement, mais, les pages ne seront pas déplacées, elles se trouveront toujours dans un dossier (et ce dossier apparaîtra lors de la consultation des pages), cette méthode est indispensable si vous souhaitez mettre plusieurs sites sur le même hébergement. 2 - Dans Webacapella Premium : Vous pouvez modifier le nom des dossiers par défaut Crbt (x). Allez dans votre espace web (Fichiers -> Paramétrer votre espace web courant), puis dans la gestion multisite et remplacez Crbt (x) par le nom que vous désirez (par exemple site, vos pages seront dans le dossier site1, site2,...). Combiné à la solution 1, cela vous permet de personnaliser l'affichage des adresses de vos pages) 3 - Dans Webacapella Premium : Vous pouvez supprimer la gestion multisite. Allez dans votre espace web (Fichiers -> Paramétrer votre espace web courant), puis dans la gestion multisite et décochez la case "Activer la gestion multisite". Avec cette méthode, toutes vos pages seront placées dans le dossier racine de votre site, il n'y aura aucune création de dossier et les adresses de vos pages seront du style Attention! Cette méthode ne permet pas de mettre en ligne plusieurs sites sur le même hébergement depuis cet espace web (vous aurez toutefois la possibilité de mettre d'autres sites en créant un nouvel espace web avec le même hébergeur et en utilisant éventuellement la méthode du point 2, mais ces nouveaux sites ne pourront plus être mis comme site principal. PUBLICATION DE VOTRE SITE AVEC UN LOGICIEL FTP Si vous avez des difficultés à publier votre site (déconnexions, messages "error(put),.." ), vous avez la possibilité de contourner le problème. Vous pouvez charger votre site sur votre hébergement avec un logiciel ftp. Pour cela, il va vous falloir modifier votre espace web : - Fichiers / Paramétrer votre espace web courant. - Choisir un nouvel hébergeur. - Configuration manuelle. - En place de publier sur Internet, choisissez publier sur votre ordinateur. - Choisissez (ou créez) un dossier ou seront placés les fichiers de votre site. - Publiez votre site, tous les fichiers seront placés dans le dossier choisi. - Il ne vous reste plus qu'à transférer tous les fichiers et dossiers contenus dans ce dossier avec votre logiciel ftp. Nous vous recommandons l'utilisation de FileZilla (logiciel gratuit, en Français avec explications à cette adresse ). SAUVEGARDE DE VOTRE SITE WEBACAPPELLA Répétez l'opération pour les sites 2,3 (voir plus avec Premium Edition) éventuels. Aide en ligne de Web Acappella 72 maj 05/10

74 Nous vous conseillons fortement de créer une copie sur disquette, clef USB ou sur une autre partition de votre disque dur en cas de formatage et/ou plantage total du PC. REFERENCER SON SITE WEB. Webacapella intègre un outil vous permettant d'intégrer vos mots clés à votre site. De plus, l'intégralité du texte de vos pages est intégralement reporté dans le code HTML du site. Les moteurs de recherche peuvent ainsi utiliser les mots clés et le texte de votre site WebAcappella pour son référencement. Dans Webacapella : 1 - Bien choisir le titre, la description et les mots clés d'une page est important pour un bon référencement. Donnez un titre qui reflète bien le contenu de votre site (un "mon site à moi" alors que vous parlez de cuisine ne vas pas faciliter les recherches pour vous trouver), faites une description résumant ce que l'on va trouver sur vos pages (évitez les "platitudes" genre "je suis heureux de vous présenter mon site que j'ai fait moi même tout seul", soyez originaux), trouvez des mots clés originaux (mais pas trop tout de même). Sur WebAcappella, pas de problème, la saisie de ces "balises" indispensables est prévue! * Dans Webacapella Free, allez dans propriétés du site web (faites des choix judicieux, ce que vous aller entrer concerne toutes les pages). * Dans Webacapella Premium, allez dans propriétés de la page/référencement, vous pouvez entrer un titre, une description et une série de mots clés par page (même remarque que pour la version free en ce qui concerne vos choix). 2 - Evitez les frames! Le contenu en est très difficilement, voir pas, analysé par les robots. Travail personnel : 1 - Un jour ou l'autre, un robot (programme informatique capable d'aller visiter automatiquement les sites Internet, de les parcourir et d'en enregistrer le contenu.) passera sur votre site pour qu'il soit référencé (il prendra en compte le point 1 et le contenu de la page). Mais ce n'est pas tout, ce n'est pas parce que le robot vous aura trouvé que vous serez bien référencés (c'est à dire, en gros, que votre site sera facile à trouver lors de recherches sur les principaux moteurs : Google, Yahoo, MSN,...) Aide en ligne de Web Acappella 73 maj 05/10

75 2 - Si vous voulez faire avancer le référencement, il va falloir "bosser". Un bon référencement ne se fait pas tout seul. Faites savoir aux robots que vous existez! * Inscrivez vous sur les principaux moteurs de recherche : Google, MSN, Yahoo, Dmoz. * Inscrivez vous dans des annuaires et choisissez bien votre rubrique (une bonne liste d'annuaires ici) * Participez à des échanges de liens (de préférence avec des sites traitant le même sujet que vous) * Consultez cette page * Faites de la pub!... Recommandations diverses : 1 - Un problème qu'il ne faut pas négliger : la gestion des noms de domaine. Vous avez franchi le pas et "acheté" un nom de domaine (ou vous vous êtes inscrits sur un site de noms de domaine gratuits) mais en laissant votre site chez votre FAI gratuit. Vous allez avoir de gros problèmes avec le référencement, en effet, le prestataire qui vous fourni le nom de domaine va se contenter de faire une redirection vers votre adresse d'hébergement. Cette redirection peut se présenter sous 2 formes : * Redirection transparente : dans ce cas votre site sera affiché dans une "frameset" et vous ne verrez que votre nom de domaine apparaitre dans la barre d'adresse (et ce quelle que soit la page affichée). C'est pratique, souvent demandé par les "néophytes" mais présente un gros inconvénient, lors du référencement à cette adresse, les robots ne verront ni vos balises, ni votre contenu ce qui est très mauvais pour le référencement (points 1, 2 et 3 non respectés)! * Redirection non transparente : dans ce cas l'adresse est redirigée vers votre site et ce sont les adresses des pages qui apparaissent dans la barre d'adresse de votre navigateur. C'est moins "joli" et présente un autre problème : le prestaire se contente bien souvent de creer une page html avec une balise "refresh" et un temps de redirection de 0, ce qui est très mal vu par les robots d'indexation. De plus, à la page réferencée, vous allez rencontrer le même genre de problème que pour une redirection transparente, à savoir, non respect des points 1 et 2. Et si le robot daigne suivre le lien indiqué par le refresh, le référencement de vos pages se retrouvera effectué avec votre adresse de site. Il n'y a pas 36 solutions pour ce genre de problème : soit vous faites référencer vos pages avec l'adresse d'hébergement ou alors vous prenez un hébergement payant avec nom de domaine (dans ce cas, l'adresse "pointe' directement sur votre site). Il existe de nombreuse offres et pour tous les prix. 2 - Important. Ce que n'aiment pas les robots (ou qu'ils digèrent très mal) : les textes contenus dans un script java, les textes et les liens cachés (qui ne sont visibles que dans le code et pas sur la page affichée). 3 - Pour en savoir plus, un excellent site traitant du référencement : Web Rank Info Aide en ligne de Web Acappella 74 maj 05/10

76 M - Autres documents de l'aide en ligne CONTRAINTES TECHNIQUES Blog Les blogs ne sont actifs qu'une fois publiés. Pour que l'outil Blog fonctionne correctement, il faut que vous activiez les fonctions "MySQL" (base de données) et "PHP" sur votre hébergement. Formulaire de contact L utilisation du formulaire de contact nécessite l activation et la prise en charge de certaines fonctionnalités auprès de votre hébergeur: Prise en charge du PHP (langage informatique de programmation Web côté serveur). Prise en compte de la «Fonction Mail» dans PHP (qui permettra le transfert des mails depuis votre site Web vers votre boîte mail). Note: Renseignez-vous auprès de votre hébergeur pour savoir si ces fonctionnalités sont prises en compte dans votre hébergement. E-Commerce L'utilisation du module E-commerce nécessite l'activation et la prise en charge du PHP et de la "Fonction Mail" dans PHP (qui permettra le transfert des mails depuis votre site Web vers votre boîte mail). Le module E-commerce utilise les cookies (technologie utilisé par l'ensemble des sites de e- commerce) permettant de sauvegarder les éléments de votre panier. Les cookies sont acceptés par l'ensemble des navigateurs mais la redirection de votre nom de domaine ( via une FRAME empêche la gestion des cookies et par conséquent le bon fonctionnement de votre boutique. LIMITES D'UTILISATION Zone de texte riche et liens externes Les liens dans les zones de texte (ouverture dans une nouvelle fenêtre) sont bloqués par le système anti-popup de Firefox. Une info-bulle générée par Web Acappella permet d éviter ce problème. Images Les images animées en.gif sont par défaut inactives. Vous devez cocher la case «Activer l animation de l image» pour que l image Gif soit animée. Attention! : activer l animation d une image Gif entraîne certaines limitations: blocage des liens ouverts dans une nouvelle fenêtre, l image Gif sera toujours au premier plan, les options d édition et le survol de l image seront désactivés. Liens externes et Flash (en mode prévisualisation) En mode prévisualisation, les liens vers des sites externes sont bloqués par Flash. Vous pouvez contourner cette limitation sans aucun danger pour votre ordinateur. Rendez vous sur cette page: Sur le «Gestionnaire des paramètres Adobe Flash Player»: - Menu déroulant «Modifier» -> «Ajouter» - Cliquer sur «Rechercher un dossier» - Sélectionner le dossier «WebAcappella» dans «Mes documents» - C est fini! Frames et zone de code HTML Les frames et zone de code HTML seront toujours placées au premier plan. Attention donc au positionnement de certains éléments comme le menu dynamique dont les sous-menus pourraient être partiellement cachés. Aide en ligne de Web Acappella 75 maj 05/10

77 LIMITATIONS supplémentaires de la VERSION GRATUITE Référencement La version Free ne permet pas la publication du référencement page par page (les titres des pages seront uniquement utilisés pour les résultats du moteur de recherche). Gestion multisite La version Free est limitée à 3 sites. Multilangage La version Free est limitée à 2 langues. Pages Vous ne pouvez créer que 8 pages par site dans la version Free. Album photos Vous ne pouvez insérer que 12 photos dans chaque album avec la version Free. Objets multimédia Taille maximale des fichiers: 1,4 Mo Module e-commerce ne fonctionne pas CONDITIONS DE LA LICENCE EDITION PROFESSIONAL Destinée à la création de sites professionnels, commerciaux ou associatifs. (également administrations, école collèges et lycées). Cette licence s'applique également à toute utilisation en vue de percevoir une rémunération financière (conseil/vente/location de produits/services) Dans le cas d'une société de service, un développeur pourra créer des sites pour plusieurs clients mais la licence sera toujours associée à l'utilisateur du logiciel (le développeur). Si par la suite, le client souhaite gérer son site par lui-même, il devra acquérir une autre licence d'utilisation (ou plusieurs selon le nombre de développeurs). Aide en ligne de Web Acappella 76 maj 05/10