Manuel de l'aide en ligne - agalia.free.fragalia.free.fr/acappella/wa_files/AIDE_20en_20LIGNE_20WA.pdf · Aide en ligne de Web Acappella 1 maj 05/10 Avertissement La consultation

Manuel

de

l'aide en ligne

de

Web Acappella

Aide en ligne de Web Acappella 1 maj 05/10

Avertissement La consultation du forum de Web Acappella, dmontre que les questions poses trouvent souvent leur rponse dans l'aide en ligne, mais que sa consultation ne semble pas tre faite systmatiquement par ceux qui posent des questions (alors qu'elle possde une recherche par mots cl). Il se pourrait qu'un document que l'on puisse lire en continu, indpendamment 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 rcuprer 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 2010. Les numrotations 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 dernire position. Les contraintes ou limites d'utilisation spcifiques un sujet on t rintgres 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 supplmentaire, vous pouvez consulter: le site de Web Acappella, rubrique "Aide" ou visiter le Forum Officiel de Web Acappella.

ESPACE CLIENT http://www.webacappella.fr/portal/index.php?lang=fr aller sur Assistance pour demander une aide ou un renseignement. Ce document reste la proprit de Intuisphre

INTUISPHERE SARL unipersonnelle au capital social de 2.000

SIRET 48060568200032 37 Avenue Salvador Allende - 33130 BEGLES

http://www.webacappella.fr/portal/index.php?lang=fr


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 ........................................................... 6 1.1.1 Proprits Gnrales de la publication ............................ 7 1.1.2 - Gestion des sous-dossiers et du multi site ...................... 7 1.1.3 - Gestion de la base de donnes .......................................... 7 1.1.4 - Mail ........................................................................................ 8

1.2 Configuration manuelle. ................................................................. 8 1.3 Publier votre site sur votre ordinateur .......................................... 9

2. Informations sur l'hbergement .............................................. 10 3. Hbergements de sites internet ............................................... 10 3.1 Publier chez Free .................................................................... 11 3.2 Publier chez SFR .................................................................... 11 3.3 Publier chez Orange ............................................................... 11 & 12 3.4 Publier cher Orange Premium ............................................... 12 & 13 3.x Publier chez d'autres hbergeurs ......................................... 13

C- INTERFACE DE WEB ACAPPELLA 1. Barre des icnes ...................................................................... 14 2. Barre du Multi langages ........................................................... 14 3. Choix du site ............................................................................ 14 4. Explorateur de pages et de maquettes .................................. 14 5. Explorateur de miniatures ...................................................... 15 6. Plan de travail .......................................................................... 15 7. Inspecteur dlments ............................................................. 16

D- PREFERENCES GENERALES DE WEB ACAPPELLA 1. Prfrences gnrales ............................................................. 17 2. Prfrences des images de votre site

2.1. Compression des images (JPEG) .............................................. 17 2.2 Taille maximale des images ......................................................... 18 2.3. Format des images importes en gliss/dpos ....................... 18

3. Navigateur Internet de votre site ............................................ 18 4. Choix de la langue de l'application ........................................ 18 5. Correcteur orthographique chez MAC .................................... 18 6. Grille magntique ..................................................................... 19 7. Vectorisation des polices ........................................................ 19

E- PROPRIETES DE VOTRE SITE WEB 1. Rfrencement de votre site Web ............................................ 20 2. Activer et utiliser le multi langage ........................................... 21

2.1 Activer la gestion du multi langage sur lintgralit de votre site 2.2. Activer le multi langage sur les pages.

3. Grer la protection de vos pages ............................................ 22 4. Fonctions avances des proprits du site Web .................... 22 & 23

../../CLAUDE/DOCUMENTS/creer_espace.html../../CLAUDE/DOCUMENTS/config_publication.html../../CLAUDE/DOCUMENTS/cariboost_interface.html../../CLAUDE/DOCUMENTS/cariboost_settings.html../../CLAUDE/DOCUMENTS/website_properties.html


F- PROPRIETES DE VOS PAGES WEB 1. - Arrire plan et taille de la page ............................................. 24 2. - Rfrencement de votre site web .......................................... 24 3. - Protection de la page ............................................................. 25 4. Multi langage ................................................................................ voir page 21 5. Paramtrages avancs de la page ....................................... 26

G- MANIPULATIONS DE BASE 1. - Slectionner et dplacer un lment .................................... 27 2. - Copier Couper Coller Dupliquer ............................................ 28 3. - Redimensionnement et rotation ............................................ 28 4. Superposition ........................................................................ 29 5. - Affichage de la page .............................................................. 29 6. - Ajouter une page .................................................................... 29 7. - Annuler une modification ..................................................... 30 8. - Enregistrer vos modifications ............................................... 30 9-. - Proprits gnrales des lments

9.1 - Proprits gomtriques .......................................................... 30

9.2 - Apparence du fond .................................................................... 31 9.3 transparence ou opacit des lments .................................. 31 9.4 - Effets de bordure des lments ............................................... 31 & 32

H- ELEMENTS D'UNE PAGE 1. - Zone de texte riche 33 & 35 2. - Image ....................................................................................... 35 3. - Moteur de recherche ............................................................... 36 4. - Module E-Commerce ....................................................... dplac en K 5. - Album photo ........................................................................... 37

5.1 - Ajout d'images ........................................................................... 37 5.2 - Assistant de cration ................................................................ 38 5.3 - Paramtrages du visuel et des fonctionnalits ...................... 38 & 39 5.4 - Plugins ........................................................................................ 39

6. - Bouton ..................................................................................... 40 & 41 7. - Menu dynamique .................................................................... 41 8. - Formulaire de contact ............................................................ 42 & 43 9. - Zone de couleur ...................................................................... 44 10 - Vido ........................................................................................ 44 11.- Son ........................................................................................... 45 12.- Lien hypertexte ........................................................................ 45 & 46 13.- Compteur de visites ................................................................ 47 14.- Ancre HTML ............................................................................. 47 & 48 15.- Flash ......................................................................................... 48 16.- Frame ....................................................................................... 48 & 49 17.- Zone de code HTML ................................................................ 50

I- MANIPULATIONS AVANCEES 1. - Editeur de thme visuel ........................................................... 51 & 52 2. - Organisation des pages ........................................................... 52 3. Maquettes ................................................................................. 52 & 53 4. - Pieds de page ........................................................................... 53 & 54 5. - Rafrachir votre site .................................................................. 54 6. - Gestionnaire d'espace Web ..................................................... 54 7. - Insrer des balises Meta dans votre site ................................ 55 8. - Bibliothque des images ......................................................... 55 9. - Bibliothque des fichiers ......................................................... 56

../../CLAUDE/DOCUMENTS/propriete_page.html../../CLAUDE/DOCUMENTS/base_manipulation.html../../CLAUDE/DOCUMENTS/cariboost_elements.html../../CLAUDE/DOCUMENTS/advanced_manipulations.html


J- PUBLICATION 1. - Tester votre site .......................................................................... 57 2. - Publier votre site ......................................................................... 57 3. - Visiter votre site .......................................................................... 58 4. - Dfinir comme site principal de l'espace Web .......................... 58 5. - Tester vos paramtres FTP ........................................................ 58 6. - Publier votre site sur un CD ou sur une cl USB ...................... 59 7. - Sauvegarder votre site ............................................................... 59 8. - Rcuprer votre site depuis une sauvegarde ........................... 60

K- MODULE E-COMMERCE 1 Ajout d'articles .......................................................................................... 61 2 Options du E-commerce ........................................................................ 62

2.1 Gnral .............................................................................................. 63 2.2 Choix des pays ................................................................................. 63 2.3 Frais de port ...................................................................................... 63 & 64 2.4 Taxes .................................................................................................. 64 2.5 Formulaire de paiement ................................................................... 64 2.6 Extra ................................................................................................... 65

3 Affichage du panier et validation de la commande ......................... 66 4 Paiement des commandes .................................................................... 66 & 67 5 Design de votre catalogue ..................................................................... 67

L- FAQ ............................................................................................ 70 74

M- AUTRES DOCUMENTS - CONTRAINTES ET LIMITES D'UTILISATION ................................................. 75 & 76 - IMPORTER VOS SITES CARIBOOST 2.0 DANS WEB ACAPPELLA ............ 77 - LES TUTOS DE WEB ACAPPELLA 78

../../CLAUDE/DOCUMENTS/cariboost_publication.html../../CLAUDE/DOCUMENTS/faq.html../../CLAUDE/DOCUMENTS/cariboost_limitations.html../../CLAUDE/DOCUMENTS/import_V2.html


