Manuel l`aide en ligne Web Acappella

Transcription

Manuel
de
l'aide en ligne
de
Web Acappella
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 2010.
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
http://www.webacappella.fr/portal/index.php?lang=fr
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 2.000 €
SIRET 48060568200032
37 Avenue Salvador Allende - 33130 BEGLES
Aide en ligne de Web Acappella
1
maj 05/10
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 ...........................................................
1.1.1 – Propriétés Générales de la publication ............................
1.1.2 - Gestion des sous-dossiers et du multi site ......................
1.1.3 - Gestion de la base de données ..........................................
1.1.4 - Mail ........................................................................................
1.2 Configuration manuelle. .................................................................
1.3 Publier votre site sur votre ordinateur ..........................................
2. Informations sur l'hébergement ..............................................
3. Hébergements de sites 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 .........................................
6
7
7
7
8
8
9
10
10
11
11
11 & 12
12 & 13
13
C- INTERFACE DE WEB ACAPPELLA
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 .............................................................
14
14
14
14
15
15
16
D- PREFERENCES GENERALES DE WEB ACAPPELLA
1. Préférences générales .............................................................
2. Préférences des images de votre site
17
2.1. Compression des images (JPEG) ..............................................
2.2 Taille maximale des images .........................................................
2.3. Format des images importées en glissé/déposé .......................
17
18
18
18
18
18
19
19
3. Navigateur Internet de votre site ............................................
4. Choix de la langue de l'application ........................................
5. Correcteur orthographique chez MAC ....................................
6. Grille magnétique .....................................................................
7. Vectorisation des polices ........................................................
E- PROPRIETES DE VOTRE SITE WEB
1. Référencement de votre site Web ............................................
2. Activer et utiliser le multi langage ...........................................
20
21
2.1 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 ............................................ 22
4. Fonctions avancées des propriétés du site Web .................... 22 & 23
2
maj 05/10
F- PROPRIETES DE VOS PAGES WEB
1. - Arrière plan et taille de la page ............................................. 24
2. - Référencement de votre site web .......................................... 24
3. - Protection de la page ............................................................. 25
4. – Multi langage ................................................................................ voir page 21
5. – Paramétrages avancés de la page ....................................... 26
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 ...............................................
9-. - Propriétés générales des éléments
27
28
28
29
29
29
30
30
9.1 - Propriétés géométriques .......................................................... 30
9.2 - Apparence du fond .................................................................... 31
9.3 – transparence ou opacité des éléments .................................. 31
9.4 - Effets de bordure des éléments ............................................... 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 ....................................................... déplacé en K
5. - Album photo ........................................................................... 37
5.1 - Ajout d'images ........................................................................... 37
5.2 - Assistant de création ................................................................ 38
5.3 - Paramétrages du visuel et des fonctionnalités ...................... 38 & 39
5.4 - Plugins ........................................................................................ 39
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 ................................................................
40 & 41
41
42 & 43
44
44
45
45 & 46
47
47 & 48
48
48 & 49
50
I- MANIPULATIONS AVANCEES
1. - Editeur de thème visuel ........................................................... 51 & 52
2. - Organisation des pages ........................................................... 52
3. – Maquettes ................................................................................. 52 & 53
4. - Pieds de page ........................................................................... 53 & 54
5. - Rafraîchir votre site .................................................................. 54
6. - Gestionnaire d'espace Web ..................................................... 54
7. - Insérer des balises Meta dans votre site ................................ 55
8. - Bibliothèque des images ......................................................... 55
9. - Bibliothèque des fichiers ......................................................... 56
3
maj 05/10
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érer votre site depuis une sauvegarde ...........................
57
57
58
58
58
59
59
60
K- MODULE E-COMMERCE
1 Ajout d'articles ..........................................................................................
2 Options du E-commerce ........................................................................
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 ...................................................................................................
3 Affichage du panier et validation de la commande .........................
4 Paiement des commandes ....................................................................
5 Design de votre catalogue .....................................................................
61
62
63
63
63 & 64
64
64
65
66
66 & 67
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
4
maj 05/10
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é!
5
maj 05/10
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.
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 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:
1.1.1 – Propriétés Générales de la publication
1.1.2 - Gestion des sous-dossiers et du multisite
1.1.3 - Gestion de la base de données
1.1.4 - Mail
1.1.1 - PROPRIETES GENERALES DE LA PUBLICATION
6
maj 05/10
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".
1.1.2 - 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 http://www.monsite.fr/acappella3/index.html
peut se changer en http:// www.monsite.fr/mespassions/index.html. Si vous désactivez 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 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.
7
maj 05/10
1.1.4 - 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 Emails: vous pouvez choisir ici l'endocage des Email 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.
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
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:
1.2.1 - Propriétés générales 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 différents champs (hôte, identifiant, mot de passé) avec les informations
communiquées par votre fournisseur d’hébergement.
8
maj 05/10
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 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.
9
maj 05/10
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: http://www.monsite.fr), de créer des comptes emails associés à votre site (ex:
[email protected]), 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
10
maj 05/10
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 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 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 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 ....
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 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).
11
maj 05/10
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
http://perso.orange.fr/?????/
2 - Renseigner vos identifiants Orange dans Web Acappella
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)
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 prêt à construire votre site
3.4 - 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 http://perso.orange.fr/?????/
12
maj 05/10
2 - Renseigner vos identifiants Orange dans Web Acappella
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).
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 prêt à construire votre site ....
3 XX – VOIR D’AUTRES HEBERGEMENTS SUR L’AIDE EN LIGNE
leur mise à jour n'était pas faite au 01/05/2010
13
maj 05/10
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.
14
maj 05/10
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 »).
15
maj 05/10
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...)
16
maj 05/10
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.
2.1 - 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.
17
maj 05/10
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.
2.3 - 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
18
maj 05/10
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é).
19
maj 05/10
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.
20
maj 05/10
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.
2. - 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é).
2.2. 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
21
maj 05/10
"Envoyer" du formulaire de contact).
3. - 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 ».
22
maj 05/10
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».
23
maj 05/10
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 ».
24
maj 05/10
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.
3. - 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.
4. - ACTIVER ET UTILISER LE MULTI LANGAGE
Voir page 21
25
maj 05/10
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.
26
maj 05/10
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
9-. - 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 ».
27
maj 05/10
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.
3. - 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
28
maj 05/10
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.
5. - 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%).
6. - 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
«Mettre la page courante en Page d’accueil».
7. - 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).
8. - 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 ………
30
maj 05/10
9. - PROPRIETES GENERALES DES ELEMENTS
9.1 - Propriétés géométriques
9.2 - Apparence du fond
9.3 - Transparence ou opacité des éléments
9.4 - Effets de bordure des éléments
9.1 - 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.
9.2 - 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
31
maj 05/10
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.
9.4 - 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).
32
maj 05/10
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
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
déplacé en K
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
33
maj 05/10
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
34
maj 05/10
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.
2. - 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.
35
maj 05/10
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.
3. - 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
36
maj 05/10
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:
5.1 - Ajout d'images,
5.2 - Assistant de création
5.3 - Paramétrages du visuel et des fonctionnalités
5.4 - Plugins
5.1 - 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.
37
maj 05/10
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
5.2 - 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 ».
38
maj 05/10
"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.
5.3 - 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)
39
maj 05/10
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: http://www.airtightinteractive.com/simpleviewer/pro/
Tilt Viewer:
http://www.airtightinteractive.com/projects/tiltviewer/pro/
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.
6. - 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
40
maj 05/10
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.
7. - 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.
41
maj 05/10
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...
8. - FORMULAIRE DE CONTACT
Simplifiez l’envoi d'un email, vers votre adresse e-mail, 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.
42
maj 05/10
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 Email, ...). 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 Email...".
«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.
43
maj 05/10
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.
10 - 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:
http://www.webacappella.fr/crbst_16.html
Vidéo en ligne (Youtube...)
44
maj 05/10
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: http://www.webacappella.fr/crbst_16.html
45
maj 05/10
12 - LIEN HYPERTEXTE
Les liens hypertexte vous permettent de naviguer dans votre site, d’envoyer vos visiteurs vers
d’autres sites, d’envoyer des e-mails, 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 e-mails), 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 « http:// » 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.
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:
http://www.macromedia.com/support/documentation/fr/flashplayer/help/settings_manager04.html
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 E-mail »:
Le lien envoie un Email vers l’adresse indiquée.
Remplissez le champ avec l’adresse Email désirée. En cliquant sur ce lien, les visiteurs de votre site
pourront envoyer un Email à l’adresse définie. Ce lien ouvre automatiquement l'utilitaire d'envoie d'Email
par défaut (Gmail, Outlook...).
46
maj 05/10
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.
13. - 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.
14. - 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.
47
maj 05/10
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)
15. - 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.
48
maj 05/10
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.
49
maj 05/10
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.
17. - 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.
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).
50
maj 05/10
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.
51
maj 05/10
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.
2. - 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.
3. - 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.
52
maj 05/10
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.
4. - 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 ».
53
maj 05/10
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.
5. - 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.
54
maj 05/10
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.
55
maj 05/10
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.
56
maj 05/10
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).
57
maj 05/10
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).
2. - 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.
58
maj 05/10
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.
4. - 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, http://monsite.free.fr/acappella1/index.html pourra directement être accessible en tapant
http://monsite.free.fr.
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 http://monsite.free.fr/acappella3/index.html sera directement accessible
en tapant http://monsite.free.fr.
5. - 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
ftp://[email protected]
d'utilisateur
est toto et
votre site est monsite.fr, cela donnera :
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://[email protected]:[email protected]
59
maj 05/10
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".
60
maj 05/10
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.
8. - 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.
61
maj 05/10
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é.
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 (http://www.toto.fr) 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.
62
maj 05/10
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.
63
maj 05/10
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 Email correspondant à votre compte Paypal.
Vous avez la possibilité de renseigner une seconde adresse Email 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 "Email des notifications de
paiement" vec votre adresse Email 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
64
maj 05/10
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.
65
maj 05/10
Sous total :
10 €
Frais de port :
2€
Taxe en plus :
2.35 €
Total:
14.35 €
2.5 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 "Email" ne peuvent être supprimés de la liste et "Adresse"
et "Email" 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
66
maj 05/10
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
PERSONNALISES UNIQUEMENT POUR LES UTILISATEURS EXPERIMENTES.
CES
CODES
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.
67
maj 05/10
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 Email 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 Email 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 Email automatique de notification contenant les
informations relatives à la commande vous sera envoyé.
68
maj 05/10
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.
69
maj 05/10
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.
70
maj 05/10
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: http://www.webacappella.fr/
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 e-mail 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)
71
maj 05/10
Seuls les scripts php hébergés sur les pages persos ainsi que http://sql.free.fr 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 http://www.monsite.fr/crbst_1.html.
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.
72
maj 05/10
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,...)
73
maj 05/10
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
74
maj 05/10
M - Autres documents de l'aide en ligne
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 ecommerce) 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 (http://www.toto.fr) via une FRAME empêche la gestion des cookies et par conséquent le bon
fonctionnement de votre boutique.
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:
http://www.macromedia.com/support/documentation/fr/flashplayer/help/settings_manager04.html
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 !
75
maj 05/10
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).
76
maj 05/10
IMPORTER VOS SITES CARIBOOST 2 DANS WEB ACAPPELLA
Au premier lancement de Web Acappella, l'application détecte si vous possédez déjà des sites
créés avec Cariboost 2.0 et vous propose de les importer automatiquement.
Pour cela, cliquer simplement sur le bouton "Importer vos sites Cariboost 2.0".
Cette action n'aura aucune répercussion sur vos sites créés avec Cariboost 2.0. L'ensemble des sites
Cariboost 2.0 et l'application elle même ne subiront aucune modification, aucun effacement et aucune
altération de données.
Les sous-dossiers et fichiers présents dans le dossier "Cariboost2" seront simplement copiés puis
collés dans un nouveau dossier intitulé "WebAcappella". De cette manière, vos sites seront
automatiquement repris par Web Acappella et vous pourrez continuer à travailler normalement
dessus.
Pour importer manuellement vos sites créés avec Cariboost 2.0, fermez Web Acappella et
effectuez cette simple opération:
- Copiez l'intégralité des dossiers contenus dans le dossier /.../Mes documents/Cariboost2.
- Ouvrez ensuite le dossier /.../Mesdocuments/WebAcappella et collez l'intégralité des dossiers
précédemment copiés.
- Lancez Web Acappella et vous constaterez que tous vos sites sont de nouveau présents!
77
maj 05/10
LES TUTOS du site de WEB ACAPPELLA
A DOSSIERS
- Héberger son site Web Acappella:
-Votre premier site Web Acappella en 6 étapes:
- Petits tutoriaux :
Bien exploiter l'outil zone de couleur
Publier votre site sur une clé USB ou sur CDrom
Comment tester ses paramètres Ftp
Régler le poids des images de votre site
- Utilisation du multilangage :
- Questions fréquentes :
- Logos et icônes :
- Acceptez les paiements par carte bancaire
grâce à Paypal :
- Etre visible sur le Web grâce au référencement
- Assistance publication avec Web Acappella
B- VIDEOS
- Présentation de Web Acappella
- Module E-commerce
- Les zones de couleur
78
maj 05/10

Manuel l`aide en ligne Web Acappella

Transcription

Documents pareils

1er pas dans I-Prof

Pour consulter le manuel d`utilisation d`une machine John Deere

detecter et supprimer les faux logiciels sous

Tutoriel pour l`émulateur Windows du commodore 64 (CCS64)

Rendez-vous sur la page d`accueil de Google http://www.google.fr

Comment accéder aux fiches de sécurité (FDS) de nos produits.

Tutoriel pour Free Video Dub Comment supprimer des parties

le guide - Convention Cadre Centres Sociaux

RAILY 4 SE – version d`évaluation

PROTECTION DES DOCUMENTS PDF générés avec PDF