A - CREER UN ESPACE WEB

Avant toute chose vous devez crer un espace web et lui attribuer un nom pour le retrouver facilement louverture de Web Acapella. Un espace Web est un systme qui comprend les paramtres de publication pour un hbergeur donn et o l'on peut crer et publier plusieurs sites. Cliquez simplement sur "Crer 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 situe ct 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!


B PARAMETRER UN SITE

1. Configurer la publication d'un site 2 Hberger son site 3 Les hbergements

1. CONFIGURER LA PUBLICATION DU SITE Afin de publier votre site sur Internet, vous devez saisir les informations ncessaires lenvoi des donnes vers votre espace web. Pour accder aux paramtrages de publication, cliquez sur le bouton "Paramtres de publication".

Vous pouvez tout moment accder aux paramtrages de publication depuis le menu "Fichier" "Paramtres de publication". Web Acappella vous propose alors deux mthodes de configuration:

1.1 Configuration automatique 1.2 Configuration manuelle.

1.1 - 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 grer automatiquement la connexion et le transfert des fichiers auprs de votre hbergeur. Pour choisir cette mthode, cochez la case "Configuration automatique". Choisissez ensuite votre pays de rsidence et le fournisseur d'espace Web sur lequel vous avez ouvert un compte. Cliquez enfin sur OK. Vous avez ensuite accs plusieurs onglets de paramtrage:

1.1.1 Proprits Gnrales de la publication 1.1.2 - Gestion des sous-dossiers et du multisite 1.1.3 - Gestion de la base de donnes 1.1.4 - Mail

1.1.1 - PROPRIETES GENERALES DE LA PUBLICATION


Une fois votre hbergeur slectionn dans la liste, remplissez les champs avec les informations personnelles relatives votre espace Web.

Vous devez fournir : un nom dutilisateur, un mot de passe, et pour certains hbergeurs, ladresse o votre site Web sera visible. Vous pouvez tester l'accs votre espace Web via Web Acappella grce au bouton "Tester la connexion".

1.1.2 - GESTION DES SOUS DOSSIERS ET DU MULTISITE Web Acappella vous permet de crer plusieurs sites dans un mme espace Web. Cette fonction peut tre utile si vous voulez crer plusieurs sites mais que votre hbergeur ne vous propose quun seul espace Web.

Choisissez le nombre de sites que vous voulez crer dans votre espace Web. Si vous dcochez la ase "Activer la gestion multisite", vous ne pourrez crer 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 crer 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 dfaut dans un dossier intitul acappella1, 2 ou 3 qui apparat dans ladresse de votre site Internet. Web Acappella vous permet de modifier le nom de ce dossier. Par exemple ladresse http://www.monsite.fr/acappella3/index.html peut se changer en http:// www.monsite.fr/mespassions/index.html. Si vous dsactivez la gestion multisite, votre site sera publi la racine de votre espace Web.

1.1.3 - GESTION DE LA BASE DE DONNEES Afin de pouvoir bnficier des services avancs fournis par Web Acappella (tels que les blogs) il est impratif que votre espace Web gre les bases de donnes. Certains hbergeurs vous proposent directement dactiver les bases de donnes lors de lactivation du compte, mais si ce nest pas le cas, allez sur longlet Base de donnes et remplissez les champs avec les informations disponibles sur le site Web de votre hbergeur.


1.1.4 - MAIL

PARAMETRAGES RESERVES AUX UTILISATEURS EXPERIMENTES Cet onglet vous permet de personnaliser les paramtrages de la fonction mail de PHP. Un paramtrage par dfaut a t appliqu, modifiez ce code uniquement si vous tes un expert en code PHP. Encodage des Emails: vous pouvez choisir ici l'endocage des Email envoys via votre site (Formulaire, E-commerce). Par dfaut l'encodage "Indo-Europen" est slectionn (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.

1.2 - 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 dhbergement. Cette mthode de configuration est imprative si votre hbergeur ne figure pas dans la liste de la configuration automatique. Pour choisir cette mthode, cochez la case "Configuration Vous avez ensuite accs plusieurs onglets de paramtrage: 1.2.1 - Proprits gnrales de la publication 1.2.2 - ] 1.2.3 - ] IDENTIQUES 1.1.2 + 1.1.3 1.1.4 1.2.4 - ]

1.2.1 - PROPRIETES GENERALES DE LA PUBLICATION Remplissez les diffrents champs (hte, identifiant, mot de pass) avec les informations communiques par votre fournisseur dhbergement.


Adresse internet. Votre site sera visible cette adresse internet. Elle correspond votre nom de domaine si vous en avez un (ex. http://www.monsite.fr) Dossier FTP distant: : le dossier FTP distant est trs important et impos par votre hbergeur. Il est ncessaire 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: Hbergeur OVH: www Tester la connexion. Vous pouvez enfin tester l'accs votre espace Web via Web Acappella grce au bouton "Tester la connexion". 1.3 PUBLIER VOTRE SITE SUR VOTRE ORDINATEUR

Cette mthode de publication est utilIse si vous dsirez publier votre site sur votre ordinateur pour le transfrer par la suite sur votre espace Web et via un logiciel de transfert FTP (comme Filezilla par exemple) en cas de dconnexions frquentes ou de problmatiques de scurit renforce lors de la publication de Web Acappella. Voici les diffrentes tapes pour publier votre site Web Acappella sur votre ordinateur puis pour le transfrer 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 fentre de configuration. Choisissez ensuite le dossier de destination (crez 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 slectionn. 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 active, vous pouvez transfrer directement le dossier intituls acappella1 ou acappella2. Si la gestion multisite est dsactive, transfrez directement les fichiers et sous dossiers de votre site.


2. INFORMATIONS SUR LHEBERGEMENT Gnralits: Afin de mettre votre site en ligne et la disposition de tous, vous devez choisir un hbergeur qui mettra votre disposition ses serveurs. Ces serveurs, appels serveurs FTP, vous permettront dhberger votre site. Web Acappella est compatible avec TOUS les hbergeurs! Bien choisir son hbergeur ! En fonction de la finalit de votre site Internet (personnel ou professionnel), vos besoins seront diffrents. En effet, il existe de nombreuses solutions dhbergement (gratuites ou payantes) et chacune delles possde ses propres particularits pour sadapter au mieux vos attentes et votre budget. Nous vous conseillons par consquent de bien rflchir la solution la mieux adapte vos besoins. Des recherches sur Internet sont fortement conseilles.

LES DIFFERENTS TYPES DHEBERGEMENT: Intgr votre abonnement Internet: En vous abonnant un fournisseur daccs Internet, ce dernier met en gnral votre disposition un espace Web personnel. Renseignez vous auprs de votre fournisseur daccs pour connatre les conditions daccs et dutilisation de ces espaces Web. La plupart du temps, ce service est gratuit et compltement intgr votre abonnement. Cette solution dhbergement est trs utile pour publier votre premier site Web Acappella et pour vous familiariser avec la gestion de sites Internet mais prsente des limites dutilisation (lenteur de la connexion, publicit, faible espace de stockage...). Payant: Choisir un hbergeur payant est souvent la solution la plus efficace et la plus stable. Avec des tarifs commenant 1 ou 2 par mois, choisir un hbergement payant vous vitera bien des soucis de publication et daccessibilit. Un hbergement payant vous donnera aussi accs plus de fonctionnalits et davantages. Un hbergement payant vous permettra de choisir votre propre nom de domaine (ex: http://www.monsite.fr), de crer des comptes emails associs votre site (ex: [email protected]), de bnficier de plus despace de stockage... Nous vous recommandons fortement ce type dhbergement qui vous donnera certainement entire satisfaction dans la majorit des cas. Gratuit: En effectuant des recherches sur Internet, vous pourrez trouver de nombreux hbergeurs qui vous proposent des solutions dhbergement gratuit. La gratuit de ces solutions nest pas sans contrepartie. En effet, ces solutions sont la plupart du temps limites en fonctionnalits, intgrent des publicits, sont limites en espace de stockage et la connexion nest pas toujours dune grande qualit. Le seul avantage des hbergeurs gratuits est donc tout simplement la gratuit du service ;) Si c'est la premire fois que vous utilisez cet espace Web chez FREE, il est OBLIGATOIRE de procder 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 (reu 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 hbergeurs


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 http://monsite.free.fr Si une erreur apparait, votre espace n'est pas encore actif Si votre espace perso est dj actif et que vous souhaitez simplement activer votre base de donnes, suivez la mme opration. 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 email principale FREE est [email protected] L'identifiant recopier dans Web Acappella est donc: toto (c'est un exemple) Vous pouvez ensuite cliquer sur "Tester les paramtres de transfert" pour vrifier 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 prt construire votre site ....

3.2 - 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 email SFR : exemple : [email protected] ou et le mot de passe associ.

3.3 - PUBLIER CHEZ ORANGE 1. - Activer votre espace web sur le portail Orange Si c'est la premire fois que vous utilisez cet espace Web chez Orange, il est OBLIGATOIRE de procder l'activation de cet espace. Rendez vous sur le portail officiel de Orange (Si vous possdez plusieurs identits, il faut choisir l'identit principale).


Vous avez 3 choix: Offre Premium, dbutant 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 dj utilis par un autre abonn Orange). L'adresse de votre site Orange sera de la forme http://perso.orange.fr/?????/ 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 votre adresse de messagerie Orange. Exemple: Votre adresse email principale Orange est [email protected] L'identifiant (Login) recopier dans Web Acappella est donc: [email protected] (c'est un exemple) Vous pouvez ensuite cliquer sur "Tester les paramtres de transfert" pour vrifier 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: http://perso.orange.fr/monsite/ 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 prt construire votre site Si cela ne fonctionne pas, veuillez consulter la page d'aide du site ou crivez nous sur le forum.

3.4 - PUBLIER CHEZ ORANGE PREMIUM 1.- Activer votre espace web sur le portail Orange Si c'est la premire fois que vous utilisez cet espace Web chez Orange, il est OBLIGATOIRE de procder l'activation de cet espace. Rendez vous sur le portail officiel de Orange. (Si vous possdez plusieurs identits, il faut choisir l'identit principale).

Vous avez 3 choix: Offre Premium, dbutant 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 dja utilis par un autre abonn Orange). L'adresse de votre site Orange sera de la forme http://perso.orange.fr/?????/

http://perso.orange.fr/?????/http://perso.orange.fr/?????/


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 email principale Orange est [email protected] L'identifiant recopier dans Web Acappella est donc: [email protected] (c'est un exemple). Vous pouvez ensuite cliquer sur "Tester les paramtres de transfert" pour vrifier 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: http://www.premiumorange.fr/monsite/ 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 prt 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 DAUTRES HEBERGEMENTS SUR LAIDE EN LIGNE leur mise jour n'tait pas faite au 01/05/2010


C - INTERFACE

1. Barre des icnes 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 dlments

1. BARRE DES ICONES La barre des icnes vous permet daccder en un clic aux principales fonctionnalits ncessaires la cration et la publication de votre site.

Gagnez du temps et ne vous perdez plus dans les menus! Ces icnes sont trs explicites et facilitent la navigation dans linterface de Web Acappella.

2. BARRE DU MULTI LANGAGE Web Acappella permet de grer des sites Internet multi langage.

La barre des langues vous permet d'activer le multi langage sur une page et de passer aisment dune langue lautre lors de ldition 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 crer plusieurs sites sur un mme espace Web. Par dfaut, 3 sites sont activs sur votre espace Web. Pour passer d'un site l'autre, choisissez simplement votre site via le menu droulant:

4. EXPLORATEUR DE PAGES ET DE MAQUETTES Grce lexplorateur de pages vous avez accs toutes les pages de votre site Web Acappella en un clin dil. Vous pouvez renommer les pages votre guise, les classer dans des dossiers, les supprimer ou bien encore ajouter une nouvelle maquette pour faciliter la cration de votre site.


5. EXPLORATEUR DE MINIATURES Les miniatures des pages sont un complment lexplorateur de pages. Elles vous permettent de reconnatre vos pages rapidement et dy accder en un clic. Cet outil est particulirement pratique si vous nattribuez pas de nom spcifique vos pages. De plus, vous pourrez ainsi juger de lhomognit graphique de votre site.

6. PLAN DE TRAVAIL Le plan de travail est le principal lieu de votre composition. Il se prsente sous la forme dun espace vide ou prdfini (voir la partie sur les maquettes ). Cet espace (dont vous aurez dtermin les caractristiques : taille, fond) vous permet dajouter o bon vous semble les lments mis votre disposition par Web Acappella. Les lments intgrs dans le plan de travail sattirent grce au magntisme lorsquils sont mis proximit. Vous pouvez dsactiver cette option via le menu "Affichage". La grille magntique vous permet de placer les lments par rapport des points de repre. Ces points de repre attirent les lments et les alignent avec prcision. Cette option est trs utile pour placer rapidement vos lments de manire homogne. Cette grille peut tre dsactive tout moment (menu Affichage ).


7. INSPECTEUR DELEMENTS Linspecteur vous permet daccder aux paramtrages et aux options de tous les lments. Par dfaut l'inspecteur est visible mais vous pouvez le faire apparatre ou disparatre via l'icne situ droite de l'lment:

Chaque action effectue sur un lment via l'inspecteur est instantanment applique et visible. De plus, l'inspecteur vous permet de modifier plusieurs lments du mme type en mme temps. Par exemple, slectionnez plusieurs zones de couleur en mme temps. Grce l'inspecteur vous pouvez appliquer les mmes attributs l'ensemble des lments slectionns (mme couleur, mme bordure...)


D - PREFERENCES DE WEB ACCAPELIA

1. Prfrences gnrales 2. Prfrences des images de votre site

2.1. Compression des images (JPEG) 2.2 Taille maximale des images 2.3. Format des images importes en gliss/dpos

3. Navigateur Internet de votre site 4. Choix de la langue de l'application 5. Correcteur orthographique 6. Grille magntique 7. Vectorisation des polices

1. PREFERENCES GENERALES Cet onglet des prfrences de Web Acappella vous permet de modifier lapparence de lapplication (seulement pour Windows) et le dossier dans lequel vos travaux seront enregistrs.

Modifier le dossier de destination de vos espaces Web est rserv aux experts. Ceci est utile pour sauvegarder vos espaces Web ailleurs que dans la partition Systme.

2. PREFERENCE DES IMAGES DE VOTRE SITE Vous pouvez ici choisir le taux de compression des images du site Web. Par dfaut il est 80%, ce qui donne un bon compromis entre la qualit visuelle et le poids dimage (pour aucune dtrioration de la qualit des images, mettez 100%). Dterminez aussi la taille maximum quune image peut avoir sur votre site.

2.1 - COMPRESSION DES IMAGES (JPEG) Lorsque vous publiez vos images JPEG elles sont compresses suivant les paramtres que vous avez dfinis dans les options (exemple: une image dorigine est importe sans compression, si vous lenvoyez avec la qualit 70% son poids sera diminu et sa qualit baisse). Vous pourrez dterminer le rglage optimal en effectuant diffrents essais.


2.2 TAILLE MAXIMALE DES IMAGES Vous pouvez aussi rgler la taille maximale qui seront intgres dans votre site (par dfaut en 1024x1024). Lorsque vous importez des images dans votre projet Web Acappella si leur taille est suprieure la taille dfinie, elles seront automatiquement redimensionnes en gardant leurs proportions. Cette option na pas dinfluence sur lespace des images sur votre site. Ce paramtrage est utile pour optimiser la taille de votre projet Web Acappella et de votre sauvegarde. Nous vous conseillons de laisser 1024 x 1024 par dfaut.

2.3 - FORMAT DES IMAGES IMPORTES EN GLISS/DEPOS

Par dfaut, Web Acappella importe vos images glisses/dposes (par exemple depuis votre navigateur Internet) au format JPEG. Cependant, vous pouvez choisir dans cette fentre le format PNG comme format par dfaut. Si vous cochez la case "Toujours montrer la fentre 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 quutilisera Web Acappella pour effectuer la prvisualisation de votre site en test et la navigation sur Internet.

Web Acappella est automatiquement configur pour utiliser le navigateur par dfaut de votre systme.

4. CHOIX DE LA LANGUE DE LAPPLICATION Choisissez ici la lange de lapplication (ncessaire pour les boutons avec texte intgr).

Aprs avoir cliqu sur OK, l'interface de Web Acappella passera automatiquement dans la langue slectionne

5. CORRECTEUR ORTHOGRAPHIQUE SUR MAC


Cliquer sur la case Activer le correcteur orthographique pour que Web Acappella vrifie en temps rel lorthographe 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 vrifier que la langue par dfaut de votre site soit bien la langue avec laquelle vous crivez (slectionner "Franais" si vous crivez en franais et inversement avec l'anglais). Voir cette rubrique.

6. GRILLE MAGNETIQUE Grer la grille magntique de lespace de travail et lattraction entre les lments.

Choisissez le nombre de points afficher dans la grille magntique de l'espace de travail. Plus le pas est important, plus les points de votre grille magntique seront espacs.

7. VECTORISATION DES POLICES Lactivation de la vectorisation des polices vous permet dutiliser nimporte quelle police prsente sur votre ordinateur dans votre site Web Acappella. Les polices exotiques seront donc visibles par tous les visiteurs, y compris ceux qui nont pas cette police dinstalle sur leur poste. Par dfaut 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 manire individuelle via l'inspecteur de proprit des lments utilisant du texte (zone de texte, bouton, formulaire de contact,...). Les rglages prdfinis de la vectorisation sont considrs comme optimum, mais la modification des paramtres reste possible via les curseurs prsents dans cet onglet (dconseill).


E - PROPRIETES DU SITE WEB

1. Rfrencement de votre site Web 2. Activer et utiliser le multi langage 3. Grer la protection de vos pages 4. Fonctions avances des proprits du site Web

1 - REFERENCEMENT DE VOTRE SITE Web Acappella vous propose de grer automatiquement le rfrencement de votre site. Un bon rfrencement permet une bonne visibilit de votre site Web sur Internet. De plus, avec de la patience, votre site pourra apparatre dans les rsultats des moteurs de recherche. Remplissez pour cela les champs destins au rfrencement et cochez la case "Gestion automatique du Site Map" si vous le ne grez pas vous mme.

Le rfrencement de vos pages va aussi servir l'affichage des rsultats du moteur de recherche.

Le rfrencement de votre site peut se faire soit via les proprits de votre site Web soit via les proprits de la page:

Site Web: Accessible depuis le menu Site Web Proprits du site Web .

Page: Pour un rfrencement individuel des pages, accessible depuis le menu "Page/Maquette" -"Proprits 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 rfrencer votre site dans les diffrentes langues grce au menu droulant. Bien rfrencer son site cest: Remplir les champs ddis au rfrencement avec des mots cls pertinents. Faire en sorte que votre site soit en lien depuis de nombreux sites et annuaires.


Note: La publication en Flash nempche en rien le rfrencement de votre site Web Acappella. Les mots cls, les titres, les descriptions et les textes sont intgralement repris dans le code HTML de votre site. Les moteurs de recherche ont ainsi accs lensemble des donnes textuelles.

2. - ACTIVER ET UTILISER LE MULTI LANGAGE 2.1 Activer la gestion du multi langage sur lintgralit 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. Lactivation du multi langage sur un site Web Acappella se fait en deux tapes:

2.1. ACTIVER LA GESTION DU MULTI LANGAGE SUR LINTEGRALITE DE VOTRE SITE. Cliquez dans le menu Site Web Proprits 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 dterminer leur priorit).

2.2. ACTIVER LE MULTI LANGAGE SUR LES PAGES. A vous de dcider si vous voulez quune page soit multilingue ou non. Dans la page en cration, cliquez sur le premier icne de la barre du multi langage pour ouvrir la fentre du multi langage de la page. En cochant la case Activer le multi langage sur la page courante , le multi langage sera actif. Par dfaut la case nest pas coche et la page sera dite dans la langue principale. Ensuite, naviguez dune langue lautre grce la barre des langues.

Note: si vous avez dj saisi du texte dans votre page avant l'activation du multi langage (zone de texte, bouton, menu...), vous pouvez rcuprer 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 fentre qui suit, slectionnez "Langue par dfaut" et cliquez sur OK pour valider. ^ La deuxime partie de cette fentre vous permet de choisir la langue par dfaut de votre site. Cette langue sera applique sur des lments dont certains boutons sont prformats (exemple: bouton


"Envoyer" du formulaire de contact).

3. - GERER LA PROTECTION DE VOS PAGES Web Acappella vous permet de protger l'accs aux pages de votre site Web grce un mot de passe. Vous pouvez aussi bloquer le clic droit sur votre site Web.

La protection dune page par un mot de passe se fait en deux tapes: 1 Affichez les proprits du site Web ( Site Web Proprits du site Web . 2 Dans longlet Protection des pages , remplissez le champ avec un mot de passe de votre choix. Vous pouvez tout moment changer ce mot de passe mais noubliez pas den informer vos visiteurs. 3 Affichez les proprits de la page que vous dsirez protger par un mot de passe. 4 Dans longlet Protection de la page cochez la case Cette page est protge par un mot de passe . 5 Lorsque votre site sera mis en ligne ou en mode aperu, une fentre de dialogue apparatra 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 protges par des droits dutilisation, avec Web Acappella vous pouvez empcher le clic droit de la souris et la slection de texte sur vos pages. Affichez les proprits de votre site Web et dans longlet Protection des pages cochez la case Bloquer le clic droit de la souris sur vos pages .


4. - FONCTIONS AVANCEES DES PROPRIETES DU SITE WEB Section "Code HTML": Cet onglet vous permet lajout de code dans la partie Head de la page HTML gnre par Web Acappella (rserv aux utilisateurs expriments). Cette zone ditable va vous permettre dinsrer des outils du type Google webmaster Tools:

Favicon: Le "Favicon" est une image de petite taille qui sera place dans votre navigateur Internet, ct de l'adresse Internet de votre site. Cette image peut aussi apparatre sur le ct gauche d'un onglet de navigation (sur les navigateurs supportant la gestion d'onglet). Le favicon peut par exemple correspondre au logo de votre socit. Nous vous conseillons de choisir une image au format carr afin d'viter toute dformation. Gestion du screenshot de votre site Web: Cet onglet vous permet de grer la capture dcran qui pourra tre utilise lors de linscription de votre site sur les annuaires et sites utilisant le systme Ascreen. Web Acappella utilise par dfaut une capture dcran automatique de la page daccueil de votre site. En dcochant la case Gestion automatique et en cliquant sur le bouton Choisir un screenshot vous pourrez choisir votre propre image. Cette image est enregistre au format ascreen.jpg.


F - PROPRIETES DE LA PAGE Vous lorganisez comme vous lentendez et ladaptez vos besoins. A vous de dterminer les diffrentes caractristiques de votre/vos page(s). Dans chaque page vous avez accs diffrents paramtrages:

1. - Arrire plan et taille de la page 2. - Rfrencement de votre site web 3. - Protection de la page 4. Multi langage 5. - Options avances

1. - ARRIERE PLAN ET TAILLE DE LA PAGE Vous pouvez ici choisir la couleur de limage ou darrire plan du site de votre page en cours.

Vous pouvez modifier la taille de votre page Changez simplement la hauteur et la largeur grce aux menus droulants (les dimensions sont exprimes 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 dcochez cette case, la page sera aligne gauche.

Note: llment plac le plus bas dans la page dterminera la fin de votre page et par consquent la fin du dfilement vertical. Pour aller plus loin dans la gestion de larrire-plan, vous pouvez consulter la partie Maquettes

2. - REFERENCEMENT DE VOTRE SITE WEB Web Acappella vous propose de grer automatiquement le rfrencement de votre site. Un bon rfrencement permet une bonne visibilit de votre site Web sur Internet. De plus, avec de la patience, votre site pourra apparatre dans les rsultats des moteurs de recherche. Remplissez pour cela les champs destins au rfrencement et cochez la case "Gestion automatique du Site Map" si vous le ne grez pas vous mme. Le rfrencement de vos pages va aussi servir l'affichage des rsultats du moteur de recherche.

Le rfrencement de votre site peut se faire soit via les proprits de votre site Web soit via les proprits de la page: Site Web: Accessible depuis le menu Site Web Proprits du site Web .


Page: Pour un rfrencement individuel des pages, accessible depuis le menu "Page/Maquette" -"Proprits 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 rfrencer votre site dans les diffrentes langues grce au menu droulant. Bien rfrencer son site cest: Remplir les champs ddis au rfrencement avec des mots cls pertinents. Faire en sorte que votre site soit en lien depuis de nombreux sites et annuaires. Note: La publication en Flash nempche en rien le rfrencement de votre site Web Acappella. Les mots cls, les titres, les descriptions et les textes sont intgralement repris dans le code HTML de votre site. Les moteurs de recherche ont ainsi accs lensemble des donnes textuelles. Limitations de la version Gratuite. 3. - PROTECTION DE LA PAGE Cette partie vous permet de protger laccs de votre page par un mot de passe. Cochez la case pour protger votre page par le mot de passe.

Le mot de passe est dterminer dans les proprits du site Web.

4. - ACTIVER ET UTILISER LE MULTI LANGAGE Voir page 21


5. - PARAMETRAGES AVANCES DE LA PAGE Cet onglet vous permet lajout de code dans la partie Head de la page HTML gnre par Web Acappella (rserv aux utilisateurs expriments).

Cet onglet vous permet aussi de modifier le nom du fichier HTML (nom de la page) et ainsi remplacer lintitul crbst_xx par un nom de votre choix (exemple: pagecontact ou albumphoto). Il est impratif de ne pas mettre despaces ou de caractres spciaux. Page en construction: Si une page de votre site n'est pas encore prte tre publie, 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 publie sur votre espace Web.


G. - MANIPULATIONS DE BASE

1. - Slectionner et dplacer un lment 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 9-. - Proprits gnrales des lments

1. - SELECTIONNER ET DEPLACER UN ELEMENT Web Acappella met votre disposition de nombreux lments que vous pouvez placer ou bon vous semble dans votre page. Pour slectionner un lment, posez votre souris dessus et effectuez un simple clic gauche. Llment slectionn sera alors entour dune bordure en pointills et de points de redimensionnement. Une barre dicnes apparat alors sur son ct droit. Cette barre permet daccder aux options ou de supprimer llment (croix rouge).

Une fois slectionn, maintenez le clic gauche enfonc et dplacez llment sur le plan de travail. Relchez le clic gauche pour dposer llment. Web Acappella permet de slectionner plusieurs lments en mme temps ou bien encore tous les lments de la page. Slection multiple: Maintenez la touche CTRL (ou Pomme sur Mac) enfonce et slectionnez les lments un un. Les lments seront alors entours d'orange. Vous dplacerez ainsi le groupe dlments slectionns.

Vous avez aussi la possibilit de faire une slection des lments: dans une partie vide, effectuez un clic gauche, maintenezle enfonc et dplacez votre curseur pour slectionner une zone et les lments qui sy trouvent.

Enfin, en faisant un clic droit (ctrl clic sur Mac) dans la page, vous pouvez slectionner tous les lments de la page en cliquant sur Slectionner tous les lments de la page .


2. - COPIER COUPER COLLER DUPLIQUER Les lments (textes, images, albums photos, etc) peuvent tre copis ou colls puis colls sur la page en cours de cration, sur une autre page du site courant ou bien encore sur un autre site, Web Acappella situ sur la mme machine. Pour copier un lment, slectionnez 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 lment, effectuez la mme 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 dlments slectionns (cf. Slectionner et dplacer un lment ). Enfin, si vous dsirez dupliquer un lment, via le clic droit (Commande + clic sur mac) cliquez sur "Dupliquer" pour qu'un lment identique au premier soit cr. Note: Lorsque vous copiez ou coupez / collez un lment dans une mme page, l'lment sera lgrement dcal par rapport l'lment d'origine. Cependant, si vous copiez ou coupez un lment dans une page et que vous le collez dans une autre page, l'lment sera plac exactement au mme endroit que son emplacement d'origine. L'utilisation des maquettes peut aussi vous viter de nombreux copier/coller d'une page l'autre.

3. - REDIMENSIONNEMENT ET ROTATION Redimensionnement: Tous les lments intgrs 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 llment. Placez votre souris dans un des angles ou sur un ct de llment, maintenez le clic gauche enfonc et dplacez votre souris dans la direction voulue pour changer sa taille.

Un mouvement vers la gauche ou la droite modifiera la largeur de llment. Un mouvement vers le haut ou le bas modifiera sa hauteur. Un mouvement diagonal modifiera la fois la hauteur et la largeur de votre lment. L'inspecteur de l'lment, rubrique "Proprits gomtriques" de l'lment, vous permet d'ajuster manuellement la taille de votre lment. Si vous voulez rtablir les dimensions initiales dune image (par exemple dans le cas dune image dforme suite un redimensionnement), faites un clic droit sur llment et cliquez sur Remettre limage ses dimensions initiales . De mme si vous ne voulez pas que limage soit dforme, cochez la case de l'inspecteur Conserver les proportions de limage dans la rubrique "Proprits gomtriques" de l'lment". Rotation: Il est possible de faire tourner votre lment manuellement. Slectionnez votre lment, appuyez sur la touche Commande (Alt sur Windows) et cliquez dans un


angle de votre lment. Un icne incurv apparat.

Tout en maintenant enfonc la touche Commande ou Alt, montez ou descendez votre souris pour faire tourner votre lment. Note: voir aussi "Proprits gomtriques des lments"

4. - SUPERPOSITION Lors de la cration de votre page vous pouvez superposer des lments et choisir lordre dapprciation. Ainsi, un lment peut tre mis au premier plan ou en arrireplan, mais vous avez aussi la possibilit de dplacer en profondeur chaque lment. Ces options de placement sont accessible via un simple clic droit sur llment.

Pour slectionner un lment se trouvant sous un autre lment, maintenez la touche "Maj" enfonce et cliquez sur le premier lment. Continuez cliquer au mme endroit pour accder aux lments situs en dessous du 1er lment.

5. - AFFICHAGE DE LA PAGE Web Acappella vous donne la possibilit de travailler en plein cran (menu Affichage Mettre la fentre en plein cran) afin de profiter au maximum de la taille de votre cran dordinateur. De plus, si vous voulez travailler dans le dtail les lments de votre site (taille des objets, alignement) vous pouvez effectuer un zoom de 200% ou 300 % et revenir plus tard la taille normale (100%).

6. - AJOUTER UNE PAGE Suivant vos besoins vous aurez crer plusieurs pages pour votre site. Par dfaut, Web Acappella ouvre votre premire cration sur la page Accueil. Cette page est obligatoire et ne peut pas tre supprime. Elle est la base de votre site et lors de la mise en ligne elle sera la premire page (page daccueil) de votre site Web. Ajoutez simplement vos pages grce au bouton Ajouter une nouvelle page (icne + dans lexplorateur de page) ou par lintermdiaire du menu Pages / Maquettes Ajouter une nouvelle page. Nimporte quelle page cre peut tre mise en page daccueil grce au menu Pages/Maquettes -


Mettre la page courante en Page daccueil.

7. - ANNULER UNE MODIFICATION Chaque action (modification, dplacements, suppression) effectue sur une page ou un lment peut tre annule. Trois mthodes sont proposes : Via le menu "Edition": Cliquez sur le menu "Edition" "Annuler (....)" pour revenir la dernire action effectue. Le nom de l'action est automatiquement report dans ce menu. Via l'historique des actions: Vous pouvez sans problme revenir la dernire modification effectue. L'historique des actions est accessible via le menu "Affichage" "Montrer l'historique des actions". Pour revenir une tape antrieur de cration, slectionnez simplement une action dans la liste pour revenir cette tape. Toutes les modifications apportes entre la dernire action et l'action slectionne seront annules. Vous pouvez sans problme revenir la dernire modification effectue. Via les raccourcis clavier: Les modifications effectues peuvent aussi tre annules via le raccourci clavier "Commande + Z" (ou "Ctrl + Z" sous Windows). Pour rtablir les modifications, tapez le raccourci clavier "Commande + Maj + Z" (ou "Ctrl + Maj + Z" sous Windows).

8. - ENREGISTRER VOS MODIFICATIONS Pour enregistrer les dernires modifications effectues dans votre page courante, cliquer simplement sur le bouton sauver . Vous pouvez cliquer dessus nimporte quel moment pour enregistrer les tapes de votre cration. Lorsque vous changez de page, Web Acappella vous demandera automatiquement si vous dsirez enregistrer le travail ralis. Les chances de perdre le travail accompli sont ainsi minimises. Enfin, lors de la publication et de la prvisualisation de votre site, un enregistrement automatique est ralis. Cet enregistrement permet de reprendre votre ralisation lendroit o vous vous tes arrt et seffectue automatiquement dans un dossier destin au stockage des sites Web Acappella. Ce dossier est enregistr, par dfaut, sur votre ordinateur ladresse suivante: C://Mes documents/WebAcappella mais vous pouvez en choisir un autre. Voir


9. - PROPRIETES GENERALES DES ELEMENTS

9.1 - Proprits gomtriques 9.2 - Apparence du fond 9.3 - Transparence ou opacit des lments 9.4 - Effets de bordure des lments

9.1 - PROPRIETES GEOMETRIQUES DES ELEMENTS Ces paramtrages, accessibles depuis linspecteur de chaque lment, vous permettent de rgler avec prcision la taille de votre objet et son emplacement dans la page. Vous pouvez aussi rgler finement langle de rotation de cet lment. x : distance partir du bord gauche de la zone de travail. y : distance partir du haut de la zone de travail. Largeur : Largeur de llment Hauteur : hauteur de llment En cochant la case "Conserver les proportions", le ratio Hauteur/Largeur restera le mme si vous augmentez ou diminuez la taille de l'lment. Enfin, sur certains lments vous pouvez rgler avec prcision l'angle de rotation.

9.2 - PROPRIETES DU FOND DES ELEMENTS Ces paramtrages vous permettent dappliquer une couleur ou une image de fon vos lments pour personnaliser leur apparence.

Dgrad de couleur: Pour appliquer un dgrad de couleur en arrireplan dun lment activezle en cochant la case Dgrad. Choisissez les couleurs du dgrad (vous pouvez choisir le degr dopacit des couleurs ou faire simplement un dgrad vers une transparence). Une fois les couleurs dtermines, vous pouvez dplacer les curseurs afin de rgler lorientation et la force du dgrad.

9.3 TRANSPARENCE OU OPACITE DES ELEMENTS


Chaque lment peut tre rendu plus ou moins opaque. Par dfaut, llment est opaque 100% mais vous pouvez rgler sa transparence en bougeant le curseur vers la gauche ou la droite.

9.4 - EFFETS DE BORDURES DES ELEMENTS Vous pouvez attribuer chaque lment une bordure. Vous avez le choix entre diffrentes options: coin, bordure, flou et ombre porte. Ces options vous permettent de varier lapparence des lments pour leur donner un aspect graphique agrable.

Choisissez simplement la taille des options de bordure grce aux menus droulants (exprim en pixels).


H - ELEMENTS DUNE PAGE Dans une page , on peut mettre de nombreux lments. Voici ceux que Web Acappella procure

1. - Zone de texte riche 2. - Image 3. - Moteur de recherche

4. - Module E-Commerce dplac en K 5. - Album photo 6. - Bouton 7. - Menu dynamique 8. - Formulaire de contact 9. - Zone de couleur 10 - Vido 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 grce licne texte ou pour le menu Insertion / Ajouter du texte. Saisissez votre texte en double cliquant dans la zone. Appliquez ensuite divers procds de traitement de texte tels que: lcriture en gras, italique et soulign, lalignement de votre texte gauche, droite ou centr, le changement de couleur et de taille. De plus vous avez la possibilit de crer, de modifier ou de supprimer des liens hypertexte (liens internes ou externes) sur une partie ou sur lensemble de votre texte (attention: en construction, vos liens hypertexte apparatront toujours en bleu). Si vous voulez quune zone de texte garde une certaine taille mais que votre texte est plus long, la zone cre automatiquement une barre de dfilement verticale. Cette barre peut tre en permanence visible ou uniquement prsente lors du survol du texte (cochez la case "Cacher automatiquement" pour cette visualisation). Le dfilement du texte (vertical ou horizontal) est aussi possible. Paramtrez les options de dfilement directement dans l'inspecteur. L'inspecteur vous permet aussi d'diter d'autres caractristiques de la zone de texte: Marge intrieure, Couleurs des liens, Bordure, dgrad, arrire plan et transparence


En ce qui concerne les polices, elles peuvent tre vectorises. 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 ragir vos articles.

CONTRAINTE TECHNIQUE Les blogs ne sont actifs qu'une fois publis. Pour que l'outil Blog fonctionne correctement, il faut que vous activiez les fonctions "MySQL" (base de donnes) et "PHP" sur votre hbergement. 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 apparat 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 apparat sur le bouton, avant l'intitul "commentaire(s)". Vous pouvez paramtrer l'apparence du bouton Blog: fond, couleur du texte et effet 3D. Le champ "Identifiant de votre Blog" est gr par Web Acappella. Un code est automatiquement gnr, code qui pourra tre copi puis coll dans un autre champ "Identifiants de votre blog" d'une autre zone de texte. Ce systme permet de supprimer un blog d'une zone de texte et de transfrer les messages dj posts 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 fentre) sont bloqus par le systme anti-popup de Firefox. Une info-bulle gnre par Web Acappella permet dviter ce problme. 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 installes sur la machine de l'internaute elle est remplace par une police standard ce qui dnature la prsentation de texte et parfois la structure de la page. Pour rsoudre ce problme il faut donc que le texte "emmne" 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 prsente 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'installe sur leur poste. Sur chaque lment utilisant du texte, vous pouvez choisir de vectoriser ou non le texte (nous vous conseillons de vectoriser le texte des lments seulement si une police "exotique" est utilise). Pour activer la vectorisation du texte sur un lment, cochez simplement la case "Activer la vectorisation du texte". Limitation: dans le cas de certaines langues asiatiques utilisant des alphabets tendus avec de trs nombreux caractres, comme le japonais, nous vous conseillons de ne pas utiliser la vectorisation du


texte. En effet, la vectorisation de certains alphabets comportant plusieurs milliers de caractres (comme les Kanji japonais) peut provoquer un crash de l'application. RAPPEL: Pour installer une nouvelle police de caractres * dans Windows Tlchargez votre police puis copiez le fichier .ttf. Collez le simplement dans le dossier intitul "Font" qui se situe dans C:/windows/ Une fois colle, votre police est installe automatiquement dans votre librairie de polices. * dans Mac Tlcharger votre police sur votre ordinateur. Double cliquer sur votre police pour lancer son installation et cliquez sur le bouton installer la police . Votre police sinstalle automatiquement.

2. - IMAGE Insrez des images dans votre site que ce soit pour crer une interface de navigation ou agrmenter le visuel de votre site. Web Acappella vous permet dintgrer autant dimages que vous le dsirez et de les placer o vous le souhaitez. Cliquez sur licne Image ou depuis le menu Insertion puis cliquez sur Insrer une image .

Cliquez sur le bouton Choisir une image dans l'inspecteur de l'image et choisissez une image depuis votre bibliothque dimage (ou ajoutez la votre bibliothque si ncessaire). Le champ "Info bulle" va vous permettre dajouter un nom ou un commentaire limage. Une fois votre site en aperu ou en ligne, positionnez votre souris sur limage pour voir apparatre un cadre contenant votre texte. Vous pouvez tout moment supprimer cette image en cliquant sur la croix rouge (quand limage est slectionne). Une fois insre dans la zone de travail, vous pouvez la redimensionner votre guise, rgler sa transparence, lui ajouter un lien hypertexte, une bordure ou un effet de reflet (uniquement visible sur votre navigateur Internet). Dans les proprits gomtriques, vous pouvez choisir de remettre l'image ses dimensions originales en cliquant sur le bouton "Dimensions d'origine". Survol de limage Web Acappella vous donne aussi la possibilit de crer un changement dimage au survol de limage principale, donnant ainsi du dynamisme vos pages. Cliquez simplement dans le deuxime cadre et choisissez une image. Cette image de survol peut tre enleve tout moment en cliquant sur la croix rouge. LIMITES D'UTILISATION


Les images animes en .gif sont par dfaut inactives. Vous devez cocher la case Activer lanimation de limage pour que limage Gif soit anime. Attention! : activer lanimation dune image Gif entrane certaines limitations: blocage des liens ouverts dans une nouvelle fentre, limage Gif sera toujours au premier plan, les options ddition et le survol de limage seront dsactivs.

3. - MOTEUR DE RECHERCHE Le moteur de recherche fonctionne en parfaite autonomie, aucun paramtrage de fonctionnement n'est requis Seul impratif pour que votre moteur de recherche affiche des rsultats personnaliss (afin d'obtenir des informations sur les pages donnes en rsultat): les pages de votre site doivent tre rfrences: (Voir rfrencement) Les textes saisis dans les champs "Titre de votre page Web" et "Description de votre page Web" seront les informations affiches dans les rsultats des recherches Champ de recherche

Rsultats 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

dplac en K

5. - ALBUM PHOTO


Vous pouvez intgrer votre site Web un album photos ou un diaporama flash entirement paramtrable. Cliquez sur le menu insertion . Ajouter un album photo.

Mode normal Mode pleine page Pour paramtrer votre album photo, l'inspecteur de proprits est divis en quatre catgories principales:

5.1 - Ajout d'images, 5.2 - Assistant de cration 5.3 - Paramtrages du visuel et des fonctionnalits 5.4 - Plugins

5.1 - AJOUT DIMAGES

Pour ajouter des images votre album photo, cliquez simplement sur l'icne "+" et importez vos photos depuis votre bibliothque d'images. Pour supprimer ou dplacer vos photos, utilisez la barre d'outils situe 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 slectionnez-en une, puis cliquez sur pour diter ses proprits.


Cadrage de la miniature: Le cadrage de la miniature vous permet (si vous le dsirez) de slectionner une zone de limage qui apparatra dans le slecteur dimages. Slectionnez un format pour le cadrage et dplacez la zone lendroit voulu sur votre image. Par dfaut, limage est 100% et rogne sur les bordures pour former un carr et sadapter aux miniatures du slecteur dimages. Ce cadrage naffecte pas limage dans la zone de visualisation et dans le diaporama. Les flches servent faire pivoter vos images (dans le sens horaire et anti horaire). Description: Le champ description correspond au texte qui apparatra dans la zone de commentaires. Si le multi langage est activ, vous pouvez remplir ce champ avec plusieurs langues

5.2 - ASSISTANT "Assistant de mise en forme" Lassistant de cration vous facilite la tche en vous proposant des mises en forme prdfinies. Dans le premier menu de l'inspecteur, cliquez sur le bouton "Assistant de cration". Vous pouvez utiliser cet assistant tout moment! Lorsque vous crez un nouvel album photo ou sur un album photo dj dit.

Pour que votre album photo apparaisse automatiquement sous la forme d'un slideshow (images dfilante) cliquez directement sur le bouton "Mode images dfilantes". De mme, vous pouvez choisir une mise en forme prdfinie pour votre album photo en mode Normal et en mode Pleine page . Choisissez une mise en forme dans la liste qui sera ensuite directement applique votre album photo. La mise en forme prdfinie peut tre diffrente en mode Normal et en mode Pleine page .


"Assistant de couleurs" L'assistant vous propose des palettes de couleurs prdfinies pour votre album photo. Si vous dsirez appliquer une palette de couleurs slectionnezen une dans la liste. Cette palette sera alors automatiquement applique. Par la suite, vous pouvez sans problme modifier ces couleurs dans longlet des paramtrages.

5.3 - PARAMETRAGES DU VISUEL ET DES FONCTIONNALITES Le deuxime onglet de l'inspecteur de proprits vous donne accs 6 menus de paramtrage: Couleurs et design: Choisissez ici les couleurs appliquer au slecteur 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 prdfini de l'Album Wizard.

Paramtres 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 faon alatoire. Choisissez aussi le temps d'affichage de chaque image (en secondes). Paramtres du slecteur d'images: Le slecteur d'image peut tre paramtr dans deux modes:

en mode normal (album intgr dans votre page Web) en mode pleine page (album en superposition sur votre page web)

Choisissez ici le mode de dfilement 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 mmes paramtrages sont applicables au mode pleine page. Note: ces paramtrages seront uniquement visibles si vous choisissez de faire apparatre le slecteur d'image (voir l'Assistant de cration). Paramtres des commentaires: En cochant ou dcochant la case "Afficher les commentaires" vous rendrez visible ou invisible la zone de commentaires. Vous pouvez aussi dterminer les paramtres d'attribution de nom vos photos. Enfin, vous pouvez choisir de faire apparatre ou non les info-bulles personnalises de vos miniatures. Paramtres avancs: Les paramtres avancs vous permettent: d'autoriser le mode pleine page et de dterminer l'apparence du fond dans ce mode. de paramtrer le taux de compression des images. d'agencer manuellement les composants de votre album photo (section mise en forme manuelle)


5.4 - PLUGINS Cet onglet vous permet d'utiliser des animations Flash et de les intgrer directement dans l'album photo de Web Acappella. Ces animations Flash ne sont pas la proprit d'Intuisphere et sont mises la disposition des utilisateurs pour leur usage personnel seulement. Pour insrer et activer ces plugins, slectionnez le plugin voulu dans l'inspecteur de l'album photo, onglet "Design", menu "Plugin". Vous avez accs deux plugins crs par la socit Airtight Inc. Ces plugins sont intgrs Web Acappella dans leur version gratuite. Vous pouvez passer la version Professionnelle de ces plugins via ces adresses: Simple Viewer: http://www.airtightinteractive.com/simpleviewer/pro/ Tilt Viewer: http://www.airtightinteractive.com/projects/tiltviewer/pro/ Une fois que votre version Professionnelle du plugin est achete et tlcharge, pour l'installer cliquez simplement sur le bouton "Fichier du plugin". Ajoutez le fichier du plugin (dans sa version Professionnelle) votre bibliothque de fichiers et slectionnez-le pour l'utiliser dans votre album photo.

6. - BOUTON Afin de crer vos liens ou vos menus, Web Acappella met votre disposition des boutons de navigation entirement paramtrables. Pour insrer un bouton, cliquez sur le menu Insertion Ajouter un bouton , ou cliquez sur l'icne:

Aspect gnral du bouton: Dans cette partie choisissez la forme gnrale de votre bouton: Pastille, Rectangle, Cercle ou rectangle arrondi (vous pouvez paramtrer le % du coin). Vous pouvez dcider dappliquer ou non un effet 3D et une ombre sur le bouton (cases cocher).

Aspects graphiques du bouton: Il est possible de dterminer laspect 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 slectionner une couleur sur la palette ou slectionner une image depuis votre Bibliothque de ressources . De mme vous pouvez appliquer un effet de lumire sur votre bouton. Choisissez une

http://www.airtightinteractive.com/simpleviewer/pro/http://www.airtightinteractive.com/projects/tiltviewer/pro/


couleur dans loption Luminosit bouton . Vous pouvez rgler le degr de transparence de la luminosit.

Pictogramme Loption Pictogramme vous permet dinsrer une image dans votre bouton afin de le personnaliser. Vous pouvez par exemple insrer votre logo ou tout autre lment dcoratif. Si vous dcochez lutilisation du pictogramme dans l tats survol ou dans l tat actif , le pictogramme de l tat normal sera alors utilis par dfaut. Vous choisissez la taille de votre pictogramme (en %) grce au menu droulant.

Proprits du texte: Choisissez ici la couleur du texte de votre bouton. Vous pouvez lui ajouter un effet dombre ou bien encore le souligner.

Proprits gnrales du texte: Entrez le texte qui apparatra sur votre bouton. Pensez adapter la taille du bouton la taille de votre texte. Vous pouvez aussi faire apparatre une Info bulle. Lors du survol de votre bouton, le texte que vous aurez saisi apparatra dans une bulle. Cette option est pratique lorsque vous dsirez dcrire quoi correspond le bouton. Choisissez une police de caractre, sa taille et ses attributs (gras ou italique) et dterminez lalignement de votre texte ( gauche, centr ou droite). La marge intrieure dtermine lemplacement du texte dans le bouton. Plus le pourcentage est lev, plus le texte sera loign des bords du bouton. La marge intrieure est inefficace si le texte est centr. Liens hypertexte: Dans longlet Lien des proprits 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.

7. - MENU DYNAMIQUE Le menu dynamique facilite la navigation dans votre site en vous proposant un systme de menus et de sous-menus. Organisation de votre menu : Crez autant de menus et de sous-menus que vous le souhaitez. Pour crer un nouveau menu principal, slectionnez Menu dynamique puis cliquez sur ..... Pour un nouveau sous-menu, placez vous sur un menu principal et cliquez sur ..... Dans la fentre Nom du menu , vous pouvez renommer vos menus et sous-menus puis leur attribuer un lien hypertexte.


Rorganisez votre menu grce aux boutons Monter et Descendre . Apparence de votre menu : Longlet Affichage du menu permet de rgler lapparence de votre menu et de vos sous-menus.

Choisissez lorientation, le fond, la police de caractre, la couleur des sparateurs, le style qui apparatra lors du survol du texte, lapparence des coins, la bordure...

8. - FORMULAIRE DE CONTACT Simplifiez lenvoi d'un email, vers votre adresse e-mail, par un visiteur du site, grce au formulaire de contact Choisissez-vous mme les champs que vous dsirez voir apparatre, lapparence de votre formulaire ainsi que les paramtres denvoi du mail.

CONTRAINTES TECHNIQUES Lutilisation du formulaire de contact ncessite lactivation et la prise en charge de certaines fonctionnalits auprs de votre hbergeur: Prise en charge du PHP (langage informatique de programmation Web ct serveur). Prise en compte de la Fonction Mail dans PHP (qui permettra le transfert des mails depuis votre site Web vers votre bote mail). Note: Renseignez-vous auprs de votre hbergeur pour savoir si ces fonctionnalits sont prises en compte dans votre hbergement.


L'inspecteur du formulaire de contact est divis en trois principales catgories: - 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) grce la liste droulante Nombre de zones du formulaire . - La liste droulante Zone nx vous permet de naviguer entre les diffrents champs de votre formulaire. - Attribuez ensuite une hauteur (exprime en pixels, 25 pixels par dfaut) et le nombre maximum de caractres insrables la zone en cours ddition. - Dterminez le type de zone que vous dsirez insrer 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 dune zone remplir par lutilisateur (exemples: nom, prnom, adresse Email, ...). Vous avez la possibilit de saisir un texte d'exemple dans le champs "Message par dfaut", champs uniquement disponible lorsque ce type de zone est slectionn. Exemple: "Saisir ici votre adresse Email...". Texte ditable large : texte pouvant tre le corps du message envoy depuis le formulaire (exemple: zone ou lutilisateur du formulaire saisi son message). Choix multiples : ce type de champs vous permet d'ajouter un menu droulant choix multiples dans votre formulaire. Dans le champs "Liste des valeurs" saisissez votre liste de choix en sparant les valeurs par une virgule (ex: M.,Mlle,Mme). Vous avez aussi la possibilit de choisir une des valeurs saisies comme valeur par dfaut de votre menu droulant grce "Elment slectionn par dfaut". - Si vous dsirez quun champ soit obligatoirement rempli par lutilisateur du formulaire, cochez la case Champ obligatoire . Pour que les mails envoys 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 darrire-plan et une bordure vos champs et modifier lapparence 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 modifie en mode normal et survol. Choisissez aussi le style de texte de vos boutons. L'effet 3D et l'ombre porte sont des options applicables aux boutons de votre formulaire. Vous avez enfin le choix de faire apparatre ou non le bouton Effacer qui sert supprimer tout le contenu saisi dans les champs ditables du formulaire. Fond Paramtrez enfin le fond de votre formulaire: couleur/image de fond, bordure, ombre porte et transparence.


9. - ZONE DE COULEURS Les zones de couleurs sont des lments qui pourront vous servir crer 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 alatoire. Vous pouvez alors la redimensionner et choisir sa couleur ou son image darrire plan. Via son inspecteur, dterminez une image darrire plan et/ou une couleur darrire plan. Vous pouvez par la suite rgler son degr de transparence et lui attribuer une bordure. De mme, vous pouvez appliquer un dgrad, des coins arrondis ainsi quun effet dombre porte. Note: En rglant son ordre dapparition dans la page (premier plan, arrire plan, avancer, reculer), vous pouvez vous servir de cet lment comme base dune interface graphique pour votre site.

10 - VIDEO Pour intger une vido votre page, cliquer sur le menu Insertion puis sur Ajouter une vido Vido au format.flv

L'inspecteur de l'lment vido vous permet de: Choisir le lien vers votre vido (format .flv impratif) depuis la bibliothque de ressources (grce au bouton "+") ou depuis une adresse Internet. Paramtrer les options de lecture ("Lancer au dmarrage", "Rpter" et "Volume par dfaut"). Paramtrer le visuel (boutons de navigation et barre de progression). Note: Votre vido est lue en streaming. Cela signifie quelle na pas besoin dtre compltement charge pour que la lecture commence. Pour en savoir plus sur les logiciels qui vous permettront de convertir vos vidos au format .flv, rendez vous sur cette page: http://www.webacappella.fr/crbst_16.html Vido en ligne (Youtube...)

http://www.webacappella.fr/crbst_16.html


Vous pouvez aussi insrer des vidos hberges en ligne sur les sites Youtube, Dailymotion ou Myspace. Slectionnez simplement "Vido en ligne" dans le menu droulant. Collez ensuite l'adresse Internet de la vido ou le code HTML gnr par un des trois sites cits ci-dessus. A propos de la taille de la vido dans le mode "Vido en ligne": Les sites de partage de vido peuvent vous proposer diffrentes tailles de vido. Web Acappella vous permet d'adapter automatiquement la taille de votre vido. En effet, les valeurs "hauteur" et "largeur" dtermines par les sites de partage sont transforme en "1OO%" afin de s'adapter la taille choisie pour votre lment.

11. SON Pour intgrer un son votre site, cliquez sur le menu Insertion puis sur Ajouter un lment sonore.

L'inspecteur de l'lment sonore vous permet de: Choisir le lien vers votre son (format .mp3 impratif) depuis la bibliothque de ressources (grce au bouton "+") ou depuis une adresse Internet. Paramtrer les options de lecture ("Lancer au dmarrage", "Rpter" et "Volume par dfaut"). Paramtrer le visuel (boutons de navigation et barre de progression). Note: Votre lment sonore est lu en streaming. Ceci signifie qu'il na pas besoin dtre compltement 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: http://www.webacappella.fr/crbst_16.html


12 - LIEN HYPERTEXTE Les liens hypertexte vous permettent de naviguer dans votre site, denvoyer vos visiteurs vers dautres sites, denvoyer des e-mails, de slectionner des fichiers ou bien encore de changer la langue de votre site. Les liens hypertexte peuvent tre appliqus sur: Le texte, Les images, Les bouton et menus dynamiques, Les zones de couleur, Les frames Les lments multimdia

Lorsque vous tes sur un lment ou sur du texte, le menu de l'inspecteur vous permet d'accder aux diffrents types de liens hypertexte.

Note: pour chaque type de lien (sauf pour les e-mails), vous pouvez choisir de le rendre effectif dans la page courante (changement de page dans une mme fentre) ou de louvrir dans une nouvelle page Internet.

Lien vers une page de ce site Web : Votre site comporte plusieurs pages et vous dsirez crer un lien vers une de ces pages. Cliquez sur ce type de lien et lexplorateur 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 lexplorateur ou importez en un de votre ordinateur grce au bouton Ajouter un nouveau fichier . Si vous avez effectu des modifications rcentes sur un fichier, slectionnez le dans votre liste de fichiers et cliquez sur le bouton Rafrachir , 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, vido QuickTime...).

Lien vers une adresse Internet : Le lien dirige les visiteurs vers un autre site Internet.

Un champ apparat vous demandant de Taper une adresse Internet [...] . Remplissez le champ avec ladresse Internet vers laquelle le lien hypertexte pointera. Noubliez pas de mettre http:// au dbut de votre adresse pour quelle soit correctement prise en compte. Si vous choisissez douvrir le lien dans une nouvelle fentre, une info bulle gnre par Web Acappella vous permettra douvrir cette fentre sans tre gn par le systme anti popup de votre navigateur Internet.

LIMITES D'UTILISATION Liens externes et Flash en mode prvisualisation En mode prvisualisation, les liens vers des sites externes sont bloqus par Flash. Vous pouvez contourner cette limitation sans aucun danger pour votre ordinateur. Rendez vous sur cette page: http://www.macromedia.com/support/documentation/fr/flashplayer/help/settings_manager04.html Sur le Gestionnaire des paramtres Adobe Flash Player : - Menu droulant Modifier -> Ajouter - Cliquer sur Rechercher un dossier - Slectionner le dossier WebAcappella dans Mes documents - Cest fini !

Lien vers une adresse E-mail : Le lien envoie un Email vers ladresse indique. Remplissez le champ avec ladresse Email dsire. En cliquant sur ce lien, les visiteurs de votre site pourront envoyer un Email ladresse dfinie. Ce lien ouvre automatiquement l'utilitaire d'envoie d'Email par dfaut (Gmail, Outlook...).


Spcial e-commerce Lien vers le panier d'achat" Uniquement disponible si un module E-commerce a t insr 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 prsents dans votre panier.

13. - COMPTEUR DE VISITES Le compteur de visites permet de suivre la frquentation de votre site. Il comptabilise le nombre de visiteurs qui se sont connects sur votre site.

Cliquez sur le menu Insertion puis sur Ajouter un compteur . Dans longlet Gnral , choisissez un style de compteur. Vous pouvez lui ajouter un cadre et dterminer son paisseur. De mme, il est possible dajouter un arrire plan au compteur et de lui attribuer une bordure. La transparence est aussi paramtrable pour cet lment. Placez le compteur sur votre page. Note: Le compteur sera actif une fois votre site en ligne. De mme, il est ncessaire davoir un hbergeur compatible avec cette fonctionnalit (exemple: Free, 9 Tlcom, ...)

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 rsultats de votre recherche s'affichent alors dans une fentre en superposition. Vous pouvez ensuite effectuer une nouvelle recherche, cliquer sur un lien ou fermer la fentre. CONSEIL: nous vous conseillons d'insrer le moteur de recherche dans une maquette ou dans chacune de vos pages pour autoriser la recherche n'importe quel moment.

14. - ANCRE HTLM Llment Ancre HTML va vous permette de crer des liens des endroits prcis de vos pages. Cet lment est particulirement

Documents

Manuel de l'aide en ligne - agalia.free.fragalia.free.fr/acappella/wa_files/AIDE_20en_20LIGNE_20WA.pdf · Aide en ligne de Web Acappella 1 maj 05/10 Avertissement La consultation